.mail-content{background:#fff}
.mail-top-advantage{padding:16px 0;background:#fff}
.mail-top-advantage .mta-list li{padding:0 10px;float:left;width:25%;box-sizing:border-box}
.mail-top-advantage .mta-list li:last-child{padding:0 0 0 10px}
.mail-top-advantage .mta-list li .mta-img{margin-top:6px;float:left;background:url(../images/newmail-icon.png) no-repeat}
.mail-top-advantage .mta-list li .mta-img.mta-img1{width:55px;height:44px;background-position:0 -648px}
.mail-top-advantage .mta-list li .mta-img.mta-img2{width:48px;height:48px;background-position:-65px -638px}
.mail-top-advantage .mta-list li .mta-img.mta-img3{width:47px;height:47px;background-position:-123px -638px}
.mail-top-advantage .mta-list li .mta-img.mta-img4{width:47px;height:47px;background-position:-180px -638px}
.mail-top-advantage .mta-list li .mta-txt{overflow:hidden;padding-left:10px}
.mail-top-advantage .mta-list li .mta-txt .mta-title{font-size:18px;color:#2c2c2c}
.mail-top-advantage .mta-list li .mta-txt p{line-height:18px;font-size:14px;color:#848687}
.mail-section{margin-top:20px;background:url(../images/newmail-config-bg.png) no-repeat top right #fff;border-radius:6px;box-shadow:0 2px 3px 0 rgba(18,44,77,.15)}
.mail-section .mail-config{padding:26px 0 50px 30px;float:right;width:250px;border-left:1px solid #eee;margin-top:70px;box-sizing:border-box}
.mail-section .mail-config .config-title{font-size:16px;color:#303030}
.mail-section .mail-config .config-list{padding-top:10px}
.mail-section .mail-config .config-list li{line-height:28px;font-size:12px;color:#535353}
.mail-section .mail-config .config-list li label{padding-right:10px;display:inline-block;width:74px;text-align:right}
.mail-section .mail-info{padding:14px 14px 20px 40px;overflow:hidden}
.mail-section .mail-info .info-title{height:64px}
.mail-section .mail-info .info-title i{float:left;display:inline-block;width:64px;height:64px;background:url(../images/newmail-icon.png) no-repeat 0 0}
.mail-section .mail-info .info-title .info-title-txt{margin-left:74px;position:relative;font-size:12px;color:#8e8e8e}
.mail-section .mail-info .info-title .info-title-txt p{padding-top:10px;font-size:18px;font-weight:700;color:#181818}
.mail-section .mail-info .info-box{padding-top:20px}
.mail-section .mail-info .info-box .box-left{float:left;width:90px;line-height:36px;font-size:16px;color:#2e2e2e;text-align:right}
.mail-section .mail-info .info-box .box-right{position:relative;padding-left:96px;min-height:36px;line-height:36px}
.mail-section .mail-info .info-box .box-right .sale-out-info{line-height:20px;height:20px;margin-left:20px;display:inline-block}
.mail-section .mail-info .info-box .box-right .sale-out-info .sale-icon{display:inline-block;background:url(../images/sale-icon.gif) no-repeat left top;width:32px;height:20px;vertical-align:top}
.mail-section .mail-info .info-box .box-right .sale-out-info .sale-text-info{border:1px solid #eee;display:inline-block;padding-left:5px;height:18px;background-color:#f9f9f9;color:#666;vertical-align:top;margin-bottom:12px}
.mail-section .mail-info .info-box .box-right .count{display:inline-block;vertical-align:middle;font-size:0}.
mail-section .mail-info .info-box .box-right .count .count-subtract,.mail-section .mail-info .info-box .box-right .count .count-add{position:relative;display:inline-block;width:35px;height:36px;background:#f9f9f9;border:1px solid #dbdbdb;vertical-align:middle;box-sizing:border-box}
.mail-section .mail-info .info-box .box-right .count .count-subtract::before,.mail-section .mail-info .info-box .box-right .count .count-add::before{content:"";display:inline-block;width:16px;height:16px;background:url(../images/newmail-icon.png) no-repeat;vertical-align:middle;position:absolute;top:8px;left:8px}
.mail-section .mail-info .info-box .box-right .count .count-subtract{margin-right:-1px}
.mail-section .mail-info .info-box .box-right .count .count-subtract::before{background-position:-23px -88px}.mail-section .mail-info .info-box .box-right .count .count-subtract:hover::before{background-position:-45px -88px}.mail-section .mail-info .info-box .box-right .count .count-add{margin-left:-1px}.mail-section .mail-info .info-box .box-right .count .count-add::before{background-position:1px -107px}.mail-section .mail-info .info-box .box-right .count .count-add:hover::before{background-position:-24px -107px}.mail-section .mail-info .info-box .box-right .count .count-input{display:inline-block;width:92px;height:36px;line-height:36px;border:1px solid #dbdbdb;text-align:center;font-size:14px;color:#6c6c6c;box-sizing:border-box}.mail-section .mail-info .info-box .box-right .config-time{display:inline-block;border:1px solid #dedede;border-radius:2px;vertical-align:middle;height:30px;line-height:30px}.mail-section .mail-info .info-box .box-right .config-time dd{width:90px;float:left;border-right:1px solid #dedede;font-size:14px;color:#8b8b8b;cursor:pointer;position:relative;vertical-align:middle;height:30px;line-height:30px;text-align:center}.mail-section .mail-info .info-box .box-right .config-time dd .btn-desc{position:absolute;height:20px;line-height:20px;top:36px;display:block;color:#fff;z-index:2;background-color:#fe7a00;border-radius:2px;padding-left:5px;padding-right:5px;left:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);text-align:center;font-size:12px;white-space:nowrap;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.mail-section .mail-info .info-box .box-right .config-time dd .btn-desc-arrow{position:absolute;width:100%;height:5px;left:50%;top:31px;margin-left:-12px;background:url(../images/cloudhost-icon_2.jpg) no-repeat 0 -1215px;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);overflow:hidden}.mail-section .mail-info .info-box .box-right .config-time dd .gift-icon{display:inline-block;width:12px;height:13px;line-height:13px;background:url(../images/newmail-icon.png) no-repeat -24px -74px;vertical-align:middle;margin-top:-4px;margin-right:4px}.mail-section .mail-info .info-box .box-right .config-time dd.gift .gift-icon{display:block}.mail-section .mail-info .info-box .box-right .config-time dd.active{background:#4a9bed;color:#fff}.mail-section .mail-info .info-box .box-right .config-time dd.active .gift-icon{background-position:-46px -74px}.mail-section .mail-info .info-box .box-right .config-time dd.active .btn-desc-arrow,.mail-section .mail-info .info-box .box-right .config-time dd.active .btn-desc{opacity:1}.mail-section .mail-info .info-box .box-right .domain-input{display:inline-block;width:350px;height:36px;line-height:36px;border:1px solid #e6e6e6;box-sizing:border-box;padding:0 10px;font-size:14px}.mail-section .mail-info .info-box .box-right .info-box-domain{font-size:12px;color:#878787;position:relative;line-height:normal;margin:10px 0 -10px}.mail-section .mail-info .info-box .box-right .info-box-domain .blue-link{text-decoration:underline}.mail-section .mail-info .info-box .box-right .info-box-price{margin-top:-6px;font-size:12px;color:#717171}.mail-section .mail-info .info-box .box-right .info-box-price span{color:#c1c1c1}.mail-section .mail-info .info-box .box-right .info-box-price span.price{font-size:24px;color:#f60}.mail-section .mail-info .info-box .box-right .info-box-price span.common-coupons{color:#f30;vertical-align:middle;margin-top:-10px}.mail-section .mail-info .info-box .box-right .info-box-agreement{line-height:normal}.mail-section .mail-info .info-box .box-right .info-box-agreement .agreement-input-label{padding-left:24px;background:url(../images/icon.png) no-repeat 0 -334px;font-size:12px;color:#878787;height:20px;line-height:20px;display:inline-block;cursor:pointer}.mail-section .mail-info .info-box .box-right .info-box-agreement .agreement-input-label.checked{background:url(../images/icon.png) no-repeat 0 -297px}.mail-section .mail-info .info-box .box-right .info-box-btn{margin-top:10px;display:inline-block;width:140px;height:42px;line-height:42px;background:#4a9bed;font-size:14px;color:#fff;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.mail-section .mail-info .info-box .box-right .info-box-btn:hover{background:#3a8de0}.mail-section .mail-info .info-box .box-right .info-box-btn.try{margin-left:10px;background:#f0f0f0;color:#9d9c9c}.mail-section .mail-info .info-box .box-right .info-box-btn.try:hover{background:#e2e2e2}.mail-section .mail-info .info-box .box-right .errmsg{display:inline-block;line-height:normal}.mail-section .mail-info .info-box .box-right .errmsg .validate-error{padding-left:20px;margin-left:0}.mail-advantage{margin-top:20px;padding:20px 0 160px;position:relative;background:#fff}.mail-advantage::before{content:"";width:100%;height:250px;background:url(../images/newmail-advantage-bg1.jpg) no-repeat top center;position:absolute;top:0;left:50%;margin-left:-50%;z-index:1}.mail-advantage::after{content:"";width:100%;height:510px;background:url(../images/newmail-advantage-bg2.jpg) no-repeat bottom center;position:absolute;bottom:0;left:50%;margin-left:-50%;z-index:1}.mail-advantage .advantage-title{padding-top:10px;font-size:28px;color:#000;text-align:center;z-index:22;position:relative}.mail-advantage .advantage-title strong{font-weight:400}.mail-advantage .advantage-title p{padding-top:10px;font-size:16px;color:#797979}.mail-advantage .advantage-list{z-index:22;position:relative}.mail-advantage .advantage-list li{float:left;margin-top:24px;margin-right:40px;width:370px;border-radius:6px;text-align:center;box-sizing:border-box}.mail-advantage .advantage-list li .al-img{margin:15px auto 0;width:90px;height:90px;border-radius:46px;background:url(../images/newmail-icon.png) no-repeat;box-shadow:0 3px 5px 0 rgba(100,100,100,.11)}.mail-advantage .advantage-list li .al-title{padding-top:14px;font-size:20px;color:#2c2c2c}.mail-advantage .advantage-list li .al-txt{padding-top:4px;line-height:22px;font-size:14px;color:#848687}.mail-advantage .advantage-list li:nth-child(3n){margin-right:0}.mail-advantage .advantage-list li.item-one .al-img{background-position:-72px 0}.mail-advantage .advantage-list li.item-two .al-img{background-position:-172px 0}.mail-advantage .advantage-list li.item-three .al-img{background-position:-272px 0}.mail-advantage .advantage-list li.item-four .al-img{background-position:-372px 0}.mail-advantage .advantage-list li.item-five .al-img{background-position:-472px 0}.mail-advantage .advantage-list li.item-six .al-img{background-position:-572px 0}.mail-advantage .advantage-list li.item-seven .al-img{background-position:-672px 0}.mail-advantage .advantage-list li.item-eight .al-img{background-position:-672px -200px}.mail-advantage .advantage-list li.item-nine .al-img{background-position:-672px -400px}.mail-advantage .advantage-list li:hover{transition:all .3s cubic-bezier(0.4,0,.2,1) 0s}.mail-advantage .advantage-list li:hover .al-img{transition:all .3s cubic-bezier(0.4,0,.2,1) 0s}.mail-advantage .advantage-list li:hover.item-one .al-img{background-position:-72px -100px}.mail-advantage .advantage-list li:hover.item-two .al-img{background-position:-172px -100px}.mail-advantage .advantage-list li:hover.item-three .al-img{background-position:-272px -100px}.mail-advantage .advantage-list li:hover.item-four .al-img{background-position:-372px -100px}.mail-advantage .advantage-list li:hover.item-five .al-img{background-position:-472px -100px}.mail-advantage .advantage-list li:hover.item-six .al-img{background-position:-572px -100px}.mail-advantage .advantage-list li:hover.item-seven .al-img{background-position:-672px -100px}.mail-advantage .advantage-list li:hover.item-eight .al-img{background-position:-672px -300px}.mail-advantage .advantage-list li:hover.item-nine .al-img{background-position:-672px -500px}.mail-state{padding-top:20px;padding-bottom:30px;background:#fff}
.mail-state .state-column{padding-top:20px}
.mail-state .state-column .column-title{font-size:28px;color:#000;text-align:center}
.mail-state .state-column .column-title strong{font-weight:400}
.mail-state .state-column .column-title p{padding-top:10px;font-size:16px;color:#797979}
.mail-state .state-column .column-list{padding-top:60px}
.mail-state .state-column .column-list li{float:left;width:33.333333%;border-right:1px solid #e0e0e0;margin-right:-1px;text-align:center}
.mail-state .state-column .column-list li .cl-img{margin:-20px auto 0;width:214px;height:214px;background:url(../images/newmail-icon.png) no-repeat}
.mail-state .state-column .column-list li .cl-img.cl-img1{background-position:0 -200px}
.mail-state .state-column .column-list li .cl-img.cl-img2{background-position:-224px -200px}
.mail-state .state-column .column-list li .cl-img.cl-img3{background-position:-448px -200px}
.mail-state .state-column .column-list li .cl-img.cl-img4{background-position:0 -424px}
.mail-state .state-column .column-list li .cl-img.cl-img5{background-position:-224px -424px}
.mail-state .state-column .column-list li .cl-img.cl-img6{background-position:-448px -424px}
.mail-state .state-column .column-list li .cl-title{padding-top:4px;font-size:20px;color:#000}
.mail-state .state-column .column-list li .cl-txt{line-height:20px;font-size:14px;color:#797979}
.mail-state .state-column .column-list li dl{margin-top:20px;padding:10px 20px 30px;border-top:1px solid #e0e0e0;text-align:left}
.mail-state .state-column .column-list li dl dt{padding-top:10px;font-size:16px;color:#323232;position:relative;padding-left:14px}
.mail-state .state-column .column-list li dl dt::before{content:"";width:8px;height:8px;background:url(../images/newmail-icon.png) no-repeat -50px -108px;position:absolute;top:15px;left:0}
.mail-state .state-column .column-list li dl dd{padding-top:4px;padding-left:14px;line-height:18px;font-size:14px;color:#828282}
.mail-state .state-column .column-list li:first-child dl{padding:10px 20px 30px 0}
.mail-state .state-column .column-list li:last-child{border-right:0}
.mail-state .state-column .column-list li:last-child dl{padding:10px 0 30px 20px}
.mail-state .state-line{margin:50px 0 10px;width:100%;height:3px;background:url(../images/newmail-line-bg.jpg) repeat-x}
.mail-case{height:230px;}
.mail-case .case-title{padding-top:20px;font-size:28px;color:#323232;text-align:center}
.mail-case .slide-container{margin-top:20px;padding-bottom:26px;overflow:visible}
.mail-case .slide-container .slide-pagination ul li{width:10px;height:10px}
.mail-case .slide-container .slide-pagination ul li.on{width:8px;height:8px;background:#2086ee;border:1px solid #2086ee}
.mail-case .slide-container .prev,.mail-case .slide-container .next{margin-top:-40px;width:54px;height:54px;border-radius:27px;background:url(../images/slider-arrow.png) -101px 11px no-repeat #848484;z-index:99;left:-27px;filter:alpha(opacity=30);opacity:.3}
.mail-case .slide-container .prev:hover,.mail-case .slide-container .next:hover{filter:alpha(opacity=70);opacity:.7}
.mail-case .slide-container .next{left:auto;right:-27px;background-position:21px 11px}
.mail-case .case-list li{float:left;width:240px;background:#fff;border-radius:4px;text-align:center;margin-right:20px;margin-bottom:10px}
.mail-case .case-list li .column{padding:16px 16px 14px}
.mail-case .case-list li .column img{max-width:180px;max-height:120px}
.mail-case .case-list li .column .cl-line{padding-top:10px;border-bottom:1px solid #eaeaea}
.mail-case .case-list li .column .cl-title{padding-top:10px;font-size:16px;color:#333}
.mail-case .case-list li .column .cl-txt{padding-top:6px;font-size:14px;line-height:20px;color:#999}
.mail-case .case-list li:hover{box-shadow:0 2px 8px 0 rgba(100,100,100,.4)}
.mail-faq{padding:30px 0;background:#f7f8ff}
.mail-faq .faq-title{font-size:28px;color:#000;text-align:center}
.mail-faq .faq-list{padding-top:10px}
.mail-faq .faq-list li{float:left;width:25%;padding-top:10px}
.mail-faq .faq-list li a{display:block;font-size:12px;color:#373737;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-faq .faq-list li a span{padding-right:10px;font-size:16px}
.mail-faq .faq-list li a:hover{color:#2086ee}@media screen and (max-width:1206px){.mail-section .mail-info .info-box .box-right .config-time dd{width:80px}.mail-advantage .advantage-list li{margin-right:20px;width:316px}}