*{margin:0;padding:0;box-sizing:border-box;outline:medium none}body{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;background:#fafafa none repeat scroll 0 0}a{color:#23527c;text-decoration:underline}a:hover{color:#b0493b}.container{width:1000px;max-width:100%;margin:0 auto;position:relative}.social{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.content{display:block;width:80%;background:#fff none repeat scroll 0 0;padding:25px 20px;margin:0 auto}.content h1{text-align:center;margin-bottom:16px}.content h2{font-size:19px;border-bottom:3px solid #168de2;padding-bottom:15px}.content .photo_block{font-size:0;width:100%;max-width:100%}.content .photo_block img{display:inline-block;vertical-align:top;width:50%}.btn{background:#3498db linear-gradient(to bottom,#3498db,#2980b9) repeat scroll 0 0;border-radius:28px;font-family:Arial;color:#fff;font-size:22px;padding:10px 20px;text-decoration:none;cursor:pointer;display:block;text-align:center;width:310px;max-width:90%;margin:20px auto}.btn:hover{background:#3cb0fd linear-gradient(to bottom,#3cb0fd,#3498db) repeat scroll 0 0;text-decoration:none;color:#fff}.content h1,.content h2,.content img,.content p{margin-bottom:16px}.content p{line-height:1.5625}.content img{display:block;width:100%;max-width:100%}.content .list{margin-bottom:16px}.content .list p{margin-bottom:0}.social_block{border:2px solid #e6e6e6;padding:20px;margin-bottom:20px}.content .social_block img{width:auto;margin:0}.quantity{color:#45688e;font-weight:700;padding:2px 3px 1px;background:#dae2e8 none repeat scroll 0 0;margin-bottom:20px}.comment{border-bottom:1px solid #dae1e8;padding-bottom:15px;margin-bottom:15px}.content .comment .avatar{width:48px;margin-left:10px;display:inline-block;vertical-align:top}.comm_text{display:inline-block;vertical-align:top;width:calc(100% - 65px)}.content .comm_text .user_name{color:#2b587a;font-weight:700;font-size:18px;margin-bottom:0}.content .comm_text .text{font-size:18px}.content .comm_text .time{color:#999;margin-bottom:0}@media all and (max-width:1000px){.social,.social_block{display:none}.content{width:100%}.content h1{font-size:22px}.btn{font-size:18px}}p{font-size:18px}.comm_text .text{margin-bottom:0}.comm_text .text img{width:300px}.btn3{display:block;max-width:230px;width:100%;padding:15px;background:#0299ff none repeat scroll 0 0;text-shadow:1px 3px 3px rgba(0,0,0,.1);box-shadow:0 4px 25px 0 rgba(129,150,160,.45);border-radius:5px;color:#fff;border:medium none;margin:15px auto;text-align:center;font-size:15px;font-weight:700!important;text-transform:uppercase;cursor:pointer;text-decoration:none}@media screen and (max-width:400px){.btn3{padding:10px 0;margin:10px auto}}@keyframes light{0%,100%{opacity:0}60%{opacity:1}}@keyframes scale{0%{transform:scale(1)}100%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}80%{transform:rotate(4740deg)}100%{transform:rotate(4739deg)}}@keyframes spin2{0%{transform:rotate(4739deg)}100%{transform:rotate(7456deg)}}.btn3{animation:1s pulse infinite alternate ease-in-out}@keyframes pulse{0%{transform:scale(1)}100%{transform:scale(.95)}}@-webkit-keyframes dotty{0%{content:''}25%{content:'>'}50%{content:'>>'}75%{content:'>>>'}100%{content:''}}@keyframes dotty{0%{content:''}25%{content:'>'}50%{content:'>>'}75%{content:'>>>'}100%{content:''}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{background:#fff none repeat scroll 0 0}@media only screen and (max-width:450px){.top-btn1{display:none}}.top-btn1 .btn1{padding:10px 30px}.btn1{display:inline-block;color:#fff;background-color:#ff7b32!important;border-color:#ff7b32!important;border:1px solid;color:#fff;-webkit-transition:all ease .5s;transition:all ease .5s}.btn1:hover{color:#fff!important;background-color:#f96d1f!important;border-color:#f96d1f!important;text-decoration:none}