.three_mall{font-family: "Microsoft YaHei";text-align: center;}
.three_mall_top{background:#FFEFEF;height: 300px;margin:20px;}
.three_mall_top .left{padding-top: 100px;width: 60%;float: left;}
.three_mall_top .right{width: 40%;float: left;text-align: left;padding-top: 20px;}
.three_mall_top h2{font-size:42px;font-weight:normal;}
.three_mall_top p{font-size: 20px;color: #737B7E;padding-top: 30px;}
.three_mall .three_mall_m1 .tit{margin:50px 0;font-family: -webkit-body;font-size:28px;}
.three_mall .three_mall_m1 .tit label{font-size: 34px;}

.five_mall_top{background:#FFEFEF;height: 300px;margin:20px;}
.five_mall_top .left{padding-top: 100px;width: 65%;float: left;}
.five_mall_top .right{width: 35%;float: left;text-align: left;padding-top: 20px;}
.five_mall_top h2{font-size:36px;font-weight: normal;}
.five_mall_top p{font-size: 20px;color: #737B7E;padding-top: 30px; text-align: left;padding-left: 40px;}
.five_mall_content h2{font-size: 28px;margin-top: 50px;margin-bottom:15px;}
.five_mall_m1{background:#FFEFEF;padding-top: 20px;}
.five_mall_content p{font-size: 16px;color: #737B7E;}

.sBox{background:#F7F7F7 !important;color:#fff;padding:0px;}
.whiteBg{background:url(../images/box_mall/topic/whiteBg.png) center top no-repeat;height:126px;}
.fivewhiteBg{background:url(../images/new/whiteBg.png) center top no-repeat;height:100px;}
.sBox .mallMain{background:url(../images/new/mline.png) center top repeat-y !important;padding: 0 3%;}

.w-btn2{border:1px solid #fff !important;background:none;color:#fff;text-align:center;font-size:18px;line-height:40px;width:280px;cursor:pointer;margin:30px 0px 0;font-family:"Microsoft YaHei","verdana";}
.w-btn2:hover{background:#FFEC5F;border-color:#FFEC5F !important;color:#22A4AD}

.stepTable{table-layout:fixed;}
.stepTable td{vertical-align:top}
.stepTable td.mTd{width:200px;text-align:center;}
.stepTable td.rTd{float:right}
.sTitle{font-size:28px !important;line-height:59px;margin-bottom:20px;text-align:left;color:#333;}
.sTitle img{margin-right:12px;}

.stepBox{width:435px;margin-top:100px;}
.sMain{background:#fff !important;padding:40px 0;border:1px solid #E6E6E6;}
.BFont{line-height:180%;font-size:20px;margin-bottom:0px !important;font-weight:normal;color:#333;}
.sFont{font-size:14px;color:#666;margin-bottom:20px;}
.stepBox .sImg{margin-top:30px}
.stepDiv2 {padding-top:405px !important;}

.stepItem{overflow:hidden;zoom:1}
.stepItem li a{color:#fff;font-size:32px;background:url(../images/new/txtBg.png) center top no-repeat !important;width:150px;height:130px;display:block;margin:70px auto 272px;line-height: 38px !important;padding-top: 25px;}
.stepDiv4{padding-top:80px !important;}
.stepDiv6{padding-top:20px !important;padding-bottom:50px !important;}

.wborder{border:none;padding:0;}

.contrast_con{position:relative;clear: both;overflow: hidden;padding-top:85px;padding-bottom: 135px;margin-top: 50px;}
.contrast_con>img{position:absolute;top: 0;z-index: 999;left: 50%;-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform:translateX(-50%);}
.contrast_con div{float: left;width: 50%;padding-bottom: 40px;box-sizing:border-box;}
.contrast_con h2{text-align: right;color: #ffffff;font-size: 30px;margin: 60px 0 36px;font-family: 'Microsoft YaHei';font-weight: bold;}
.contrast_left {padding-right: 200px;background: #FFA882;}
.contrast_left p{text-align: right;}
.contrast_right h2{text-align: left;}
.contrast_right p{text-align: left;}
.contrast_right{text-align: left;padding-left: 200px;position: relative;background: #FF8A8B;}
.webappSpecial_contrast{clear: both;;overflow: hidden;}
.contrast_con p{font-size: 16px;color: #ffffff;font-family: 'Microsoft YaHei';line-height: 43px;}
.contrast_right img{position: absolute;top: -53px;right: 22px;}

@media screen and (min-width:1024px) and (max-width:1200px){
    .five_mall_top h2{font-size:32px;}
    .contrast_right img{top:-100px;}
    .contrast_right{padding-left: 190px;}
    .stepBox{width:100%;}
    .five_mall_top .right img{width:100%;}
}

@media screen and (min-width:768px) and (max-width:1023px){
    .five_mall_top h2{font-size:22px;}
    .contrast_right img{top:-100px;}
    .contrast_right{padding-left: 190px;}
    .stepBox{width:100%;}
    .contrast_con{padding-top: 50px;margin-top: 0px;padding-bottom: 50px;}
    .five_mall_top .right img{width:100%;}
    .contrast_con div{float: none;width: 100%;padding-top: 10px;}
    .contrast_con>img,.contrast_right img{display:none;}
    .contrast_left{padding-right: 0px;}
    .contrast_con h2,.contrast_right h2{text-align:center;}
    .contrast_con p,.contrast_right p{text-align:center;}
    .contrast_right{padding-left:0px;}
    .five_mall_content img{width:80%;margin: 20px 0;}
    .stepBox .sImg img{width:100%;}
    .stepItem li a{font-size:24px;}
}

@media screen and (min-width:414px) and (max-width:767px){
    .five_mall_top .left,.three_mall_top .left{padding-top: 20px;width: 100%;float: none;}
    .five_mall_top h2,.three_mall_top h2{font-size: 18px;}
    .five_mall_top p{font-size: 16px;padding-top: 20px;text-align: center;padding-left: 0px;}
    .three_mall_top p{font-size:16px;}
    .five_mall_top .right,.three_mall_top .right{width: 100%;float: none;text-align: center;}
    .five_mall_top .right img,.three_mall_top .right img{width:80%;}
    .five_mall_content h2{font-size:18px;}
    .contrast_con{padding-bottom: 0px;padding-top: 0px;}
    .contrast_con div{float: none;width: 100%;}
    .contrast_con h2{text-align: center;margin:0;font-size: 22px;padding: 60px 0 36px;}
    .contrast_left p,.contrast_right p{text-align:center;}
    .contrast_con>img,.contrast_right img{display:none;}
    .contrast_right{text-align:center;padding-left: 0px;}
    .contrast_left{padding-right: 0px;}
    .contrast_right h2{text-align:center;}
    .five_mall_content img{width:80%;margin:20px 0;}
    .three_mall .three_mall_m1 .tit{font-size: 18px;}
    .three_mall .three_mall_m1 .tit label{font-size: 22px;}
    .five_mall_m1 img,.three_mall_m1 img{width:100%;}
    .stepBox{width: 100%;}
    .stepTable td.mTd{width:25%;display:none;}
    .stepItem li a{width: 90px;height: 60px;line-height: inherit !important;padding-top: 15px;background-size: 100% 100% !important;font-size:16px;}
    .BFont{font-size: 14px;}
    .stepTable td.rTd{float:none;}
    .sTitle{font-size: 16px !important;line-height: inherit;}
    .sTitle img{width:auto;}
    .explanlist td,.explanlist .rtd .rfont{line-height:inherit !important}
    .three_mall_top{height:auto;}
    .sBox .mallMain{background:none !important;}
    .stepTable td{display: block;}
    .stepBox{margin-top: 30px;}
    .stepDiv2,.stepDiv4,.stepDiv6{padding-top:0 !important;}
    .stepBox .sImg .wd{width:90%}
}
@media screen and (max-width:413px){
    .five_mall_top .left,.three_mall_top .left{padding-top: 20px;width: 100%;float: none;}
    .five_mall_top h2,.three_mall_top h2{font-size: 18px;}
    .five_mall_top p{font-size: 16px;padding-top: 20px;text-align: center;padding-left: 0px;}
    .three_mall_top p{font-size:16px;}
    .five_mall_top .right,.three_mall_top .right{width: 100%;float: none;text-align: center;}
    .five_mall_top .right img,.three_mall_top .right img{width:80%;}
    .five_mall_content h2{font-size:18px;}
    .contrast_con{padding-bottom: 0px;padding-top: 0px;}
    .contrast_con div{float: none;width: 100%;}
    .contrast_con h2{text-align: center;margin:0;font-size: 22px;padding: 60px 0 36px;}
    .contrast_left p,.contrast_right p{text-align:center;}
    .contrast_con>img,.contrast_right img{display:none;}
    .contrast_right{text-align:center;padding-left: 0px;}
    .contrast_left{padding-right: 0px;}
    .contrast_right h2{text-align:center;}
    .five_mall_content img{width:80%;margin:20px 0;}
    .three_mall .three_mall_m1 .tit{font-size: 18px;}
    .three_mall .three_mall_m1 .tit label{font-size: 22px;}
    .five_mall_m1 img,.three_mall_m1 img{width:100%;}
    .stepBox{width: 100%;}
    .stepTable td.mTd{width:25%;display:none;}
    .stepItem li a{width: 90px;height: 60px;line-height: inherit !important;padding-top: 15px;background-size: 100% 100% !important;font-size:16px;}
    .BFont{font-size: 14px;}
    .stepTable td.rTd{float:none;}
    .sTitle{font-size: 16px !important;line-height: inherit;}
    .explanlist td,.explanlist .rtd .rfont{line-height:inherit !important}
    .three_mall_top{height:auto;}
    .sBox .mallMain{background:none !important;}
    .stepTable td{display: block;}
    .stepBox{margin-top: 30px;}
    .stepDiv2,.stepDiv4,.stepDiv6{padding-top:0 !important;}
    .stepBox .sImg .wd{width:90%}
}