.wb-new-mail-top .module-wrap{position:relative;background:#fafafa;padding-bottom:40px}.wb-new-mail-top .module-wrap .clearfix{clear:both}.wb-new-mail-top .module-wrap .bgline{width:100%;height:70px;position:absolute;left:0;top:0;z-index:1;background:#222}.wb-new-mail-top .module-wrap .inner{position:relative;z-index:2}.wb-new-mail-top .module-wrap .inner .toparea{overflow:hidden;background:linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);padding:0 26px}.wb-new-mail-top .module-wrap .inner .toparea .top-level{overflow:hidden}.wb-new-mail-top .module-wrap .inner .toparea .top-level .logo{position:relative;top:15px;width:30px;height:36px;overflow:hidden}.wb-new-mail-top .module-wrap .inner .toparea .top-level .tit{line-height:70px;overflow:hidden;font-size:24px;color:#fff}.wb-new-mail-top .module-wrap .inner .toparea .top-level .in-box{width:100%;height:70px;overflow:hidden;display:table}.wb-new-mail-top .module-wrap .inner .toparea .top-level .in-box .info{display:table-cell;vertical-align:middle;line-height:20px;font-size:14px;color:#fff;overflow:hidden}.wb-new-mail-top .module-wrap .inner .toparea .top-level .in-box .info span{display:inline-block;vertical-align:middle;position:relative;top:-1px;width:36px;height:16px;line-height:16px;background:#ff8a00;margin-right:15px;font-size:12px;text-indent:4px}.wb-new-mail-top .module-wrap .inner .pro{background:#fff}.wb-new-mail-top .module-wrap .inner .pro .pro-li{border:1px solid #ddd;border-left:0;position:relative;z-index:1;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con{padding:0 28px 54px;text-align:center;position:relative}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-tit{display:inline-block;padding-top:23px;height:53px;line-height:30px;font-size:22px;color:#373d41;position:relative}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-tit img{width:40px;top:16px;right:-45px;position:absolute}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-info{line-height:16px;text-align:center;font-size:14px;color:#777f84;overflow:hidden;padding-bottom:23px;margin-top:12px;border-bottom:1px dashed #bcc1c4}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .feature{width:100%;padding:20px 0 17px;border-bottom:1px dashed #bcc1c4;color:#5d6164;line-height:22px;font-size:0}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .feature .span{display:inline-block;width:50%;text-align:left;box-sizing:border-box;font-size:12px;color:#4b5053;overflow:hidden;white-space:nowrap;vertical-align:top}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .feature .span i{display:inline-block;width:28px;font-size:16px;color:#373d41;font-weight:700;text-align:right;margin-right:5px}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .feature .span span{display:inline-block;width:28px;font-size:15px;color:#373d41;font-weight:700;text-align:right;margin-right:5px}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp{overflow:hidden;height:96px;margin-top:20px}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp .exp-li{text-align:left;line-height:100%;overflow:hidden;margin-bottom:10px;font-size:14px;color:#373d41;position:relative;box-sizing:border-box;text-align:center}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp .have{color:#373d41}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price{text-align:center;overflow:hidden;margin-bottom:20px;margin-top:19px}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .price{display:inline-block;text-align:center;font-size:27px;color:#ff8a00;position:relative;line-height:100%;font-weight:700}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .price span{display:block;font-weight:400;font-size:14px;line-height:21px;color:#a9b0b4}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .price i{font-size:12px;vertical-align:super}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .golink{display:block;width:144px;height:40px;overflow:hidden;margin:0 auto;line-height:40px;background:#fff;text-align:center;font-size:16px;color:#00c1de;border:1px solid #00c1de}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .golink:hover{color:#fff}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con a:hover{text-decoration:none}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .golink:hover{background:#33cde5;transition:all .3s}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .Freelink{display:block;width:144px;overflow:hidden;margin:16px auto 0;line-height:100%;text-align:center;font-size:14px;color:#33cde5;position:absolute;left:50%;transform:translateX(-50%)}.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-child(3) .exp .have:first-child,.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-child(4) .exp .have:first-child{color:#00c2de}.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-child(4){border:2px solid #00c2de;border-top:none;position:relative}.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-child(4) .hot{width:40px;position:absolute;left:0;top:0}.wb-new-mail-top .module-wrap .inner .pro .pro-li-out{border:1px solid #ddd!important;border-left:0!important;position:relative}.wb-new-mail-top .module-wrap .inner .pro .pro-li-out .hot{display:none}.wb-new-mail-top .module-wrap .inner .pro .pro-li:first-child{border-left:1px solid #ddd}.wb-new-mail-top .module-wrap .inner .pro .pro-li:hover{position:relative;z-index:2;box-shadow:0 0 15px 0 rgba(0,0,0,.15)}.w-pop{border:1px solid #fff!important}.w-btn-primary{height:auto!important;line-height:32px!important;padding:0 24px!important;background-color:#00c1de!important;border:none!important}.w-btn-primary:hover{background-color:#33cde5!important}@media (max-width:768px){.wb-new-mail-top .module-wrap .inner .pro .pro-li{border:1px solid #ddd;border-top:0}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp .exp-li{height:28px;text-align:center;line-height:28px;overflow:hidden;margin-bottom:11px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;padding-left:0}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp .exp-li img{position:static;margin-right:3px}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp .exp-li span{margin-left:4px}.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .golink{display:block;width:100%;height:36px;overflow:hidden;color:#fff}}