.bbbg{background:url('../box/liantu.jpg???') top left; background-size:cover; }

.contrast{padding:40px 0;}
.contrast>article{width:1400px;}  
.contrast .fa{font-size:26px;}
.contrast .bb{display:block;}
.contrast .bb b{display:block; font-size:22px;}
.contrast .bb p{line-height:1.5; padding:8px 0; height:64px; overflow:hidden; transition:.3s;}

.contrast .bb i{font-style:normal; font-size:18px; display:block; color:#e22;}
.contrast .bb a{font-size:14px; background:#3763dd; color:#fff; padding:0 20px; margin:10px 0 5px 0; border-radius:5px; line-height:32px; display:inline-block;}
.contrast .bb a:before{position:relative; left:-2px; padding-right:2px;}
.contrast .bb a:hover{background:#5691f5;}
.contrast th{border:1px solid #e3e6ec; text-align:center;  background:#fafbfe; font-weight:normal; padding:8px;}
.contrast td{border:1px solid #e3e6ec; text-align:center; background:#fff; padding:8px; transition:.2s;}
.contrast .ri-close-line{color:#e22;}
.contrast .ri-check-line{color:#37bb58}
.contrast aside{padding-top:38px;}
.contrast tr:first-child{position:sticky; top:70px;} 
.contrast tr:hover td{background:#fafbfe;}

.contrast>article>table.on tr:first-child{box-shadow:0 2px 4px rgba(0,0,0,.18); border-bottom:1px solid #e3e6ec;}
.contrast>article>table.on .bb p{height:0; padding:0;}

@media(max-width:767px){
.contrast>article>table{overflow:auto; display:block; width:100%;}
.contrast>article>table>tbody{display:table; width:200%; font-size:14px;}
.contrast th{padding:5px;}
.contrast th[width]{width:auto !important;}
.contrast td{padding:5px;}
.contrast td[width^="120px"]{width:45px !important;}
.contrast tr:first-child{position:static; top:0;}
.contrast tr:first-child th:before{display:none;} 
}

.bangou{position:fixed; left:0; right:0; top:80px; z-index:9998; visibility:hidden; opacity:0; transition:.3s;}
.bangou.active{visibility:visible; opacity:1;}
.bangou article{width:1000px;}
.bangou ul{}
.bangou ul>li{float:left; width:50%; padding:0 28px;}
.bangou ul>li>h2{padding:18px; text-align:center; background:#f3f3f3; background:url('../box/foots.jpg?') top center; 
background-size:cover; box-shadow:0 4px 12px rgba(0,0,0,.18); border-bottom-left-radius:6px; border-bottom-right-radius:6px; font-weight:bold; font-size:28px;}
.bangou ul>li.free>h2{ }
.bangou ul>li.enterprise>h2{ }
.bangou ul>li.specialty>h2{ }

@media(max-width:1200px){
.bangou ul>li{padding:0 8px;}
}
@media(max-width:992px){
.bangou{top:60px;}
.bangou ul>li{padding:0; width:100%; display:none;}
.bangou ul>li.active{display:block;}
}



.two{overflow:hidden; padding:50px 0; background:#f3f7ff;}
.two article{width:1080px;}
.two article>div{margin:auto; width:60%; 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;}
.two article>div{padding:18px;}
}
@media(max-width:767px){
.two{padding:8px 0 ;}
.two article>div{float:none; width:100%; padding: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%);}




.ask{padding:50px;}
.ask>h2{text-align:center; font-size:36px; font-weight:bold; margin-bottom:30px;}
.ask article{width:1400px;}
.ask article dl{float:left; width:50%; margin-bottom:20px;}
.ask article dl:nth-child(2n){padding-left:20px;}
.ask article dl:nth-child(2n+1){padding-right:20px;}
.ask article dt{ font-weight:bold;}
.ask article dd{font-size:14px; height:74px; overflow:hidden;}
.ask article:after{display:block; content:''; clear:both;}
@media(max-width:1200px){
.ask{padding:30px;}
.ask>h2{font-size:28px; margin-bottom:20px;}
.ask article dl:nth-child(2n){padding-left:10px;}
.ask article dl:nth-child(2n+1){padding-right:10px;}
}
@media(max-width:767px){
.ask{padding:15px;}
.ask>h2{font-size:22px; margin-bottom:10px;}
.ask article dl{float:none; width:auto; margin-bottom:10px;}
.ask article dl:nth-child(2n){padding-left:0;}
.ask article dl:nth-child(2n+1){padding-right:0;}
}