/* CSS Document */

.wb-new-mail-advantage .module-wrap {
 background-color:#fafafa
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child {
 padding-bottom:0px
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item {
 height:250px;
 border-right:1px solid #e0e0e0;
 border-bottom:1px solid #e0e0e0;
 transition:all .3s cubic-bezier(.4,0,.2,1)
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item img {
 display:block;
 width:60px;
 margin:68px auto 0;
 transition:all .3s cubic-bezier(.4,0,.2,1)
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item .tit {
 font-size:22px;
 color:#373d41;
 margin-top:24px;
 line-height:100%;
 text-align:center
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item .txt {
 max-width:270px;
 margin:0 auto;
 height:36px;
 overflow:hidden;
 margin-top:25px;
 font-size:14px;
 color:#777f84;
 line-height:20px;
 opacity:0;
 text-align:center;
 transition:all .3s cubic-bezier(.4,0,.2,1)
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:hover {
 background-color:#fff;
 box-shadow:0 0 15px rgba(186,204,207,.7)
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:hover img {
 margin-top:40px
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:hover .txt {
 opacity:1;
 margin-top:20px
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:nth-child(3n) {
 border-right:0
}
.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:nth-child(7),.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:nth-child(8),.wb-new-mail-advantage .module-wrap .advantage .advantage-child .item:nth-child(9) {
 border-bottom:0
}
.wb-new-mail-calculator .module-wrap {
 padding-bottom:47px;
 background-color:#fafafa
}
.wb-new-mail-calculator .module-wrap .calculator {
 width:100%;
 height:180px;
 border:1px solid #ddd;
 box-sizing:border-box
}
.wb-new-mail-calculator .module-wrap .calculator .title {
 height:38px;
 padding-left:35px;
 font-size:18px;
 color:#373d41;
 line-height:100%;
 padding-top:16px
}
.wb-new-mail-calculator .module-wrap .calculator .left {
 height:65px;
 padding-top:30px;
 user-select:none;
 position:relative
}
.wb-new-mail-calculator .module-wrap .calculator .left .txt {
 width:78px;
 text-align:right;
 font-size:14px;
 color:#373d41;
 line-height:30px;
 float:left
}
.wb-new-mail-calculator .module-wrap .calculator .left .con {
 width:555px;
 padding-right:15px;
 height:30px;
 float:left;
 margin-left:10px;
 background-color:#eef2f5;
 position:relative;
 box-sizing:border-box
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj {
 float:left;
 width:540px;
 height:100%;
 position:relative
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj span {
 font-size:12px;
 color:#bec3c6;
 line-height:30px;
 padding-right:2px;
 border-right:1px solid #dee0e2;
 position:absolute;
 top:0
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj span:first-child {
 left:.1%
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj span:nth-child(2) {
 left:10%
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj span:nth-child(3) {
 left:25%
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj span:nth-child(4) {
 left:50%
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-bj span:nth-child(5) {
 right:-15px
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-in {
 width:.525px;
 position:absolute;
 top:0;
 overflow:hidden;
 background-color:#ff5a5a
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-in div {
 position:absolute;
 left:0;
 top:0;
 width:540px
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .con-in div span {
 color:#fff;
 border-color:#5ec4f5
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .anchor {
 height:32px;
 background:#ff0000;
 width:14px;
 padding:10px 3px;
 top:-1px;
 left:.525px;
 display:block;
 position:absolute;
 box-sizing:border-box;
 box-shadow:0 0 3px 0 #000;
 cursor:pointer
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .anchor i {
 float:left;
 display:inline;
 margin:0 2px 0 0;
 width:2px;
 height:12px;
 overflow:hidden;
 background:#fff
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .anchor .anchor-price {
 display:block;
 width:30px;
 height:20px;
 background:#f00;
 color:#fff;
 text-align:center;
 line-height:20px;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 top:-28px
}
.wb-new-mail-calculator .module-wrap .calculator .left .con .anchor .anchor-price:before {
 content:"";
 border:2px solid transparent;
 border-top-color:#ff0000;
 position:absolute;
 bottom:-4px;
 left:50%;
 transform:translateX(-50%)
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum {
 width:61px;
 height:30px;
 border:1px solid #c3c5c6;
 box-sizing:border-box;
 float:left
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum .ipt {
 display:block;
 width:42px;
 height:27px;
 float:left;
 border:none;
 border-right:1px solid #c3c5c6;
 outline:none
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum .obtn {
 width:17px;
 height:27px;
 text-align:center;
 line-height:13px;
 color:#373d41;
 float:left
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum .obtn button {
 border:none;
 background:#fff;
 display:block;
 height:14px;
 width:100%;
 font-size:14px;
 outline:none;
 font-weight:700;
 line-height:14px
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum .obtn .add {
 border-bottom:1px solid #c3c5c6;
 box-sizing:border-box
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum .obtn .ddd {
 border:none
}
.wb-new-mail-calculator .module-wrap .calculator .left .addnum .obtn .disable {
 color:#c3c5c6
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact {
 height:46px;
 width:668px;
 text-align:center;
 border:1px solid #d7d8d9;
 position:absolute;
 left:46px;
 top:73px;
 box-shadow:0 2px 15px 0 rgba(0,0,0,.15);
 padding:0 10px;
 box-sizing:border-box;
 font-size:0;
 color:#8d9498;
 display:none;
 background:#fff;
 z-index:10
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact:before {
 content:"";
 width:10px;
 height:10px;
 border:1px solid #d7d8d9;
 border-bottom:0;
 border-right:0;
 position:absolute;
 transform:rotate(45deg);
 background-color:#fff;
 top:-6px;
 right:62px
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact span {
 line-height:46px;
 font-size:12px
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact form {
 display:inline
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact input {
 padding-left:8px;
 height:28px;
 font-size:12px;
 box-sizing:border-box;
 margin-left:10px
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact input::placeholder {
 color:#c3c5c6
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact .tel {
 width:140px;
 border:1px solid #d7d8d9
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact .contact-txt {
 width:171px;
 border:1px solid #d7d8d9
}
.wb-new-mail-calculator .module-wrap .calculator .left .contact .submit {
 min-width:78px;
 background-color:#00c1de;
 color:#fff;
 font-size:12px;
 text-align:center;
 border:none;
 padding:0 10px
}
.wb-new-mail-calculator .module-wrap .calculator .right .type {
 height:113px;
 text-align:left;
 border-left:1px solid #e3e3e3;
 position:relative
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .type-child {
 width:100px;
 margin:0 auto
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .tit {
 font-size:15px;
 color:#373d41
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .con {
 margin-top:10px
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .con span:first-child {
 color:#ffa454;
 font-size:12px;
 line-height:100%;
 vertical-align:super;
 margin-left:-10px
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .con span:nth-child(2) {
 color:#ffa454;
 font-size:19px;
 line-height:100%;
 margin-left:-4px
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .con span:nth-child(3) {
 color:#a0a5a8;
 font-size:12px;
 line-height:100%
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .txt {
 display:none
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .purchase {
 width:96px;
 height:28px;
 border:1px solid #00c1de;
 line-height:26px;
 text-align:center;
 font-size:12px;
 position:absolute;
 top:75px;
 cursor:pointer
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .purchase a {
 text-decoration:none;
 display:block;
 color:#00c1de
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .purchase:hover {
 background-color:#00c1de
}
.wb-new-mail-calculator .module-wrap .calculator .right .type .purchase:hover a {
 color:#fff
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .tit {
 color:#777f84
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .con {
 display:none
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .txt {
 margin-top:10px;
 display:block;
 color:#777f84;
 font-size:12px;
 line-height:16px
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .purchase {
 background-color:#ebecec;
 border:none;
 line-height:28px;
 cursor:auto
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .purchase a {
 color:#777f84
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .purchase:hover {
 background-color:#ebecec
}
.wb-new-mail-calculator .module-wrap .calculator .right .disable .purchase:hover a {
 color:#777f84
}
@media only screen and (max-width:768px) {
 .wb-new-mail-calculator .module-wrap {
  padding-bottom:47px;
  background-color:#fafafa
 }
 .wb-new-mail-calculator .module-wrap .calculator {
  height:auto
 }
 .wb-new-mail-calculator .module-wrap .calculator .left .contact {
  left:50%;
  width:95%;
  height:auto;
  transform:translateX(-50%)
 }
 .wb-new-mail-calculator .module-wrap .calculator .right {
  margin-top:60px
 }
 .wb-new-mail-calculator .module-wrap .calculator .right .type {
  height:123px
 }
}
@media only screen and (max-width:740px) {
 .wb-new-mail-calculator .module-wrap {
  display:none
 }
}
.wb-new-mail-contactus .module-wrap {
 background-color:#fafafa;
 padding-bottom:25px
}
.wb-new-mail-contactus .module-wrap .obtn .Osubmit {
 width:162px;
 height:42px;
 border:1px solid #50c1e2;
 line-height:42px;
 color:#50c1e2;
 text-align:center;
 font-size:15px;
 cursor:pointer;
 margin:0 auto
}
.wb-new-mail-contactus .module-wrap .obtn .Osubmit:hover {
 background-color:#33cde5;
 color:#fff
}
.wb-new-mail-contactus .module-wrap .obtn .contact {
 width:100%;
 height:106px;
 border:1px solid #e3e3e3;
 box-shadow:0 0 10px 1px rgba(0,0,0,.15);
 box-sizing:border-box;
 font-size:0;
 color:#838a8e;
 text-align:center;
 display:none;
 background:#fff;
 margin-top:22px;
 line-height:106px;
 z-index:10
}
.wb-new-mail-contactus .module-wrap .obtn .contact span {
 font-size:14px
}
.wb-new-mail-contactus .module-wrap .obtn .contact form {
 display:inline
}
.wb-new-mail-contactus .module-wrap .obtn .contact input {
 padding-left:8px;
 height:36px;
 font-size:14px;
 box-sizing:border-box;
 margin-left:10px
}
.wb-new-mail-contactus .module-wrap .obtn .contact input::placeholder {
 color:#c3c5c6
}
.wb-new-mail-contactus .module-wrap .obtn .contact .tel {
 width:175px;
 border:1px solid #d7d8d9
}
.wb-new-mail-contactus .module-wrap .obtn .contact .contact-txt {
 width:280px;
 border:1px solid #d7d8d9
}
.wb-new-mail-contactus .module-wrap .obtn .contact .submit {
 background-color:#00c1de;
 color:#fff;
 font-size:14px;
 text-align:center;
 border:none;
 padding:0 10px;
 outline:none
}
.wb-new-mail-function-module .module-wrap .olist {
 padding-bottom:30px
}
.wb-new-mail-function-module .module-wrap .olist .item {
 padding-top:45px;
 padding-right:40px;
 font-size:0;
 height:124px;
 overflow:hidden
}
.wb-new-mail-function-module .module-wrap .olist .item .dot {
 width:4px;
 height:20px;
 background-color:#f00;
 float:left
}
.wb-new-mail-function-module .module-wrap .olist .item .con {
 margin-left:15px
}
.wb-new-mail-function-module .module-wrap .olist .item .con .tit {
 font-size:19px;
 color:#373d41;
 line-height:100%; margin:0
}
.wb-new-mail-function-module .module-wrap .olist .item .con .txt {
 margin-top:10px;
 font-size:14px;
 color:#777f84;
 line-height:25px
}
.wb-new-mail-icon .module-wrap .olist {
 height:260px;
 background-color:#fafafa;
 padding-top:33px;
 box-sizing:border-box;
 text-align:center
}
.wb-new-mail-icon .module-wrap .olist img {
 width:80px;
 display:block;
 margin:0 auto
}
.wb-new-mail-icon .module-wrap .olist .tit {
 margin-top:27px;
 line-height:100%;
 font-size:19px;
 color:#373d41
}
.wb-new-mail-icon .module-wrap .olist .txt {
 height:50px;
 overflow:hidden;
 margin-top:10px;
 font-size:14px;
 color:#777f84;
 line-height:25px;
 padding:0 15px;
 padding-right:35px
}
.wb-new-mail-maildd .module-wrap {
 padding-bottom:50px
}
.wb-new-mail-maildd .module-wrap .left,.wb-new-mail-maildd .module-wrap .right {
 border:1px solid #e0e0e0;
 box-sizing:border-box
}
.wb-new-mail-maildd .module-wrap .left .img,.wb-new-mail-maildd .module-wrap .right .img {
 width:100%;
 height:340px;
 padding:37px 0 25px;
 text-align:center;
 position:relative;
 border-bottom:1px solid #e0e0e0
}
.wb-new-mail-maildd .module-wrap .left .img img,.wb-new-mail-maildd .module-wrap .right .img img {
 display:block;
 margin:0 auto;
 max-width:80%
}
.wb-new-mail-maildd .module-wrap .left .img p,.wb-new-mail-maildd .module-wrap .right .img p {
 font-size:23px;
 color:#373d41;
 margin-top:27px;
 line-height:100%
}
.wb-new-mail-maildd .module-wrap .left .img:before,.wb-new-mail-maildd .module-wrap .right .img:before {
 content:"";
 height:20px;
 width:20px;
 border:1px solid #e0e0e0;
 border-top:0;
 border-right:0;
 position:absolute;
 bottom:-11px;
 left:50%;
 transform:translateX(-50%) rotate(-45deg);
 background-color:#fff
}
.wb-new-mail-maildd .module-wrap .left .con,.wb-new-mail-maildd .module-wrap .right .con {
 padding:0 20px 27px;
 box-sizing:border-box;
 width:100%
}
.wb-new-mail-maildd .module-wrap .left .con .item,.wb-new-mail-maildd .module-wrap .right .con .item {
 width:100%;
 padding-top:38px
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-tit,.wb-new-mail-maildd .module-wrap .right .con .item .item-tit {
 font-size:19px;
 color:#373d41
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con,.wb-new-mail-maildd .module-wrap .right .con .item .item-con {
 margin-top:20px;
 width:100%;
 overflow:hidden
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con div,.wb-new-mail-maildd .module-wrap .right .con .item .item-con div {
 background-color:#f9f9f9;
 height:135px;
 padding:27px 16px 12px 30px;
 box-sizing:border-box;
 font-size:15px;
 line-height:26px
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con div p:first-child,.wb-new-mail-maildd .module-wrap .right .con .item .item-con div p:first-child {
 margin-bottom:3px
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con div p,.wb-new-mail-maildd .module-wrap .right .con .item .item-con div p {
 position:relative
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con div p img,.wb-new-mail-maildd .module-wrap .right .con .item .item-con div p img {
 position:absolute;
 left:-20px;
 top:3px
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con .old,.wb-new-mail-maildd .module-wrap .right .con .item .item-con .old {
 float:left;
 color:#9b9ea0
}
.wb-new-mail-maildd .module-wrap .left .con .item .item-con .now,.wb-new-mail-maildd .module-wrap .right .con .item .item-con .now {
 float:right;
 color:#373d41
}
.wb-new-mail-nav .module-wrap {
 background:#fff
}
.wb-new-mail-nav .module-wrap .clearfix {
 clear:both
}
.wb-new-mail-nav .module-wrap .whitebg {
 height:38px;
 overflow:hidden
}
.wb-new-mail-nav .module-wrap .fixarea {
 height:51px;
 overflow:hidden
}
.wb-new-mail-nav .module-wrap .fixarea .gofix {
 overflow:hidden;
 background:#fff;
 border-bottom:1px solid #d7d8d9
}
.wb-new-mail-nav .module-wrap .fixarea .gofix .nav-box {
 position:relative;
 overflow:hidden;
 padding:0 200px
}
.wb-new-mail-nav .module-wrap .fixarea .gofix .nav-box .gobtn {
 display:none
}
.wb-new-mail-nav .module-wrap .fixarea .gofix .nav-box .nav-li {
 height:50px;
 text-align:center;
 overflow:hidden;
 cursor:pointer
}
.wb-new-mail-nav .module-wrap .fixarea .gofix .nav-box .nav-li .inner-text {
 display:inline-block;
 text-decoration:none;
 height:50px;
 line-height:50px;
 font-size:14px;
 color:#373d41;
 border-bottom:0
}
.wb-new-mail-nav .module-wrap .fixarea .gofix .nav-box .act .inner-text {
 color:#00c1de;
 border-bottom:2px solid #00c1de
}
.wb-new-mail-nav .module-wrap .fixarea .fix {
 width:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:20
}
.wb-new-mail-nav .module-wrap .fixarea .fix .nav-box .gobtn {
 display:block;
 width:120px;
 height:50px;
 line-height:50px;
 text-align:center;
 position:absolute;
 text-decoration:none;
 right:0;
 top:0;
 font-size:14px;
 color:#fff;
 background:#00c1de
}
.wb-new-mail-nav .module-wrap .fixarea .fix .nav-box .gobtn:hover {
 background:#33cde5;
 transition:all .3s
}
@media (max-width:768px) {
 .wb-new-mail-nav .module-wrap {
  display:none;
  overflow:hidden
 }
}
.wb-new-mail-slick .module-wrap {
 overflow:hidden;
 background:#fafafa
}
.wb-new-mail-slick .module-wrap .autoplay {
 position:relative
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list {
 width:100%;
 position:relative;
 overflow:hidden;
 padding-bottom:5px
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track {
 position:relative;
 top:0;
 left:0
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide {
 display:block;
 height:100%;
 float:left;
 outline:none;
 z-index:9!important
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .con {
 width:50%;
 padding:0 10px;
 box-sizing:border-box;
 position:absolute
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item {
 padding:0 10px;
 box-sizing:border-box;
 width:100%;
 height:100%
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .itemA {
 box-shadow:0 0 15px rgba(186,204,207,.7);
 font-size:0
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item img {
 width:100%
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .txt {
 padding:35px 50px 0;
 box-sizing:border-box;
 border:1px solid #d7d8d9;
 border-top-width:0
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .txt p:first-child {
 font-size:23px;
 color:#373d41;
 margin-bottom:7px;
 line-height:100%
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .txt p:nth-child(3) {
 height:58px;
 overflow:hidden;
 font-size:14px;
 color:#777f84;
 line-height:20px;
 margin-bottom:20px
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .txt .a {
 font-size:14px;
 color:#6bd3e7;
 text-decoration:none;
 margin-bottom:15px;
 display:inline-block
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .txt .btm {
 color:#777f84;
 font-size:16px;
 line-height:54px;
 border-top:1px solid #e0e0e0
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-slide .item .txt .btm span {
 margin-right:24px
}
.wb-new-mail-slick .module-wrap .autoplay .slick-list .slick-track .slick-current {
 z-index:10!important
}
.wb-new-mail-slick .module-wrap .autoplay .slick-prev {
 left:-25px;
 background:url(../image/TB1iUkLHFXXXXcKXXXXXkAwGXXX-34-64.png) no-repeat;
 background-position:0 0;
 background-size:34px 64px
}
.wb-new-mail-slick .module-wrap .autoplay .slick-next,.wb-new-mail-slick .module-wrap .autoplay .slick-prev {
 top:250px;
 position:absolute;
 font-size:0;
 display:block;
 width:17px;
 height:32px;
 cursor:pointer;
 color:transparent;
 border:none;
 outline:none
}
.wb-new-mail-slick .module-wrap .autoplay .slick-next {
 right:-25px;
 background:url(../image/TB1iUkLHFXXXXcKXXXXXkAwGXXX-34-64.png) no-repeat;
 background-position:-17px 0;
 background-size:34px 64px
}
@media (max-width:768px) {
 .wb-new-mail-slick .module-wrap {
  background:#fff
 }
 .wb-new-mail-slick .module-wrap .inner {
  overflow:hidden;
  padding-bottom:40px
 }
 .wb-new-mail-slick .module-wrap .inner .tit {
  line-height:33px;
  text-align:center;
  font-size:24px;
  color:#373d41;
  overflow:hidden;
  margin-bottom:48px
 }
 .wb-new-mail-slick .module-wrap .inner .autoplay .slick-list .slick-track .slick-slide .list-li {
  padding-left:30px;
  padding-right:30px
 }
 .wb-new-mail-slick .module-wrap .inner .autoplay .slick-list .slick-track .slick-slide .list-li .exp .exp-tit {
  height:49px;
  line-height:49px;
  text-align:right;
  margin-bottom:8px
 }
}
.wb-new-mail-title .module-wrap .bigtitle {
 line-height:100%;
 text-align:center
}
.wb-new-mail-title .module-wrap .bigtitle .tit {
 font-size:23px;
 color:#4d5154
}
.wb-new-mail-title .module-wrap .bigtitle .txt {
 color:#777f84;
 font-size:16px;
 margin-top:15px
}
.wb-new-mail-top .module-wrap {
 position:relative;
 z-index:10;
 padding-bottom:40px
}
.wb-new-mail-top .module-wrap .clearfix {
 clear:both
}
.wb-new-mail-top .module-wrap .all-in {
 position:absolute;
 width:100%;
 background:#fafafa;
 top:35px;
 left:0;
 right:0;
 bottom:0
}
.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:72px;
 overflow:hidden;
 font-size:24px;
 color:#fff
}
.wb-new-mail-top .module-wrap .inner .toparea .top-level .in-box {
 width:100%;
 overflow:hidden
}
.wb-new-mail-top .module-wrap .inner .toparea .top-level .in-box .info {
 width:100%;
 height:47px;
 line-height:46px;
 font-size:14px;
 color:#fff;
 border-top:1px dashed hsla(0,0%,100%,.25);
 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 10px 36px;
 text-align:center;
 position:relative
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-tit {
 display:inline-block;
 padding-top:15px;
 height:45px;
 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:14px;
 top:20px;
 right:-18px;
 position:absolute
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-info {
 line-height:20px;
 text-align:center;
 font-size:14px;
 color:#777f84;
 overflow:hidden;
 padding-bottom:15px;
 border-bottom:1px dashed #bcc1c4
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .feature {
 padding:12px 24px 15px;
 border-top:1px dashed #bcc1c4;
 border-bottom:1px dashed #bcc1c4;
 color:#5d6164;
 line-height:20px;
 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:14px;
 color:#777f84;
 margin-top:9px;
 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;
 color:#373d41;
 font-weight:700;
 text-align:right;
 margin-right:4px
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .feature .span span {
 display:inline-block;
 font-weight:700;
 text-align:right;
 margin-right:4px
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp {
 height:132px;
 margin:12px 0;
 overflow:hidden
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .exp .exp-li {
 line-height:33px;
 font-size:18px;
 color:#373d41;
 text-align:center;
 overflow:hidden
}
.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;
 margin-bottom:8px;
 margin-top:20px
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .price {
 display:inline-block;
 line-height:50px;
 text-align:center;
 font-size:36px;
 color:#00c1de;
 position:relative
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .price span {
 font-weight:400;
 font-size:18px;
 line-height:25px
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .price i {
 font-size:18px;
 vertical-align:super
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .pro-price-left-37 {
 left:39px
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .pro-price .pro-price-decorator {
 display:none;
 position:relative;
 margin-top:8px;
 margin-bottom:20px;
 margin-left:4px;
 width:74px;
 height:18px
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .golink {
 display:block;
 width:128px;
 height:36px;
 overflow:hidden;
 margin:0 auto;
 line-height:36px;
 background:#00c1de;
 text-align:center;
 font-size:14px;
 color:#fff
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li .pro-con .golink:hover {
 color:#fff!important;
 background-color:rgba(0,193,222,.9)
}
.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:10px 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-last-child(2) .exp .have:first-child,.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-last-child(3) .exp .have:first-child {
 color:#35b34a
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-last-child(2) {
 border:1px solid #ff8a00;
 border-top:none;
 position:relative
}
.wb-new-mail-top .module-wrap .inner .pro .pro-li:nth-last-child(2) .hot {
 width:40px;
 position:absolute;
 right: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 .all-in {
  top:0
 }
 .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
 }
}
.wb-zc-tymod-aliyun-banner-com .module-wrap {
 height:440px
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay {
 width:100%;
 position:relative
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-list {
 width:100%;
 position:relative;
 overflow:hidden
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-list .slick-track {
 position:relative;
 top:0;
 left:0
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-list .slick-track .slick-slide {
 display:block;
 height:100%;
 float:left;
 outline:none;
 z-index:9!important
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-list .slick-track .slick-current {
 z-index:10!important
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-next,.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-prev {
 display:none!important;
 background:none
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots {
 position:absolute;
 bottom:75px;
 display:block;
 width:100%;
 padding:0;
 list-style:none;
 text-align:center;
 margin:0;
 font-size:0;
 z-index:11
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots li {
 position:relative;
 display:inline-block;
 width:26px;
 height:11px;
 margin:0 3px;
 padding-top:6px;
 cursor:pointer
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots li button {
 font-size:0;
 line-height:0;
 display:block;
 width:26px;
 height:4px;
 cursor:pointer;
 color:transparent;
 border:0;
 outline:none;
 background:transparent;
 background:#a1a1a3
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots .slick-active button,.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots li:hover button {
 background:#fff;
 transition:all .8s ease-out
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list {
 height:505px;
 overflow:hidden
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li {
 height:505px;
 position:relative
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .linkto {
 display:block;
 width:100%;
 height:440px;
 text-decoration:none;
 outline:none
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen {
 position:absolute;
 left:0;
 top:440px;
 height:166px;
 overflow:hidden;
 z-index:2
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .tit {
 height:50px;
 line-height:50px;
 font-size:40px;
 color:#fff;
 overflow:hidden
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .st {
 height:50px;
 line-height:50px;
 font-size:18px;
 color:#fff;
 overflow:hidden
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .golink {
 cursor:pointer;
 display:block;
 outline:none;
 color:#fff;
 border:1px solid #fff;
 background:#373d41;
 background:transparent;
 margin-top:30px;
 font-size:16px!important;
 width:120px;
 height:36px;
 line-height:36px;
 text-align:center;
 text-decoration:none
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .golink:hover {
 color:#373d41;
 background:#fff;
 transition:all .3s
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .pic {
 width:800px;
 height:440px;
 position:absolute;
 top:440px;
 right:-60px;
 z-index:1
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .pic1 {
 display:block;
 width:100%;
 height:440px;
 overflow:hidden
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .pic2 {
 display:none
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .slick-current .list-li .wen {
 top:163px;
 transition:all .5s ease-out
}
.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .slick-current .list-li .pic {
 top:0;
 transition:all .6s ease-out
}
@media (max-width:768px) {
 .wb-zc-tymod-aliyun-banner-com .module-wrap {
  height:auto
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots {
  bottom:12px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots li {
  width:30px;
  height:2px;
  margin:0 2px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .autoplay .slick-dots li button {
  width:30px;
  height:2px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .dn-container {
  padding:0 3px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list,.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li,.wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .linkto {
  height:160px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen {
  padding:0 7px;
  top:160px;
  height:68px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .tit {
  height:28px;
  line-height:28px;
  font-size:20px;
  color:#fff;
  overflow:hidden;
  margin-bottom:4px
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .st {
  height:36px;
  line-height:18px;
  font-size:12px;
  color:#fff;
  overflow:hidden
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .wen .golink {
  display:none;
  color:#fff;
  border:1px solid #fff;
  background:#373d41;
  background:transparent;
  margin-top:30px;
  font-size:16px!important;
  width:120px;
  height:36px;
  line-height:36px;
  text-align:center;
  text-decoration:none
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .pic {
  width:400px;
  height:220px;
  position:absolute;
  top:160px;
  right:-112px;
  z-index:1
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .pic1 {
  display:none
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .list-li .pic2 {
  display:block;
  width:100%;
  height:160px;
  overflow:hidden
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .slick-current .list-li .wen {
  top:44px;
  transition:all .5s ease-out
 }
 .wb-zc-tymod-aliyun-banner-com .module-wrap .inner .list .slick-current .list-li .pic {
  top:-50px;
  transition:all .6s ease-out
 }
}
.wb-zc-tymod-xuindex-mod9 .module-wrap {
 background:#fafafa
}
.wb-zc-tymod-xuindex-mod9 .module-wrap .inner {
 overflow:hidden;
 padding:40px 0 60px
}
.wb-zc-tymod-xuindex-mod9 .module-wrap .inner .tit {
 line-height:33px;
 text-align:center;
 font-size:24px;
 color:#373d41;
 overflow:hidden;
 margin-bottom:28px
}
.wb-zc-tymod-xuindex-mod9 .module-wrap .inner .list {
 overflow:hidden
}
.wb-zc-tymod-xuindex-mod9 .module-wrap .inner .list .wen-con {
 height:34px;
 line-height:34px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.wb-zc-tymod-xuindex-mod9 .module-wrap .inner .list .wen-con .wen {
 line-height:34px;
 font-size:14px;
 color:#373d41;
 text-decoration:none
}
.wb-zc-tymod-xuindex-mod9 .module-wrap .inner .list .wen-con .wen:hover {
 color:#00c1de
}
