.qmhy{text-align: center; margin:48px 0 8px 0;}
.qmhy a{display:inline-block; border:1px solid #ddd; padding:8px 38px; font-size:18px; margin:0 18px; border-radius:83px;}
.qmhy a.on{background:rgb(65,93,138); color:#fff; border-color:rgb(65,93,138);}
@media(max-width:767px){
.qmhy{margin:28px 0 8px 0;}
.qmhy a{padding:4px 22px; font-size:16px; margin:0 8px;}
}


.introduce{background:; overflow:hidden; }
.introduce .content{margin-top:18px;}
.introduce .content:after{display:block; content:''; clear:both;}
.introduce .content>.img{text-align:right;}
.introduce .content>.img img{max-width:100%;}
@media(min-width:992px){
.introduce .content>.img{float:left; width:45%;}
.introduce .content>.img+aside{float:left; width:55%; padding-left:28px;}
.introduce{padding-top:28px; padding-bottom:28px;}
}
@media(max-width:991px){
.introduce{padding-top:18px; padding-bottom:18px;}
}
@media(max-width:767px){
.introduce aside{margin-top:8px;}
}


.sorts{padding:50px 0 80px 0;}
.sorts article{width:1380px;}
.sorts ul{}
.sorts ul li{float:left; width:20%; position:relative;}
.sorts ul li em{position:absolute; right:-14px; top:88px; font-size:28px; width:28px; text-align:center; color:#888;}
.sorts ul li img{width:158px; height:158px; border-radius:50%; object-fit:cover; display:block; margin:0 auto 28px auto;}
.sorts ul li span{text-align:center; display:block; }
.sorts ul li span b{font-size:18px;display:block; }
.sorts ul li span p{margin-top:8px;}
@media(max-width:991px){
.sorts{padding:30px 0;}
.sorts ul li{width:33.333%; margin-bottom:18px;}
}
@media(max-width:767px){
.sorts ul li{width:100%; margin-bottom:8px;}
.sorts ul li img{width:68px; height:68px; margin:0; float:left;}
.sorts ul li span{text-align:left; padding-left:88px;}
.sorts ul li span b{font-size:18px; margin-top:4px;}
.sorts ul li span p{margin-top:4px;}
.sorts ul li em{display:none;}
}



.two{overflow:hidden; padding:50px 0 0 0; background:#f3f7ff;}
.two article{width:1080px;}
.two article>div{float:left; width:50%; padding:30px;}
.two article>div>aside{text-align:center; background:#fff; padding:50px 20px; box-shadow:0 2px 3px rgba(121,150,242,0.5); border-radius:3px;}
.two article>div>aside h2{font-size:28px; font-weight:bold;}
.two article>div>aside h3{color:rgb(63,167,110); margin:8px 0; line-height:1.35;}
.two article>div>aside h3 i{font-size:20px;}
.two article>div>aside h3 b{font-size:28px; font-weight:normal;}
.two article>div>aside h3 u{text-decoration:none;}
.two article>div>aside h3 p{font-size:17px;}
.two article>div>aside del{margin:0 0 18px 0; display:block; font-size:12px; color:#888;}
.two article>div>aside>div{margin-bottom:28px; line-height:2;}
@media(max-width:991px){
.two{padding:30px 0 0;}
.two article>div{padding:18px;}
}
@media(max-width:767px){
.two{padding:8px 0 0;}
.two article>div{float:none; width:100%; padding:8px;}
}


.discount{padding:50px 0 80px 0; background:url('../box/foots.jpg?') bottom; background-size:cover;}
.discount article{width:1380px;}
.discount div{background:#fff; padding:38px; border-radius:4px; box-shadow:0 2px 3px rgba(121,150,242,0.5);}
.discount div:after{display:block; content:''; clear:both;}
.discount div>aside{width:38%; float:left; padding-right:18px;}
.discount div>aside>h1,
.discount div>aside>h2,
.discount div>aside>h3,
.discount div>aside>h4,
.discount div>aside>h5,
.discount div>aside>h6{padding-left:22px; font-weight:bold; margin-bottom:28px;}
.discount div>aside>p{padding-left:22px; position:relative;}
.discount div>aside>p+p{margin-top:18px;}
.discount div>aside>p:before{display:block; position:absolute; left:0; top:8px; width:12px; height:12px; border-radius:50%; content:''; background:rgb(65,93,138);}
.discount table{width:62%; float:left; font-size:18px;}
.discount table th{color:#fff; font-weight:normal; border:1px solid #fff; padding:12px 0; border-radius:3px; text-align:center; background:rgb(65,93,138);}
.discount table td{text-align:center; background:#f2f4f8; border:1px solid #fff; border-radius:3px;}
.discount table tr:hover td{background:#f8fcfe;}
@media(max-width:1200px){
.discount div{padding:28px;}
.discount div>aside>h1,
.discount div>aside>h2,
.discount div>aside>h3,
.discount div>aside>h4,
.discount div>aside>h5,
.discount div>aside>h6{margin-bottom:18px;}
}
@media(max-width:992px){
.discount{padding:20px 0 50px 0;}
.discount div>aside{width:100%; float:none; margin-top:0; padding:0 0 18px 0;}
.discount table{width:100%; float:none;}
}
@media(max-width:767px){
.discount{padding:8px 0 18px 0;}
.discount div{padding:8px;}
.discount div>aside>h1,
.discount div>aside>h2,
.discount div>aside>h3,
.discount div>aside>h4,
.discount div>aside>h5,
.discount div>aside>h6{margin-bottom:8px;}
.discount div>aside>p+p{margin-top:8px;}
}


a.buy{display:inline-block; line-height:44px; position:relative; padding:0 22px 0 12px;
border-radius:4px; color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.18); background:rgb(56,129,245);}

a.buy:before,
a.buy:after,
a.buy i:after,
a.buy i{width:28px; height:28px; border-radius:50px; position:relative; line-height:28px; font-size:14px; 
text-align:center; background:#3763dd; margin-right:12px; content:''; transition:.3s;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#3763dd), color-stop(100%,#5691f5));
background:-moz-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:-webkit-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:-o-linear-gradient(to bottom, #3763dd 0% #5691f5 100%);
background:-ms-linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);
background:linear-gradient(to bottom, #3763dd 0%, #5691f5 100%);}
a.buy b{font-weight:normal; font-size:16px; position:relative; z-index:2; letter-spacing:1px; text-shadow:0 0 4px rgba(0,0,0,.18);}
a.buy:before{width:12px; height:12px; position:absolute; right:6px; bottom:6px; margin:0; opacity:.78;}
a.buy:after{width:6px; height:6px; position:absolute; right:14px; top:8px; margin:0; opacity:.88;}
a.buy i:after{top:-2px; right:-2px; width:10px; height:10px; position:absolute; opacity:.48; margin:0;}

a.buy.green,
a.buy:hover{background:rgb(29,213,111);}

a.buy.green:before,
a.buy.green:after,
a.buy.green i:after,
a.buy.green i,
a.buy:hover:before,
a.buy:hover:after,
a.buy:hover i:after,
a.buy:hover i{background:#3763dd;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,rgb(17,167,84)), color-stop(100%,rgb(93,225,152)));
background:-moz-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:-webkit-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:-o-linear-gradient(to bottom, rgb(17,167,84) 0% rgb(93,225,152) 100%);
background:-ms-linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);
background:linear-gradient(to bottom, rgb(17,167,84) 0%, rgb(93,225,152) 100%);}

a.buy.green:hover{background:rgb(255,98,76);}

a.buy.green:hover:before,
a.buy.green:hover:after,
a.buy.green:hover i:after,
a.buy.green:hover i{background:#a92e1c;
background:-webkit-gradient(linear, top, bottom, color-stop(0%,#a92e1c), color-stop(100%,#e9948f));
background:-moz-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:-webkit-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:-o-linear-gradient(to bottom, #a92e1c 0% #e9948f 100%);
background:-ms-linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);
background:linear-gradient(to bottom, #a92e1c 0%, #e9948f 100%);}




.gain{overflow: hidden; padding:80px 0 8px 0; background:#f3f7ff;}
.gain article{width:1380px;}
.gain ul li{margin: 0 0 18px 0}
.gain ul li:last-child{margin: 0}
.gain ul li span{display: block; border-radius: 100px; overflow: hidden; background: #fff; box-shadow: 2px 2px 2px rgba(121,150,242,0.5); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s}
.gain ul li span:hover{transform: scale(1.02); -moz-transform: scale(1.05); -webkit-transform: scale(1.05)}
.gain ul li span:after{display: block; content: ''; clear: both}
.gain ul li span b{font-size: 22px; border-radius: 100px; background:rgb(65,93,138); color: #fff; text-align: center; width: 25%; float: left; line-height: 60px; font-weight: normal}
.gain ul li span p{font-size: 18px; width: 75%; height: 60px; float: left; padding: 0 3.5%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -o-box-align: center; box-align: center}
@media(max-width:767px) {
.gain{padding-top:20px;}
.gain ul li{margin: 0 0 15px 0}
.gain ul li span{border-radius: 25px}
.gain ul li span b{font-size: 20px; width: 100%; line-height: 50px; border-radius: 25px; border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.gain ul li span b:before{margin-right: 5px}
.gain ul li span p{font-size: 14px; width: 100%; height: auto; padding: 15px}
}


.ask{padding:0 0 80px 0;}
.ask article{width:1480px;}
.ask dl{background:rgb(246,250,255); background:url('../box/foots.jpg?') top left; margin-bottom:4px; border-radius:4px; padding:18px 18px 18px 38px; position:relative;}
.ask dl:before{position:absolute; content:''; width:8px; height:8px; border-bottom-right-radius:2px; border:2px solid #666; border-width:0 2px 2px 0; top:26px; left:16px;
transform:rotate(-45deg);}
.ask dl.on:before{transform:rotate(45deg);}
.ask dl dt{cursor:pointer; font-weight:bold;}
.ask dl dd{padding-top:8px; display:none;}
.ask dl.on dd{display:block;}
@media(max-width:1200px){
.ask{padding:0 0 38px 0;}
}
@media(max-width:767px){
.ask{padding:0 0 18px 0;}
}