/*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}
body {position:relative;font-size:14px;background-color:white;overflow:auto; min-width: 1210px;}
body, textarea, input, button, select, keygen, legend {
    font-family: "Microsoft Yahei", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
    outline: 0;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {font-weight: 300; }
li {list-style: none; }
html, body, fieldset, img, iframe, abbr {border: 0; }
img{ vertical-align: top; }
a, button {cursor: pointer; }
a {color: #333; outline: 0; text-decoration: none;}


/*common*/
.container{ width: 1210px; margin: 0 auto; }
.container:after{ content:""; display: block; clear: both; }
.clearfix:after{ content: ""; display: block; clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.color-white {color: white!important; }
.red {color: #e01d20!important; }
.color-green{color: #00C749}
.color-blue {color:#3399ff;}
.m-t-10 {margin-top: 10px}
.m-t-20 {margin-top: 20px}
.m-t-30 {margin-top: 30px}
body .section .fc-aaa {color:#aaa}

.mod-btn{ display: inline-block; height: 40px; background: #39f; color: #fff; line-height: 40px; font-size: 16px; padding: 0 15px;}
.mod-btn:hover{ background: #3fabff; }
.mod-btn.mod-btn-green{ background: #00c749; }
.mod-btn.mod-btn-green:hover{ background: #08d653; }
.btn-icon.icon-view{ background: url(../images/eye.png) no-repeat; width: 20px; height: 12px; float: left; margin: 13px 7px 0 0;}

.mod-shadow-btn{ font-size: 16px; color: #fff; text-align: center; display: inline-block; vertical-align: middle; background: #009FE8; height: 50px; line-height: 50px; width: 180px; border-radius: 0px;}
.mod-shadow-btn{ -webkit-box-shadow: 0 10px 15px -3px rgba(0,159,232,.5); -moz-box-shadow: 0 10px 15px -3px rgba(0,159,232,.5); box-shadow: 0 10px 15px -3px rgba(0,159,232,.5); }
.mod-shadow-btn-narrow{ width: 130px; margin-right: 15px; }
.mod-shadow-btn:hover{ color: #fff;  -webkit-transform: translate(0,3px); -moz-transform: translate(0,3px); transform: translate(0,3px); -webkit-box-shadow: 0 7px 15px -3px rgba(0,159,232,.5); -moz-box-shadow: 0 7px 15px -3px rgba(0,159,232,.5); box-shadow: 0 7px 15px -3px rgba(0,159,232,.5);}
.mod-shadow-btn-green{ background: #00c749; -webkit-box-shadow: 0 10px 15px -3px rgba(0, 199, 73,.5); -moz-box-shadow: 0 10px 15px -3px rgba(0, 199, 73,.5); box-shadow: 0 10px 15px -3px rgba(0, 199, 73,.5);}
.mod-shadow-btn-green:hover{ -webkit-box-shadow: 0 7px 15px -3px rgba(0, 199, 73,.5); -moz-box-shadow: 0 7px 15px -3px rgba(0, 199, 73,.5); box-shadow: 0 7px 15px -3px rgba(0, 199, 73,.5); }
.mod-shadow-btn-black{ background: #344451; -webkit-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); -moz-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); box-shadow: 0 10px 15px -3px rgba(52,68,81,.5);}
.mod-shadow-btn-black:hover{ -webkit-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); -moz-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); box-shadow: 0 10px 15px -3px rgba(52,68,81,.5);}
.mod-shadow-btn-red{ background: #FC4861; -webkit-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); -moz-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5);}
.mod-shadow-btn-red:hover{ -webkit-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); -moz-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5);}

.mod-radius-btn{ font-size: 16px; color: #fff; text-align: center; display: inline-block; vertical-align: middle; background: #009FE8; height: 50px; line-height: 50px; border: 1px solid #fff; width: 160px; border-radius: 25px;}
.mod-radius-btn{ -webkit-box-shadow: 0 10px 15px -3px rgba(0,159,232,.5); -moz-box-shadow: 0 10px 15px -3px rgba(0,159,232,.5); box-shadow: 0 10px 15px -3px rgba(0,159,232,.5); }
.mod-radius-btn-narrow{ width: 130px; margin-right: 15px; }
.mod-radius-btn:hover{ color: #fff;  -webkit-transform: translate(0,3px); -moz-transform: translate(0,3px); transform: translate(0,3px); -webkit-box-shadow: 0 7px 15px -3px rgba(0,159,232,.5); -moz-box-shadow: 0 7px 15px -3px rgba(0,159,232,.5); box-shadow: 0 7px 15px -3px rgba(0,159,232,.5);}
.mod-radius-btn-green{ background: #00c749; -webkit-box-shadow: 0 10px 15px -3px rgba(0, 199, 73,.5); -moz-box-shadow: 0 10px 15px -3px rgba(0, 199, 73,.5); box-shadow: 0 10px 15px -3px rgba(0, 199, 73,.5);}
.mod-radius-btn-green:hover{ -webkit-box-shadow: 0 7px 15px -3px rgba(0, 199, 73,.5); -moz-box-shadow: 0 7px 15px -3px rgba(0, 199, 73,.5); box-shadow: 0 7px 15px -3px rgba(0, 199, 73,.5); }
.mod-radius-btn-black{ background: #344451; -webkit-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); -moz-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); box-shadow: 0 10px 15px -3px rgba(52,68,81,.5);}
.mod-radius-btn-black:hover{ -webkit-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); -moz-box-shadow: 0 10px 15px -3px rgba(52,68,81,.5); box-shadow: 0 10px 15px -3px rgba(52,68,81,.5);}
.mod-radius-btn-red{ background: #FC4861; -webkit-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); -moz-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5);}
.mod-radius-btn-red:hover{ -webkit-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); -moz-box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5); box-shadow: 0 10px 15px -3px rgba(252,72,97,0.5);}

.mod-btn .icon-download,
.mod-shadow-btn .icon-download{ display: inline-block; width: 19px; height: 19px; vertical-align: sub; margin-right: 10px; background: url(../images/icon-download.png) no-repeat;}

.pro-icon{ display: inline-block; width: 32px; height: 20px; background: url(../images/menu-icon-1.png) no-repeat; }
.pro-icon.icon-app{ background-position: -7px -15px; }
.pro-icon.icon-store{ background-position: -55px -15px; }
.pro-icon.icon-deliver{ background-position: -104px -15px; }
.pro-icon.icon-street{ background-position: -152px -15px; }
.pro-icon.icon-shopkeeper{ background-position: -201px -15px; }
.pro-icon.icon-wechat{ background-position: -247px -15px; }
.pro-icon.icon-miniprogram{ background-position: -7px -62px; }
.pro-icon.icon-offical{ background-position: -55px -62px; }
.pro-icon.icon-pc{ background-position: -104px -62px; }
.pro-icon.icon-back{ background-position: -152px -62px; }
.pro-icon.icon-backseller{ background-position: -201px -62px; }
.pro-icon.icon-cashier{ background-position: -247px -61px; }
.pro-icon.icon-pos{ background-position: -7px -109px; }
.pro-icon.icon-h5{ background-position: -55px -109px; }
.pro-icon.icon-printer{ background: url(../images/icon_printer.png) no-repeat center; }
.pro-icon.icon-bbc{ background-position: -100px -109px; }
.pro-icon.icon-cashier { background-position: -152px -109px;}

.channel-icon{ display: inline-block; width: 48px; height: 48px; background: url(../images/menu-icon-1.png) no-repeat;}
.channel-icon.icon-chart{ background-position: 0px -144px; }
.channel-icon.icon-lbs{ background-position: -48px -144px; }
.channel-icon.icon-join{ background-position: -96px -144px; }
.channel-icon.icon-jd{ background-position: 0px -194px; }
.channel-icon.icon-meituan{ background-position: -48px -194px; }
.channel-icon.icon-tongcheng{ background-position: -96px -194px; }
.channel-icon.icon-shequ{ background-position: -144px -194px; }
.channel-icon.icon-function{ background-position: 0px -289px; }
.channel-icon.icon-update{ background-position: -48px -289px; }
.channel-icon.icon-authorize{ background-position:  0px -242px; }
.channel-icon.icon-open{ background-position:  -144px -242px; }
.channel-icon.icon-qna{ background-position: -48px -242px; }
.channel-icon.icon-help{ background-position: -96px -242px; }

.mod-title{ padding-bottom: 35px; text-align: center;}
.mod-title h2{ font-size: 36px; margin-bottom: 17px; font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;}
.mod-title p{ font-size: 16px; line-height: 1.7; color: #888;}
.mod-title.white h2,
.mod-title.white p{ color: #fff; }
.mod-title.tl{ text-align: left; }

.fixed-service{ position: fixed; z-index: 100; right: 30px; bottom: 120px; }
.fixed-service .service-item{ display: block; width: 70px; height: 70px; margin-bottom: 10px; position: relative; }
.fixed-service .service-item .s-icon{ display: block; width: 70px; height: 70px; border-radius: 50%; position: relative; z-index: 10; }
.fixed-service .service-msg .s-icon{ background: #00C64E url(../images/service_msg.png) no-repeat center center; }
.fixed-service .service-phone .s-icon{ background: #3899FD url(../images/service_phone.png) no-repeat center center; }
.fixed-service .service-top .s-icon{ background: #797979 url(../images/service_top.png) no-repeat center center; }
.fixed-service .service-item .s-text{ position: absolute; z-index: 1; right: 0; top: 0; display: none; height: 70px; line-height: 70px; border-radius: 35px; color: #fff; padding: 0 35px; font-size: 24px; overflow: hidden; white-space: nowrap; }
.fixed-service .service-msg .s-text{ background: #00C64E; }
.fixed-service .service-phone .s-text{ background: #3899FD; }
.fixed-service .service-top .s-text{ background: #797979; }
.fixed-service .service-msg .animated-circles{ position: absolute; left: 0; top: 0; width: 70px; height: 70px; z-index: 1;  }
.animated-circles .circle {background: rgba(0, 198, 78, 0.25); width: 70px; height: 70px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1);}
.animated-circles.animated .c-1 {animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.animated-circles.animated .c-2 {animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.animated-circles.animated .c-3 {animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.animation-stopped .circle {opacity: 0 !important }
@keyframes scaleToggleOne {
    from {transform:scale(1);}
    50% {transform:scale(1.6);}
    100% {transform:scale(1);}
}
@keyframes scaleToggleTwo {
    0% {transform:scale(1);}
    20% {transform:scale(1);}
    60% {transform:scale(1.6);}
    100% {transform:scale(1);}
}
@keyframes scaleToggleThree {
    0% {transform:scale(1);}
    33% {transform:scale(1);}
    66% {transform:scale(1.6);}
    100% {transform:scale(1);}
}

.section{ padding: 80px 0; }


.footer .backtage_foot{ background:#181818;  padding:30px 0; position:relative;}/* z-index:105;*/
.footer .backtage_foot .wrapper{width: 1210px; margin: 0 auto;}
.footer .backtage_foot .wrapper>p{color: white;text-align: right;line-height: 1.8; font-size: 12px; padding:26px 20px 0 0;}
.footer .backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
.footer .backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left;padding-right: 13px;}
.footer .backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
.footer .backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
.footer .backtage_foot .nav_copy .copy{ color:#5e6263; line-height:22px; font-size:12px;}
.footer .backtage_foot .tel dl{ height:auto; overflow:hidden;width: 280px;}
.footer .backtage_foot .tel dl dt{ float:left; padding-right:20px;}
.footer .backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
.footer .backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#9ecc17; width:200px;}
.footer .backtage_foot .tel dl dd p{ color:#888;width: 200px;}
.footer .backtage_foot .nav_copy{padding-top: 10px;}
.footer .backtage_foot .tel{padding-top: 20px;}
.footer .backtage_foot .qq{padding: 30px 30px 0 10px;}

/*head*/
.mod-head{ height: 100px; background: #fff; position: relative; z-index: 11;}
.mod-head .logo{ float: left; padding-top: 24px; }
.mod-head .logo .img{ height: 60px; }
.mod-head .head-right{ float: right; padding-top: 30px; }
.mod-head .head-right .demo{ position: relative; }
.mod-head .head-right .demo-sub{display: none; width: 488px; padding: 23px 20px 25px 38px; border: 3px solid #00C64E; position: absolute; right: 0; top: 70px; background: #fff; }
.mod-head .head-right .demo-sub:before{ content: ""; position: absolute; right: 50px; top: -10px; height: 0; width: 0; border-width: 0 6px 10px 6px; border-color: transparent transparent #00C64E transparent; border-style: solid; }
.mod-head .head-right .demo-sub:after{ content: ""; background: transparent; position: absolute; width: 100%; height: 40px; top: -40px; left: 0; }
.mod-head .head-right .demo-sub h2{ font-size: 18px; color: #00c749; font-weight: 700;}
.mod-head .head-right .demo-sub .account-table{ width: 100%; font-size: 14px; border-collapse: collapse;}
.mod-head .head-right .demo-sub .account-table td{ padding: 20px 0; border-bottom: 1px solid #DCDCDC; }
.mod-head .head-right .demo-sub .account-table td span{ color: #888; }
.mod-head .head-right .demo-sub .account-table td a{ color: #3399ff; }
.mod-head .head-right .demo-sub .qrcode-list{ overflow: hidden; padding-top: 15px;  margin-bottom: 30px;}
.mod-head .head-right .demo-sub .qrcode-list li{ float: left; text-align: center; font-size: 14px; }
.mod-head .head-right .demo-sub .qrcode-list li img{ margin-bottom: 10px; }
.mod-head .head-right .demo-sub .btn-wrap a{ margin-right: 10px; }
.mod-head .h-nav{ margin-right: 30px; }
.mod-head .h-nav li{ float: left; }
.mod-head .h-nav li .nav-link{ line-height: 100px; display: block; font-size: 18px; padding: 0 24px; position: relative;}
.mod-head .h-nav li .nav-link img{position: absolute;top: 20px; right: 4px; }
.mod-head .h-nav li .nav-box{ display: none; position: absolute; width: 100%; left: 0; top: 100px; z-index: 20px; background: #fff; border-top: 1px solid #DCDCDC; padding: 20px 0 15px;}
.mod-head .h-nav li .nav-box:before{ content:""; height: 3px; position: absolute; width: 100%; top: -2px; z-index: 2; }
.mod-head .h-nav li .nav-box dl{ float: left; width: 226px; margin: 0 20px 20px 0; }
.mod-head .h-nav li .nav-box dl.last{ margin-right: 0; }
.mod-head .h-nav li .nav-box dl dt{ font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.mod-head .h-nav .line{ clear: both; width: 100%; height: 0; position: relative; }
.mod-head .h-nav .line:after{ content:''; position: absolute; bottom: -1px; left: 10px; height: 2px; background: #39f; width: 84px; transition: all .2s;}
.mod-head .h-nav .line.current-1:after{ left: 0px; }
.mod-head .h-nav .line.current-2:after{ left: 100px; }
.mod-head .h-nav .line.current-3:after{ left: 220px; }
.mod-head .h-nav .line.current-4:after{ left: 340px; }
.mod-head .h-nav .line.current-5:after{ left: 460px; }
.mod-head .h-nav .line.current-6:after{ left: 580px; }
.mod-head .h-nav .line.hover-1:after{ left: 0px; }
.mod-head .h-nav .line.hover-2:after{ left: 100px; }
.mod-head .h-nav .line.hover-3:after{ left: 220px; }
.mod-head .h-nav .line.hover-4:after{ left: 340px; }
.mod-head .h-nav .line.hover-5:after{ left: 460px; }
.mod-head .h-nav .line.hover-6:after{ left: 580px; }
.mod-head .pro-box{ display: block; position: relative; height: 48px; border: 1px solid #dcdcdc; padding-left: 12px; line-height: 48px; margin-bottom: 10px; transition: all .2s;}
.mod-head .pro-box:hover { color: #39f; border-color: #39f; }
.mod-head .pro-box p{ display: inline-block; font-size: 15px;}
.mod-head .pro-box p .tip{ color:#888; margin-left: 5px; font-size: 12px; }
.mod-head .pro-box .pro-icon{ vertical-align: -5px; margin-right: 10px;}
.mod-head .pro-box .tag-hot{ position: absolute; right: -1px; top: -1px; width: 26px; height: 11px; background: url(../images/hot.jpg) no-repeat; }
.mod-head .pro-box .tag-new{ position: absolute; right: -1px; top: -1px; width: 26px; height: 11px; background: url(../images/new.png) no-repeat; }
.mod-head .channel-list{ overflow: hidden; text-align: center; margin-right: -20px;}
.mod-head .channel-list .channel-box{ display: inline-block; width: 293px; height: 98px; font-size: 16px; border: 1px solid #DCDCDC; margin: 0 7px 10px 0; transition: all .2s;}
.mod-head .channel-list .channel-box:hover{ color: #39f; border-color: #39f; }
.mod-head .channel-list .channel-box .channel-icon{ display: block; margin: 10px auto 5px; }

/*index*/
.page-index{}
.page-index .banner{ height: 600px; overflow: hidden;}
.page-index .banner-wrap {width: 1210px;margin: 0 auto;position: relative;}
.page-index .banner-wrap .swiper-wrapper{width: 1920px !important;margin-left: -355px;}
.page-index .swiper-container-horizontal>.swiper-pagination {bottom:55px;}
.page-index .section-1{ background: #F5F5F5; padding-top: 0; z-index: 5; }
.page-index .section-1 .section-product{ padding-top: 1px; }
.page-index .section-1 .section-product ul{ margin: -46px -1px 57px; }
.page-index .section-1 .section-product li{ width: 200px; height: 90px; float: left; position: relative; margin: 0 1px; text-align: center; box-shadow: 0 2px 7px rgba(0,0,0,.1);    z-index: 5;}
.page-index .section-1 .section-product li i{ transition: transform .2s,box-shadow .2s; width: 60px; height: 60px; border-radius: 50%; position: absolute; left: 50%; margin-left: -30px; background: #fff url(../images/menu-icon-2.png) no-repeat;}
.page-index .section-1 .section-product li i.icon-man{ background-position: 0 0; }
.page-index .section-1 .section-product li i.icon-store{ background-position: 0 -60px; }
.page-index .section-1 .section-product li i.icon-moto{ background-position: 0 -120px; }
.page-index .section-1 .section-product li i.icon-pc{ background-position: 0 -180px; }
.page-index .section-1 .section-product li i.icon-mini{ background-position: 0 -240px; }
.page-index .section-1 .section-product li i.icon-pos{ background-position: 0 -300px; }
.page-index .section-1 .section-product li p{ font-size: 16px; transition: all .2s; width: 100%; position: absolute; left: 0; top: 56px; z-index: 3; transition: transform .2s; color: #333;}
.page-index .section-1 .section-product li span{ position: absolute; top: 85px; transition: all .2s; font-size: 14px; width: 100%; left: 0; color: #fff; opacity: 0;}
.page-index .section-1 .section-product li:before{ content:""; transition: transform .2s,background-color .2s; background: #fff; width: 200px; height: 90px; position: absolute; left: 0; top: 0; }
.page-index .section-1 .section-product li:after{ content:""; width: 32px; height: 2px; background: #3399ff; position: absolute; bottom: 0; left: 50%; margin-left: -16px; }
.page-index .section-1 .section-product li:hover{ z-index: 6; color: #fff;}
.page-index .section-1 .section-product li:hover:before{ transform: scale(1.3); background: #3399ff; box-shadow: 0 2px 24px rgba(51,135,255,0.7);}
.page-index .section-1 .section-product li:hover i{ background-position-x: -60px; transform: translate(0,-30px); box-shadow: 0 0 0px 5px rgba(51,135,255,1),0 0 0 10px rgba(51,135,255,1);}
.page-index .section-1 .section-product li:hover p{ transform: translate(0,-15px); color: #fff;}
.page-index .section-1 .section-product li:hover span{ opacity: 1; transform: translate(0,-20px);}
.page-index .section-1 .news-left{ float: left;width: 210px; padding-top: 51px;}
.page-index .section-1 .news-left h2{ font-size: 48px; font-weight: 700; margin-bottom: 12px;}
.page-index .section-1 .news-left p{ font-size: 16px; color: #fff; width: 200px; height: 40px; line-height: 40px; padding-left: 20px; background: url(../images/news-bt.png) left top no-repeat;}
.page-index .section-1 .news-right{ float: right; width: 955px; }
.page-index .section-1 .news-big,
.page-index .section-1 .news-more{ height: 200px; padding: 20px; background: #fff; }
.page-index .section-1 .news-big{ width: 580px; float: left; }
.page-index .section-1 .news-big .img{ float: left; }
.page-index .section-1 .news-big .img img{ width: 200px; height: 200px; margin-right: 20px; }
.page-index .section-1 .news-big .text{ float: left; width: 360px; }
.page-index .section-1 .news-big .text h3{ font-size: 18px; font-weight: 700; line-height: 35px; }
.page-index .section-1 .news-big .text .time{ overflow: hidden; margin: 4px 0 8px;}
.page-index .section-1 .news-big .text .time span{ float: left; width: 55px; height: 20px; line-height: 20px; text-align: center; }
.page-index .section-1 .news-big .text .time .date{ background: #00D64F; color: #fff; }
.page-index .section-1 .news-big .text .time .year{ background: #EEEEEE; }
.page-index .section-1 .news-big .text .word{ font-size: 14px; color: #888888; line-height: 1.7; margin-bottom: 5px; max-height: 92px; overflow: hidden;}
.page-index .section-1 .news-big .text .more{ font-size: 14px; color: #00cf4e; }
.page-index .section-1 .news-more{ width: 290px; float: right; }
.page-index .section-1 .news-more .down-title{ padding-bottom: 22px; border-bottom: 1px dashed #DBDBDB;}
.page-index .section-1 .news-more .down-title .img{ width: 60px; height: 60px; float: left; position: relative; margin: 0 18px;}
.page-index .section-1 .news-more .down-title .img-1{ width: 60px; height: 27px; position: absolute; bottom: 0; left: 0; background: url(../images/jt-1.png) no-repeat;}
.page-index .section-1 .news-more .down-title .img-2{ width: 36px; height: 35px; position: absolute; bottom: 18px; left: 13px; background: url(../images/jt-2.png) no-repeat; animation: downArrow .5s infinite ease-out alternate;}
@keyframes downArrow{
    0%{
        transform: translate(0,0);
    }
    100%{
        transform: translate(0,-7px);
    }
}
.page-index .section-1 .news-more .down-title .text{ float: left; padding-top: 10px;}
.page-index .section-1 .news-more .down-title .text h3{ font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.page-index .section-1 .news-more .down-title .text p{ font-size: 14px; color: #888; }
.page-index .section-1 .news-more .down-tip{ padding: 17px 20px; text-align: center; font-size: 14px; line-height: 1.5;}
.page-index .section-1 .news-more .down-tip a{ color: #39f; }
.page-index .section-1 .news-more .down-tip b{ color: #00c749; }
.page-index .section-1 .news-more .down-btn{ text-align: center;}
.page-index .section-1 .news-more .down-btn .mod-btn{ width: 120px; padding: 0; margin: 0 3px; font-size: 14px; height: 36px; line-height: 36px; }
.page-index .section-2 h2{ margin-left: -20px; }
.page-index .section-2 .img{ width: 540px; height: 580px; float: left; background: url(../images/01-img.png) no-repeat; margin: 0 20px 0-20px;}
.page-index .section-2 .section-right{ float: left; margin-left: 28px; width: 632px; }
.page-index .section-2 .section-right li{ float: left; width: 50%; margin-bottom: 40px;}
.page-index .section-2 .section-right li i{ display: block; width: 58px; height: 48px; background: url(../images/01-icon.png) no-repeat; margin-left: -8px;}
.page-index .section-2 .section-right .item-1 i{ background-position: 0 0; }
.page-index .section-2 .section-right .item-2 i{ background-position: 0 -48px; }
.page-index .section-2 .section-right .item-3 i{ background-position: 0 -96px; }
.page-index .section-2 .section-right .item-4 i{ background-position: 0 -144px; }
.page-index .section-2 .section-right .item-5 i{ background-position: 0 -192px; }
.page-index .section-2 .section-right .item-6 i{ background-position: 0 -246px; }
.page-index .section-2 .section-right li h3{ font-size: 18px; color: #3399ff; font-weight: 700; margin: 10px 0;}
.page-index .section-2 .section-right li p{ font-size: 14px; color: #888; margin-right: 36px; line-height: 1.7;}
.page-index .section-3{ background: url(../images/02-img.jpg) no-repeat center top; }
.page-index .section-3 .video_wrap {text-align:center;     height: 270px; margin-top: 50px;}
.page-index .section-3 .video{ width: 500px; height: 281px; margin:0 30px; background: url(../images/02-mg.jpg) no-repeat center top;background-size: 100%; display:inline-block;}
.page-index .section-4 .mode-list{ padding-left: 30px; }
.page-index .section-4 .mode-list li{ float: left; width: 520px; margin: 0 25px;}
.page-index .section-4 .mode-list li .hd{ color: #fff; text-align: center; padding: 20px}
.page-index .section-4 .mode-list li .hd h3{ font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.page-index .section-4 .mode-list li .hd p{ font-size: 16px; line-height: 1.7; }
.page-index .section-4 .mode-list li.item-1 .hd{ background: #00CE52; }
.page-index .section-4 .mode-list li.item-2 .hd{ background: #4885F6; }
.page-index .section-4 .mode-list li .img{ border: 1px solid #DCDCDC; border-top: 0 none; position: relative;}
.page-index .section-4 .mode-list li.item-1 .img .link{ position: absolute; width: 102px; height: 98px; left: 388px; top: 56px; z-index: 2; }
.page-index .section-4 .mode-list li.item-1 .img .tip{ position: absolute; top: 412px; padding: 20px 13px 20px 30px; background: #f5f5f5; width: 435px; margin-left: 20px; line-height: 1.5; /* display: none; */ font-size: 14px; color: #00cf4e; word-break: break-all; background: #e5faed;}
.page-index .section-5{ background: #F4F4F4; }
.page-index .section-5 .mode-list{ height: 484px; }
.page-index .section-5 .mode-list .mode-item{ width: 240px; height: 484px; text-align: center; float: left; overflow: hidden; margin-left: -1px; background: #fff; transition: width .4s;}
.page-index .section-5 .mode-list .mode-wrap{ width: 750px; height: 484px;}
.page-index .section-5 .mode-list .mode-view{ float: left; width: 238px; height: 482px; border: 1px solid #DCDCDC; opacity: 1;}
.page-index .section-5 .mode-list .mode-view h3{ font-size: 30px; padding-top: 52px; padding-bottom: 11px;}
.page-index .section-5 .mode-list .mode-view h4{ font-size: 14px; color: #888; }
.page-index .section-5 .mode-list .mode-view i{ display: block; width: 120px; height: 90px; margin: 80px auto 105px;}
.page-index .section-5 .mode-list .mode-view ul{ padding-left: 20px; }
.page-index .section-5 .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 5px 10px 5px; background: #EDEDED; }
.page-index .section-5 .mode-list .mode-detail{ float: left; color: #fff; width: 480px; height: 484px; background: #00CE52; opacity: 0;}
.page-index .section-5 .mode-list .mode-detail .detail-left,
.page-index .section-5 .mode-list .mode-detail .detail-right{ width: 240px; height: 484px; }
.page-index .section-5 .mode-list .mode-detail .detail-left{ float: left; background: #3399ff; overflow: hidden;}
.page-index .section-5 .mode-list .mode-detail .detail-left i{ display: block; width: 120px; height: 90px; margin: 112px auto 70px; }
.page-index .section-5 .mode-list .mode-detail .detail-left h3{ font-size: 30px; margin-bottom: 19px;}
.page-index .section-5 .mode-list .mode-detail .detail-left h4{ font-size: 14px; padding: 0 25px; line-height: 1.7;}
.page-index .section-5 .mode-list .mode-detail .detail-right{ float: left; background: #2181e0;}
.page-index .section-5 .mode-list .mode-detail .detail-right ul{ padding: 20px 20px 0 30px; }
.page-index .section-5 .mode-list .mode-detail .detail-right li{ margin-bottom: 16px; }
.page-index .section-5 .mode-list .mode-detail .detail-right li h3{ width: 83px; height: 28px; border: 1px solid #fff; line-height: 28px; margin-bottom: 11px;}
.page-index .section-5 .mode-list .mode-detail .detail-right li p{ text-align: left; line-height: 1.7; font-size: 14px;}
.page-index .section-5 .mode-list .mode-detail .detail-right .get{ width: 100px; height: 31px; line-height: 31px; padding-left: 15px; color: #2181e0; display: block; margin-left: 30px; font-size: 16px; background: #fff url(../images/04-jt.png) no-repeat 84px center; text-align: left;}
.page-index .section-5 .mode-list .mode-item-1 .mode-view i{ background: url(../images/04-img-1.png) no-repeat -120px 0; }
.page-index .section-5 .mode-list .mode-item-1 .mode-detail .detail-left i{ background: url(../images/04-img-1.png) no-repeat 0 0; }
.page-index .section-5 .mode-list .mode-item-2 .mode-view i{ background: url(../images/04-img-2.png) no-repeat -120px 0; }
.page-index .section-5 .mode-list .mode-item-2 .mode-detail .detail-left i{ background: url(../images/04-img-2.png) no-repeat 0 0; }
.page-index .section-5 .mode-list .mode-item-3 .mode-view i{ background: url(../images/04-img-3.png) no-repeat -120px 0; }
.page-index .section-5 .mode-list .mode-item-3 .mode-detail .detail-left i{ background: url(../images/04-img-3.png) no-repeat 0 0; }
.page-index .section-5 .mode-list .mode-item-4 .mode-view i{ background: url(../images/04-img-4.png) no-repeat -120px 0; }
.page-index .section-5 .mode-list .mode-item-4 .mode-detail .detail-left i{ background: url(../images/04-img-4.png) no-repeat 0 0; }
.page-index .section-5 .mode-list .mode-item.active{ width: 480px; }
.page-index .section-5 .mode-list .mode-item.active .mode-wrap{ margin-left: -240px; opacity: 1; }
.page-index .section-5 .mode-list .mode-item.active .mode-view{ opacity: 0; }
.page-index .section-5 .mode-list .mode-item.active .mode-detail{ opacity: 1; }
.page-index .section-6 .section-left{ width: 543px; float: left; margin-right: 40px; }
.page-index .section-6 .section-left .mod-title{ text-align: left; }
.page-index .section-6 .section-left .mod-title h2{ color: #0093dd; }
.page-index .section-6 .section-left li{ overflow: hidden; padding: 20px; }
.page-index .section-6 .section-left li.on{ background: #F4F4F4; }
.page-index .section-6 .section-left li i{ width: 40px; height: 40px; margin-top: 13px; float: left; background: url(../images/05-icon.png) no-repeat; }
.page-index .section-6 .section-left .item-1 i{ background-position: 0 5px; }
.page-index .section-6 .section-left .item-2 i{ background-position: 0 -35px; }
.page-index .section-6 .section-left .item-3 i{ background-position: 0 -75px; }
.page-index .section-6 .section-left .item-4 i{ background-position: 0 -115px; }
.page-index .section-6 .section-left li .text { float: left; margin-left: 20px; width: 440px;}
.page-index .section-6 .section-left li .text h3{ font-size: 18px; margin-bottom: 5px;}
.page-index .section-6 .section-left li .text p{ font-size: 14px; color: #888; line-height: 1.7; }
.page-index .section-6 .img{ background: url(../images/05-img-1.png) no-repeat center center; width: 627px; height: 557px; float: left; margin-top: 50px; transition: all .4s;}
.page-index .section-6 .img-1{ background-image: url(../images/05-img-1.png); }
.page-index .section-6 .img-2{ background-image: url(../images/05-img-2.png); }
.page-index .section-6 .img-3{ background-image: url(../images/05-img-3.png); }
.page-index .section-6 .img-4{ background-image: url(../images/05-img-4.png); }
.page-index .section-7{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e1b79+0,18384f+100 */
    background: #3e1b79; /* Old browsers */
    background: -moz-linear-gradient(left,  #3e1b79 0%, #18384f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #3e1b79 0%,#18384f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #3e1b79 0%,#18384f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e1b79', endColorstr='#18384f',GradientType=1 ); /* IE6-9 */
}
.page-index .section-7 .img{ width: 1210px; height: 500px; background: url(../images/06-img.png) no-repeat center top; margin: 0 auto; }
.page-index .section-8 .img{ width: 1012px; height: 383px; background: url(../images/07-img.png) no-repeat center top; margin: 35px auto 0; }
.page-index .section-9{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fc3c7+0,00ce52+100 */
    background: #0093dd; /* Old browsers */
}
.page-index .section-9 .slide .hd{ padding-left: 140px; margin-bottom: 41px;}
.page-index .section-9 .slide .hd li{ float: left; position: relative; font-size: 24px; color: #fff; width: 175px; height: 50px; line-height: 50px; transition: all .2s; margin: 0 5px; cursor: default;}
.page-index .section-9 .slide .hd li:after{ content:""; position: absolute; width: 0; height: 0; border-width: 10px 6px 0 6px; border-style: solid; border-color: transparent; bottom: -10px; left: 50%; margin-left: -6px; transition: all .2s;}
.page-index .section-9 .slide .hd li.on:after{ border-top-color: #fff; }
.page-index .section-9 .slide .hd li i{ display: inline-block; vertical-align: middle; margin:0 10px 0 25px; width: 24px; height: 24px; background: url(../images/08-menu.png) no-repeat; transition: all .2s;}
.page-index .section-9 .slide .hd .item-1 i{ background-position: 0 0; }
.page-index .section-9 .slide .hd .item-2 i{ background-position: 0 -34px; }
.page-index .section-9 .slide .hd .item-3 i{ background-position: 0 -68px; }
.page-index .section-9 .slide .hd .item-4 i{ background-position: 0 -102px; }
.page-index .section-9 .slide .hd .item-5 i{ background-position: 0 -136px; }
.page-index .section-9 .slide .hd li.on{ background: #fff; color: #0093dd; }
.page-index .section-9 .slide .hd li.on i{ background-position-x: -24px; }
.page-index .section-9 .slide .bd .item{ display: none; opacity: 0; transition: all .2s;}
.page-index .section-9 .slide .bd .item.on{ display: block; opacity: 1;}
.page-index .section-9 .slide .bd .list{ padding-left: 130px; }
.page-index .section-9 .slide .bd .list .box{ width: 269px; height: 48px; color: #fff; padding: 36px 11px 36px 31px; background: rgba(0,0,0,.3); margin: 0 5px 5px 0; float: left; }
.page-index .section-9 .slide .bd .list .box i{ float: left; margin-right: 21px; width: 50px; height: 50px; background: url(../images/08-icon.png) no-repeat; }
.page-index .section-9 .slide .bd .list .box .text{ float: left; width: 198px;}
.page-index .section-9 .slide .bd .list .box .text h3{ font-size: 18px; margin-bottom: 5px; font-weight: 700;}
.page-index .section-9 .slide .bd .list .box .text p{ font-size: 13px; line-height: 1.7; }
.page-index .section-9 .slide .bd .item-1 .list .box .text h3{ margin-top: -13px; }
.page-index .section-9 .slide .bd .item-1 .box-1 i{ background-position: 0 0; }
.page-index .section-9 .slide .bd .item-1 .box-2 i{ background-position: -50px 0; }
.page-index .section-9 .slide .bd .item-1 .box-3 i{ background-position: -100px 0; }
.page-index .section-9 .slide .bd .item-1 .box-4 i{ background-position: -150px 0; }
.page-index .section-9 .slide .bd .item-1 .box-5 i{ background-position: -200px 0; }
.page-index .section-9 .slide .bd .item-1 .box-6 i{ background-position: -250px 0; }
.page-index .section-9 .slide .bd .item-2 .box-1 i{ background-position: 0 -50px; }
.page-index .section-9 .slide .bd .item-2 .box-2 i{ background-position: -50px -50px; }
.page-index .section-9 .slide .bd .item-2 .box-3 i{ background-position: -100px -50px; }
.page-index .section-9 .slide .bd .item-2 .box-4 i{ background-position: -150px -50px; }
.page-index .section-9 .slide .bd .item-2 .box-5 i{ background-position: -200px -50px; }
.page-index .section-9 .slide .bd .item-2 .box-6 i{ background-position: -250px -50px; }
.page-index .section-9 .slide .bd .item-3 .box-1 i{ background-position: 0 -100px; }
.page-index .section-9 .slide .bd .item-3 .box-2 i{ background-position: -50px -100px; }
.page-index .section-9 .slide .bd .item-3 .box-3 i{ background-position: -100px -100px; }
.page-index .section-9 .slide .bd .item-3 .box-4 i{ background-position: -150px -100px; }
.page-index .section-9 .slide .bd .item-3 .box-5 i{ background-position: -200px -100px; }
.page-index .section-9 .slide .bd .item-3 .box-6 i{ background-position: -250px -100px; }
.page-index .section-9 .slide .bd .item-4 .box-1 i{ background-position: 0 -150px; }
.page-index .section-9 .slide .bd .item-4 .box-2 i{ background-position: -50px -150px; }
.page-index .section-9 .slide .bd .item-4 .box-3 i{ background-position: -100px -150px; }
.page-index .section-9 .slide .bd .item-4 .box-4 i{ background-position: -150px -150px; }
.page-index .section-9 .slide .bd .item-4 .box-5 i{ background-position: -200px -150px; }
.page-index .section-9 .slide .bd .item-4 .box-6 i{ background-position: -250px -150px; }
.page-index .section-9 .slide .bd .item-5 .box-1 i{ background-position: 0 -200px; }
.page-index .section-9 .slide .bd .item-5 .box-2 i{ background-position: -50px -200px; }
.page-index .section-9 .slide .bd .item-5 .box-3 i{ background-position: -100px -200px; }
.page-index .section-9 .slide .bd .item-5 .box-4 i{ background-position: -150px -200px; }
.page-index .section-9 .slide .bd .item-5 .box-5 i{ background-position: -200px -200px; }
.page-index .section-9 .slide .bd .item-5 .box-6 i{ background-position: -250px -200px; }
.page-index .section-10 .slide{ width: 938px; height: 549px; position: relative; margin: 0 auto; }
.page-index .section-10 .slide .bd .item{ width: 938px; height: 549px; }
.page-index .section-10 .slide .bd .item-1{ background: url(../images/09-img-1.png) no-repeat; }
.page-index .section-10 .slide .bd .item-2{ background: url(../images/09-img-2.png) no-repeat; }
.page-index .section-10 .slide .prev,
.page-index .section-10 .slide .next{ position: absolute; width: 56px; height: 100px; background: url(../images/09-jt.png) no-repeat left top; position: absolute; top: 50%; margin-top: -50px; left: -86px;}
.page-index .section-10 .slide .next{ background-position: right top; right: -86px; left: auto; }

.page-index .section-10 .case-list li {width:238px;height:300px;box-shadow: 0 0 50px #ddd;float:left;color:#999;margin:32px;}
.page-index .section-10 .case-list li a{color:#999;}
.page-index .section-10 .case-list li a:hover{color:#333;}
.page-index .section-10 .case-list .case-demo {overflow:hidden;height:26px;line-height:26px;margin-top:14px;margin-right:-12px;}
.page-index .section-10 .case-list .case-demo i {display:inline-block;width:26px;height:26px;
background:url(../images/icon_bottom.png) no-repeat;margin-right:12px;cursor:pointer}
.page-index .section-10 .case-list .case-demo i.weapp {background-position: 0 0;}
.page-index .section-10 .case-list .case-demo i.phone {background-position: -38px 0; }
.page-index .section-10 .case-list .case-demo i.wechat {background-position: -76px 0; }
.page-index .section-10 .case-list .case-demo i.weapp.active {background-position: 0 -36px;}
.page-index .section-10 .case-list .case-demo i.phone.active {background-position: -38px -36px; }
.page-index .section-10 .case-list .case-demo i.wechat.active {background-position: -76px -36px; }
.page-index .section-10 .case-list .case-intro {line-height:180%;    margin: 16px 0;text-align: justify;}
.page-index .section-10 .case-list .case-url {width:198px;margin:0 auto;border:1px solid #E6E6E6;border-radius:25px;height:40px;line-height:40px;
 text-align:center}
.page-index .section-10 .case-list .case-url a {cursor:pinter}
.page-index .section-10 .case-list .case-logo {text-align:center;height:49px;margin:10px 0;}
.page-index .section-10 .case-list .case-show-img .case-logo {margin:6px 0;}
.page-index .section-10 .case-list .case-show {display:none; width:198px; padding: 15px 20px 12px;}
.page-index .section-10 .case-list .show-text {display:block;height:223px;}
.page-index .section-10 .case-list .case-demo {display:block}
.page-index .section-10 .case-list .show-qrcode {display:none}
.page-index .section-10 .case-list .case-show-img {display:block}

.page-index .section-10 .case-list .show-qrcode {height: 213px;
    padding-top: 20px;text-align:center;line-height:240%;overflow:hidden}
.page-index .section-10 .case-list .show-qrcode .img{}
.page-index .section-10 .case-list .show-qrcode .intro{font-size: 16px;
    color: #333;margin: 6px 0 -10px;}
.page-index .section-10 .case-list .show-qrcode li {    display: none;
    width: auto;
    height: auto;
    box-shadow: none;
    float: none;
margin:0;}

.page-index .section-10 .case-list .case-type {margin-left:10px;height:40px;line-height:40px;}
.page-index .section-10 .case-list .case-type .fr {height:40px;line-height:40px;}
.page-index .section-10 .case-list .case-type i{display:inline-block;width:17px;height:17px;
background:url(../images/icon-top.png) no-repeat;margin-right:10px;}
.page-index .section-10 .case-list .case-type i.weapp {background-position: -5px 0;}
.page-index .section-10 .case-list .case-type i.ios {background-position: -30px 0;}
.page-index .section-10 .case-list .case-type i.android {background-position: -55px 0;}
.page-index .section-10 .case-list .case-type i.wechat {background-position: -80px 0;}
.page-index .section-10 .case-list .case-type i.pc {background-position: -106px 0;}

.page-index .section-11{ background: #F4F4F4; }
.price-slide .hd{ margin-bottom: 30px; }
.price-slide .hd li{ float: left; width: 50%; background: #677689; font-size: 26px; color: #fff; height: 70px; line-height: 70px; text-align: center; cursor: pointer;}
.price-slide .hd li.on{ background: #239ffd; }
.price-slide .bd{ border: 1px solid #239ffd; overflow: hidden;  }
.price-slide .bd li{ margin: -1px;}
.attr-table{ width: 100%; text-align: center; border-collapse: collapse; background: #fff;}
.attr-table th,
.attr-table td{ padding: 10px 0; border: 1px solid #ddd;}
.attr-table th{ background-color: #eee; position: relative; text-align: center; padding: 20px 0;}
.attr-table th .pack{ color: #000; font-size: 16px; }
.attr-table th .price{ color: #e01d20; font-size: 18px; font-weight: bold; }
.attr-table th .tag{ width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; }
.attr-table th .tag-7days{ background: url(../images/attr_table_tag_7days.png) no-repeat; }
.attr-table th .tag-year{ background: url(../images/attr_table_tag_year.png) no-repeat; }
.attr-table td.at-right{ background: url(../images/attr_table_right.png) center center no-repeat; }
.attr-table td.at-wrong{ background: url(../images/attr_table_wrong.png) center center no-repeat; }
.attr-table p.at-wrong{ background: url(../images/icon_error.png) center center no-repeat;     height: 26px;}
.attr-table td.at-wrong-l{ background: url(../images/attr_table_wrong.png) 30px center no-repeat; }
.attr-table td.at-wrong-x{ background: url(../images/icon_error.png) 30px center no-repeat; }
.attr-table tfoot td{ padding: 30px 45px; }
.attr-table tfoot .at-footdesc{color: #81929D; line-height: 27px; text-align: right; font-size: 16px; margin-right: 10px;}
.attr-table .at-title{ font-size:18px; font-weight:bold; color:#000; line-height: 1.5;}
.attr-table .at-title strong{ font-size: 18px; display: block; font-weight: bold; color: #239ffd; }
.attr-table .at-title p{ color: #888; }
.attr-table th.at-title{ font-weight: normal; color: #fff; font-size: 24px; background-color: #0b94fe;}
.attr-table th.at-title h3{ font-size: 24px; font-weight: bold; color: #fff; }
.attr-table th.at-title p{ font-size: 16px; color: #fff; font-weight: 100; }
.attr-table .th-price {font-size: 16px; color: #ec3b3b; font-weight: bold; margin-top: 10px; }
.attr-table .at-subtitle{ background-color: #D8F1FD; font-size: 14px; text-align: left; padding-left:20px;}
.attr-table .at-zhichi{ font-size:14px; color:#333;}
.attr-table .at-zhichi a{ color:#333;}
.attr-table .at-zhichi a:hover{ color:#f42424;}
.attr-table .at-zhichi .icon-ok{ width:20px; height:20px; display:inline-block; background:url(../images/zhichi.png) no-repeat; vertical-align:middle; margin-right:5px; margin-top:-2px;}
.attr-table .at-foot{ padding: 30px 45px; text-align: center; }
.attr-table .btn{ margin: 0 8px; }
.attr-table .icon-cart{ background: url(../images/icon-cart.png) no-repeat center top; width: 18px; height: 18px;}
.attr-table .icon-kefu{ background: url(../images/icon-kefu.png) no-repeat center top;}
.attr-table .tishi{ text-align:left; color: #82939e;}
.attr-table .tishi p{ font-size:14px; line-height:25px;}
.attr-table .tishi p span{ color:#82939e;}
.attr-table .foot-btn{ margin-top:10px; text-align: left;}
.attr-table .foot-btn a{ margin-right:10px;}
.attr-table tfoot td .red {font-size: 14px; color: #d34444; }

/*app*/
.page-app .section-1{ background: url(../images/01-bg.jpg) no-repeat center top; height: 717px; padding: 0;}
.page-app .section-1 .container {position:relative;height:717px;}
.page-app .section-1 .mod-title h2 {font-size:40px;}
.page-app .section-1 .mod-title p {font-size:18px;}
.page-app .section-1 .img{ width: 637px; height: 647px; background: url(../images/01-phone.png) no-repeat center top; margin: 0 auto;
position: absolute; bottom: 0px; }
.page-app .section-1 .section-right{ float: right; padding-top: 246px; width: 450px;}
.page-app .section-1 .section-right .mod-title{ text-align: left; }
.page-app .section-1 .section-right .qrcode{ width: 233px; height: 233px; background: url(../images/02-2wm.png) no-repeat; margin: -20px; }
.page-app .section-2 { background: url(../images/02-bj.jpg) no-repeat center top; padding-bottom: 0;}
.page-app .section-2 .video{    width: 864px;
    height: 486px;
    background: url(../images/02-mg.jpg) no-repeat center top;
    margin: 0 auto;
    position: relative;
    top: 2px;
    left: 17px;
box-shadow:0px 0px 80px rgba(66, 237, 122, 0.3);
}
.page-app .section-3 .slide .tabs{ margin: 0 0 40px 230px; }
.page-app .section-3 .slide .tabs li{ float: left; height: 50px; width: 200px; margin: 0 25px; cursor: pointer; }
.page-app .section-3 .slide .tabs li.item-1{ background: url(../images/03-teb-1.png) no-repeat left bottom; }
.page-app .section-3 .slide .tabs li.item-2{ background: url(../images/03-teb-2.png) no-repeat left bottom; }
.page-app .section-3 .slide .tabs li.item-3{ background: url(../images/03-teb-3.png) no-repeat left bottom; }
.page-app .section-3 .slide .tabs li.on{ background-position-y: top; }
.page-app .section-3 .slide .items li{ height: 554px; }
.page-app .section-3 .slide .items li.item-1{ background: url(../images/03-teb-img1.png) no-repeat center top; }
.page-app .section-3 .slide .items li.item-2{ background: url(../images/03-teb-img2.png) no-repeat center top; }
.page-app .section-3 .slide .items li.item-3{ background: url(../images/03-teb-img3.png) no-repeat center top; }
.page-app .section-4{ background: url(../images/04-bj.jpg) no-repeat center top; }
.page-app .section-4 .img{ width: 1114px; height: 651px; background: url(../images/04-img.png) no-repeat; margin: 0 auto; }
.page-app .section-4 .word-list{ position: relative; width: 100%; }
.page-app .section-4 .word-list li{ position: absolute; color: #fff; width: 220px;}
.page-app .section-4 .word-list li h3{ font-size: 18px; margin-bottom: 4px; }
.page-app .section-4 .word-list li p{ font-size: 14px; }
.page-app .section-4 .word-list li.item-1{ left: 19px; top: 93px; text-align: right;}
.page-app .section-4 .word-list li.item-2{ right: 57px; top: 94px; }
.page-app .section-4 .word-list li.item-3{ left: -76px; top: 211px; text-align: right;}
.page-app .section-4 .word-list li.item-4{ right: -41px; top: 207px; }
.page-app .section-4 .word-list li.item-5{ left: -75px; top: 379px; text-align: right;}
.page-app .section-4 .word-list li.item-6{ right: -39px; top: 376px; }
.page-app .section-4 .word-list li.item-7{ left: 17px; top: 497px; text-align: right;}
.page-app .section-4 .word-list li.item-8{ right: 50px; top: 493px; }
.page-app .section-5 .mod-title{ text-align: left; margin-left: 456px; margin-top: 20px; }
.page-app .section-5 .slide{ margin-left: 456px; position: relative; margin-bottom: 130px; }
.page-app .section-5 .slide .tabs li{ float: left; cursor: pointer; width: 119px; height: 119px; transition: all .2s; border-radius: 10px; background: #BABABA; color: #fff; text-align: center; margin: 0 20px 20px 0;}
.page-app .section-5 .slide .tabs li.on{ background: #3AC64E; }
.page-app .section-5 .slide .tabs li i{ width: 50px; height: 50px; display: block; margin: 20px auto 9px; background: url(../images/05-icon.png) no-repeat; }
.page-app .section-5 .slide .tabs li.item-1 i{ background-position: 0 0; }
.page-app .section-5 .slide .tabs li.item-2 i{ background-position: -50px 0; }
.page-app .section-5 .slide .tabs li.item-3 i{ background-position: -100px 0; }
.page-app .section-5 .slide .tabs li.item-4 i{ background-position: -150px 0; }
.page-app .section-5 .slide .tabs li.item-5 i{ background-position: -200px 0; }
.page-app .section-5 .slide .tabs li.item-6 i{ background-position: 0 -50px; }
.page-app .section-5 .slide .tabs li.item-7 i{ background-position: -50px -50px; }
.page-app .section-5 .slide .tabs li.item-8 i{ background-position: -100px -50px; }
.page-app .section-5 .slide .tabs li.item-9 i{ background-position: -150px -50px; }
.page-app .section-5 .slide .tabs li.item-10 i{ background-position: -200px -50px; }
.page-app .section-5 .slide .tabs li p{ font-size: 16px; }
.page-app .section-5 .slide .items{ position: absolute; left: -390px; top: -160px; overflow: hidden; width: 339px; height: 572px; background: url(../images/05-img.png) no-repeat; }
.page-app .section-5 .slide .items li{ width: 240px; height: 426px; margin: 61px 0 0 49px;}
.page-app .section-5 .slide .items li.item-1{ background: url(../images/05-1.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-2{ background: url(../images/05-2.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-3{ background: url(../images/05-3.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-4{ background: url(../images/05-4.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-5{ background: url(../images/05-5.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-6{ background: url(../images/05-6.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-7{ background: url(../images/05-7.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-8{ background: url(../images/05-8.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-9{ background: url(../images/05-9.jpg) no-repeat; }
.page-app .section-5 .slide .items li.item-10{ background: url(../images/05-10.jpg) no-repeat; }
.page-app .section-6{ background: #F6F6F6; }
.page-app .section-6 .img-1{ margin: 20px auto 10px; width: 1214px; height: 638px; background: url(../images/06-img-1.png) no-repeat; }
.page-app .section-6 .img-2{ width: 1214px; height: 638px; background: url(../images/06-img-2.png) no-repeat; }
.page-app .section-7 .mod-title{ float: right; width: 468px; margin-right: 40px; text-align: left;}
.page-app .section-7 .img{ float: left; width: 743px; height: 485px; background: url(../images/07-img.png) no-repeat; margin-right: -50px; margin-top: 50px;}
.page-app .section-8{ background: url(../images/08-bj.jpg) no-repeat center top; margin-top: -350px; padding-top: 300px; padding-bottom: 0;}
.page-app .section-8 .mod-title{ margin-left: 484px; text-align: left; }
.page-app .section-8 .img{ height: 626px; position: relative; }
.page-app .section-8 .img-1{ background: url(../images/08-cn.png) no-repeat; width: 339px; height: 572px; position: absolute; left: 70px; top: -120px;}
.page-app .section-8 .img-2{ background: url(../images/08-img.png) no-repeat; width: 338px; height: 258px; position: absolute; left: 450px; top: 80px;}
.page-app .section-8 .img-3{ background: url(../images/08-en.png) no-repeat; width: 339px; height: 572px; position: absolute; left: 830px; top: 0px;}
.page-app .section-9 .mod-title{ float: right; width: 465px; text-align: left; margin-right: 170px; }
.page-app .section-9 .img{ width: 420px; height: 543px; background: url(../images/09-img.png) no-repeat; float: left; margin-top: -130px; margin-left: 40px;}
.section-footer{ border-top: 1px solid #DCDCDC; }
.section-footer .btn-wrap{ text-align: center; }
.section-footer .btn-wrap a{ margin: 0 20px; }
.section-footer h2 strong {font-weight: 300; color: #ff3a6d;}
.section-footer h2 del { font-size: 24px; color: #999; display: inline-block; margin: 0 20px;}

/*app-store*/
.page-app-store .mod-floor{padding: 70px 0 70px 0; color: #333;}
.page-app-store .mod-container {width: 1210px; margin: 0 auto; }
.page-app-store .floor-1{ background: url(../images/00-banner.jpg) no-repeat center top; height: 400px; }
.page-app-store .floor-2{ background: url(../images/01-bj.jpg) no-repeat center bottom; }
/* .page-app-store .floor-2 .img{ background: url(../images/01-pf.png) no-repeat center top; height: 233px;}
.page-app-store .floor-2 .img .icon{ width: 301px; padding-top: 271px; background:  url(../images/01-icon.png) no-repeat center top; margin: 0 auto; text-align: center;}
.page-app-store .floor-2 .img .icon p{ color: #ff3a6d; font-size: 24px; } */
.page-app-store .floor-2 .video{
    width: 864px;
    height: 486px;
    margin: 0 auto;
    position: relative;
    top: 2px;
    left: 17px;
    /* box-shadow: 0px 0px 80px rgba(255, 58, 109, 0.20); */ 
	
}
.page-app-store .floor-3{ background: url(../images/02-bg.png) repeat-x center top; }
.page-app-store .floor-3 .img{ width: 1010px; height: 572px; background: url(../images/02-img.png) no-repeat center top; margin: 0 auto; }
.page-app-store .floor-4{  }
.page-app-store .floor-4 .list{ margin-left: 62px; }
.page-app-store .floor-4 .list .item{ float: left; width: 268px; margin: 0 45px; text-align: center; }
.page-app-store .floor-4 .list .item i{ display: block; width: 184px; height: 184px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 36px; }
.page-app-store .floor-4 .list .item-1 i{ background-image: url(../images/03-img1.png); }
.page-app-store .floor-4 .list .item-2 i{ background-image: url(../images/03-img2.png); }
.page-app-store .floor-4 .list .item-3 i{ background-image: url(../images/03-img3.png); }
.page-app-store .floor-4 .list .item h3{ font-size: 24px; margin-bottom: 15px;}
.page-app-store .floor-4 .list .item p{ font-size: 14px; color: #888; line-height: 1.8;}
.page-app-store .floor-5{ background: url(../images/04-bj.jpg) no-repeat center bottom; height: 570px;}
.page-app-store .floor-5 .mod-title{ float: right; width: 363px; text-align: left; margin-right: 80px; margin-top: 30px;}
.page-app-store .floor-5 .mod-title h2{ margin-bottom: 34px; }
.page-app-store .floor-5 .mod-title dl{ background: #fff; padding: 20px; border-radius: 10px; font-size: 16px; line-height: 2;}
.page-app-store .floor-5 .mod-title dd{ color: #f43d7e; padding-left: 30px; background: url(../images/04-icon.png) no-repeat 3px center;}
.page-app-store .floor-5 .img{ width: 511px; height: 516px; background: url(../images/04-img.png) no-repeat center top; margin-left: 60px;}
.page-app-store .floor-6{  }
.page-app-store .floor-6 .list .item{ float: left; width: 350px; font-size: 16px; text-align: center; margin-right: 79px; position: relative;}
.page-app-store .floor-6 .list .item:nth-child(3n){ margin-right: 0; }
.page-app-store .floor-6 .list .item .number{ width: 29px; height: 29px; margin: 0 auto 10px; background: url(../images/05-icon.png) no-repeat; line-height: 29px; color: #fff;}
.page-app-store .floor-6 .list .item .text{ color: #f6428a; }
.page-app-store .floor-6 .list .item .img{ display: block; position: relative; width: 350px; height: 581px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 36px; }
.page-app-store .floor-6 .list .item-1 .img{ background-image: url(../images/05-img1.png); }
.page-app-store .floor-6 .list .item-2 .img{ background-image: url(../images/05-img2.png); }
.page-app-store .floor-6 .list .item-3 .img{ background-image: url(../images/05-img3.png); }
.page-app-store .floor-6 .list .item-4 .img{ background-image: url(../images/05-img4.png); }
.page-app-store .floor-6 .list .item-5 .img{ background-image: url(../images/05-img5.png); }
.page-app-store .floor-6 .list .item-6 .img{ background-image: url(../images/05-img6.png); }
.page-app-store .floor-6 .list .item .img:after{ content:''; position: absolute; width: 53px; height: 10px; background: url(../images/05-arrow.png) no-repeat; top: 300px; right: -69px;}
.page-app-store .floor-6 .list .item:nth-child(3n) .img:after{ display: none; }
.page-app-store .mod-footer{ background: #F5F5F5; padding: 57px 0;}
.page-app-store .mod-footer .mod-title strong{ font-weight: 300; color: #ff3a6d;}
.page-app-store .mod-footer .mod-title strong em{ font-style: normal; font-size: 16px;}
.page-app-store .ft-btn{ display: inline-block; margin: 0 10px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; padding: 0 25px; background: #3399ff;}
.page-app-store .tc a{ margin: 0 20px; }

/*app-b2b2c*/
.page-app-bbc .banner{ height: 581px; background: url(../images/banner.jpg) no-repeat center bottom;}
.page-app-bbc .banner .container { position: relative; height: 581px; }
.page-app-bbc .banner .bt-download { position: absolute; top: 318px; left: 64px; width: 162px; height: 54px; }
.page-app-bbc .section-1 .img{ height: 567px; background: url(../images/1-img.png) no-repeat center;}
.page-app-bbc .section-2 { background-color: #F6F6F6; }
.page-app-bbc .section-2 .img {height: 567px; background: url(../images/2-img.png) no-repeat center;}
.page-app-bbc .section-3 .img {position: relative; height: 520px;}
.page-app-bbc .section-3 .img>div { position: absolute; box-shadow: 0 0 50px #eee; }
.page-app-bbc .section-3 .img .img-phone { position:inherit; width: 100%; height: 491px; box-shadow: none; background: url(../images/3-img01.png) no-repeat center; }
.page-app-bbc .section-3 .img-l1 { width: 346px; height: 232px; left: 105px; top: 30px; background: url(../images/3-img02.png) no-repeat center; }
.page-app-bbc .section-3 .img-l2 { width: 358px; height: 173px; left: 34px; top: 332px; background: url(../images/3-img03.png) no-repeat center; }
.page-app-bbc .section-3 .img-r1 { width: 371px; height: 212px; right: 40px; top: 10px; background: url(../images/3-img04.png) no-repeat center; }
.page-app-bbc .section-3 .img-r2 { width: 366px; height: 169px; right: 87px; top: 290px; background: url(../images/3-img05.png) no-repeat center; }
.page-app-bbc .section-4 {background-image: linear-gradient(to right, #fc4d00 0%,#fc6500 100%)}
.page-app-bbc .section-4 .img {position: relative; height: 520px;}
.page-app-bbc .section-4 .img>div { position: absolute; color: #fff;font-size: 16px; text-align: justify; letter-spacing: 1px; }
.page-app-bbc .section-4 .img p {clear: both;}
.page-app-bbc .section-4 .img .img-phone { position:inherit; width: 100%; height: 547px; box-shadow: none; background: url(../images/4-img.png) no-repeat center; }
.page-app-bbc .section-4 .img-l1 { width: 150px; height: 150px; left: 60px; top: 30px; background: url(../images/4-bg01.png) no-repeat center; }
.page-app-bbc .section-4 .img-l2 { width: 200px; height: 180px; left: 44px; top: 282px; }
.page-app-bbc .section-4 .img hr {width: 30px;margin-bottom: 20px; border: 1px solid #fff;}
.page-app-bbc .section-4 .img-l2 hr{ float: right; }
.page-app-bbc .section-4 .img-r1 { width: 200px; height: 180px; right: 40px; top: 85px;  }
.page-app-bbc .section-4 .img-r1 hr { float: left;}
.page-app-bbc .section-4 .img-r2 { width: 150px; height: 150px;    right: 60px; top: 310px; background: url(../images/4-bg02.png) no-repeat center; }
.page-app-bbc .section-5 .mod-title {float: right; width: 380px; text-align: left; padding-top: 180px; margin-right: 30px;}
.page-app-bbc .section-5 .img{ float: left; width: 638px; height: 567px; background: url(../images/5-img.png) no-repeat center;}
.page-app-bbc .section-6 { background-color: #F6F6F6;}
.page-app-bbc .section-6 .mod-title {float: left; width: 380px; text-align: left; padding-top: 120px; margin-left: 30px;}
.page-app-bbc .section-6 .img{ float: right; width:569px; height: 567px; background: url(../images/6-img.png) no-repeat center;}


/*app-deliver*/
.page-app-deliver .banner{ height: 401px; background: url(../images/00-banner.jpg) no-repeat center top; }
.page-app-deliver .section-1 .img{ height: 704px; background: url(../images/01-img.png) no-repeat center top; margin-top: 40px;}
.page-app-deliver .section-fourstep .list .item-2 .img{ width: 170px; height: 170px; background: url(../images/02-qrcode.jpg) no-repeat; margin: 0 auto; }
.page-app-deliver .section-fourstep .list .item-4 .img{ width: 202px; height: 144px; background: url(../images/02-img.png) no-repeat; margin: 0 auto; }
.page-app-deliver .section-3{ background: url(../images/03-bj.jpg) no-repeat; padding-bottom: 0;}
.page-app-deliver .section-3 .mod-title{ float: left; margin-left: 50px; width: 580px; text-align: left; margin-top: 170px; margin-right: 40px;}
.page-app-deliver .section-3 .mod-title h2{ margin-bottom: 40px; }
.page-app-deliver .section-3 .img{ width: 459px; height: 541px; background: url(../images/03-img.png) no-repeat; float: left; }
.page-app-deliver .section-4{ padding-top: 0; }
.page-app-deliver .section-4 .mod-title{ float: right; width: 516px; text-align: left; margin-top: 150px;}
.page-app-deliver .section-4 .img{ width: 654px; height: 487px; background: url(../images/04-img.png) no-repeat; }
.page-app-deliver .section-5{ background: #F1FAFF;}
.page-app-deliver .section-5 .mod-title{ float: left; width: 416px; margin: 161px 10px 0 50px; text-align: left; }
.page-app-deliver .section-5 .img{ width: 729px; height: 624px; background: url(../images/05-img.png) no-repeat; float: left; }
.page-app-deliver .section-6 .img-1{ margin-top: 50px; height: 548px; background: url(../images/06-img-1.png) no-repeat center top; }
.page-app-deliver .section-6 .img-2{ margin-top: 50px; height: 548px; background: url(../images/06-img-2.png) no-repeat center top; }

/*app-shopkeeper*/
.page-app-shopkeeper .banner{ height: 401px; background: url(../images/00-banner.jpg) no-repeat center top; }
.page-app-shopkeeper .section-1{ padding: 0; }
.page-app-shopkeeper .section-1 .img{ width: 1223px; height: 186px; background: url(../images/01-img.png) no-repeat center top; margin-top: -70px;}
.page-app-shopkeeper .section-2 .img{ width: 1216px; height: 388px; background: url(../images/02-img.png) no-repeat center top; margin: 0 auto; }
.page-app-shopkeeper .section-fourstep .list .item-2 .img{ width: 170px; height: 170px; background: url(../images/03-qrcode.jpg) no-repeat; margin: 0 auto; }
.page-app-shopkeeper .section-fourstep .list .item-4 .img{ width: 202px; height: 144px; background: url(../images/03-img.png) no-repeat; margin: 0 auto; }
.page-app-shopkeeper .section-4{ background: url(../images/04-bj.jpg) no-repeat; height: 559px; padding-bottom: 0; }
.page-app-shopkeeper .section-4 .mod-title{ width: 682px; float: right; text-align: left; padding-top: 190px; }
.page-app-shopkeeper .section-4 .img{ width: 400px; height: 595px; background: url(../images/04-img.png) no-repeat; margin: -70px 0 0 110px;}
.page-app-shopkeeper .section-5{ padding-bottom: 0; }
.page-app-shopkeeper .section-5 .list{ width: 1032px; margin: 35px auto 0; }
.page-app-shopkeeper .section-5 li{ width: 172px; float: left; text-align: center; margin-bottom: 48px;}
.page-app-shopkeeper .section-5 li i{ width: 84px; height: 84px; display: block; margin: 0 auto 23px; background: url(../images/05-img.png) no-repeat; }
.page-app-shopkeeper .section-5 li.item-1 i{ background-position: 0 0; }
.page-app-shopkeeper .section-5 li.item-2 i{ background-position: -84px 0; }
.page-app-shopkeeper .section-5 li.item-3 i{ background-position: -168px 0; }
.page-app-shopkeeper .section-5 li.item-4 i{ background-position: -252px 0; }
.page-app-shopkeeper .section-5 li.item-5 i{ background-position: -336px 0; }
.page-app-shopkeeper .section-5 li.item-6 i{ background-position: -420px 0; }
.page-app-shopkeeper .section-5 li.item-7 i{ background-position: 0 -84px; }
.page-app-shopkeeper .section-5 li.item-8 i{ background-position: -84px -84px; }
.page-app-shopkeeper .section-5 li.item-9 i{ background-position: -168px -84px; }
.page-app-shopkeeper .section-5 li.item-10 i{ background-position: -252px -84px; }
.page-app-shopkeeper .section-5 li.item-11 i{ background-position: -336px -84px; }
.page-app-shopkeeper .section-5 li.item-12 i{ background-position: -420px -84px; }
.page-app-shopkeeper .section-5 li p{ font-size: 16px; color: #5d6166; }
.page-app-shopkeeper .section-6{ background: url(../images/06-bj.jpg) no-repeat center top;  padding-top: 150px;}
.page-app-shopkeeper .section-6 .mod-title{ float: right; width: 403px; padding-top: 200px; text-align: left;}
.page-app-shopkeeper .section-6 .img{ float: left; width: 747px; height: 545px; background: url(../images/06-img.png) no-repeat; }
.page-app-shopkeeper .section-7{ padding-top: 0; }
.page-app-shopkeeper .section-7 .mod-title{ padding-left: 134px; width: 455px; float: left; text-align: left; padding-top: 290px; background: url(../images/07-icon.png) no-repeat 120px 60px;}
.page-app-shopkeeper .section-7 .img{ float: left; width: 527px; height: 558px; background: url(../images/07-img.png) no-repeat; }
.page-app-shopkeeper .section-8{ background: url(../images/08-bg.png) no-repeat center top; padding-top: 150px; padding-bottom: 0; margin-top: -240px; position: relative;}
.page-app-shopkeeper .section-8 .mod-title{ clear: both; padding-bottom: 0;}
.page-app-shopkeeper .section-8 .img{ width: 872px; height: 623px; background: url(../images/08-img.png) no-repeat; margin: 0 auto; }

/*app-street*/
.page-app-street .banner{ height: 400px; background: url(../images/00-banner.jpg) no-repeat center top; }
.page-app-street .section-1 .img{ width: 935px; height: 620px; background: url(../images/01-img.png) no-repeat; margin: 0 auto;}
.section-fourstep{ background: #F7F9FF; }
.section-fourstep .list{ margin-bottom: 50px; }
.section-fourstep .list .item{ width: 216px; height: 230px; padding: 30px 20px; background: #fff; float: left; margin-right: 60px; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.section-fourstep .list .item:after{ content: ""; position: absolute; top: 143px; right: -46px; width: 28px; height: 18px; background: url(../images/02-jt-1.png) no-repeat; }
.section-fourstep .list .item:last-child{ margin-right: 0; }
.section-fourstep .list .item:last-child:after{ display: none; }
.section-fourstep .list .title{ overflow: hidden; margin-bottom: 20px;}
.section-fourstep .list .title .num{ float: left; width: 40px; height: 40px; font-size: 24px; font-style: italic; border-radius: 50%; text-align: center; line-height: 40px; color: #fff; background: #3899FD; margin-right: 8px; }
.section-fourstep .list .title .text{ float: left; width: 168px; }
.section-fourstep .list .title .text h3{ font-size: 24px; font-weight: 700;  margin-bottom: 8px; line-height: 1;}
.section-fourstep .list .title .text p{ font-size: 14px; color: #888; }
.section-fourstep .list .text-list li{ font-size: 14px; margin-bottom: 10px; } 
.section-fourstep .list .text-list li:before{ content:""; width: 3px; height: 3px; display: inline-block; vertical-align: middle; border-radius: 50%; background: #333; margin-right: 10px;}
.section-fourstep .list .bottom{ width: 256px; height: 45px; color: #fff; background: #00C64E; line-height: 45px; font-size: 16px; text-align: center; position: absolute; left: 0; bottom: 0;}
.section-fourstep .list .bottom .icon-xz{ background: url(../images/02-xz.png) no-repeat; margin-right: 10px; width: 13px; height: 18px; display: inline-block; vertical-align: middle; }
.section-fourstep .list .item-2 .img{ width: 170px; height: 170px; background: url(../images/02-qrcode.jpg) no-repeat; margin: 0 auto; }
.section-fourstep .list .item-3 .img{ width: 198px; height: 151px; background: url(../images/02-img-1.png) no-repeat; margin: 0 auto; }
.section-fourstep .list .item-4 .img{ width: 202px; height: 144px; background: url(../images/02-img-2.png) no-repeat; margin: 0 auto; }
.section-fourstep .see-more{ line-height: 20px; font-size: 16px; text-align: center;}
.section-fourstep .see-more a{color: #3399ff;}
.section-fourstep .see-more i{ background: url(../images/02-jt-2.png) no-repeat; display: inline-block; vertical-align: sub; width: 20px; height: 20px; margin-left: 10px;}
.page-app-street .section-3 .img{ height: 603px; position: relative; margin-top: 20px;}
.page-app-street .section-3 .img div{ position: absolute; }
.page-app-street .section-3 .img .img-1{ background: url(../images/03-img-1.png) no-repeat; width: 1082px; height: 475px; left: 69px; top: 0; }
.page-app-street .section-3 .img .img-2{ background: url(../images/03-img-2.png) no-repeat; width: 406px; height: 516px; left: 407px; top: 10px; }
.page-app-street .section-3 .img .img-3{ background: url(../images/03-img-3.png) no-repeat; width: 386px; height: 100px; left: 0; top: 0; }
.section-combine{ background: url(../images/04-bj.jpg) no-repeat center top;  position: relative; height: 839px; transition: all .4s;}
.section-combine .list-three{ margin-left: 60px; }
.section-combine .list-three li{ width: 284px; float: left; margin-right: 120px; text-align: center; color: #fff;}
.section-combine .list-three li.item-3{ margin-right: 0; }
.section-combine .list-three li h3{ width: 112px; height: 30px; font-size: 16px; line-height: 30px; background: #fff; color: #3399ff; margin: 0 auto 10px; }
.section-combine .list-three li.on h3{ background: #00C64E; color: #fff; }
.section-combine .list-three li p{ font-size: 14px; line-height: 1.7; }
.section-combine .list-three li .img{ width: 284px; height: 546px; position: relative;}
.section-combine .list-three li.item-1 .img{ background: url(../images/05-img-1.png) no-repeat; }
.section-combine .list-three li.item-2 .img{ background: url(../images/05-img-2.png) no-repeat; }
.section-combine .list-three li.item-3 .img{ background: url(../images/05-img-3.png) no-repeat; }
.section-combine .list-three li .inner{ opacity: 0; transition: all .2s; width: 226px; height: 402px; position: absolute; background: rgba(0,0,0,.7); top: 75px; left: 28px;}
.section-combine .list-three li:hover .inner{ opacity: 1; }
.section-combine .list-three li .inner .qrcode{ width: 139px; height: 139px; margin: 70px auto 15px; }
.section-combine .list-three li.item .inner .qrcode{ background: url(../images/05-qrcode-1.jpg) no-repeat; }
.section-combine .list-three li.item-1 .inner .qrcode{ background: url(../images/05-qrcode-1.jpg) no-repeat; }
.section-combine .list-three li.item-2 .inner .qrcode{ background: url(../images/05-qrcode-2.jpg) no-repeat; }
.section-combine .list-three li.item-3 .inner .qrcode{ background: url(../images/05-qrcode-3.jpg) no-repeat; }
.section-combine .list-three li.item .inner .name{ font-size: 16px; margin-bottom: 70px;}
.section-combine .list-three li.item .inner .link{ display: block; width: 153px; height: 40px; line-height: 40px; margin: 0 auto; background: #fff; color: #333; font-size: 16px;}
.section-combine .tip{ opacity: 1; transition: all .4s; font-size: 16px; color: #fff; text-align: center; margin-top: 40px; }
.section-combine .toggle{ transition: all .4s; transform-origin: 50% 50%; width: 100px; height: 100px; border-radius: 50%; cursor: pointer; position: absolute; left: 50%; bottom: -50px; margin-left: -50px; background: url(../images/05-img.png) no-repeat right top;}


/*app-cashier*/
.page-app-cashier .banner{ height: 500px; background: url(../images/00-banner.jpg) no-repeat center top;}
.page-app-cashier .banner .container { position: relative; height: 500px; }
.page-app-cashier .banner .bt-download { position: absolute; bottom: 93px; left: 80px; width: 180px; height: 55px; }
.page-app-cashier .section-1 { height: 560px; background: url(../images/1-img.png) no-repeat bottom center;}
.page-app-cashier .section-2 { height: 606px; padding:0; background: url(../images/2-bg.jpg) no-repeat center; }
.page-app-cashier .section-2 .mod-title {float: left; text-align: left;    padding-top: 80px;}

.page-app-cashier .section-3 .img>div{  float: left; margin: 0 35.25px; width: 232px; height: 492px; }
.page-app-cashier .section-3 .img>div>div{box-shadow: 0 0 50px #eee;}
.page-app-cashier .section-3 .img .img-1{  }
.page-app-cashier .section-3 .img .img-1 p {width: 212px; height: 91px;  background: url(../images/3-title01.png) left center no-repeat;}
.page-app-cashier .section-3 .img .img-1 div { width: 232px; height: 401px;background: url(../images/3-img01.png) bottom no-repeat;}
.page-app-cashier .section-3 .img .img-2{  }
.page-app-cashier .section-3 .img .img-2 p {width: 212px; height: 91px;  background: url(../images/3-title02.png) left center no-repeat;}
.page-app-cashier .section-3 .img .img-2 div { width: 232px; height: 401px;background: url(../images/3-img02.png) bottom no-repeat;}
.page-app-cashier .section-3 .img .img-3{  }
.page-app-cashier .section-3 .img .img-3 p {width: 212px; height: 91px;  background: url(../images/3-title03.png) left center no-repeat;}
.page-app-cashier .section-3 .img .img-3 div { width: 232px; height: 401px;background: url(../images/3-img03.png) bottom no-repeat;}
.page-app-cashier .section-3 .img .img-4{ }
.page-app-cashier .section-3 .img .img-4 p {width: 212px; height: 91px;  background: url(../images/3-title04.png) left center no-repeat;}
.page-app-cashier .section-3 .img .img-4 div { width: 232px; height: 401px;background: url(../images/3-img04.png) bottom no-repeat;}
.page-app-cashier .section-4 { height: 715px; padding:0; background: url(../images/4-bg.jpg) no-repeat center; }
.page-app-cashier .section-4 .mod-title { padding-top: 80px; }
.page-app-cashier .section-4 .img { width: 1210px; height: 600px; position: relative;}
.page-app-cashier .section-4 .img .img-phone { width: 332px; height: 538px; left:406px; top: -28px;  position: absolute;background: url(../images/4-img.png) no-repeat center;}
.page-app-cashier .section-4 .img>div { color: #F6D2B9; width: 240px; height: 65px; position: absolute; }
.page-app-cashier .section-4 .img .text-wrap {position: relative; cursor: pointer;}
.page-app-cashier .section-4 .img h5 {font-size: 20px;}
.page-app-cashier .section-4 .img p {font-size: 16px; height: 0; overflow: hidden;}
.page-app-cashier .section-4 .img i {display: inline-block; width: 30px; height: 30px;margin-bottom: -8px; background: url(../images/4-icon01.png) no-repeat; position: absolute;}
.page-app-cashier .section-4 .img-data i{ background-position: 0 0; right: 124px; top: -1px;}
.page-app-cashier .section-4 .img-data {left: 260px; top: 77px;}
.page-app-cashier .section-4 .img-user i { background-position: -60px 0; right: 124px; top: -1px;}
.page-app-cashier .section-4 .img-user {left: 131px;top: 189px;}
.page-app-cashier .section-4 .img-money i { background-position: -120px 0; right: 124px; top: -1px;}
.page-app-cashier .section-4 .img-money {left: 255px;top: 320px;}
.page-app-cashier .section-4 .img-goods i { background-position: -30px 0; left: -33px; top: -1px;}
.page-app-cashier .section-4 .img-goods {left: 868px; top: 77px;}
.page-app-cashier .section-4 .img-market i { background-position: -90px 0; left: -33px; top: -1px;}
.page-app-cashier .section-4 .img-market {left: 992px; top: 189px;}
.page-app-cashier .section-4 .img-set i { background-position: -150px 0; left: -33px; top: -1px;}
.page-app-cashier .section-4 .img-set {left: 878px; top: 320px;}

.page-app-cashier .section-4 .img .active h5,.page-app-cashier .section-4 .img .active p{ color:#fff;-webkit-transition-duration: 100ms;-moz-transition-duration: 100ms;transition-duration: 100ms;}
.page-app-cashier .section-4 .img .active p {height: 21px; -webkit-transition-duration: 100ms;-moz-transition-duration: 100ms;transition-duration: 100ms;}
.page-app-cashier .section-4 .img .active i {width: 65px; height: 65px;background: url(../images/4-icon02.png) no-repeat;}
.page-app-cashier .section-4 .img-data.active i{ background-position: 0 0; right: -70px; top: -9px;}
.page-app-cashier .section-4 .img-data.active {left: 60px; top: 77px; text-align: right;}
.page-app-cashier .section-4 .img-user.active i { background-position: -130px 0; right: -70px; top: -9px;}
.page-app-cashier .section-4 .img-user.active {left: -72px;top: 189px; text-align: right;}
.page-app-cashier .section-4 .img-money.active i { background-position: -260px 0; right: -70px; top: -9px;}
.page-app-cashier .section-4 .img-money.active {left: 51px;top: 320px; text-align: right;}
.page-app-cashier .section-4 .img-goods.active i { background-position: -65px 0; left: -72px; top: -8px;}
.page-app-cashier .section-4 .img-goods.active {left: 913px; top: 77px;}
.page-app-cashier .section-4 .img-market.active i { background-position: -195px 0; left: -72px; top: -8px;}
.page-app-cashier .section-4 .img-market.active {left: 1042px; top: 189px;}
.page-app-cashier .section-4 .img-set.active i { background-position: -325px 0; left: -72px; top: -8px;}
.page-app-cashier .section-4 .img-set.active {left: 928px; top: 320px;}

/*hover {right: -10px; top: 10px;}*/

.page-app-cashier .section-5 .mod-title {float: right; width: 500px; text-align: left;    padding-top: 150px;}
.page-app-cashier .section-5 .img {float: left;  width: 612px; height: 538px; background: url(../images/5-img.png) no-repeat center;}


.page-app-cashier .section-fourstep{ background: #F7F9FF; }
.page-app-cashier .section-fourstep .list .title .num { background-color:  #FF5C00}
.page-app-cashier .section-fourstep .list .item {padding-bottom: 10px;}
.page-app-cashier .section-fourstep .list .item:after{ background: url(../images/6-icon01.png) no-repeat; }
.page-app-cashier .section-fourstep .list .bottom{  background-color: #FF5C00;}
.page-app-cashier .section-fourstep .list .item-2 .img{ width: 150px; height: 150px; background: url(../images/6-img02.jpg) no-repeat; background-size: cover;  }
.page-app-cashier .section-fourstep .list .item-3 .img{ width: 144px; height: 144px; background: url(../images/6-img03.jpg) no-repeat; margin: 0 auto; }
.page-app-cashier .section-fourstep .list .item-4 .img{ width: 145px; height: 170px; padding-bottom: 0; background: url(../images/6-img04.png) bottom no-repeat; }


/* app定制 */
.section-app-make .mode-list{ height: 484px; }
.section-app-make .mode-list .mode-item{ width: 302.5px; height: 484px; text-align: center; float: left; overflow: hidden; margin-left: -1px; background: #fff; transition: width .4s;}
.section-app-make .mode-list .mode-wrap{ width: 910px; height: 484px;}
.section-app-make .mode-list .mode-view{ float: left; width: 300.5px; height: 392px; padding-top:90px; border: 1px solid #DCDCDC; opacity: 1; text-align:center}
.section-app-make .mode-list .mode-view h3{ font-size: 30px; padding-top: 40px; padding-bottom: 11px;}
.section-app-make .mode-list .mode-view h4{ font-size: 14px; color: #888; padding:0 20px;}
.section-app-make .mode-list .mode-view i{ display: inline-block; width: 100px; height: 100px;/*  margin: 80px auto 105px; */}
.section-app-make .mode-list .mode-item-1 .mode-view i{ background: url(../images/icon_daojia.png) no-repeat; }
.section-app-make .mode-list .mode-item-2 .mode-view i{ background: url(../images/icon_shopkeeper.png) no-repeat;  }
.section-app-make .mode-list .mode-item-3 .mode-view i{ background: url(../images/icon_express.png) no-repeat; }
.section-app-make .mode-list .mode-view ul{overflow:hidden;padding: 0 40px;    margin-top: 40px;}
.section-app-make .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 8px 10px; background: #EDEDED; }
.section-app-make .mode-list .mode-detail{ float: left; color: #fff; width: 605px; height: 484px; background: #00CE52; opacity: 0;}
.section-app-make .mode-list .mode-detail .detail-left,
.section-app-make .mode-list .mode-detail .detail-right{ float: left; width: 302.5px; height: 484px; }
.section-app-make .mode-list .mode-detail .detail-left{ background: #3598ff; overflow: hidden;padding-top:20px;}
.section-app-make .mode-list .mode-detail .detail-left i{ display: block; width: 120px; height: 90px; margin: 112px auto 70px; }
.section-app-make .mode-list .mode-detail .detail-left h3{ font-size: 30px; margin-bottom: 10px;}
.section-app-make .mode-list .mode-detail .detail-left h4{ font-size: 14px; padding: 0 25px; line-height: 1.7;margin-bottom: 10px;}
.section-app-make .mode-list .mode-detail .detail-right{ background: #3fabff;}
.section-app-make .mode-list .mode-detail .detail-right ul{ padding: 20px 20px 0 30px; }
.section-app-make .mode-list .mode-detail .detail-right li{ margin-bottom: 16px; }
.section-app-make .mode-list .mode-detail .detail-right li h3{ width: 83px; height: 28px; border: 1px solid #fff; line-height: 28px; margin-bottom: 11px;}
.section-app-make .mode-list .mode-detail .detail-right li p{ text-align: left; line-height: 1.7; font-size: 14px;}
.section-app-make .mode-list .mode-detail .detail-right .get{ width: 100px; height: 31px; line-height: 31px; padding-left: 15px; color: #3fabff; display: block;
margin-left: 30px;margin-top: 26px; font-size: 16px; background: #fff url(../images/icon_pencile.png) no-repeat 84px center; text-align: left;}
.section-app-make .mode-list .mode-item.active{ width: 605px; }
.section-app-make .mode-list .mode-item.active .mode-wrap{ margin-left: -302.5px; opacity: 1; }
.section-app-make .mode-list .mode-item.active .mode-view{ opacity: 0; }
.section-app-make .mode-list .mode-item.active .mode-detail{ opacity: 1; }



/*wechat-shop*/
.page-wechat-shop .banner{ height: 400px; background: url(../images/00-banner.jpg) no-repeat center top; }
.page-wechat-shop  .section-1 .img{ width: 816px; height: 587px; background: url(../images/01-img.png) no-repeat; margin: 0 auto; }
.page-wechat-shop  .section-1 .mod-shadow-btn{ margin-left: 61px; margin-top: -26px; }
.page-wechat-shop  .section-12 .mod-title{ width: 433px; float: right; margin-top: 50px;  text-align: left;}
.page-wechat-shop  .section-12 .img{ width: 656px; height: 467px; background: url(../images/12-faxian.png) no-repeat; float: left; }
.page-wechat-shop  .section-12 .fc-aaa {margin-top:30px;}
.page-wechat-shop  .section-13 .mod-title{ width: 433px; float: left; margin-top: 80px;  text-align: left;}
.page-wechat-shop  .section-13 .img{ width: 640px; height: 524px; background: url(../images/13-h5.png) no-repeat; float: right;}
.page-wechat-shop  .section-13 .mod-shadow-btn {margin-top:50px;}
.page-wechat-shop  .section-2,.page-wechat-shop  .section-12{ background: #F7F9FF; }
.page-wechat-shop  .section-2 .mod-title{ width: 433px; float: right; margin-right: 50px;  text-align: left;}
.page-wechat-shop  .section-2 .img{ width: 903px; height: 574px; background: url(../images/02-img.png) no-repeat; float: left; margin-right: -200px; }
.page-wechat-shop  .section-3 .img{ width: 725px; height: 547px; background: url(../images/03-img.png) no-repeat; margin: 0 auto; }
.page-wechat-shop  .section-4{ background: #F7F9FF; }
.page-wechat-shop  .section-4 .section-right{ width: 490px; float: right; padding-top: 40px; }
.page-wechat-shop  .section-4 .mod-title{ text-align: left; }
.page-wechat-shop  .section-4 .img{ width: 590px; height: 546px; float: left; background: url(../images/04-img.png) no-repeat; }
.page-wechat-shop  .section-5 .section-left{ float: left; width: 460px; }
.page-wechat-shop  .section-5 .mod-title{ text-align: left; }
.page-wechat-shop  .section-5 .img{ float: left; width: 612px; height: 368px; background: url(../images/05-img.png) no-repeat; margin-left: 100px;}

/*wechat-platform*/
.page-wechat-platform .banner{ height: 399px; background: url(../images/00-banner.jpg) no-repeat center top; }
.page-wechat-platform .section-1 .mod-title{ margin-left: 30px; float: left; width: 452px; text-align: left; margin-top: 40px;}
.page-wechat-platform .section-1 .img{ width: 776px; height: 451px; background: url(../images/01-img.png) no-repeat; float: left; margin-left: -50px; }
.page-wechat-platform .section-2{ background: url(../images/02-bj.jpg) no-repeat center top; }
.page-wechat-platform .section-2 .mod-title{ width: 560px; float: right; text-align: left; }
.page-wechat-platform .section-2 .img{ position: relative; clear: both; height: 300px; }
.page-wechat-platform .section-2 .img div{ position: absolute; }
.page-wechat-platform .section-2 .img-1{ width: 612px; height: 368px; background: url(../images/02-img-1.png) no-repeat; left: 0; top: -220px; }
.page-wechat-platform .section-2 .img-2{ width: 267px; height: 319px; background: url(../images/02-img-2.png) no-repeat; left: 680px; top: 20px;}
.page-wechat-platform .section-2 .img-3{ width: 267px; height: 319px; background: url(../images/02-img-3.png) no-repeat; left: 940px; top: 20px;}
.page-wechat-platform .section-3 .section-right{ float: right; width: 483px; text-align: left; }
.page-wechat-platform .section-3 .section-right .type-wrap{ margin-top: 30px; }
.page-wechat-platform .section-3 .section-right .type-wrap .text{ font-size: 16px; color: #3399ff; margin-bottom: 20px;}
.page-wechat-platform .section-3 .section-right .type-wrap .picture{ width: 440px; height: 80px; background: url(../images/03-img-2.png) no-repeat left top;  }
.page-wechat-platform .section-3 .mod-title{ text-align: left; margin-top: 20px;}
.page-wechat-platform .section-3 .img{ float: left; width: 676px; height: 436px; background: url(../images/03-img-1.png) no-repeat;  }
.page-wechat-platform .section-4{ background: url(../images/04-bj.jpg) no-repeat; }
.page-wechat-platform .section-4 .img{ width: 970px; height: 290px; background: url(../images/04-icon.png) no-repeat; margin: 0 auto; }
.page-wechat-platform .section-5 .section-right{ width: 494px; float: right; padding-top: 100px; }
.page-wechat-platform .section-5 .mod-title{ text-align: left; }
.page-wechat-platform .section-5 .img{ float: left; width: 601px; height: 546px; margin-left: 40px; background: url(../images/05-img.png) no-repeat; }


/*wechat-store-miniprogram*/
.page-wechat-xcx .mod-floor{padding: 70px 0 0 0; color: #333;overflow: hidden;}
.page-wechat-xcx .mod-container {width: 1210px; margin: 0 auto; }
.page-wechat-xcx .banner{ background: url(../images/banner.jpg) no-repeat center top; height: 400px; }
.page-wechat-xcx .floor-1{padding: 50px 0;}
.page-wechat-xcx .floor-1 .mod-title{ width: 507px; float: right; text-align: left; margin-right: 90px; margin-top: 100px;}
.page-wechat-xcx .floor-1 .mod-title p{ margin-top: 30px; }
.page-wechat-xcx .floor-1 .mod-title .list{ margin-top: 50px; }
.page-wechat-xcx .floor-1 .list li{ float: left; width: 105px; }
.page-wechat-xcx .floor-1 .list li i{ width: 50px; height: 50px; display: block; margin: 0 auto 10px; background: url(../images/1f_icon.png) no-repeat;}
.page-wechat-xcx .floor-1 .list li:nth-child(1) i{ background-position: 0 0; }
.page-wechat-xcx .floor-1 .list li:nth-child(2) i{ background-position: -50px 0px; }
.page-wechat-xcx .floor-1 .list li:nth-child(3) i{ background-position: -100px 0px; }
.page-wechat-xcx .floor-1 .list li:nth-child(4) i{ background-position: -150px 0px; }
.page-wechat-xcx .floor-1 .list li p {
    text-align: center;
    font-size: 14px;
    color: #8a9199;
	margin:0;
}
.page-wechat-xcx .floor-1 .img{ width: 547px; height: 511px; float: left; background: url(../images/1f_img.png) no-repeat; margin-left: 30px;}
.page-wechat-xcx .floor-2 { background: #FAFAFA }
.page-wechat-xcx .floor-2 .swiper-wrapper {    background-color: #fff; width:1200px;margin: 0 auto 50px;}
.page-wechat-xcx .floor-2 .swiper-pagination{ width: 1200px; margin: 0 auto;  height: 60px; line-height: 60px; position: static; text-align:center;}
.page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet{ background: transparent; border-radius: 0; height: 60px; margin: 0; opacity: 1; }
.page-wechat-xcx .floor-2 .swiper-pagination span{ float: left; width: 25%; font-size: 18px; color: #333; cursor: pointer; position: relative;}
.page-wechat-xcx .floor-2 .swiper-pagination span i{ width: 30px; height: 30px; display: inline-block; margin-right: 10px; vertical-align: middle; background: url(../images/2f_icon.png) no-repeat;}
.page-wechat-xcx .floor-2 .swiper-pagination .b-1 i{ background-position: 0 -30px; }
.page-wechat-xcx .floor-2 .swiper-pagination .b-2 i{ background-position: -30px -30px; }
.page-wechat-xcx .floor-2 .swiper-pagination .b-3 i{ background-position: -60px -30px; }
.page-wechat-xcx .floor-2 .swiper-pagination .b-4 i{ background-position: -90px -30px; }
.page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet-active.b-1 i{ background-position: 0 0; }
.page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet-active.b-2 i{ background-position: -30px  0; }
.page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet-active.b-3 i{ background-position: -60px 0; }
.page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet-active.b-4 i{ background-position: -90px 0; }
.page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet-active{ color: #00a2ff; border-bottom: 3px solid #40ACFF;}
/* .page-wechat-xcx .floor-2 .swiper-pagination .swiper-pagination-bullet-active:after{ content: ""; position: absolute; width: 80%; left: 10%; bottom: 0; border-bottom: 2px solid #00a2ff; }
 */
.page-wechat-xcx .floor-2 .swiper-slide {width:1200px; background:#fff;text-align:center;   padding-bottom: 30px;position:relative;height: 595px;}
.page-wechat-xcx .floor-2 .swiper-slide h3 {font-size:20px; color:#40acff;margin: 50px 0 20px;}
.page-wechat-xcx .floor-2 .swiper-slide .info {font-size:14px; color:#999999;margin: 20px 0 40px;}
.page-wechat-xcx .floor-2 .swiper-slide .spec3 li {width:400px; height:410px; float:left;}
.page-wechat-xcx .floor-2 .slide-1 .spec3 .item-1 {background: url(../images/2f_1_01.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-1 .spec3 .item-2 {background: url(../images/2f_1_02.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-1 .spec3 .item-3 {background: url(../images/2f_1_03.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-2 .spec3 .item-1 {background: url(../images/2f_2_01.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-2 .spec3 .item-2 {background: url(../images/2f_2_02.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-2 .spec3 .item-3 {background: url(../images/2f_2_03.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-4 .spec3 .item-1 {background: url(../images/2f_4_01.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-4 .spec3 .item-2 {background: url(../images/2f_4_02.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-4 .spec3 .item-3 {background: url(../images/2f_4_03.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .swiper-slide .spec4 li {width:300px; height:410px; float:left;}
.page-wechat-xcx .floor-2 .slide-3 .spec4 .item-1 {background: url(../images/2f_3_01.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-3 .spec4 .item-2 {background: url(../images/2f_3_02.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-3 .spec4 .item-3 {background: url(../images/2f_3_03.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .slide-3 .spec4 .item-4 {background: url(../images/2f_3_04.png) center bottom no-repeat; }
.page-wechat-xcx .floor-2 .swiper-slide ul i {width:26px; height:26px; display:inline-block;background: url(../images/2f_icon02.png) center no-repeat;}
.page-wechat-xcx .floor-2 .swiper-slide .item-1 i { background-position: -2px 0;}
.page-wechat-xcx .floor-2 .swiper-slide .item-2 i { background-position: -32px 0;}
.page-wechat-xcx .floor-2 .swiper-slide .item-3 i { background-position: -62px 0;}
.page-wechat-xcx .floor-2 .swiper-slide .item-4 i { background-position: -92px 0;}
.page-wechat-xcx .floor-2 .swiper-slide li p {font-size:14px;color:#666666; margin:10px 0 26px;}
.page-wechat-xcx .floor-2 .line {border-top: 1px dashed #dadada; width: 800px; position: absolute; left: 200px; top: 168px;z-index: 1;}
.page-wechat-xcx .floor-2 .slide-3 .line {width: 910px;left: 145px;}
.page-wechat-xcx .floor-2 .swiper-slide ul {    position: absolute; z-index: 10; height:410px;}
.page-wechat-xcx .floor-3 .spec {overflow:hidden; text-align:center;}
.page-wechat-xcx .floor-3 .spec li{width:150px;display:inline-block;    margin: 0 20px;}
.page-wechat-xcx .floor-3 .list li i {display:inline-block;width:90px; height:90px;}
.page-wechat-xcx .floor-3 .list li:nth-child(1) i{ background: url(../images/3f_icon01.png) center no-repeat; }
.page-wechat-xcx .floor-3 .list li:nth-child(2) i{ background: url(../images/3f_icon02.png) center no-repeat; }
.page-wechat-xcx .floor-3 .list li:nth-child(3) i{ background: url(../images/3f_icon03.png) center no-repeat; }
.page-wechat-xcx .floor-3 .list li:nth-child(4) i{ background: url(../images/3f_icon04.png) center no-repeat; }
.page-wechat-xcx .floor-3 .list li:nth-child(5) i{ background: url(../images/3f_icon05.png) center no-repeat; }
.page-wechat-xcx .floor-3 .list li:nth-child(6) i{ background: url(../images/3f_icon06.png) center no-repeat; }
.page-wechat-xcx .floor-3 .list li div {font-size:18px;    margin-bottom: 12px;}
.page-wechat-xcx .floor-3 .list li p {font-size:14px;color: #999;line-height:1.5;}
.page-wechat-xcx .floor-4 {}
.page-wechat-xcx .floor-4 .left {background: #028CF7; width:50%; height:610px;color:#fff; padding-bottom:30px;text-align:right;position:relative;}
.page-wechat-xcx .floor-4 .right {background: #566069; width:50%;height:610px; color:#949EA7;padding-bottom:30px;}
.page-wechat-xcx .floor-4 .left h2,.page-wechat-xcx .floor-4 .right h2 {font-size:28px; height:42px; line-height:42px;margin: 60px 0 54px;position:relative;}
.page-wechat-xcx .floor-4 .left .fr {padding-right:120px;}
.page-wechat-xcx .floor-4 .right .fl {padding-left:120px;}
.page-wechat-xcx .floor-4 i {width:42px; height:42px;display:inline-block; position:absolute;}
.page-wechat-xcx .floor-4 .left i {background: url(../images/4f_icon01.png) no-repeat center ;    left: 20px;}
.page-wechat-xcx .floor-4 .right i {background: url(../images/4f_icon02.png) no-repeat center ; right:80px;}
.page-wechat-xcx .floor-4 p {font-size:16px;height: 40px;
    line-height: 40px;
    margin: 20px 0;}
.page-wechat-xcx .floor-4 .middle {position:absolute;width:168px;     top: 26px;
    right: -69px;
}
.page-wechat-xcx .floor-4 .middle i {width:168px; height:104px;display:inline-block;background: url(../images/4f_img.png) no-repeat center ;}
.page-wechat-xcx .floor-4 .middle ul {margin-top:130px;    margin-left: 19px;}
.page-wechat-xcx .floor-4 .middle li { background: #fff; color: #028CF7;width:160px;height:40px;line-height:40px; text-align:center;margin:20px 0;
font-size: 16px;  font-weight: bold;}
.page-wechat-xcx .floor-5{ background: #F4FBFF; padding-bottom:30px;}
.page-wechat-xcx .floor-5 .list .item{ float: left; width: 218px; height: 220px; background: #fff; margin:12px; text-align: center; box-shadow:0 2px 12px rgba(219, 227, 232, 0.4);}
.page-wechat-xcx .floor-5 .list .item i{ display: block; width: 92px; height: 92px; margin: 25px auto 15px; background-repeat: no-repeat; background-image: url(../images/5f_icon.png); }
.page-wechat-xcx .floor-5 .list .item-1 i{ background-position: -4px -4px; }
.page-wechat-xcx .floor-5 .list .item-2 i{ background-position: -104px -4px; }
.page-wechat-xcx .floor-5 .list .item-3 i{ background-position: -204px -4px; }
.page-wechat-xcx .floor-5 .list .item-4 i{ background-position: -304px -4px; }
.page-wechat-xcx .floor-5 .list .item-5 i{ background-position: -404px -4px; }
.page-wechat-xcx .floor-5 .list .item-6 i{ background-position: -4px -104px; }
.page-wechat-xcx .floor-5 .list .item-7 i{ background-position: -104px -104px; }
.page-wechat-xcx .floor-5 .list .item-8 i{ background-position: -204px -104px; }
.page-wechat-xcx .floor-5 .list .item-9 i{ background-position: -304px -104px; }
.page-wechat-xcx .floor-5 .list .item-10 i{ background-position: -404px -104px; }
.page-wechat-xcx .floor-5 .list .item h3{ font-size: 20px; margin-bottom: 10px;}
.page-wechat-xcx .floor-5 .list .item p{ font-size: 14px; color: #888; width: 130px; margin: 0 auto;}
.page-wechat-xcx .floor-6 {height:434px;background: url(../images/6f_bg.jpg) no-repeat center ; color:#fff;padding: 0;}
.page-wechat-xcx .floor-6 .mod-title h2 {margin: 90px 0 50px;}
.page-wechat-xcx .floor-6 .list i { display: block; width: 35px; height: 35px;background: url(../images/6f_icon.png) no-repeat;}
.page-wechat-xcx .floor-6 .list li:nth-child(1) i{background-position: -3px 0px;}
.page-wechat-xcx .floor-6 .list li:nth-child(2) i{background-position: -43px 0px;}
.page-wechat-xcx .floor-6 .list li:nth-child(3) i{background-position: -85px 0px;}
.page-wechat-xcx .floor-6 .list li:nth-child(4) i{background-position: -127px 0px;}
.page-wechat-xcx .floor-6 .list li {display: inline-block;width:273px;height:100px; overflow:hidden;    border-right: 1px dashed #3A3961;    padding-left: 25px;    padding-top: 20px;}
.page-wechat-xcx .floor-6 .list li:last-child {border:none;}
.page-wechat-xcx .floor-6 .list .icon {float:left;height:75px;}
.page-wechat-xcx .floor-6 .list li .text { float:left;width:200px;padding-left:10px}
.page-wechat-xcx .floor-6 .list li h3 {    font-size: 24px;margin:5px 0 20px}
.page-wechat-xcx .floor-6 .list li p {}
.page-wechat-xcx .mod-footer{ padding: 30px 0 57px;}
.page-wechat-xcx .mod-footer .mod-title{ }
.page-wechat-xcx .mod-footer .mod-title h2{ margin-bottom: 15px; }
.page-wechat-xcx .mod-footer .mod-title .price{ font-size: 24px; color: #888; }
.page-wechat-xcx .mod-footer .mod-title .price em{ color: #ff3a6d; font-style: normal; }
.page-wechat-xcx .mod-footer .mod-title .price span{ color: #333; margin: 0 50px; }
.page-wechat-xcx .ft-btn{ display: inline-block; margin: 0 10px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; padding: 0 25px; background: #3399ff;}
.page-wechat-xcx .ft-btn-red{ background: #FF3D6C; }
.page-wechat-xcx .ft-btn .kefu{ width: 23px; height: 17px; display: inline-block; vertical-align: middle; background: url(../images/06-img.png) no-repeat; margin-right: 10px; margin-left: -5px;}
.page-wechat-xcx .tc a{ margin: 0 20px; }

/*pc*/
.page-pc .banner{ height: 401px; background: url(../images/00-banner.jpg) no-repeat center top; }
.page-pc .section-1 .img{ width: 1120px; height: 466px; background: url(../images/01-img.png) no-repeat; margin: 0 auto; position: relative;}
.page-pc .section-1 .img .link{ background: #fff; position: absolute; left: 65px; top: 290px; color: #00C74D; padding: 0 30px;}
.page-pc .section-2{ background: url(../images/02-bg.png) repeat-x center top; }
.page-pc .section-2 .img{ height: 500px; position: relative; }
.page-pc .section-2 .img div{ position: absolute; }
.page-pc .section-2 .img-1{ width: 353px; height: 353px; background: url(../images/02-img-1.png) no-repeat; left: 540px; top: 20px; }
.page-pc .section-2 .img-2{ width: 628px; height: 488px; background: url(../images/02-img-2.png) no-repeat; left: 0; }
.page-pc .section-2 .img-3{ width: 254px; height: 395px; background: url(../images/02-img-3.png) no-repeat; left: 780px; top: 110px; }
.page-pc .section-3 .mod-title{ float: right; width: 487px; text-align: left; padding-top: 40px;}
.page-pc .section-3 .img{ float: left; width: 676px; height: 527px; background: url(../images/03-img.png) no-repeat;}
.page-pc .section-4{ background: url(../images/04-bj.jpg) no-repeat center top; }
.page-pc .section-4 .img{ width: 1014px; height: 326px; background: url(../images/04-img.png) no-repeat; }
.page-pc .section-5 .img{ height: 600px; position: relative; }
.page-pc .section-5 .img-1{ position: absolute; width: 1120px; height: 550px; background: url(../images/05-img-1.png) no-repeat; left: 50px}
.page-pc .section-5 .img-2{ position: absolute; width: 785px; height: 514px; background: url(../images/05-img-2.png) no-repeat; left: 218px; top: 180px;}
.page-pc .section-6 .img{ height: 490px; position: relative; }
.page-pc .section-6 .img-1{ position: absolute; width: 624px; height: 317px; background: url(../images/06-img-1.png) no-repeat; left: 460px;}
.page-pc .section-6 .img-2{ position: absolute; width: 575px; height: 450px; background: url(../images/06-img-2.png) no-repeat; left: 68px; top: 40px;}
.page-pc .section-7 .img{ height: 400px; position: relative; }
.page-pc .section-7 .img-1{ position: absolute; width: 624px; height: 317px; background: url(../images/07-img-1.png) no-repeat;}
.page-pc .section-7 .img-2{ position: absolute; width: 750px; height: 458px; background: url(../images/07-img-2.png) no-repeat; left: 378px; top: -70px;}


/*pc-backstage*/
.page-old div {margin-left: auto; margin-right: auto; }
.page-old .section {width: 100%; clear: both; padding: 0;}
.page-old .section .section-wrapper {width: 1210px; margin: 0 auto; text-align: center; font-weight: 300; }
.page-old .section .title {padding-top: 50px; color: #333; }
.page-old .section-wrapper .title p {font-size: 16px; line-height: 28px; color: #82939e; }
.page-old .section-wrapper .title h2 {font-size: 36px; line-height: 75px; font-weight: 300; color: #434A54; }
.page-old .section .title p.up {font-size: 36px; line-height: 70px; color: #434A54; }
.page-old .section .title p.down {font-size: 16px; line-height: 180%; padding-top: 10px; color: #82939e; }
.page-old .section-wrapper{ position: relative; width: 1210px; margin: 0 auto;}
.page-old .o2o-btn {padding: 38px 0; border-top: 1px solid #ddd; overflow: hidden; background: #fff; text-align: center; }
.page-old .o2o-btn .title h2{ font-size: 24px; line-height: 1.5;}
.page-old .o2o-btn .btn-wp{ margin-top: 20px; }
.page-old .o2o-btn .btn-or {display: inline-block; width: 54px; height: 54px; background: url(../images/btn_or.png) no-repeat center center; vertical-align: middle; }
.page-old .section-footer{ padding: 80px 0; }
.page-backstage .banner{ height: 400px; background: url(../images/banner.jpg) no-repeat center top; }
.page-backstage .banner .section-wrapper a {position:absolute;width:160px;height:45px;top:319px;}
.page-backstage .banner .section-wrapper .btn1 {left:16px;}
.page-backstage .banner .section-wrapper .btn2 {left:196px;}
.page-backstage .section-1 {overflow: hidden;}
.page-backstage .section-1 ul{ margin:50px 0;}
.page-backstage .section-1 li{width: 240px;height: 240px; float: left;margin:20px 31.25px;;border-radius: 10px;box-shadow: 0px 0px 20px #eee;}
.page-backstage .section-1 li .img{margin-top: 30px;width: 75px; height:75px;background-image: url(../images/f1_icon.png); background-repeat:no-repeat;}
.page-backstage .section-1 li:nth-child(1) .img{background-position: 0 0;}
.page-backstage .section-1 li:nth-child(2) .img{background-position: -75px 0;}
.page-backstage .section-1 li:nth-child(3) .img{background-position: -150px 0;}
.page-backstage .section-1 li:nth-child(4) .img{background-position: -225px 0;}
.page-backstage .section-1 li:nth-child(5) .img{background-position: -300px 0;}
.page-backstage .section-1 li:nth-child(6) .img{background-position: -375px 0;}
.page-backstage .section-1 li:nth-child(7) .img{background-position: -450px 0;}
.page-backstage .section-1 li:nth-child(8) .img{background-position: -525px 0;}
.page-backstage .section-1 li .text{padding-top: 10px;}
.page-backstage .section-1 li .text h3{font-size: 18px;}
.page-backstage .section-1 li .text p{font-size: 12px; line-height: 180%; padding: 10px 20px; text-align: justify; color: #82939e;}
.page-backstage .section-2{ background: #F7F7F7; }
.page-backstage .section-2 .title{ padding-left: 800px; text-align: left; margin-bottom: -150px; }
.page-backstage .section-2 .img{ height: 503px; padding-bottom: 80px; background: url(../images/f2_img.png) no-repeat center top; }
.page-backstage .section-3 .img{ height: 503px; padding-bottom: 80px; background: url(../images/f3_img.png) no-repeat center top; }
.page-backstage .section-4{ background: #F7F7F7; }
.page-backstage .section-4 .img{ height: 469px; padding-bottom: 80px; margin-top: 20px; background: url(../images/f4_img.png) no-repeat center top; }
.page-backstage .section-5 {background-color: #333333;position:relative;}
.page-backstage .section-5 .section-wrapper {padding: 80px 0 70px;}
.page-backstage .section-5 .title h2 {line-height:125%; margin:25px 0; color:#fff;}
.page-backstage .section-5 .title {width:420px; position:absolute; right: 0; padding: 0; text-align: left;}
.page-backstage .section-5 .img {height:404px;background: url(../images/buju.png) no-repeat left center;}
.page-backstage .section-6 .img{height:527px;background: url(../images/set_ad.png) no-repeat center;}
.page-backstage .section-7 {background-color: #333;}
.page-backstage .section-7 .section-wrapper {position:relative;height: 540px;}
.page-backstage .section-7 .section-wrapper .title h2,.ecjia-b2c-backstage .section-4 .section-wrapper .title p { color:#fff;}
.page-backstage .section-7 .img {width:1206px;height:464px;background: url(../images/goods_manage.png) no-repeat center; position:absolute;     top: 310px;}
.page-backstage .section-7 .img_tips {width:1054px;height:303px;background: url(../images/goods_manage_tips.png) no-repeat center; position:absolute;left: 70px; top: 250px;}
.page-backstage .section-8 .section-wrapper {padding-top: 280px;}
.page-backstage .section-8 .title {width:400px; position:absolute; right: 0; padding: 0; text-align: left;margin-top: 46px;}
.page-backstage .section-8 .img {height:484px;background: url(../images/order_show.png) no-repeat left center; position:relative;    margin-top: 30px;}
.page-backstage .section-8 .img_tips {width:658px;height:309px;background: url(../images/order_show_tips.png) no-repeat center; position:absolute;left:100px;}
.page-backstage .section-9 {background-color: #F7F7F7; padding-bottom:30px;}
.page-backstage .section-9 .img {height:446px;background: url(../images/user_account.png) no-repeat left center; position:relative;    margin-top: 50px;}
.page-backstage .section-9 .img_tips {width:503px;height:328px;background: url(../images/user_account_tips.png) no-repeat center; position:absolute;right: 0;top: 10px;}
.page-backstage .section-10 { padding:30px 0;}
.page-backstage .section-10 .title {width:426px; position:absolute; left: 0; padding: 0; text-align: left;margin-top: 0;}
.page-backstage .section-10 .title h2{line-height:125%; margin:25px 0;}
.page-backstage .section-10 .img {height:404px;background: url(../images/comment.png) no-repeat right center; position:relative;    margin-top: 50px;}
.page-backstage .section-10 .img_tips {width:269px;height:269px;background: url(../images/comment_tips.png) no-repeat center; position:absolute;    right: 230px; top: 20px;}
.page-backstage .section-11 {background-color: #F7F7F7; padding-bottom:50px;}
.page-backstage .section-11 .img {height:423px;background: url(../images/push.png) no-repeat left center; position:relative; margin-top: 100px;}
.page-backstage .section-11 .img_tips {width:1017px;height:311px;background: url(../images/push_tips.png) no-repeat center; position:absolute;left: 10px; top: -40px;}

/*pc-backstage-seller*/
.page-backstage-seller .banner{ height: 480px; background: url(../images/banner.jpg) no-repeat center top; }
.page-backstage-seller .section-1{ overflow: hidden; }
.page-backstage-seller .section-1 .img{ height: 416px; background: url(../images/f1_img.png) no-repeat center top; padding-bottom: 80px; margin-top: 50px;}
.page-backstage-seller .section-2{ background: #F7F7F7; }
.page-backstage-seller .section-2 .title{ padding-left: 800px; text-align: left; margin-bottom: -180px; }
.page-backstage-seller .section-2 .img{ position: relative; width: 1202px; height: 497px;  padding-bottom: 80px; margin-top: 50px;}
.page-backstage-seller .section-2 .img div{ position: absolute; }
.page-backstage-seller .section-2 .img-1{ left: 80px; width: 674px; height: 404px; background: url(../images/f2_img_1.png) no-repeat center top;}
.page-backstage-seller .section-2 .img-2{ left: 570px; top: 150px; width: 580px; height: 349px; background: url(../images/f2_img_2.png) no-repeat center top;}
.page-backstage-seller .section-2 .img-3{ left: 30px; top: 100px; width: 295px; height: 164px; background: url(../images/f2_img_3.png) no-repeat center top;}
.page-backstage-seller .section-2 .img-4{ left:840px; top: 200px; width: 345px; height: 184px; background: url(../images/f2_img_4.png) no-repeat center top;}
.page-backstage-seller .section-3{ padding-bottom: 80px; }
.page-backstage-seller .section-3 .img{ margin-top: 20px; }
.page-backstage-seller .section-3 .img-1{ width: 870px; height: 548px; background: url(../images/f3_img_1.png) no-repeat center top;}
.page-backstage-seller .section-3 .img-2{ width: 769px; height: 178px; background: url(../images/f3_img_2.png) no-repeat center top;}
.page-backstage-seller .section-4{ background: #F7F7F7; }
.page-backstage-seller .section-4 .img{ position: relative; height: 500px; margin-top: 60px;}
.page-backstage-seller .section-4 .img div{ position: absolute; }
.page-backstage-seller .section-4 .img-1{ left: 220px; width: 762px; height: 457px; background: url(../images/f4_img_1.png) no-repeat center top;}
.page-backstage-seller .section-4 .img-2{ left: 720px; top: 90px; width: 163px; height: 163px; background: url(../images/f4_img_2.png) no-repeat center top;}
.page-backstage-seller .section-4 .img-3{ left: 40px; width: 1080px; height: 429px; background: url(../images/f4_img_3.png) no-repeat center top;}
.page-backstage-seller .section-5 .img{ position: relative; height: 620px; margin-top: 60px;}
.page-backstage-seller .section-5 .img div{ position: absolute; }
.page-backstage-seller .section-5 .img-1{ z-index: 2; left: 190px; top: 50px; width: 999px; height: 457px; background: url(../images/f5_img_1.png) no-repeat center top;}
.page-backstage-seller .section-5 .img-2{ left: 100px; width: 339px; height: 571px; background: url(../images/f5_img_2.png) no-repeat center top;}

/*service-q&a*/
.page-service-qna {margin-bottom: 80px;}
.page-service-qna .banner{background: url(../images/faq_banner.jpg)no-repeat center center;height: 428px;}
.page-service-qna .tabs {text-align:center;margin-top:50px;}
.page-service-qna .items {margin-top:20px;}
.page-service-qna .tabs li {display:inline-block; color: #fff; cursor: pointer; font-size: 24px; height: 60px; line-height: 60px; margin: 0px 10px; position: relative; text-align: center; width: 279px; background-color: #58d867;}
.page-service-qna .tabs li.on {background-color: #38c248;}
.page-service-qna .tabs li.on i {display: block; }
.page-service-qna .tabs li i {border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #38c248; bottom: -10px; display: none; height: 0; left: 50%; margin-left: -5px; position: absolute; width: 0; }
.page-service-qna div.box{text-align: left; border-bottom: 1px solid #ddd; display: block; overflow: hidden; padding: 30px 0 20px; width: 100%;}
.page-service-qna .box .number {background-color: #38c248; color: #fff; float: left; font-size: 20px; height: 50px; line-height: 50px; text-align: center; width: 50px;}
.page-service-qna .box .info {float: left; margin-left: 20px; width: calc(100% - 70px); }
.page-service-qna .box .info .question {color: #333; font-size: 24px; font-weight: bold; line-height: 24px; }
.page-service-qna .box .info .answer {color: #333; font-size: 16px; line-height: 30px; margin-top: 10px; }
.page-service-qna div.box p.answer a{color: #54c1ff;text-decoration: underline;}
.page-service-qna .section-wrapper>a{display: block;color: #54c1ff;font-size: 18px;margin: 20px 0 50px;}

/*function-list*/
.page-function-list {background-color: #fff;}
.page-function-list .banner{background: url(../images/func_banner.jpg)no-repeat center center;height: 480px;}
.page-function-list .section-wrapper{padding-bottom:60px;width: 1210px;}
.page-function-list .section-footer .section-wrapper{padding:0;}
.page-function-list .table_func {width: 1210px;text-align: left;border-collapse:collapse;font-size: 18px;background-color: #fff; margin-top: 40px;}
.page-function-list .table_func .tr-head{text-align: center;background: #ebf5ff;font-size: 20px;font-weight: bold;border-top: 2px solid #9adeff;color: #555;}
.page-function-list .table_func tr th {font-size: 24px;font-weight: normal;}
.page-function-list .table_func{border: 1px solid #ddd;}
.page-function-list .table_func tr th,
.page-function-list .table_func tr td {padding: 20px 35px;border: 1px solid #ddd;position: relative;}
.page-function-list .table_func tr td>a {color: #888;font-size: 16px;}
.page-function-list .table_func tr td.pad-l-85 {padding-left: 85px;}
.page-function-list .table_func tr td img {position: absolute;top: 50%;left:35px; margin-top: -15px;}
.page-function-list .table_func tr td.td-one {text-align: center; vertical-align: baseline;}
.page-function-list .table_func tr td.td-bgc {background:  #f2fbff;}
.page-function-list .table_func tr th.th-one {background-color: #f2fbff;}
.page-function-list .table_func tr th.th-two {background-color: #fff7ec;}
.page-function-list .table_func tr th.th-three {background-color: #fff5f5;}
.page-function-list .table_func tr th.th-four {background-color: #f4fce8;}
.page-function-list .table_func tr.whole-row-parent {background-color: #f6faff;}
.page-function-list .table_func tr th.whole-row {font-size: 24px;position: relative;padding-left: 85px;}
.page-function-list .table_func tr th.whole-row img {position: absolute;top: 0;left: 35px;top: 50%;margin-top: -15px;}
.page-function-list .table_func tr td.y-support {background: url(../images/gou.png) no-repeat 35px center;padding-left: 68px;}
.page-function-list .tab-wechat table  tr td.y-support {background: url(../images/gou.png) no-repeat center;padding-left: 68px;}
.page-function-list .table_func tr td.n-support {background: url(../images/cha.png) no-repeat 35px center;padding-left: 68px;}
.page-function-list .table_func tr td.r-support {background: url(../images/yuan.png) no-repeat 35px center;padding-left: 68px;}
.page-function-list .tab4-bottom .tab-box p.attention {color: #fc8080;}
.page-function-list .table_func tr.application td.td-one {position: relative;padding-left: 135px;}
.page-function-list .table_func tr.application td img {position: absolute;top: 50%;left: 85px;margin-top: -15px;}
.page-function-list .table_func tr.app-application td img {position: absolute;top: 50%;left: 35px;margin-top: -15px;}
.page-function-list tr.diff td.td-four.add,
.page-function-list tr.diff td.td-five{background: url(../images/gou.png) no-repeat 35px 22px;font-size: 14px;line-height: 20px;color:#888;}
.page-function-list tr.diff td.td-four.add p,
.page-function-list tr.diff td.td-five p{padding-left: 32px;color: #333;font-size:18px;margin-bottom: 10px;}
.page-function-list tr.r-diff td.td-four{background: url(../images/yuan.png) no-repeat 35px 22px;}
.page-function-list tr.r-diff td.td-four a{margin-left: 32px;height: 20px;line-height: 20px;}
.page-function-list .section-wrapper .wait{ padding: 40px 0; }
.page-function-list .section-wrapper .wait img{ margin-bottom: 40px; display: block; margin: 0 auto; }

/*template*/
.page-template .mod-floor{padding: 70px 0 70px 0; color: #333;}
.page-template .mod-container {width: 1210px; margin: 0 auto; }
.page-template .floor-1{ background: url(../images/banner.jpg) no-repeat center top; height: 400px; }
.page-template .floor-2 .img{ background: url(../images/1f_img.png) no-repeat center top; height: 771px;}
.page-template .floor-3{ background: url(../images/2f_img-1.jpg) no-repeat center top; height:750px; }
.page-template .floor-3 .mod-container {position: relative;}
.page-template .floor-3 .mod-title {float:left; width:380px; text-align: left;}
.page-template .floor-3 .img2 {position:absolute; top:450px; left:0px; width: 407px; height: 348px; background: url(../images/2f_img02.png) no-repeat center top; }
.page-template .floor-4 .img{background: url(../images/3f_img.png) no-repeat center top; height: 595px; }
.page-template .floor-5{ position:relative;}
.page-template .floor-5 .bg { position:absolute; width:100%; height:500px; top:0; background-color:#FF7900; z-index:-1;}
.page-template .floor-5 .list .item{ float: left; width: 350px; font-size: 16px; text-align: center; margin-right: 79px; position: relative;}
.page-template .floor-5 .list .item:nth-child(3n){ margin-right: 0; }
.page-template .floor-5 .list .item .number{ height: 29px; margin: 0 auto 10px; line-height: 29px; font-size:22px;}
.page-template .floor-5 .list .item .text {line-height:150%;margin: 15px 0 10px; color:#888}
.page-template .floor-5 .list .color-white .text {color:#fff;}
.page-template .floor-5 .list .item .img{ display: block; position: relative; width: 350px; height: 580px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 36px; }
.page-template .floor-5 .list .item-1 .img{ background-image: url(../images/4f_img_01.png); }
.page-template .floor-5 .list .item-2 .img{ background-image: url(../images/4f_img_02.png); }
.page-template .floor-5 .list .item-3 .img{ background-image: url(../images/4f_img_03.png); }
.page-template .floor-5 .list .item-4 .img{ background-image: url(../images/4f_img_04.png); }
.page-template .floor-5 .list .item-5 .img{ background-image: url(../images/4f_img_05.png); }
.page-template .floor-5 .list .item-6 .img{ background-image: url(../images/4f_img_06.png); }
.page-template .floor-5 .list .item-7 .img{ background-image: url(../images/4f_img_07.png); }
.page-template .floor-5 .list .item-8 .img{ background-image: url(../images/4f_img_08.png); }
.page-template .floor-5 .list .item-9 .img{ background-image: url(../images/4f_img_09.png); }
.page-template .floor-5 .list .item-10 .img{ background-image: url(../images/4f_img_10.png); }
.page-template .floor-5 .list .item-11 .img{ background-image: url(../images/4f_img_11.png); }
.page-template .floor-5 .list .item-12 .img{ background-image: url(../images/4f_img_12.png); }
.page-template .floor-5 .list .item-13 .img{ background-image: url(../images/4f_img_13.png); }
.page-template .floor-5 .list .item-14 .img{ background-image: url(../images/4f_img_14.png); }
.page-template .floor-5 .list .item-15 .img{ background-image: url(../images/4f_img_15.png); }
.page-template .floor-5 .list .item-16 .img{ background-image: url(../images/4f_img_16.png); }
.page-template .floor-5 .list .item-17 .img{ background-image: url(../images/4f_img_17.png); }
.page-template .floor-5 .list .item-18 .img{ background-image: url(../images/4f_img_18.png); }
.page-template .floor-5 .list .item:nth-child(3n) .img:after{ display: none; }
.page-template .mod-footer{ background: #F5F5F5; padding: 57px 0;}
.page-template .mod-footer .mod-title strong{ font-weight: 300; color: #ff3a6d;}
.page-template .mod-footer .mod-title strong em{ font-style: normal; font-size: 16px;}
.page-template .ft-btn{ display: inline-block; margin: 0 10px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; padding: 0 25px; background: #3399ff;}
.page-template .tc a{ margin: 0 20px; }

/* section-subnav */
.section-subnav { text-align: center; height: 63px; position: relative;}
.subnav-container { width: 100%;  border-bottom: 1px solid #ddd;  background: #fff; position: relative; z-index: 10;}
.section-subnav .subnav-wrap { display: inline-block; padding: 20px 0;  height: 22px;width:1210px; text-align:center;}
.section-subnav .subnav-item { display: inline-block;  font-size: 16px;}
.section-subnav .subnav-item a { color: #333; display: block; text-align: center; border-right: 1px solid #ddd; }
.section-subnav .subnav-item.on a { color: #38c248; }
.section-subnav .subnav-item:last-child a{ border-right: 0 none; }
.subnav-wrap3 .subnav-item {width:33%;}
.subnav-wrap4 .subnav-item {width:24%;}
.subnav-wrap5 .subnav-item {width:13.5%;}

/* page-system*/
.page-system .banner,.page-system-lbs .banner,.page-system-join .banner {height:480px;background: url(../images/banner.jpg) no-repeat center;}
.page-system .section-1 .mod-title{width:600px;text-align:left;padding-top:80px;}
.page-system .section-1 .img{ width: 398px; height:367px; background: url(../images/01-img.png) no-repeat;}
.page-system .section-2,.page-system .section-6 {background-color:#F5F5F5}
.page-system .section-2 .mod-title{width:600px;text-align:left;padding-top:80px;}
.page-system .section-2 .img{ width: 388px; height:354px; background: url(../images/02-img.png) no-repeat;}
.page-system .section-3 .mod-title{width:600px;text-align:left;padding-top:80px;}
.page-system .section-3 .img{ width: 330px; height:294px; background: url(../images/03-img.png) no-repeat;}
.page-system .section-4 {height:507px;background: url(../images/04-bg.jpg) no-repeat center;color:#fff;}
.page-system .section-4 .mod-title {padding-top:60px;}
.page-system .section-4 li { float:left;width:25%;margin:20px 0 20px 8%;height:60px;line-height:60px;font-size:16px;}
.page-system .section-4 i {float:left;width:60px;height:60px;margin-right:20px;background:url(../images/04-icon.png) no-repeat 0 0;}
.page-system .section-4 i.o2o {background-position:-60px 0px;}
.page-system .section-4 i.yto {background-position:-120px 0px;}
.page-system .section-4 i.no {background-position:0px -60px;}
.page-system .section-4 i.zto {background-position:-60px -60px;}
.page-system .section-4 i.home {background-position:-120px -60px;}
.page-system .section-4 i.city {background-position:0px -120px;}
.page-system .section-4 i.sf {background-position:-60px -120px;}
.page-system .section-4 i.sto {background-position:-120px -120px;}
.page-system .section-5 ul {text-align:center;}
.page-system .section-5 li {display: inline-block;width:156px;text-align:center;margin:40px;font-size:16px;}
.page-system .section-5 li i {display:inline-block;width:156px;height:156px;margin-bottom:20px;}
.page-system .section-5 li:nth-child(1) i {background:url(../images/05-img-2.png) no-repeat;}
.page-system .section-5 li:nth-child(2) i {background:url(../images/05-img-3.png) no-repeat;}
.page-system .section-5 li:nth-child(3) i {background:url(../images/05-img-4.png) no-repeat;}
.page-system .section-5 li:nth-child(4) i {background:url(../images/05-img-5.png) no-repeat;}
.page-system .section-6 ul {text-align:center;}
.page-system .section-6 li {display: inline-block;width:270px;text-align:center;margin:10px;padding:30px 0;font-size:14px;color:#888; background-color:#fff;box-shadow: 0px 2px 9px 0px #bbb;}
.page-system .section-6 li i {display:inline-block;width:250px;height:227px;margin-bottom:20px;}
.page-system .section-6 li:nth-child(1) i {background:url(../images/06-img-1.png) no-repeat center center;}
.page-system .section-6 li:nth-child(2) i {background:url(../images/06-img-2.png) no-repeat center center;}
.page-system .section-6 li:nth-child(3) i {background:url(../images/06-img-3.png) no-repeat center center;}
.page-system .section-6 li:nth-child(4) i {background:url(../images/06-img-4.png) no-repeat center center;}
.page-system .section-6 li p {font-size:20px;font-weight:bold; margin: 10px 0;color:#333;}


/* page-system-lbs */
.page-system-lbs .section-1 ul {text-align:center;}
.page-system-lbs .section-1 li {display: inline-block;width:23%;text-align:center;font-size:14px;color:#999}
.page-system-lbs .section-1 li i {display:inline-block;width:150px;height:150px;background:url(../images/01-icon.png) no-repeat;}
.page-system-lbs .section-1 li:nth-child(1) i {background-position:0px 0px;}
.page-system-lbs .section-1 li:nth-child(2) i {background-position:-150px 0px;}
.page-system-lbs .section-1 li:nth-child(3) i {background-position:-300px 0px;}
.page-system-lbs .section-1 li:nth-child(4) i {background-position:-450px 0px;}
.page-system-lbs .section-1 li p {font-size:20px;line-height:180%; }
.page-system-lbs .section-1 li:nth-child(1) p {color:#4A8AFB}
.page-system-lbs .section-1 li:nth-child(2) p {color:#FF4EA2}
.page-system-lbs .section-1 li:nth-child(3) p {color:#02CD38}
.page-system-lbs .section-1 li:nth-child(4) p {color:#BA2DEE}
.page-system-lbs .section-1 li b {display:inline-block;width:10px;height:10px;background:url(../images/01-sj.png) no-repeat;}
.page-system-lbs .section-1 li:nth-child(1) b {background-position:0px 0px;}
.page-system-lbs .section-1 li:nth-child(2) b {background-position:-10px 0px;}
.page-system-lbs .section-1 li:nth-child(3) b {background-position:-20px 0px;}
.page-system-lbs .section-1 li:nth-child(4) b {background-position:-30px 0px;}
.page-system-lbs .section-2 .floor1 .container {overflow:hidden;}
.page-system-lbs .section-2 .floor1{height:1200px;background:url(../images/02-bj.jpg) no-repeat;   }
.page-system-lbs .section-2 .floor2{height:611px;margin-top: 200px;background:url(../images/03-bj.jpg) no-repeat;}
.page-system-lbs .section-2 .img1 {height:573px;background:url(../images/03-1.png) no-repeat; margin-top: 40px;}
.page-system-lbs .section-2 .img2 {width:421px;height:398px;background:url(../images/03-img.png) no-repeat;    margin-top: 220px;margin-left: 25px;}
.page-system-lbs .section-2 .img3 {width:678px;height:623px;background:url(../images/03-3.png) no-repeat;margin-top: 6px;}
.page-system-lbs .section-2 .img4 {width:887px;height:583px;background:url(../images/03-2.png) no-repeat; position:absolute;top:-140px;    left: 15px;}
.page-system-lbs .section-2 {padding-bottom:0;}
.page-system-lbs .section-2 .container {position:relative;}
.page-system-lbs .section-2 .line{position:absolute;width:1160px;height:1216px; top:194px;left:20px;background:url(../images/03-xt.png) no-repeat;}


/* page-system-join */

.page-system-join .section-1 .img{height:442px;background:url(../images/01-img.png) no-repeat center;}
.page-system-join .section-2 {background:url(../images/02-bj.jpg) no-repeat top center;color:#fff;}
.page-system-join .section-2 .mod-title p,.page-system-join .section-4 .mod-title p {color:#fff;}
.page-system-join .section-2 .img{height:646px;background:url(../images/02-img.png) no-repeat center;}
.page-system-join .section-3 .img{height:434px;background:url(../images/03-img.png) no-repeat center;}
.page-system-join .section-4 {background:url(../images/04-bj.jpg) no-repeat top center;color:#fff;}
.page-system-join .section-4 .img{height:630px;background:url(../images/04-img.png) no-repeat center;}
.page-system-join .section-5 .img1{width:810px;height:340px;background:url(../images/05-img-1.png) no-repeat center;}
.page-system-join .section-5 .img2{width:320px;height:290px;background:url(../images/05-img-2.png) no-repeat center;}

/*service-authorize*/
.page-service-authorize .empower-banner{ background:url(../images/banner.jpg) center center no-repeat; height:400px; text-align:center;}
.page-service-authorize .empower-banner .title{ font-size:36px; color:#fff; padding-top:100px;}
.page-service-authorize .empower-banner .subtitle{ font-size:16px; color:rgba(255,255,255,.7); margin-top:10px;}
.page-service-authorize .empower-banner .search{ overflow:hidden; width:640px; margin:60px auto 0; border-radius:5px; box-shadow:0 2px 10px rgba(32,101,153,.6);}
.page-service-authorize .empower-banner .search .input{ width:510px; height:50px; background-color:#fff; float:left; border-radius:5px 0 0 5px;}
.page-service-authorize .empower-banner .search .input input{ border:0; font-size:16px; padding:12px 0 12px 15px; height:26px; line-height:26px; float:left; width:495px; border-radius:5px 0 0 5px; outline:0;}
.page-service-authorize .empower-banner .search .but{ float:left;}
.page-service-authorize .empower-banner .search .but a{ display:block; float:left; width:130px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background-color:#013c68; border-radius:0 5px 5px 0;}

 .sc-title{ font-size: 36px; color: #333; text-align: center; line-height: 1; margin-bottom: 30px; font-weight:normal;}
 .sc-subtitle{ font-size: 16px; color: #82939e; line-height: 2; margin-bottom: 40px; text-align: center;}

.page-service-authorize .empower-section1 .items{ }
.page-service-authorize .empower-section1 .items .item{ float:left; text-align:center; width:260px; padding: 40px 21px;}
.page-service-authorize .empower-section1 .items .last{ margin-right:0;}
.page-service-authorize .empower-section1 .items .item .icon{ width:66px; height:66px; background:url(../images/icon_bg.png) no-repeat; display:block; margin:0 auto;}
.page-service-authorize .empower-section1 .items .item .icon1{ background-position:0 0;}
.page-service-authorize .empower-section1 .items .item .icon2{ background-position:-66px 0;}
.page-service-authorize .empower-section1 .items .item .icon3{ background-position:-132px 0;}
.page-service-authorize .empower-section1 .items .item .icon4{ background-position:-198px 0;}
.page-service-authorize .empower-section1 .items .item:hover {cursor: pointer; box-shadow: 0 0 20px #eee;}
.page-service-authorize .empower-section1 .items .item:hover .icon1{ background-position:0 -66px;}
.page-service-authorize .empower-section1 .items .item:hover .icon2{ background-position:-66px -66px;}
.page-service-authorize .empower-section1 .items .item:hover .icon3{ background-position:-132px -66px;}
.page-service-authorize .empower-section1 .items .item:hover .icon4{ background-position:-198px -66px;}
.page-service-authorize .empower-section1 .items .item h5 {font-size:18px;margin-top: 10px;}
.page-service-authorize .empower-section1 .items .item span{ font-size:14px; color:#82939e; margin-top:20px; display:block;}

.page-service-authorize .empower-section2{ background-color:#f4f7fa;}
.page-service-authorize .empower-section2 .content{ text-align:center;padding-left:125px; padding-top:40px;}
.page-service-authorize .duibi-table {width: 640px; margin-top:0;float: left; border: 1px solid #E6E6E6;text-align: center;border-collapse: collapse; background: #fff;}
.page-service-authorize .duibi-table-active {width: 320px;margin-top:0px;position: relative; z-index: 2; transform: scale(1.06); box-shadow: 0 10px 50px rgba(87, 95, 110, 0.1);}
.page-service-authorize .duibi-table th {background-color: #E6EAF0; font-size:22px; border: none;height:80px;}
.page-service-authorize .duibi-table td { border: 1px solid #E6E6E6; height:60px; color:#888;}
.page-service-authorize .duibi-table-active th {background-color: #1E5AFC;color:#fff;height:85px;}
.page-service-authorize .duibi-table-active td {border: none;}
.page-service-authorize .duibi-table .at-wrong {    background: url(../images/icon_error.png) 120px center no-repeat;}
.page-service-authorize .duibi-table .at-right {    background: url(../images/attr_table_right.png) 120px center no-repeat;background-size: 24px;}
.page-service-authorize .duibi-table-active .at-right {    background: url(../images/attr_table_right.png) 110px center no-repeat;background-size: 24px;}

.page-service-authorize .empower-section3{ padding-bottom: 0; }

.page-service-open .empower-banner{ background:url(../images/banner.jpg) center center no-repeat; height:400px; text-align:center; margin-bottom:50px;}
.page-service-open .empower-banner .container {position: relative; height: 400px;}
.page-service-open .empower-banner a {position: absolute; bottom: -68px; left:537px;width: 136px; height: 136px; background:url(../images/download.png)}
.page-service-open .empower-section1 .items .item{ float:left; text-align:center; width:260px; padding: 40px 21px;}
.page-service-open .empower-section1 .items .last{ margin-right:0;}
.page-service-open .empower-section1 .items .item .icon{ width:66px; height:66px; background:url(../images/icon_bg.png) no-repeat; display:block; margin:0 auto;}
.page-service-open .empower-section1 .items .item .icon1{ background-position:0 0;}
.page-service-open .empower-section1 .items .item .icon2{ background-position:-66px 0;}
.page-service-open .empower-section1 .items .item .icon3{ background-position:-132px 0;}
.page-service-open .empower-section1 .items .item .icon4{ background-position:-198px 0;}
.page-service-open .empower-section1 .items .item:hover {cursor: pointer; box-shadow: 0 0 20px #eee;}
.page-service-open .empower-section1 .items .item:hover .icon1{ background-position:0 -66px;}
.page-service-open .empower-section1 .items .item:hover .icon2{ background-position:-66px -66px;}
.page-service-open .empower-section1 .items .item:hover .icon3{ background-position:-132px -66px;}
.page-service-open .empower-section1 .items .item:hover .icon4{ background-position:-198px -66px;}
.page-service-open .empower-section1 .items .item h5 {font-size:18px;margin-top: 10px;}
.page-service-open .empower-section1 .items .item span{ font-size:14px; color:#82939e; margin-top:20px; display:block;}

.page-service-open .empower-section2{ background-color:#f4f7fa;}
.page-service-open .empower-section2 .content{ text-align:center;}


/*mode-jd*/
.page-mode-jd .banner{ height: 401px; background: url(../images/jd-banner.jpg) no-repeat center top; }
.page-mode-jd .section-1{ padding-top: 0; }
.page-mode-jd .section-1 .mode-logo{ width: 180px; height: 172px; background: url(../images/jd-icon.png) no-repeat; margin: -100px auto 50px;  }
.page-mode-jd .section-1 .mod-title h2:after,
.page-mode-jd .section-2 .mod-title h2:after{ display: block; content: ""; height: 0; border-top: 2px solid #2e9f38; width: 100px; margin: 27px auto 10px; }
.page-mode-jd .section-1 .img{ width: 1095px; height: 574px; background: url(../images/01-img.png) no-repeat; margin: 0 auto; }
.page-mode-jd .section-2{ padding-top: 0; }
.page-mode-jd .section-2 .img{ width: 1057px; height: 227px; background: url(../images/02-img.png) no-repeat; margin: 0 auto; }
.page-mode-jd .section-3{  background: url(../images/03-bg.jpg) repeat-x; padding: 61px 0; position: relative;}
.page-mode-jd .section-3 .mod-title{ padding-bottom: 0; }
.page-mode-jd .section-3 .arrow{ position: absolute; width: 48px; height: 24px; background: url(../images/03-sj.png) no-repeat; left: 50%; bottom: -24px; margin-left: -24px; }
.page-mode-jd .section-4 .section-right{ float: right; width: 503px; margin-right: 50px; padding-top: 50px;}
.page-mode-jd .section-4 .section-right .mod-title{ text-align: left; }
.page-mode-jd .section-4 .section-logo{ width: 120px; height: 120px; background: url(../images/04-icon.png) no-repeat; display: block; margin-bottom: 50px;}
.mode-btn{ display: block; width: 209px; height: 96px; background: url(../images/button.png) no-repeat; line-height: 78px; padding-right: 30px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left: -14px; opacity: .9;}
.mode-btn:hover{ opacity: 1; }
.page-mode-jd .section-4 .img{ width: 536px; height: 595px; background: url(../images/04-img.png) no-repeat; }
.page-mode-jd .section-5{ background: #F4F4F4; }
.page-mode-jd .section-5 .list{ margin: 50px -10px; }
.page-mode-jd .section-5 .list li{ float: left; width: 226px; height: 320px; position: relative; margin: 0 10px; }
.page-mode-jd .section-5 .list li .bg{ position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: #fff; transition: all .2s; box-shadow: 0 0 30px rgba(0,0,0,0)}
.page-mode-jd .section-5 .list li:hover .bg{ transform: scaleY(1.2); box-shadow: 0 0 30px rgba(0,0,0,.1)}
.page-mode-jd .section-5 .list li a{ position: relative; z-index: 2; text-align: center; display: block; padding: 40px 25px 0 25px; height: 277px; overflow: hidden; transition: all .2s;}
.page-mode-jd .section-5 .list li:hover a{ height: 300px; }
.page-mode-jd .section-5 .list li i{ width: 110px; height: 110px; display: block; margin: 0 auto 40px; background: url(../images/05-icon.png) no-repeat; }
.page-mode-jd .section-5 .list li:nth-child(1) i{ background-position: 0 0; }
.page-mode-jd .section-5 .list li:nth-child(2) i{ background-position: -110px 0; }
.page-mode-jd .section-5 .list li:nth-child(3) i{ background-position: -220px 0; }
.page-mode-jd .section-5 .list li:nth-child(4) i{ background-position: -330px 0; }
.page-mode-jd .section-5 .list li:nth-child(5) i{ background-position: -440px 0; }
.page-mode-jd .section-5 .list li h3{ font-size: 18px; margin-bottom: 20px;}
.page-mode-jd .section-5 .list li p{ font-size: 14px; color: #888; }
.page-mode-jd .section-5 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #ECEEF1; }
.page-mode-jd .section-5 .list li span{ font-size: 14px; color: #03c72e; opacity: 0; transition: all .2s; }
.page-mode-jd .section-5 .list li:hover span{ opacity: 1; }
.page-mode-jd .section-6 .section-right{ float: right; width: 513px; }
.page-mode-jd .section-6 .section-right .mod-title{ text-align: left; }
.page-mode-jd .section-6 .img{ width: 550px; height: 339px; background: url(../images/06-img.png) no-repeat; }
.page-mode-jd .section-7{ background: #00C64E; height: 180px; margin-bottom: 270px;}
.page-mode-jd .section-7 .section-left{ float: left; width: 506px; margin-left: 30px; }
.page-mode-jd .section-7 .mod-title{ text-align: left; margin-bottom: 90px;}
.page-mode-jd .section-7 .img{ width: 619px; height: 529px; background: url(../images/07-img.png) no-repeat; float: left; }
.page-mode-jd .section-8 .section-right{ float: right; width: 515px; padding-top: 30px;}
.page-mode-jd .section-8 .mod-title{ text-align: left; }
.page-mode-jd .section-8 .img{ width: 651px; height: 354px; background: url(../images/08-img.png) no-repeat; }
.page-mode-jd .section-9{ background: url(../images/bottom.jpg) no-repeat; height:80px; }
.page-mode-jd .section-9 .mod-title{ padding-bottom: 10px; }
.page-mode-jd .section-9 .btn{ width: 198px; height: 48px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #fff; display: block; margin:  0 auto; }

/*mode-meituan*/
.page-mode-meituan .mode-btn{ background: url(../images/button.png) no-repeat; }
.page-mode-meituan .banner{ height: 401px; background: url(../images/mt-banner.jpg) no-repeat center top; }
.page-mode-meituan .section-1{ padding-top: 0; }
.page-mode-meituan .section-1 .mode-logo{ width: 160px; height: 160px; background: url(../images/mt-icon.png) no-repeat; margin: -80px auto 50px;  }
.page-mode-meituan .section-1 .mod-title{ margin-bottom: 30px; }
.page-mode-meituan .section-1 .list{ margin: 0 -26px; }
.page-mode-meituan .section-1 .list li{ width: 260px; float: left; margin: 0 26px; text-align: center;}
.page-mode-meituan .section-1 .list li .img{ width: 260px; height: 185px; }
.page-mode-meituan .section-1 .list li:nth-child(1) .img{ background: url(../images/01-img-1.png) no-repeat; }
.page-mode-meituan .section-1 .list li:nth-child(2) .img{ background: url(../images/01-img-2.png) no-repeat; }
.page-mode-meituan .section-1 .list li:nth-child(3) .img{ background: url(../images/01-img-3.png) no-repeat; }
.page-mode-meituan .section-1 .list li:nth-child(4) .img{ background: url(../images/01-img-4.png) no-repeat; }
.page-mode-meituan .section-1 .list p{ padding: 30px; font-size: 18px; }
.page-mode-meituan .section-2{ background: #F6F8FB; }
.page-mode-meituan .section-2 .list{ margin: 20px -10px; }
.page-mode-meituan .section-2 .list li{ float: left; width: 226px; height: 320px; position: relative; margin: 0 10px; }
.page-mode-meituan .section-2 .list li .bg{ position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: #fff; transition: all .2s; box-shadow: 0 0 30px rgba(0,0,0,0)}
.page-mode-meituan .section-2 .list li:hover .bg{ transform: scaleY(1.1); box-shadow: 0 0 30px rgba(0,0,0,.1)}
.page-mode-meituan .section-2 .list li a{ position: relative; z-index: 2; text-align: center; display: block; padding: 40px 15px 0 15px; height: 277px; overflow: hidden; transition: all .2s;}
.page-mode-meituan .section-2 .list li:hover a{ height: 300px; }
.page-mode-meituan .section-2 .list li i{ width: 110px; height: 110px; display: block; margin: 0 auto 40px; background: url(../images/02-icon.png) no-repeat; }
.page-mode-meituan .section-2 .list li:nth-child(1) i{ background-position: 0 0; }
.page-mode-meituan .section-2 .list li:nth-child(2) i{ background-position: -110px 0; }
.page-mode-meituan .section-2 .list li:nth-child(3) i{ background-position: -220px 0; }
.page-mode-meituan .section-2 .list li:nth-child(4) i{ background-position: -330px 0; }
.page-mode-meituan .section-2 .list li:nth-child(5) i{ background-position: -440px 0; }
.page-mode-meituan .section-2 .list li h3{ font-size: 18px; margin-bottom: 20px;}
.page-mode-meituan .section-2 .list li p{ font-size: 14px; color: #888; }
.page-mode-meituan .section-2 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #ECEEF1; transition: all .2s;}
.page-mode-meituan .section-2 .list li:hover p:after{ border-top-color: #37AEF9; }
.page-mode-meituan .section-3{  background: url(../images/03-bg.jpg) repeat-x; padding: 61px 0; position: relative;}
.page-mode-meituan .section-3 .mod-title{ padding-bottom: 0; }
.page-mode-meituan .section-3 .arrow{ position: absolute; width: 48px; height: 24px; background: url(../images/03-sj.png) no-repeat; left: 50%; bottom: -22px; margin-left: -24px; }
.page-mode-meituan .section-4 .section-right{ float: right; width: 507px; }
.page-mode-meituan .section-4 .section-right .mod-title{ text-align: left; }
.page-mode-meituan .section-4 .img{ width: 550px; height: 339px;  background: url(../images/06-img.png) no-repeat; }
.page-mode-meituan .section-5{ background: #F6F8FB; }
.page-mode-meituan .section-5 .section-left{ float: left; width: 506px; margin-left: 30px; }
.page-mode-meituan .section-5 .mod-title{ text-align: left; }
.page-mode-meituan .section-5 .img{ width: 619px; height: 529px; background: url(../images/07-img.png) no-repeat; float: left; }
.page-mode-meituan .section-6 .section-right{ width: 503px; float: right; margin-right: 30px; padding-top: 80px; }
.page-mode-meituan .section-6 .mod-title{ text-align: left; }
.page-mode-meituan .section-6 .img{ width: 613px; height: 524px; background: url(../images/04-img.png); }
.page-mode-meituan .section-7{ background: url(../images/bottom.jpg) no-repeat; height:80px; }
.page-mode-meituan .section-7 .mod-title{ padding-bottom: 10px; }
.page-mode-meituan .section-7 .btn{ width: 198px; height: 48px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #fff; display: block; margin:  0 auto; }

/*mode-tongcheng*/
.page-mode-tongcheng .mode-btn{ background: url(../images/button.png) no-repeat; }
.page-mode-tongcheng .banner{ height: 401px; background: url(../images/tc-banner.jpg) no-repeat center top; }
.page-mode-tongcheng .section-1{ padding-top: 0; }
.page-mode-tongcheng .section-1 .mode-logo{ width: 160px; height: 160px; background: url(../images/tc-icon.png) no-repeat; margin: -80px auto 50px;  }
.page-mode-tongcheng .section-1 .list li{ float: left; width: 200px; margin: 0 20px; text-align: center;}
.page-mode-tongcheng .section-1 .list i{ display: block; width: 200px; height: 200px; background: url(../images/01-img.png) no-repeat;}
.page-mode-tongcheng .section-1 .list li:nth-child(1) i{ background-position: 0 0;}
.page-mode-tongcheng .section-1 .list li:nth-child(2) i{ background-position: -200px 0;}
.page-mode-tongcheng .section-1 .list li:nth-child(3) i{ background-position: -400px 0;}
.page-mode-tongcheng .section-1 .list li:nth-child(4) i{ background-position: -600px 0;}
.page-mode-tongcheng .section-1 .list li:nth-child(5) i{ background-position: -800px 0;}
.page-mode-tongcheng .section-1 .list li h3{ font-size: 24px; margin: 20px 0; }
.page-mode-tongcheng .section-1 .list li p{ font-size: 14px; color: #888; }
.page-mode-tongcheng .section-2 .slide{ border: 1px solid #FD4887; }
.page-mode-tongcheng .section-2 .slide-right{ float: right; width: 330px; height: 530px; background: #FD4887; color: #fff; }
.page-mode-tongcheng .section-2 .slide-right h3{ font-size: 36px; text-align: center; margin: 55px 60px; position: relative;}
.page-mode-tongcheng .section-2 .slide-right h3:before,
.page-mode-tongcheng .section-2 .slide-right h3:after{content:''; width: 20px; height: 20px; position: absolute; border: 4px solid #ffa2c4; }
.page-mode-tongcheng .section-2 .slide-right h3:before{ left: 0; top: 0; border-right-color: transparent; border-bottom-color: transparent; }
.page-mode-tongcheng .section-2 .slide-right h3:after{ right: 0; bottom: 0; border-top-color: transparent; border-left-color: transparent; }
.page-mode-tongcheng .section-2 .hd{ padding-left: 30px; }
.page-mode-tongcheng .section-2 .hd li{ width: 170px; height: 70px; cursor: pointer; padding-top: 20px; margin-bottom: 30px; border: 1px solid #fff; border-radius: 5px; position: relative; padding-left: 100px; transition: all .2s;}
.page-mode-tongcheng .section-2 .hd li:before{ content:""; background: url(../images/02-icon.png) no-repeat; width: 50px; height: 50px; position: absolute; top: 22px; left: 23px;}
.page-mode-tongcheng .section-2 .hd li:nth-child(1):before{ background-position: 0 0; }
.page-mode-tongcheng .section-2 .hd li:nth-child(2):before{ background-position: 0 -50px; }
.page-mode-tongcheng .section-2 .hd li:nth-child(3):before{ background-position: 0 -100px; }
.page-mode-tongcheng .section-2 .hd li span{ font-size: 14px; padding-top: 15px; }
.page-mode-tongcheng .section-2 .hd li p{ font-size: 24px;  }
.page-mode-tongcheng .section-2 .hd li.on{ background: #fff; }
.page-mode-tongcheng .section-2 .hd li.on:after{ content: ""; position: absolute; height: 0; border-style: solid; border-width: 8px 10px 8px 0; border-color: transparent #fff transparent transparent; left: -11px; top: 35px;  }
.page-mode-tongcheng .section-2 .hd li.on:nth-child(1):before{ background-position: -50px 0; }
.page-mode-tongcheng .section-2 .hd li.on:nth-child(2):before{ background-position: -50px -50px; }
.page-mode-tongcheng .section-2 .hd li.on:nth-child(3):before{ background-position: -50px -100px; }
.page-mode-tongcheng .section-2 .hd li.on span{ color: #81939f; }
.page-mode-tongcheng .section-2 .hd li.on p{ color: #FD4887; }
.page-mode-tongcheng .section-2 .bd{ float: right; width: 878px; height: 530px; background: #fff;  overflow: hidden;}
.page-mode-tongcheng .section-2 .bd li{ width: 878px; height: 530px;}
.page-mode-tongcheng .section-2 .bd li:nth-child(1){ background: url(../images/02-img-1.png) no-repeat center center; }
.page-mode-tongcheng .section-2 .bd li:nth-child(2){ background: url(../images/02-img-2.png) no-repeat center center; }
.page-mode-tongcheng .section-2 .bd li:nth-child(3){ background: url(../images/02-img-3.png) no-repeat center center; }
.page-mode-tongcheng .section-3{ background: url(../images/03-bg.jpg) repeat-x left top; }
.page-mode-tongcheng .section-3 .mod-title{ margin-bottom: 20px; }
.page-mode-tongcheng .section-3 .img-1{ height: 318px; background: url(../images/03-icon.png) no-repeat center top; margin-bottom: 94px;}
.page-mode-tongcheng .section-3 .img-2{ height: 261px; background: url(../images/03-img.png) no-repeat center top; }
.page-mode-tongcheng .section-4{ padding-top: 0; }
.page-mode-tongcheng .section-4 .list li{ width: 350px; background: #fff; padding: 20px 0 45px; margin: 0 20px; float: left; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.page-mode-tongcheng .section-4 .list li i{ width: 200px; height: 200px; margin: 0 auto 20px; display: block; background: url(../images/05-img.png) no-repeat;}
.page-mode-tongcheng .section-4 .list li:nth-child(1) i{ background-position: 0 0; }
.page-mode-tongcheng .section-4 .list li:nth-child(2) i{ background-position: -200px 0; }
.page-mode-tongcheng .section-4 .list li:nth-child(3) i{ background-position: -400px 0; }
.page-mode-tongcheng .section-4 .list li h3{ font-size: 20px; margin-bottom: 10px; }
.page-mode-tongcheng .section-4 .list li p{ font-size: 16px; color: #888; }
.page-mode-tongcheng .section-5{ background: #F6F8FB; }
.page-mode-tongcheng .section-5 .section-right{ float: right; width: 555px; }
.page-mode-tongcheng .section-5 .section-right .mod-title{ text-align: left; padding-top: 90px; }
.page-mode-tongcheng .section-5 .img{ width: 566px; height: 381px; background: url(../images/06-img.png) no-repeat; }
.page-mode-tongcheng .section-6 .list{ margin: 20px -10px; height: 330px;}
.page-mode-tongcheng .section-6 .list li{ float: left; width: 226px; height: 304px; overflow: hidden; transition: all .2s; position: relative; margin: 0 10px; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.page-mode-tongcheng .section-6 .list li:hover{ height: 334px; }
.page-mode-tongcheng .section-6 .list li .img{ width: 220px; height: 168px; display: block; margin: 0 auto 30px; }
.page-mode-tongcheng .section-6 .list li:nth-child(1) .img{ background: url(../images/07-img-1.jpg) no-repeat; }
.page-mode-tongcheng .section-6 .list li:nth-child(2) .img{ background: url(../images/07-img-2.jpg) no-repeat; }
.page-mode-tongcheng .section-6 .list li:nth-child(3) .img{ background: url(../images/07-img-3.jpg) no-repeat; }
.page-mode-tongcheng .section-6 .list li:nth-child(4) .img{ background: url(../images/07-img-4.jpg) no-repeat; }
.page-mode-tongcheng .section-6 .list li:nth-child(5) .img{ background: url(../images/07-img-5.jpg) no-repeat; }
.page-mode-tongcheng .section-6 .list li h3{ font-size: 18px; margin-bottom: 20px;}
.page-mode-tongcheng .section-6 .list li p{ font-size: 14px; color: #888; padding: 0 10px;}
.page-mode-tongcheng .section-6 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #ECEEF1; transition: all .2s;}
.page-mode-tongcheng .section-7{ background: url(../images/bottom.jpg) no-repeat;  height:80px; }
.page-mode-tongcheng .section-7 .mod-title{ padding-bottom: 10px; }
.page-mode-tongcheng .section-7 .btn{ width: 198px; height: 48px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #fff; display: block; margin:  0 auto; }



/*mode-shequ*/
.page-mode-shequ .mode-btn{ background: url(../images/button.png) no-repeat; }
.page-mode-shequ .banner{ height: 401px; background: url(../images/sq-banner.jpg) no-repeat center top; }
.page-mode-shequ .section-1{ padding-top: 0; }
.page-mode-shequ .section-1 .mode-logo{ width: 160px; height: 160px; background: url(../images/sq-icon.png) no-repeat; margin: -80px auto 50px;  }
.page-mode-shequ .section-1 .list li{ float: left; width: 200px; margin: 0 20px; text-align: center;}
.page-mode-shequ .section-1 .list i{ display: block; width: 154px; height: 154px; margin: 0 auto; background: url(../images/01-img.png) no-repeat;}
.page-mode-shequ .section-1 .list li:nth-child(1) i{ background-position: 0 0;}
.page-mode-shequ .section-1 .list li:nth-child(2) i{ background-position: -154px 0;}
.page-mode-shequ .section-1 .list li:nth-child(3) i{ background-position: -308px 0;}
.page-mode-shequ .section-1 .list li:nth-child(4) i{ background-position: -462px 0;}
.page-mode-shequ .section-1 .list li:nth-child(5) i{ background-position: -616px 0;}
.page-mode-shequ .section-1 .list li h3{ font-size: 21px; margin: 20px 0; }
.page-mode-shequ .section-1 .list li p{ font-size: 14px; color: #888; }
.page-mode-shequ .section-2 { background: #F6F8FB; }
.page-mode-shequ .section-2 .list{ padding-left: 76px; }
.page-mode-shequ .section-2 .list li{ width: 290px; margin: 0 35px; float: left; text-align: center; }
.page-mode-shequ .section-2 .list li i{ width: 246px; height: 246px; display: block; margin: 0 auto 20px; }
.page-mode-shequ .section-2 .list li:nth-child(1) i{ background: url(../images/02-img-1.png) no-repeat; }
.page-mode-shequ .section-2 .list li:nth-child(2) i{ background: url(../images/02-img-2.png) no-repeat; }
.page-mode-shequ .section-2 .list li:nth-child(3) i{ background: url(../images/02-img-3.png) no-repeat; }
.page-mode-shequ .section-2 .list li h3{ font-size: 18px; line-height: 1.8; }
.page-mode-shequ .section-3 .img{ height: 794px; background: url(../images/03-img.png) no-repeat center center; }
.page-mode-shequ .section-4{ background: #F6F8FB; }
.page-mode-shequ .section-4 .img{ height: 833px; background: url(../images/04-img.png) no-repeat center center; }
.page-mode-shequ .section-5 .list li{ width: 350px; background: #fff; padding: 20px 0 45px; margin: 0 20px; float: left; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.page-mode-shequ .section-5 .list li i{ width: 200px; height: 200px; margin: 0 auto 20px; display: block; background: url(../images/05-img.png) no-repeat;}
.page-mode-shequ .section-5 .list li:nth-child(1) i{ background-position: 0 0; }
.page-mode-shequ .section-5 .list li:nth-child(2) i{ background-position: -200px 0; }
.page-mode-shequ .section-5 .list li:nth-child(3) i{ background-position: -400px 0; }
.page-mode-shequ .section-5 .list li h3{ font-size: 20px; margin-bottom: 10px; }
.page-mode-shequ .section-5 .list li p{ font-size: 16px; color: #888; }
.page-mode-shequ .section-6{ background: #F6F8FB; }
.page-mode-shequ .section-6 .section-right{ float: right; width: 555px; }
.page-mode-shequ .section-6 .section-right .mod-title{ text-align: left; padding-top: 90px; }
.page-mode-shequ .section-6 .img{ width: 566px; height: 381px; background: url(../images/06-img.png) no-repeat; }
.page-mode-shequ .section-7 .list{ margin: 20px -10px; height: 330px;}
.page-mode-shequ .section-7 .list li{ float: left; width: 226px; height: 304px; overflow: hidden; transition: all .2s; position: relative; margin: 0 10px; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.page-mode-shequ .section-7 .list li:hover{ height: 334px; }
.page-mode-shequ .section-7 .list li .img{ width: 220px; height: 168px; display: block; margin: 0 auto 30px; }
.page-mode-shequ .section-7 .list li:nth-child(1) .img{ background: url(../images/07-img-1.jpg) no-repeat; }
.page-mode-shequ .section-7 .list li:nth-child(2) .img{ background: url(../images/07-img-2.jpg) no-repeat; }
.page-mode-shequ .section-7 .list li:nth-child(3) .img{ background: url(../images/07-img-3.jpg) no-repeat; }
.page-mode-shequ .section-7 .list li:nth-child(4) .img{ background: url(../images/07-img-4.jpg) no-repeat; }
.page-mode-shequ .section-7 .list li:nth-child(5) .img{ background: url(../images/07-img-5.jpg) no-repeat; }
.page-mode-shequ .section-7 .list li h3{ font-size: 18px; margin-bottom: 20px;}
.page-mode-shequ .section-7 .list li p{ font-size: 14px; color: #888; padding: 0 10px;}
.page-mode-shequ .section-7 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #ECEEF1; transition: all .2s;}
.page-mode-shequ .section-8{ background: url(../images/bottom.jpg) no-repeat;  height:80px;}
.page-mode-shequ .section-8 .mod-title{ padding-bottom: 10px; }
.page-mode-shequ .section-8 .btn{ width: 198px; height: 48px; font-size: 16px; color: #fff; text-align: center; line-height: 50px; border: 1px solid #fff; display: block; margin:  0 auto; }

.index_mobile{ display:none;}

@media (max-width: 768px) {
    html{ height:100%; font-size:18px;}
    body{ margin:0; padding:0; border:0; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; font-size:1rem; color:#333; background:#f4f4f4; width:100%; min-width:inherit;}
    h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; border:0; padding:0;}
    input,button{ margin:0;font-size:0.6rem;vertical-align:middle;}
    table{border-collapse:collapse;border-spacing:0;}
    ul,li,dt,dd ,span{list-style-type:none;}
    em{ font-style:normal;}
    a{color:#555; text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none;}
    a:focus{ -moz-outline-style: none;}
    img{ width:100%; vertical-align:top;}
    /*common*/
    .index_pc{ display:none;}
    .index_mobile{ display:block; padding-bottom: 3rem;}
    .section{ padding: 1rem 0; }
    .container{ margin: 0 1rem; width: auto;}
    .mob-title{ text-align: center; }
    .mob-title h2{ font-size: 1.1rem; color: #333; padding: 1rem 0.8rem 0.5rem;}
    .mob-title p{ font-size: 0.8rem; color: #82939e; line-height: 1rem; padding: 0 0.8rem; margin-bottom: 0.8rem;}
    .mob-title.white h2,
    .mob-title.white p{ color: #fff; }
    .fc-green{color: #00C749}
    .mob-tab{ background: #fff; overflow: hidden; border-bottom: 1px solid #DCDCDC;}
    .mob-tab ul{ margin: 0 1rem; }
    .mob-tab li{ float: left; width: 33.33%; text-align: center; font-size: .8rem; line-height: 3rem; position: relative;}
    .mob-tab li:after{ content: ""; position: absolute; height: 30%; top: 35%; right: 0; border-right: 1px solid #dcdcdc; }
    .mob-tab li:last-child:after{ display: none; }
    .mob-tab li.on a{ color: #02d03e; display: block;}
    .swiper-pagination-bullet-active{ background: #353535!important; }
    .banner{ background: #fff; }
    /*head*/
    .header_warp{ width:100%; height:2.8rem; position:relative; z-index:999;}
    .index_mobile .header{ width:100%; height:auto; background:#fff; overflow:hidden;}
    .index_mobile .header .sj_logo{ float:left; width:9rem; padding:.6rem 1.2rem;}
    .index_mobile .header .reorder{ float:right; width:1.43rem; padding:.9rem .8rem 0 0;margin-top: .1rem;}
    .index_mobile .header .reorder a{ width:1.43rem; height:1rem; background:url(../images/icon-reorder.png) no-repeat; background-size:1.2rem .8rem; display:block;}
    .index_mobile .header .reorder.active{width:1rem; height:1rem;}
    .index_mobile .header .reorder.active a{ background:url(../images/icon-close.png) no-repeat; background-size: .8rem .8rem; width:1rem; height:1rem;}
    .js_nav{width:100%; height:auto;background:#fff; display:none;border-top:1px solid #eee; position: absolute;}
    .js_nav .item a.active{color:#0b94fe}
    .js_nav .item{height:3rem; line-height:3rem; background: #fff; -moz-transition: height 0.2s ease-out;-webkit-transition: height 0.2s ease-out;-o-transition: height 0.2s ease-out;transition: height 0.2s ease-out; border-bottom:1px solid #eee;}
    .js_nav .item span,.js_nav .item a{margin: 0 1rem;color:#333; font-size:.9rem; display:block;}
    .js_nav .item.drop-down i{ float:right; width:1rem; height:0.62rem; margin:1.2rem 0rem 0 0;}
    .js_nav .item.drop-down i.m-icon-angle-down{ background:url(../images/down.png) no-repeat; background-size:1rem 0.6rem;}
    .js_nav .item.drop-down i.m-icon-angle-up{ background:url(../images/up.png) no-repeat; background-size:1rem 0.6rem;}
    .js_nav .item.drop-down ul{ background:#eee; display:none;  overflow:hidden;padding-left:1.2rem}
    .js_nav .item.drop-down ul li{ float:left; padding-right:1.5rem;}
    .js_nav .item.drop-down ul li a{ font-size:0.8rem; color:#444; padding-left:0;margin:0}
    .js_nav .item.drop-down.active{ border-bottom:0; height:auto;background:#eee}
    .js_nav .item.drop-down.active ul{ display:block;}
    /*foot*/
    .footer_wrap{ position: fixed; bottom: 0; left: 0; width: 100%; overflow: hidden; z-index: 10; }
    .footer_wrap a{ float: left; width: 50%; text-align: center; color: #fff; font-size: .9rem; line-height: 3rem; background: #3899FD; }
    .footer_wrap a.ask{ background: #00C64E; }
    .footer_wrap a i{ display: inline-block; width: 1.2rem; height: 1.2rem; vertical-align: sub; margin-right: .4rem; background-size: contain; background-position: center center; background-repeat: no-repeat; }
    .footer_wrap a.ask i{ background-image: url(../images/message.png); }
    .footer_wrap a.tel i{ background-image: url(../images/phone.png); }
    .mobile_back{ position:fixed; bottom:3.5rem; right:.5rem;z-index: 99;}
    .mobile_back div{ width:2rem; height:2rem; border-radius:50%; background-color:#000; opacity:.5; text-align:center; margin-bottom:.5rem;}
    .mobile_back div img{ width:50%; margin-top:.5rem;}
    /*index*/
    .page-index-m .section-1{ padding: 0; }
    .page-index-m .section-1 .intro{ background: #fff; border-radius: 1rem; text-align: center; padding: 1rem; box-shadow: 0 0 2rem 0 rgba(10,126,255,0.3); position: relative; top: -1rem; z-index: 2;}
    .page-index-m .section-1 .intro h2{ color: #3399ff; font-size: 1.4rem; margin-bottom: 1rem;}
    .page-index-m .section-1 .intro p{ text-align: left; font-size: .9rem; margin-bottom: 1rem;}
    .page-index-m .section-1 .intro a{ display: block; color: #fff; background: url(../images/2_button.png) no-repeat center center; background-size: contain; height: 3rem; line-height: 2.3rem; }
    .page-index-m .section-2{ padding-bottom: 2rem; }
    .page-index-m .section-2 .list li{ float: left; width: 33.3%; text-align: center; color: #00c749; margin-bottom: .7rem; font-size: .9rem;}
    .page-index-m .section-2 .list li i{ background: url(../images/3_icon.png) no-repeat; display: block; width: 5rem; margin: 0 auto .5rem; height: 5rem; background-size: 17rem; }
    .page-index-m .section-2 .list li:nth-child(1) i{ background-position: -0.3rem -0.3rem; }
    .page-index-m .section-2 .list li:nth-child(2) i{ background-position: -6.1rem -0.3rem; }
    .page-index-m .section-2 .list li:nth-child(3) i{ background-position: -11.7rem -0.3rem; }
    .page-index-m .section-2 .list li:nth-child(4) i{ background-position: -0.3rem -6rem; }
    .page-index-m .section-2 .list li:nth-child(5) i{ background-position: -6.1rem -6rem; }
    .page-index-m .section-2 .list li:nth-child(6) i{ background-position: -11.7rem -6rem; }
    .page-index-m .section-3{ background: url(../images/4_bg.png) no-repeat center top; background-size: contain; }
    .page-index-m .section-3 .video{ text-align: center; padding-top: 1rem;}
    .page-index-m .section-3 .video iframe{ background: #1D164C; }
    .page-index-m .section-4 .slide {  border: 1px solid #3899FD; background: #fff; margin-top: 1rem;}
    .page-index-m .section-4 .slide .hd li{ float: left; width: 50%; text-align: center; border-bottom: 1px solid #3899FD; line-height: 3rem;}
    .page-index-m .section-4 .slide .hd li.on{ background: #3899FD; color: #fff; }
    .page-index-m .section-4 .slide .bd li{ padding: 1rem; }
    .page-index-m .section-4 .slide .bd li .download{ float: right; width: 3.8rem; padding-top: 4rem; background: url(../images/5_icon.png) no-repeat center top; background-size: contain; font-size: .9rem; text-align: center; color: #0CD25F;}
    .page-index-m .section-4 .slide .bd li h3{ font-weight: 700; margin-bottom: 1rem; font-size: 1rem;}
    .page-index-m .section-4 .slide .bd li .ul{ padding-left: 1rem; margin-bottom: 1rem;}
    .page-index-m .section-4 .slide .bd li .ul p{ line-height: 2; font-size: .8rem;}
    .page-index-m .section-4 .slide .bd li .ul p em{ padding-right: 1rem; font-weight: 700; }
    .page-index-m .section-4 .slide .bd li .d-btn{ display: block; background: url(../images/5_bg.png) no-repeat center top; background-size: contain; color: #fff; height: 3rem; line-height: 2.2rem; text-align: center;}
    .page-index-m .section-4 .slide .bd li .info{ text-align: center; font-size: .9rem; color: #888888; margin-bottom: 1rem;}
    .page-index-m .section-4 .slide .bd li .text{ padding-left: 1rem; font-size: .9rem; color: #888888; margin-bottom: 1rem;}
    .page-index-m .section-4 .slide .bd li .tip{ text-align: center; font-size: .8rem; color: #00c749; margin-top: 1rem; }
    .page-index-m .section-5 .swiper-container{ padding-bottom: 40px; margin-top: 1rem;}
    .page-index-m .section-5 .swiper-wrapper{ box-shadow: 0 0 14px rgba(0,0,0,.3); }
    .page-index-m .section-5 .s-left,
    .page-index-m .section-5 .s-right{ height: 10rem; width: 50%; float: left; box-sizing: border-box; padding: 1rem; }
    .page-index-m .section-5 .s-left{ background: #00AF27; color: #fff; }
    .page-index-m .section-5 .s-right{ background: #fff; }
    .page-index-m .section-5 .s-left i{ display: block; margin: 0 auto; width: 4rem; height: 3rem; margin-bottom: 1rem; background-repeat: no-repeat; background-position: center; background-size: contain;}
    .page-index-m .section-5 .swiper-slide:nth-child(1) .s-left i{ background-image: url(../images/6_img_1.png); }
    .page-index-m .section-5 .swiper-slide:nth-child(2) .s-left i{ background-image: url(../images/6_img_2.png); }
    .page-index-m .section-5 .swiper-slide:nth-child(3) .s-left i{ background-image: url(../images/6_img_3.png); }
    .page-index-m .section-5 .swiper-slide:nth-child(4) .s-left i{ background-image: url(../images/6_img_4.png); }
    .page-index-m .section-5 .s-left span{ float: left; padding: .1rem 0; border: 1px solid #fff; font-size: .8rem; width: 3.7rem; text-align: center; box-sizing: border-box; width: 46%; margin: 2% 2%;}
    .page-index-m .section-5 .s-right h3{ color: #00c749; font-weight: 700; margin-bottom: .2rem; }
    .page-index-m .section-5 .s-right p{ font-size: .8rem; margin-bottom: 1rem;}
    .page-index-m .section-5 .s-right a{ display: block; color: #fff; text-align: center; height: 2rem; line-height: 2rem; background: url(../images/6_button.png) no-repeat center top; background-size: contain; }
    .page-index-m .section-6 .swiper-container{ margin-top: .8rem; }
    .page-index-m .section-6 .swiper-slide{ padding-top: 3rem; text-align: center;}
    .page-index-m .section-6 .swiper-slide .inner{ background: #fff; padding-bottom: 2.5rem;}
    .page-index-m .section-6 .swiper-slide .logo{ width: 6rem; height: 3rem; margin: 0 auto; background-size: 6rem; background-repeat: no-repeat; position: relative; top: -3rem;}
    .page-index-m .section-6 .swiper-slide:nth-child(1) .logo{ background-image: url(../images/7_logo_01.png); }
    .page-index-m .section-6 .swiper-slide:nth-child(2) .logo{ background-image: url(../images/7_logo_02.png); }
    .page-index-m .section-6 .swiper-slide:nth-child(3) .logo{ background-image: url(../images/7_logo_03.png); }
    .page-index-m .section-6 .swiper-slide:nth-child(4) .logo{ background-image: url(../images/7_logo_04.png); }
    .page-index-m .section-6 .swiper-slide h3{ margin-top: -2.5rem; font-weight: 700; }
    .page-index-m .section-6 .swiper-slide p{ margin: .8rem 1rem; font-size: .9rem; color: #888; }
    .page-index-m .section-6 .swiper-slide .img{ height: 8rem; background-size: contain; background-repeat: no-repeat; background-position: center center;}
    .page-index-m .section-6 .swiper-slide:nth-child(1) .img{ background-image: url(../images/7_img_01.png); }
    .page-index-m .section-6 .swiper-slide:nth-child(2) .img{ background-image: url(../images/7_img_02.png); }
    .page-index-m .section-6 .swiper-slide:nth-child(3) .img{ background-image: url(../images/7_img_03.png); }
    .page-index-m .section-6 .swiper-slide:nth-child(4) .img{ background-image: url(../images/7_img_04.png); }
    .page-index-m .section-7 .list{ margin-top: .5rem; }
    .page-index-m .section-7 .list li{ float: left; width: 33.3%; margin-bottom: .5rem; font-size: .9rem; text-align: center; color: #ff3a6d;}
    .page-index-m .section-7 .list li i{ width: 5rem; height: 5rem; display: block; margin: 0 auto .5rem; background: url(../images/8_icon.png) no-repeat; background-size: 17rem;}
    .page-index-m .section-7 .list li:nth-child(1) i{ background-position: -0.4rem -0.3rem; }
    .page-index-m .section-7 .list li:nth-child(2) i{ background-position: -6.1rem -0.3rem; }
    .page-index-m .section-7 .list li:nth-child(3) i{ background-position: -11.7rem -0.3rem; }
    .page-index-m .section-7 .list li:nth-child(4) i{ background-position: -0.4rem -6.1rem; }
    .page-index-m .section-7 .list li:nth-child(5) i{ background-position: -6.1rem -6.1rem; }
    .page-index-m .section-7 .list li:nth-child(6) i{ background-position: -11.7rem -6.1rem; }
    .page-index-m .section-8{ background: url(../images/9_img.jpg) repeat-y center top; background-size: contain; }
    .page-index-m .section-8 .list{ margin: 0 -.5rem; margin-top: .5rem; padding-bottom: 1rem;}
    .page-index-m .section-8 .list li{ float: left; margin: 1.4% 1.5%; width: 30%; height: 2.5rem; line-height: 2.5rem; color: #fff; text-align: center; background: rgba(0,0,0,.3); font-size: .9rem;}
    .page-index-m .section-9{ background: #fff; }
    .page-index-m .section-9 .items{ overflow:hidden;}
    .page-index-m .section-9 .items .item{ padding:1.5rem 0; border-top:1px dashed #dcdcdc; overflow:hidden;}
    .page-index-m .section-9 .items .item .img{ width:23%; float:left;}
    .page-index-m .section-9 .items .item .dl{ width:72%; float:right;}
    .page-index-m .section-9 .items .item .dt{ font-size:.8rem; color:#000; margin-bottom: .3rem;}
    .page-index-m .section-9 .items .item .dt img{width:5rem;margin-left:.6rem;padding-top:.15rem}
    .page-index-m .section-9 .items .item .dd{ font-size:.8rem; line-height:1.2rem;color:#888888}
    .page-index-m .section-9 .items .item-1{ border-top: 0 none; }
    /*daojia-app*/
    .page-app-m .section-1{ background: #fff; }
    .page-app-m .section-1 a{ display: block; position: relative; top: -3rem; height: 5rem; width: 11rem; line-height: 3.8rem; text-align: center; color: #fff; background: url(../images/1_button.png) no-repeat; background-size: 11rem; margin: 0 auto;}
    .page-app-m .section-1 .mob-title{ margin-top: -4rem; }
    .page-app-m .section-1 .img{ height: 15rem; background: url(../images/2_img.png) no-repeat center; background-size: contain; }
    .page-app-m .section-2 .img{ height: 23rem; background: url(../images/3_bg.png) no-repeat center; background-size: contain; }
    .page-app-m .section-3{ background: url(../images/4_bg.jpg) no-repeat center top; background-size: cover; }
    .page-app-m .section-3 .list li{ float: left; width: 33%; text-align: center; color: #fff; margin-bottom: 1.5rem; }
    .page-app-m .section-3 .list li i{ width: 4rem; height: 4rem; margin: 0 auto .8rem; display: block; background: url(../images/4_icon.png) no-repeat; background-size: 12rem; }
    .page-app-m .section-3 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-app-m .section-3 .list li:nth-child(2) i{ background-position: -4rem 0; }
    .page-app-m .section-3 .list li:nth-child(3) i{ background-position: -8rem 0; }
    .page-app-m .section-3 .list li:nth-child(4) i{ background-position: 0 -4rem; }
    .page-app-m .section-3 .list li:nth-child(5) i{ background-position: -4rem -4rem; }
    .page-app-m .section-3 .list li:nth-child(6) i{ background-position: -8rem -4rem; }
    .page-app-m .section-3 .list li:nth-child(7) i{ background-position: 0 -8rem; }
    .page-app-m .section-3 .list li:nth-child(8) i{ background-position: -4rem -8rem; }
    .page-app-m .section-3 .list li:nth-child(9) i{ background-position: -8rem -8rem; }
    .page-app-m .section-4 .img{ background: url(../images/5_img.png) no-repeat center center; background-size: contain; height: 12rem; margin-top: 1rem; }
    .page-app-m .section-5 .img{ background: url(../images/6_img.png) no-repeat center center; background-size: contain; height: 17rem; margin-top: 1rem; }
    .page-app-m .section-6 .img{ background: url(../images/7_img.png) no-repeat center center; background-size: contain; height: 21rem; }
    /*store-app*/
    .page-app-store-m .section-1{ background: #fff url(../images/2_bg.png) no-repeat center 6rem; background-size: 180%; }
    .page-app-store-m .section-1 a{ display: block; position: relative; top: -3rem; height: 5rem; width: 11rem; line-height: 3.8rem; text-align: center; color: #fff; background: url(../images/1_button.png) no-repeat; background-size: 11rem; margin: 0 auto;}
    .page-app-store-m .section-1 .mob-title{ margin-top: -4rem;}
    .page-app-store-m .section-1 .tip{ color: #ff3a6d; font-size: .9rem; text-align: center; margin: 2rem 0 1rem; }
    .page-app-store-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center center; background-size: contain; height: 18rem; }
    .page-app-store-m .section-2{ background: #fff; }
    .page-app-store-m .section-2 .list{ margin-top: 1rem; margin-bottom: 1rem;}
    .page-app-store-m .section-2 .list li{ float: left; width: 33.3%; text-align: center; font-size: .67rem;}
    .page-app-store-m .section-2 .list li i{ width: 5rem; height: 5rem; margin: 0 auto 1rem; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; }
    .page-app-store-m .section-2 .list li:nth-child(1) i{ background-image: url(../images/3_icon_01.png); }
    .page-app-store-m .section-2 .list li:nth-child(2) i{ background-image: url(../images/3_icon_02.png); }
    .page-app-store-m .section-2 .list li:nth-child(3) i{ background-image: url(../images/3_icon_03.png); }
    .page-app-store-m .section-3{ background: url(../images/4_bg.jpg) repeat-y left top; background-size: 100%; }
    .page-app-store-m .section-3 .img{ margin: 1rem 0; background: url(../images/4_img.png) no-repeat center center; background-size: contain; height: 18rem; }
    .page-app-store-m .section-4{ background: #fff; }
    .page-app-store-m .section-4 .list{ margin-top: 1rem; }
    .page-app-store-m .section-4 .list li{ position: relative; float: left; width: 33.3%; text-align: center; margin-bottom: 2rem;}
    .page-app-store-m .section-4 .list li:after{ content:''; position: absolute; width: 2rem; height: 1rem; background: url(../images/5_icon_07.png) no-repeat left top; background-size: 100%; right: -12%; top: 5rem;}
    .page-app-store-m .section-4 .list li:nth-child(3n):after{ display: none; }
    .page-app-store-m .section-4 .list li i{ display: block; margin: 0 auto .5rem; color: #fff; height: 1.4rem; line-height: 1.4rem; width: 1.4rem; text-align: center; background: url(../images/5_bg.png); background-size: contain; font-style: normal; font-size: .67rem; }
    .page-app-store-m .section-4 .list li p{ color: #f6428a; font-size: .8rem; margin-bottom: .6rem;}
    .page-app-store-m .section-4 .list li .img{ width: 3rem; height: 3rem; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: center; }
    .page-app-store-m .section-4 .list li:nth-child(1) .img{ background-image: url(../images/5_icon_01.png); }
    .page-app-store-m .section-4 .list li:nth-child(2) .img{ background-image: url(../images/5_icon_02.png); }
    .page-app-store-m .section-4 .list li:nth-child(3) .img{ background-image: url(../images/5_icon_03.png); }
    .page-app-store-m .section-4 .list li:nth-child(4) .img{ background-image: url(../images/5_icon_04.png); }
    .page-app-store-m .section-4 .list li:nth-child(5) .img{ background-image: url(../images/5_icon_05.png); }
    .page-app-store-m .section-4 .list li:nth-child(6) .img{ background-image: url(../images/5_icon_06.png); }
    /*street-app*/
    .page-app-street-m .section-1{ background: #fff; }
    .page-app-street-m .section-1 a{ display: block; position: relative; top: -3rem; height: 5rem; width: 11rem; line-height: 3.8rem; text-align: center; color: #fff; background: url(../images/1_button.png) no-repeat; background-size: 11rem; margin: 0 auto;}
    .page-app-street-m .section-1 .mob-title{ margin-top: -4rem; }
    .page-app-street-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 18rem; margin-bottom: 1rem; }
    .page-app-street-m .section-2 .list li{ float: left; width: 46%; background: #fff; text-align: center; margin: 2% 2%; box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .page-app-street-m .section-2 .list li i{ display: block; height: 1.6rem; background: url(../images/3_bg.png) no-repeat center top; background-size: contain; color: #fff; line-height: 1.6rem; margin: 0 auto; font-style: normal; font-size: .8rem;}
    .page-app-street-m .section-2 .list li h3{ font-size: .9rem; font-weight: 700; margin: 1rem 0 .8rem;}
    .page-app-street-m .section-2 .list li p{ font-size: .8rem; color: #888; margin-bottom: 1.2rem;}
    .page-app-street-m .section-3{ background: #fff; }
    .page-app-street-m .section-3 .img{ background: url(../images/4_img.png) no-repeat center; background-size: contain; height: 18rem; margin-top: 1rem; }
    .page-app-street-m .section-4{ background: url(../images/5_bg.jpg) no-repeat center; background-size: cover; }
    .page-app-street-m .section-4 .list{ margin: 1.5rem 0; }
    .page-app-street-m .section-4 .list li{ float: left; width: 31.33%; margin: 1%; background: #fff; border-radius: .5rem; text-align: center; padding: 1rem 0; font-size: .9rem;}
    .page-app-street-m .section-4 .list li i{ display: block; width: 4rem; height: 4rem; background-size: contain; background-repeat: no-repeat; margin: 0 auto .5rem;}
    .page-app-street-m .section-4 .list li:nth-child(1) i{ background-image: url(../images/5_icon_01.png); }
    .page-app-street-m .section-4 .list li:nth-child(2) i{ background-image: url(../images/5_icon_02.png); }
    .page-app-street-m .section-4 .list li:nth-child(3) i{ background-image: url(../images/5_icon_03.png); }
    .page-app-street-m .section-4 .tip{ text-align: center; color: #fff; margin-bottom: 1rem;}
    .page-app-street-m .section-4 .tip h3{ font-weight: 700; font-size: .9rem; margin-bottom: .5rem;}
    .page-app-street-m .section-4 .tip p{ font-size: .67rem; line-height: 1.5; }
    /*shopkeeper-app*/
    .page-app-shopkeeper-m .section-1{ background: #F7FBFF; }
    .page-app-shopkeeper-m .section-1 a{ display: block; position: relative; top: -3rem; height: 5rem; width: 11rem; line-height: 3.8rem; text-align: center; color: #fff; background: url(../images/1_button.png) no-repeat; background-size: 11rem; margin: 0 auto;}
    .page-app-shopkeeper-m .section-1 .mob-title{ margin-top: -4rem; }
    .page-app-shopkeeper-m .section-1 .list{ margin-top: 1.5rem; margin-bottom: 1rem;}
    .page-app-shopkeeper-m .section-1 .list li{ float: left; width: 48%; background: #fff; margin: 1%; padding: 1rem 0; box-shadow: 0 0 0.2rem rgba(80, 179, 179, 0.28); text-align: center;}
    .page-app-shopkeeper-m .section-1 .list li i{ display: block; width: 5rem; height: 5rem; margin: 0 auto .5rem; background: url(../images/2_icon.png) no-repeat; background-size: 10rem; }
    .page-app-shopkeeper-m .section-1 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-app-shopkeeper-m .section-1 .list li:nth-child(2) i{ background-position: -5rem 0; }
    .page-app-shopkeeper-m .section-1 .list li:nth-child(3) i{ background-position: 0 -5rem; }
    .page-app-shopkeeper-m .section-1 .list li:nth-child(4) i{ background-position: -5rem -5rem; }
    .page-app-shopkeeper-m .section-1 .list li h3{ font-size: .9rem; font-weight: 700; margin-bottom: .5rem;}
    .page-app-shopkeeper-m .section-1 .list li p{ font-size: .67rem; color: #888; line-height: 1.8; margin: 0 1rem;}
    .page-app-shopkeeper-m .section-2{ background: #fff; }
    .page-app-shopkeeper-m .section-2 .img{ background: url(../images/4_img.png) no-repeat center; height: 15rem; background-size: contain; margin: 1rem 0; }
    .page-app-shopkeeper-m .section-2 .list li{ float: left; width: 33.33%; text-align: center; font-size: .67rem; height: 7.3rem;}
    .page-app-shopkeeper-m .section-2 .list li i{ width: 5rem; height: 5rem; display: block; margin: 0 auto; background: url(../images/4_icon.png) no-repeat; background-size: 15rem;}
    .page-app-shopkeeper-m .section-2 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-app-shopkeeper-m .section-2 .list li:nth-child(2) i{ background-position: -5rem 0; }
    .page-app-shopkeeper-m .section-2 .list li:nth-child(3) i{ background-position: -10rem 0; }
    .page-app-shopkeeper-m .section-2 .list li:nth-child(4) i{ background-position: 0 -5rem; }
    .page-app-shopkeeper-m .section-2 .list li:nth-child(5) i{ background-position: -5rem -5rem; }
    .page-app-shopkeeper-m .section-2 .list li:nth-child(6) i{ background-position: -10rem -5rem; }
    .page-app-shopkeeper-m .section-3{ background: url(../images/5_bg.jpg) no-repeat center; background-size: cover; }
    .page-app-shopkeeper-m .section-3 .img{ background: url(../images/5_img.png) no-repeat center center; height: 28rem; background-size: contain; }
    .page-app-shopkeeper-m .section-4{ background: #fff; }
    .page-app-shopkeeper-m .section-4 .list li{ float: left; width: 25%; text-align: center; font-size: .8rem; margin-bottom: .8rem;}
    .page-app-shopkeeper-m .section-4 .list li i{ display: block; height: 4rem; width: 4rem; margin: 0 auto .5rem;  background: url(../images/6_icon.png) no-repeat; background-size: 16rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(2) i{ background-position: -4rem 0; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(3) i{ background-position: -8rem 0; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(4) i{ background-position: -12rem 0; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(5) i{ background-position: 0 -4rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(6) i{ background-position: -4rem -4rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(7) i{ background-position: -8rem -4rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(8) i{ background-position: -12rem -4rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(9) i{ background-position: 0 -8rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(10) i{ background-position: -4rem -8rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(11) i{ background-position: -8rem -8rem; }
    .page-app-shopkeeper-m .section-4 .list li:nth-child(12) i{ background-position: -12rem -8rem; }
    .page-app-shopkeeper-m .section-4 .list li p{ height: 2.4rem; line-height: 1.2rem; }
    .page-app-shopkeeper-m .section-5{ background: #f9f9f9; }
    .page-app-shopkeeper-m .section-5 .img{ background: url(../images/7_img.png) no-repeat center center; background-size: contain; height: 18rem; }
    .page-app-shopkeeper-m .section-6{ background: #fff; }
    .page-app-shopkeeper-m .section-6 .img{ background: url(../images/8_img.png) no-repeat center center; background-size: contain; height: 18rem; }
    .page-app-shopkeeper-m .section-7{ background: url(../images/10_bg.jpg) no-repeat center; background-size: cover; }
    .page-app-shopkeeper-m .section-7 .img{ background: url(../images/9_img.png) no-repeat center center; background-size: contain; height: 18rem; }
    /*deliver-app*/
    .page-app-deliver-m .section-1{ background: #F7FBFF; }
    .page-app-deliver-m .section-1 a{ display: block; position: relative; top: -3rem; height: 5rem; width: 11rem; line-height: 3.8rem; text-align: center; color: #fff; background: url(../images/1_button.png) no-repeat; background-size: 11rem; margin: 0 auto;}
    .page-app-deliver-m .section-1 .mob-title{ margin-top: -4rem; }
    .page-app-deliver-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center center; background-size: contain; height: 18rem; }
    .page-app-deliver-m .section-2{ background: #fff url(../images/4_bg.jpg) no-repeat center top; background-size: 100%; }
    .page-app-deliver-m .section-2 .img{ background: url(../images/4_img.png) no-repeat center center; background-size: contain; height: 10rem; }
    .page-app-deliver-m .section-3{ background: #fff; padding-top: 0; margin-top: -1rem;}
    .page-app-deliver-m .section-3 .img{ background: url(../images/5_img.png) no-repeat center center; background-size: contain; height: 15rem; }
    .page-app-deliver-m .section-4 .img{ margin: 1rem 0; background: url(../images/6_img.png) no-repeat center center; background-size: contain; height: 15rem; }
    /*wechat-shop*/
    .page-wechat-shop-m .section-1{ background: #F7FBFF; }
    .page-wechat-shop-m .section-1 a{ display: block; position: relative; top: -3rem; height: 5rem; width: 11rem; line-height: 3.8rem; text-align: center; color: #fff; background: url(../images/1_button.png) no-repeat; background-size: 11rem; margin: 0 auto;}
    .page-wechat-shop-m .section-1 .mob-title{ margin-top: -4rem; }
    .page-wechat-shop-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-wechat-shop-m .section-2 .img{ margin: 1rem 0; background: url(../images/3_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-wechat-shop-m .section-3{ background: #fff; }
    .page-wechat-shop-m .section-3 .img{ margin: 1rem 0; background: url(../images/4_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-wechat-shop-m .section-4 .img{ background: url(../images/5_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-wechat-shop-m .section-5{ background: #fff; }
    .page-wechat-shop-m .section-5 .img{ background: url(../images/6_img.png) no-repeat center; background-size: contain; height: 18rem; }
    /*wechat-store-miniprogram*/
    .ecjia-daojia-weapp-m .section-1 {background: #fff;}
    .ecjia-daojia-weapp-m .section-1 .list{    overflow: hidden;}
	.ecjia-daojia-weapp-m .section-1 .list li{ float: left; width: 25%; }
	.ecjia-daojia-weapp-m .section-1 .list li i{ width: 2.2rem; height: 2.2rem; display: block; margin: 0 auto 10px; background: url(../images/1f_icon.png) no-repeat;background-size: 9rem;}
	.ecjia-daojia-weapp-m .section-1 .list li:nth-child(1) i{ background-position: 0 0; }
	.ecjia-daojia-weapp-m .section-1 .list li:nth-child(2) i{ background-position: -43px 0px; }
	.ecjia-daojia-weapp-m .section-1 .list li:nth-child(3) i{ background-position: -81px 0px; }
	.ecjia-daojia-weapp-m .section-1 .list li:nth-child(4) i{ background-position: -123px 0px; }
	.ecjia-daojia-weapp-m .section-1 .list li p {
	    text-align: center;
	    font-size: 14px;
	    color: #8a9199;
		margin:0;
	}
    .ecjia-daojia-weapp-m .section-1 .img{ background: url(../images/1f_img.png) no-repeat center; background-size: contain; height: 20rem; margin: 1.5rem 0; }
	.ecjia-daojia-weapp-m .js_template{width:100%; height:auto;background:#fff; border-top:1px solid #eee;}
    .ecjia-daojia-weapp-m .js_template .item a.active{color:#0b94fe}
    .ecjia-daojia-weapp-m .js_template .item{height:4rem;/*  line-height:4rem; */ background: #fff; -moz-transition: height 0.2s ease-out;-webkit-transition: height 0.2s ease-out;-o-transition: height 0.2s ease-out;transition: height 0.2s ease-out; border-bottom:1px solid #eee;}
    .ecjia-daojia-weapp-m .js_template .item h3{margin: 0 1rem;color:#333; font-size:.9rem; }
    .ecjia-daojia-weapp-m .js_template .item h3 p {float:left;}
	.ecjia-daojia-weapp-m .js_template .item h3 span {display:block;height:2rem;line-height:2rem; font-size: 0.8rem; color:#999;}
	.ecjia-daojia-weapp-m .js_template .item h3 .title {font-size:1rem;height:2rem;line-height:3rem;color:#333;}
    .ecjia-daojia-weapp-m .js_template .item.drop-down h3 i{ float:right; width:1rem; height:0.62rem; margin:1.8rem 0rem 0 0;}
    .ecjia-daojia-weapp-m .js_template .item.drop-down h3 i.m-icon-angle-down{ background:url(../images/down.png) no-repeat; background-size:1rem 0.6rem;}
    .ecjia-daojia-weapp-m .js_template .item.drop-down h3 i.m-icon-angle-up{ background:url(../images/up.png) no-repeat; background-size:1rem 0.6rem;}
	
    .ecjia-daojia-weapp-m .js_template .item.drop-down .con{ background:#eee; display:none;  overflow:hidden;padding:1rem; font-size:0.8rem; color:#444;clear:both}
    .ecjia-daojia-weapp-m .js_template .item.drop-down.active{ border-bottom:0; height:auto;}
    .ecjia-daojia-weapp-m .js_template .item.drop-down.active .con{display: block; padding: 1rem; color: #666; text-align: center;}
	.ecjia-daojia-weapp-m .js_template .con ul {margin-top:0.5rem;}
    .ecjia-daojia-weapp-m .js_template .con ul li {width:28%; height:4.2rem;display: inline-block; }
	.ecjia-daojia-weapp-m .js_template .con ul li p {margin-top:0.5rem;}
	.ecjia-daojia-weapp-m .js_template .con li div{width:3.2rem; height:3.2rem; color:#666;
		background: url(../images/2f_icon_bg.png) no-repeat; background-size: contain;
		text-align:center;    margin: 0 auto;}
	.ecjia-daojia-weapp-m .js_template .con li i {width:1.6rem; height:1.6rem; margin-top: 0.5rem;
		background: url(../images/2f_icon.png) no-repeat;background-size: 6rem;display:inline-block; }
	.ecjia-daojia-weapp-m .js_template .con-1 .list1 i{ background-position:-4px 0px; }
	.ecjia-daojia-weapp-m .js_template .con-1 .list2 i{ background-position:-41px 0px; }
	.ecjia-daojia-weapp-m .js_template .con-1 .list3 i{ background-position:-76px 1px; }
	.ecjia-daojia-weapp-m .js_template .con .icon-dayu {width:4%;padding:0;height:3.2rem;
		background: url(../images/2f_icon02.png) no-repeat;background-size: contain;}
	.ecjia-daojia-weapp-m .js_template .con-2 .list1 i{ background-position:-4px -36px; }
	.ecjia-daojia-weapp-m .js_template .con-2 .list2 i{ background-position:-40px -36px; }
	.ecjia-daojia-weapp-m .js_template .con-2 .list3 i{ background-position:-76px -35px; }
	.ecjia-daojia-weapp-m .js_template .con-3 .list1 i{ background-position:-3px -71px; }
	.ecjia-daojia-weapp-m .js_template .con-3 .list2 i{ background-position:-39px -71px; }
	.ecjia-daojia-weapp-m .js_template .con-3 .list3 i{ background-position:-74px -71px; }
	.ecjia-daojia-weapp-m .js_template .con-4 .list1 i{ background-position:-4px -107px; }
	.ecjia-daojia-weapp-m .js_template .con-4 .list2 i{ background-position:-40px -107px; }
	.ecjia-daojia-weapp-m .js_template .con-4 .list3 i{ background-position:-75px -107px; }
	
    .ecjia-daojia-weapp-m .section-3 { background: #fff; }
    .ecjia-daojia-weapp-m .section-3 .list{ margin-top: 2rem; }
    .ecjia-daojia-weapp-m .section-3 .list li{width: 33%; padding-top:0.5rem;  float: left; text-align: center;font-size:0.9rem;}
	.ecjia-daojia-weapp-m .section-3 .list li img {width:55%;}
	.ecjia-daojia-weapp-m .section-3 .list li .text { font-size:0.9rem;    margin: 0.8rem 0 1rem;}
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(1),
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(2),
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(3) {border-bottom:1px solid #eee;padding-top:0;}
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(1),
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(2),
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(4),
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(5) {border-right:1px solid #eee;}
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(6) .text,
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(4) .text,
	.ecjia-daojia-weapp-m .section-3 .list li:nth-child(5) .text{margin-bottom:0;}
	.ecjia-daojia-weapp-m .section-4 { background: #fff; }
    .ecjia-daojia-weapp-m .section-4 .list {    width: 91%; margin-top: 1rem; padding: 0 1rem; z-index: 100; position: absolute;}
	.ecjia-daojia-weapp-m .section-4 .list_bg {background-color:#0089f3;position:relative;    z-index: 0; height: 23rem; margin: 2rem 0;}
	.ecjia-daojia-weapp-m .section-4 .list li {border-bottom:1px solid #f0f0f0; height:3rem;line-height:3rem;}
	.ecjia-daojia-weapp-m .section-4 .list li:last-child {border-bottom:none;}
	.ecjia-daojia-weapp-m .section-4 .list p,.ecjia-daojia-weapp-m .section-4 .list div {float:left;}
    .ecjia-daojia-weapp-m .section-4 .list p {width:24%; text-align:center;    color: #fff;font-size: 0.9rem;font-weight: bold;}
	.ecjia-daojia-weapp-m .section-4 .list div{width:75%; text-align:left;    font-size: .8rem;}
    .ecjia-daojia-weapp-m .section-4 .bg {    width: 70%;
    height: 25rem;
    position: absolute;
    top: -1rem;
    right: 1rem;
    background-color: #fff;
    z-index: 10;
    border-radius: 20px;
    box-shadow: 0 2px 20px 0px #999;}
	.ecjia-daojia-weapp-m .section-5 .list{margin-left:-2%;}
	.ecjia-daojia-weapp-m .section-5 .list li{float:left;width:48%;height:4rem;background-color:#fff;margin-left:2%;margin-bottom:2%;}
	.ecjia-daojia-weapp-m .section-5 .list i {float:left;width:2.2rem;height:2.2rem; margin-top:0.3rem;margin-left: 0.2rem;
		background: url(../images/5f_icon.png) no-repeat;     background-size: 4.2rem;}
	.ecjia-daojia-weapp-m .section-5 .list p{float:left;margin-top:0.5rem;line-height:180%;font-size:0.9rem}
	.ecjia-daojia-weapp-m .section-5 .list div{font-size:0.7rem;float:left;line-height:150%;color:#666}
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(1) i{ background-position: 0 0; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(2) i{ background-position: -36px 0; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(3) i{ background-position: 0 -34px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(4) i{ background-position: -36px -32px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(5) i{ background-position: 0 -72px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(6) i{ background-position: -36px -74px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(7) i{ background-position: 0 -112px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(8) i{ background-position: -38px -112px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(9) i{ background-position: 0 -151px; }
	.ecjia-daojia-weapp-m .section-5 .list li:nth-child(10) i{ background-position: -38px -151px; }
	.ecjia-daojia-weapp-m .section-6 {background: url(../images/6f_bg.jpg) no-repeat; background-size:cover;color:#fff;}
	.ecjia-daojia-weapp-m .section-6 .list {margin-top:2.2rem;margin-bottom:1.8rem;}
	.ecjia-daojia-weapp-m .section-6 li {display:block;overflow:hidden;height:3rem;line-height:3rem;text-align: center;}
	.ecjia-daojia-weapp-m .section-6 li i {width:1.5rem;height:1.5rem;    margin: 0.7rem .5rem 0 0;background: url(../images/6f_icon.png) no-repeat;    background-size: cover;}
	.ecjia-daojia-weapp-m .section-6 li:nth-child(1) i{ background-position: 0 0; }
	.ecjia-daojia-weapp-m .section-6 li:nth-child(2) i{ background-position: -26px 0; }
	.ecjia-daojia-weapp-m .section-6 li:nth-child(3) i{ background-position: -53px 0; }
	.ecjia-daojia-weapp-m .section-6 li:nth-child(4) i{ background-position: -82px 0; }
	.ecjia-daojia-weapp-m .section-6 p {font-size:1rem; }
	.ecjia-daojia-weapp-m .section-6 div {font-size:0.8rem;}
	.ecjia-daojia-weapp-m .section-6 .fl{display:inline-block;    float: none;}
	.ecjia-daojia-weapp-m .section-6 li span {margin:0 0.7rem;color:#555}
    /*wechat-official-paltform*/
    .page-wechat-official-platform-m .section-1{ background: #fff; }
    .page-wechat-official-platform-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 14rem; }
    .page-wechat-official-platform-m .section-2{ background: #fff url(../images/3_bg.png) no-repeat center top; background-size: 100%; }
    .page-wechat-official-platform-m .section-2 .img{ background: url(../images/3_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-wechat-official-platform-m .section-3{ background: #fff; }
    .page-wechat-official-platform-m .section-3 .tip{ color: #3399ff; font-size: .8rem; padding-left: .5rem; margin: 1.5rem 0 .5rem}
    .page-wechat-official-platform-m .section-3 .list{ overflow: hidden; margin-bottom: 1rem; }
    .page-wechat-official-platform-m .section-3 .list li{ float: left; text-align: center; border-radius: .5rem; padding:.5rem 0 ; font-size: .67rem; width: 16%; background: #F8F8F8; border: 1px solid #DCDCDC; margin: 2%; box-sizing: border-box;}
    .page-wechat-official-platform-m .section-3 .list li i{ background: url(../images/4_icon.png) no-repeat; background-size: contain; height: 1.5rem; width: 1.5rem; display: block; margin: 0 auto .3rem; background-size: 7.5rem; }
    .page-wechat-official-platform-m .section-3 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-wechat-official-platform-m .section-3 .list li:nth-child(2) i{ background-position: -1.5rem 0; }
    .page-wechat-official-platform-m .section-3 .list li:nth-child(3) i{ background-position: -3rem 0; }
    .page-wechat-official-platform-m .section-3 .list li:nth-child(4) i{ background-position: -4.5rem 0; }
    .page-wechat-official-platform-m .section-3 .list li:nth-child(5) i{ background-position: -6rem 0; }
    .page-wechat-official-platform-m .section-4{ background: url(../images/5_bg.jpg) no-repeat center top; background-size: cover; }
    .page-wechat-official-platform-m .section-4 .list{ overflow: hidden; margin: 0 1rem; }
    .page-wechat-official-platform-m .section-4 .list li{ float: left; width: 27.33%; border-radius: .4rem; box-sizing:border-box; margin: 3%; font-size: .8rem; background: #6D46DD; border: 1px solid #DACDFE; color: #fff; text-align: center; padding: .7rem 0;}
    .page-wechat-official-platform-m .section-4 .list li i{ background: url(../images/5_icon.png) no-repeat; background-size: 6rem; width: 2rem; height: 2rem; display: block; margin: 0 auto .5rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(2) i{ background-position: -2rem 0; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(3) i{ background-position: -4rem 0; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(4) i{ background-position: 0 -2rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(5) i{ background-position: -2rem -2rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(6) i{ background-position: -4rem -2rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(7) i{ background-position: 0 -4rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(8) i{ background-position: -2rem -4rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(9) i{ background-position: -4rem -4rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(10) i{ background-position: 0 -6rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(11) i{ background-position: -2rem -6rem; }
    .page-wechat-official-platform-m .section-4 .list li:nth-child(12) i{ background-position: -4rem -6rem; }
    .page-wechat-official-platform-m .section-5 .img{ background: url(../images/6_img.png) no-repeat center; background-size: contain; height: 18rem; }
    /*pc*/
    .page-pc-m .section-1{ background: #fff; }
    .page-pc-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-pc-m .section-2{ background: url(../images/3_bg.jpg) no-repeat center top; background-size: cover; }
    .page-pc-m .section-2 .img{ background: url(../images/3_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-pc-m .section-3{ background: #fff; }
    .page-pc-m .section-3 .img{ background: url(../images/4_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-pc-m .section-4{ background: url(../images/5_bg.jpg) no-repeat center top; background-size: cover; }
    .page-pc-m .section-4 .img{ background: url(../images/5_img.png) no-repeat center; background-size: contain; height: 18rem; }
    .page-pc-m .section-5{ background: #fff; }
    .page-pc-m .section-5 .list{ margin: 0 1rem; }
    .page-pc-m .section-5 .list li{ border: 4px solid #00C64E; padding: .5rem 1rem; margin-bottom: 1rem;}
    .page-pc-m .section-5 .list li h3{ color: #00C64E; font-weight: 100;}
    .page-pc-m .section-5 .list li h3:after{ display: block; width: 4rem; height: 2px; background: #00C64E; content: ""; margin: .5rem 0; }
    .page-pc-m .section-5 .list li p{ font-size: .8rem; color: #888; }
    /*pc-backstage*/
    .page-pc-backstage-m .section-1{ background: #fff; }
    .page-pc-backstage-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 14rem; }
    .page-pc-backstage-m .section-2 .list{ margin: 2rem 0; overflow: hidden; }
    .page-pc-backstage-m .section-2 .list li{ float: left; width: 30.33%; margin: 1.5%; border-radius: .2rem; background: #fff; font-size: .8rem; padding: .5rem 0; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .page-pc-backstage-m .section-2 .list li i{ width: 3rem; height: 3rem; background: url(../images/3_icon.png) no-repeat; background-size: 9rem; display: block; margin: 0 auto .5rem; }
    .page-pc-backstage-m .section-2 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-pc-backstage-m .section-2 .list li:nth-child(2) i{ background-position: -3rem; 0; }
    .page-pc-backstage-m .section-2 .list li:nth-child(3) i{ background-position: -6rem 0; }
    .page-pc-backstage-m .section-2 .list li:nth-child(4) i{ background-position: 0 -3rem; }
    .page-pc-backstage-m .section-2 .list li:nth-child(5) i{ background-position: -3rem -3rem; }
    .page-pc-backstage-m .section-2 .list li:nth-child(6) i{ background-position: -6rem -3rem; }
    .page-pc-backstage-m .section-2 .list li:nth-child(7) i{ background-position: 0 -6rem; }
    .page-pc-backstage-m .section-2 .list li:nth-child(8) i{ background-position: -3rem -6rem; }
    .page-pc-backstage-m .section-2 .list li:nth-child(9) i{ background-position: -6rem -6rem; }
    /*pc-backstage-seller*/
    .page-pc-backstage-seller-m .section-1{ background: #fff; }
    .page-pc-backstage-seller-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 14rem; }
    .page-pc-backstage-seller-m .section-2 .list{ margin-top: 1rem; }
    .page-pc-backstage-seller-m .section-2 .list li{ width: 46%; margin: 2%; padding-bottom: 46%; border-radius: 50%; float: left; background-repeat: no-repeat; background-size: contain;}
    .page-pc-backstage-seller-m .section-2 .list li:nth-child(1){ background-image: url(../images/3_img_01.png); }
    .page-pc-backstage-seller-m .section-2 .list li:nth-child(2){ background-image: url(../images/3_img_02.png); }
    .page-pc-backstage-seller-m .section-2 .list li:nth-child(3){ background-image: url(../images/3_img_03.png); }
    .page-pc-backstage-seller-m .section-2 .list li:nth-child(4){ background-image: url(../images/3_img_04.png); }
    /*system*/
    .page-system-m .section-1{ background: #fff; }
    .page-system-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 14rem; margin-top: 1.5rem;}
    .page-system-m .section-2 .img{ background: url(../images/3_img.png) no-repeat center; background-size: contain; height: 14rem; margin-top: 1.5rem;}
    .page-system-m .section-3{ background: #fff; }
    .page-system-m .section-3 .img{ background: url(../images/4_img.png) no-repeat center; background-size: contain; height: 14rem; margin-top: 1.5rem;}
    .page-system-m .section-4{ background: url(../images/5_bg.jpg) no-repeat center top; background-size: cover; }
    .page-system-m .section-4 .list li{ float: left; width: 33.33%; padding: 1rem 0; color: #fff; text-align: center; font-size: .9rem;}
    .page-system-m .section-4 .list li i{ display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; background: url(../images/5_icon.png) no-repeat; background-size: 9rem; }
    .page-system-m .section-4 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-system-m .section-4 .list li:nth-child(2) i{ background-position: -3rem 0; }
    .page-system-m .section-4 .list li:nth-child(3) i{ background-position: -6rem 0; }
    .page-system-m .section-4 .list li:nth-child(4) i{ background-position: 0 -3rem; }
    .page-system-m .section-4 .list li:nth-child(5) i{ background-position: -3rem -3rem; }
    .page-system-m .section-4 .list li:nth-child(6) i{ background-position: -6rem -3rem; }
    .page-system-m .section-4 .list li:nth-child(7) i{ background-position: 0 -6rem; }
    .page-system-m .section-4 .list li:nth-child(8) i{ background-position: -3rem -6rem; }
    .page-system-m .section-4 .list li:nth-child(9) i{ background-position: -6rem -6rem; }
    .page-system-m .section-5{ background: #fff; }
    .page-system-m .section-5 .list li{ float: left; width: 50%; text-align: center; padding: 1rem 0; font-size: .8rem;}
    .page-system-m .section-5 .list li i{ background: url(../images/6_icon.png) no-repeat; display: block; width: 4rem; height: 4rem; background-size: 4rem; margin: 0 auto .5rem;}
    .page-system-m .section-5 .list li:nth-child(1) i{ background-position: 0 -4rem; }
    .page-system-m .section-5 .list li:nth-child(2) i{ background-position: 0 -8rem; }
    .page-system-m .section-5 .list li:nth-child(3) i{ background-position: 0 -12rem; }
    .page-system-m .section-5 .list li:nth-child(4) i{ background-position: 0 -16rem; }
    .page-system-m .section-6 .list li{ background: #fff; height: 7rem; padding-left: 7.5rem; position: relative; padding-right: 1rem; margin-bottom: 1rem; background-position: .5rem center; background-size: 6rem; background-repeat: no-repeat; }
    .page-system-m .section-6 .list li:nth-child(1){ background-image: url(../images/7_img_01.jpg); }
    .page-system-m .section-6 .list li:nth-child(2){ background-image: url(../images/7_img_02.jpg); }
    .page-system-m .section-6 .list li:nth-child(3){ background-image: url(../images/7_img_03.jpg); }
    .page-system-m .section-6 .list li:nth-child(4){ background-image: url(../images/7_img_04.jpg); }
    .page-system-m .section-6 .list li:after{ content: ""; position: absolute; right: 0; bottom: 0; width: 2.5rem; height: 2.5rem; background-repeat: no-repeat; background-size: contain; background-position: right bottom; }
    .page-system-m .section-6 .list li:nth-child(1):after{ background-image: url(../images/7_bg_01.png); }
    .page-system-m .section-6 .list li:nth-child(2):after{ background-image: url(../images/7_bg_02.png); }
    .page-system-m .section-6 .list li:nth-child(3):after{ background-image: url(../images/7_bg_03.png); }
    .page-system-m .section-6 .list li:nth-child(4):after{ background-image: url(../images/7_bg_04.png); }
    .page-system-m .section-6 .list li h3{ padding-top: 1.3rem; margin-bottom: .5rem; font-size: .9rem;}
    .page-system-m .section-6 .list li p{ font-size: .8rem; color: #888;}
    /*system-lbs*/
    .page-system-lbs-m .section-1{ background: #fff; }
    .page-system-lbs-m .section-1 .list li{ float: left; width: 50%; text-align: center; margin-bottom: 1rem; }
    .page-system-lbs-m .section-1 .list li i { display: block; width: 5rem; height: 5rem; margin :0 auto; background-position: center; background-repeat: no-repeat; background-size: contain;}
    .page-system-lbs-m .section-1 .list li:nth-child(1) i{ background-image: url(../images/2_icon_01.png); }
    .page-system-lbs-m .section-1 .list li:nth-child(2) i{ background-image: url(../images/2_icon_02.png); }
    .page-system-lbs-m .section-1 .list li:nth-child(3) i{ background-image: url(../images/2_icon_03.png); }
    .page-system-lbs-m .section-1 .list li:nth-child(4) i{ background-image: url(../images/2_icon_04.png); }
    .page-system-lbs-m .section-1 .list li h3{ font-size: .9rem;}
    .page-system-lbs-m .section-1 .list li:nth-child(1) h3{ color: #4385f8; }
    .page-system-lbs-m .section-1 .list li:nth-child(2) h3{ color: #fe3a6d; }
    .page-system-lbs-m .section-1 .list li:nth-child(3) h3{ color: #03c427; }
    .page-system-lbs-m .section-1 .list li:nth-child(4) h3{ color: #a814e6; }
    .page-system-lbs-m .section-1 .list li h3:after{ content: ""; margin: .2rem 0 .5rem; display: block; padding-bottom: .5rem; background: url(../images/2_icon_05.png) no-repeat center bottom; background-size: .5rem; }
    .page-system-lbs-m .section-1 .list li:nth-child(1) h3:after{ background-position: center 0; }
    .page-system-lbs-m .section-1 .list li:nth-child(2) h3:after{ background-position: center -.6rem; }
    .page-system-lbs-m .section-1 .list li:nth-child(3) h3:after{ background-position: center -1.2rem; }
    .page-system-lbs-m .section-1 .list li:nth-child(4) h3:after{ background-position: center -1.8rem; }
    .page-system-lbs-m .section-1 .list li p{ font-size: .68rem; color: #888; padding: 0 .5rem;}
    .page-system-lbs-m .section-1 .img{ background: url(../images/3_img.png) no-repeat center; background-size: contain; height: 14rem; margin: 2rem 0; }
    .page-system-lbs-m .section-2 .list{ padding:0 1rem; }
    .page-system-lbs-m .section-2 .list li{ padding: 1rem 0; }
    .page-system-lbs-m .section-2 .list li p{ background: #fff; height: 2.6rem; line-height: 2.6rem; border-radius: 1.3rem; padding-left: 4rem; font-size: .9rem; box-shadow: 0 4px 25px rgba(0,0,0,0.15);}
    .page-system-lbs-m .section-2 .list li i{ display: block; height: 3rem; width: 3rem; float: left; margin-top: -.2rem; background: url(../images/4_icon.png) no-repeat; background-size: 9rem;}
    .page-system-lbs-m .section-2 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-system-lbs-m .section-2 .list li:nth-child(2) i{ background-position: -3rem 0; }
    .page-system-lbs-m .section-2 .list li:nth-child(3) i{ background-position: -6rem 0; }
    .page-system-lbs-m .section-2 .list li:nth-child(4) i{ background-position: 0 -3rem; }
    .page-system-lbs-m .section-2 .list li:nth-child(5) i{ background-position: -3rem -3rem; }
    .page-system-lbs-m .section-2 .list li:nth-child(6) i{ background-position: -6rem -3rem; }
    .page-system-lbs-m .section-2 .list li:nth-child(7) i{ background-position: 0 -6rem; }
    .page-system-lbs-m .section-2 .list li:nth-child(8) i{ background-position: -3rem -6rem; }
    .page-system-lbs-m .section-2 .list li:nth-child(9) i{ background-position: -6rem -6rem; }
    /*system-join*/
    .page-system-join-m .section-1{ background: #fff; }
    .page-system-join-m .section-1 .img{ background: url(../images/2_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    .page-system-join-m .section-2{ background: url(../images/3_bg.jpg) no-repeat center top; background-size: cover; }
    .page-system-join-m .section-2 .img{ background: url(../images/3_img.png) no-repeat center; background-size: contain; height: 18rem; margin: 2rem 0; }
    .page-system-join-m .section-3{ background: #fff; }
    .page-system-join-m .section-3 .img{ background: url(../images/4_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    .page-system-join-m .section-4{ background: url(../images/5_bg.jpg) no-repeat center top; background-size: cover; }
    .page-system-join-m .section-4 .img{ background: url(../images/5_img.png) no-repeat center; background-size: contain; height: 18rem; margin: 2rem 0; }
    .page-system-join-m .section-5{ background: #fff; }
    .page-system-join-m .section-5 .img{ background: url(../images/6_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    /*mode-jd*/
    .page-mode-jd-m .section-1{ background: #fff; }
    .page-mode-jd-m .section-1 .list li{ float: left; width: 48%; margin: 1%; text-align: center; font-size: .8rem; }
    .page-mode-jd-m .section-1 .list li p{ padding: .4rem 0; border: 1px solid #E5E5E5; border-top: 0 none;}
    .page-mode-jd-m .section-2{ background: #fff url(../images/3_bg.png) no-repeat center top; background-size: 100%; padding-top: .2rem; padding-bottom: 2rem; }
    .page-mode-jd-m .section-3{ background: #fff; }
    .page-mode-jd-m .section-3 .img{ background: url(../images/4_img.png) no-repeat center; background-size: contain; height: 20rem; margin: 2rem 0;}
    .page-mode-jd-m .section-4{ border-color: #F6F8FB; }
    .page-mode-jd-m .section-4 .list li{ float: left; width: 44%; margin: 3%; background: #fff; padding: 1rem 0; text-align: center;}
    .page-mode-jd-m .section-4 .list li i{ background: url(../images/5_icon.png) no-repeat; background-size: 8rem; width: 4rem; height: 4rem; display: block; margin: 0 auto .5rem; }
    .page-mode-jd-m .section-4 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-mode-jd-m .section-4 .list li:nth-child(2) i{ background-position: -4rem 0; }
    .page-mode-jd-m .section-4 .list li:nth-child(3) i{ background-position: 0 -4rem; }
    .page-mode-jd-m .section-4 .list li:nth-child(4) i{ background-position: -4rem -4rem; }
    .page-mode-jd-m .section-4 .list li:nth-child(5) i{ background-position: 0 -8rem; }
    .page-mode-jd-m .section-4 .list li:nth-child(6) i{ background-position: -4rem -8rem; }
    .page-mode-jd-m .section-5{ background: #fff; }
    .page-mode-jd-m .section-5 .img{ background: url(../images/6_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    .page-mode-jd-m .section-6{ background: #F6F8FB; }
    .page-mode-jd-m .section-6 .img{ background: url(../images/7_img.png) no-repeat center; background-size: contain; height: 20rem; margin: 2rem 0; }
    /*mode-meituan*/
    .page-mode-meituan-m .section-1{ background: #fff; }
    .page-mode-meituan-m .section-1 .list li{ float: left; width: 48%; margin: 1%; text-align: center; font-size: .8rem; }
    .page-mode-meituan-m .section-1 .list li p{ padding: .4rem 0; border: 1px solid #E5E5E5; border-top: 0 none;}
    .page-mode-meituan-m .section-2{ background: #F6F8FB; }
    .page-mode-meituan-m .section-2 .list li{ background: #fff; margin-bottom: 1rem; height: 5rem;}
    .page-mode-meituan-m .section-2 .list li:before{ content: ""; height: 3rem; width: 3rem; margin-top: 1rem; float: left; margin-left: 1.5rem; background: url(../images/3_icon.png) no-repeat; background-size: 3rem;}
    .page-mode-meituan-m .section-2 .list li:nth-child(1):before{ background-position: 0 0; }
    .page-mode-meituan-m .section-2 .list li:nth-child(2):before{ background-position: 0 -3rem; }
    .page-mode-meituan-m .section-2 .list li:nth-child(3):before{ background-position: 0 -6rem; }
    .page-mode-meituan-m .section-2 .list li:nth-child(4):before{ background-position: 0 -9rem; }
    .page-mode-meituan-m .section-2 .list li:nth-child(5):before{ background-position: 0 -12rem; }
    .page-mode-meituan-m .section-2 .list li h3{ padding: 0 1rem 0 6.5rem; padding-top: .7rem; font-size: .9rem; margin-bottom: .5rem; }
    .page-mode-meituan-m .section-2 .list li p{ padding: 0 1rem 0 6.5rem; color: #888; padding-bottom: 1rem; font-size: .67rem; }
    .page-mode-meituan-m .section-3{ background: #fff url(../images/4_bg.jpg) no-repeat center top; background-size: 100%; padding-top: .2rem; padding-bottom: 2rem; }
    .page-mode-meituan-m .section-4{ background: #fff; }
    .page-mode-meituan-m .section-4 .img{ background: url(../images/5_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    .page-mode-meituan-m .section-5{ background: #F6F8FB; }
    .page-mode-meituan-m .section-5 .img{ background: url(../images/6_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    .page-mode-meituan-m .section-6{ background: #fff; }
    .page-mode-meituan-m .section-6 .img{ background: url(../images/7_img.png) no-repeat center; background-size: contain; height: 15rem; margin: 2rem 0; }
    /*mode-shequ*/
    .page-mode-shequ-m .swiper-pagination-bullet{ background: #E5E5EA; opacity: 1; border-radius: 5px; transition: all .2s; width: 10px; height: 10px;}
    .page-mode-shequ-m .swiper-pagination-bullet-active{ background: #FD3D6C!important; width: 20px;}
    .page-mode-shequ-m .section-1{ background: #fff; padding-top: 0; }
    .page-mode-shequ-m .section-1 .swiper-container{ padding-bottom: 2rem; }
    .page-mode-shequ-m .section-1 .swiper-slide .inner{ background: #fff; margin: .5rem; border: 1px solid #DFDFE0; text-align: center; padding: 1.5rem 0;}
    .page-mode-shequ-m .section-1 .swiper-slide .inner i{ display: block; width: 80%; padding-bottom: 80%; display: block; margin: 0 auto 1rem; background-repeat: no-repeat; background-size: contain; background-position: center; }
    .page-mode-shequ-m .section-1 .swiper-slide:nth-child(1) .inner i{ background-image: url(../images/2_img_01.png); }
    .page-mode-shequ-m .section-1 .swiper-slide:nth-child(2) .inner i{ background-image: url(../images/2_img_02.png); }
    .page-mode-shequ-m .section-1 .swiper-slide:nth-child(3) .inner i{ background-image: url(../images/2_img_03.png); }
    .page-mode-shequ-m .section-1 .swiper-slide:nth-child(4) .inner i{ background-image: url(../images/2_img_04.png); }
    .page-mode-shequ-m .section-1 .swiper-slide:nth-child(5) .inner i{ background-image: url(../images/2_img_05.png); }
    .page-mode-shequ-m .section-1 .swiper-slide .inner h3{ margin-bottom: .3rem; font-size: .9rem; }
    .page-mode-shequ-m .section-1 .swiper-slide .inner p{ margin: 0 1rem; font-size: .67rem; color: #888; }
    .page-mode-shequ-m .section-2{ background: #F6F8FB; }
    .page-mode-shequ-m .section-2 .list{ margin-top: 1rem; }
    .page-mode-shequ-m .section-2 .list li{ margin-bottom: 1rem; }
    .page-mode-shequ-m .section-3{ background: #FFFFFF; }
    .page-mode-shequ-m .section-3 .img{ margin: 1rem 0; }
    .page-mode-shequ-m .section-4{ background: #F6F8FB; }
    .page-mode-shequ-m .section-4 .list{ margin-top: 1rem; }
    .page-mode-shequ-m .section-4 .list li{ background: #fff no-repeat 95% center; background-size: 22%; position: relative; margin-bottom: .5rem; padding: 2rem 1rem 2rem 1.5rem; }
    .page-mode-shequ-m .section-4 .list li:nth-child(1){ background-image: url(../images/5_img_01.png) ; }
    .page-mode-shequ-m .section-4 .list li:nth-child(2){ background-image: url(../images/5_img_02.png) ; }
    .page-mode-shequ-m .section-4 .list li:nth-child(3){ background-image: url(../images/5_img_03.png) ; }
    .page-mode-shequ-m .section-4 .list li:after{ content: "";position: absolute; height: 32%; width: 2px; background: #79ABFC; top: 34%; left: 0; }
    .page-mode-shequ-m .section-4 .list li:nth-child(1):after{ background: #79ABFC; }
    .page-mode-shequ-m .section-4 .list li:nth-child(2):after{ background: #9768FB; }
    .page-mode-shequ-m .section-4 .list li:nth-child(3):after{ background: #FD708C; }
    .page-mode-shequ-m .section-4 .list li h3{ font-size: .9rem; margin-bottom: .5rem;}
    .page-mode-shequ-m .section-4 .list li p{ font-size: .67rem; color: #888;}
    .page-mode-shequ-m .section-5{ background: #fff; }
    .page-mode-shequ-m .section-5 .img{ margin-top: 2rem; }
    .page-mode-shequ-m .section-6{ background: #fff; }
    .page-mode-shequ-m .section-6 .swiper-container{ padding-top: 2rem; margin-top: 1.5rem;}
    .page-mode-shequ-m .section-6 .swiper-pagination{ bottom: auto; top: 0; }
    /*mode-tongcheng*/
    .page-mode-tongcheng-m .swiper-pagination-bullet{ background: #E5E5EA; opacity: 1; border-radius: 5px; transition: all .2s; width: 10px; height: 10px;}
    .page-mode-tongcheng-m .swiper-pagination-bullet-active{ background: #FD3D6C!important; width: 20px;}
    .page-mode-tongcheng-m .section-1{ background: #fff; padding-top: 0;}
    .page-mode-tongcheng-m .section-1 .swiper-container{ padding-bottom: 2rem; }
    .page-mode-tongcheng-m .section-1 .swiper-slide .inner{ background: #fff; margin: .5rem; border: 1px solid #DFDFE0; text-align: center; padding: 1.5rem 0;}
    .page-mode-tongcheng-m .section-1 .swiper-slide .inner i{ display: block; width: 80%; padding-bottom: 80%; display: block; margin: 0 auto 1rem; background-repeat: no-repeat; background-size: contain; background-position: center; }
    .page-mode-tongcheng-m .section-1 .swiper-slide:nth-child(1) .inner i{ background-image: url(../images/2_img_01.png); }
    .page-mode-tongcheng-m .section-1 .swiper-slide:nth-child(2) .inner i{ background-image: url(../images/2_img_02.png); }
    .page-mode-tongcheng-m .section-1 .swiper-slide:nth-child(3) .inner i{ background-image: url(../images/2_img_03.png); }
    .page-mode-tongcheng-m .section-1 .swiper-slide:nth-child(4) .inner i{ background-image: url(../images/2_img_04.png); }
    .page-mode-tongcheng-m .section-1 .swiper-slide:nth-child(5) .inner i{ background-image: url(../images/2_img_05.png); }
    .page-mode-tongcheng-m .section-1 .swiper-slide .inner h3{ margin-bottom: .3rem; font-size: .9rem; }
    .page-mode-tongcheng-m .section-1 .swiper-slide .inner p{ margin: 0 1rem; font-size: .67rem; color: #888; }
    .page-mode-tongcheng-m .section-2{ background: #F6F8FB; }
    .page-mode-tongcheng-m .section-2 .img{ margin-top: 1rem; margin-bottom: 2rem;}
    .page-mode-tongcheng-m .section-3{ background: #fff; }
    .page-mode-tongcheng-m .section-3 .list{ overflow: hidden; border-left: 1px solid #DFDFE0; border-top: 2px solid #FD3F71; }
    .page-mode-tongcheng-m .section-3 .list li{ float: left; background: #fff; width: 33.33%; box-sizing: border-box; text-align: center; padding: 1.3rem 0; border-right: 1px solid #DFDFE0; border-bottom: 1px solid #DFDFE0; }
    .page-mode-tongcheng-m .section-3 .list li i{ width: 3rem; height: 3rem; display: block; margin: 0 auto .7rem; background: url(../images/4_icon.png) no-repeat; background-size: 9rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(1) i{ background-position: 0 0; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(2) i{ background-position: -3rem 0; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(3) i{ background-position: -6rem 0; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(4) i{ background-position: 0 -3rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(5) i{ background-position: -3rem -3rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(6) i{ background-position: -6rem -3rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(7) i{ background-position: 0 -6rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(8) i{ background-position: -3rem -6rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(9) i{ background-position: -6rem -6rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(10) i{ background-position: 0 -9rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(11) i{ background-position: -3rem -9rem; }
    .page-mode-tongcheng-m .section-3 .list li:nth-child(12) i{ background-position: -6rem -9rem; }
    .page-mode-tongcheng-m .section-4{ background: #fff; }
    .page-mode-tongcheng-m .section-4 .list li{ float: left; width: 46%; margin: 2%; }
    .page-mode-tongcheng-m .section-5{ background: #F6F8FB; }
    .page-mode-tongcheng-m .section-5 .list{ margin-top: 1rem; }
    .page-mode-tongcheng-m .section-5 .list li{ background: #fff no-repeat 95% center; background-size: 22%; position: relative; margin-bottom: .5rem; padding: 2rem 1rem 2rem 1.5rem; }
    .page-mode-tongcheng-m .section-5 .list li:nth-child(1){ background-image: url(../images/5_img_01.png) ; }
    .page-mode-tongcheng-m .section-5 .list li:nth-child(2){ background-image: url(../images/5_img_02.png) ; }
    .page-mode-tongcheng-m .section-5 .list li:nth-child(3){ background-image: url(../images/5_img_03.png) ; }
    .page-mode-tongcheng-m .section-5 .list li:after{ content: "";position: absolute; height: 32%; width: 2px; background: #79ABFC; top: 34%; left: 0; }
    .page-mode-tongcheng-m .section-5 .list li:nth-child(1):after{ background: #79ABFC; }
    .page-mode-tongcheng-m .section-5 .list li:nth-child(2):after{ background: #9768FB; }
    .page-mode-tongcheng-m .section-5 .list li:nth-child(3):after{ background: #FD708C; }
    .page-mode-tongcheng-m .section-5 .list li h3{ font-size: .9rem; margin-bottom: .5rem;}
    .page-mode-tongcheng-m .section-5 .list li p{ font-size: .67rem; color: #888;}
    .page-mode-tongcheng-m .section-6{ background: #fff; }
    .page-mode-tongcheng-m .section-6 .img{ margin-top: 2rem; }
    .page-mode-tongcheng-m .section-6 a{ display: block; width: 10rem; margin: 0 auto; }
    .page-mode-tongcheng-m .section-7{ background: #fff; }
    .page-mode-tongcheng-m .section-7 .swiper-container{ padding-top: 2rem; margin-top: 1.5rem;}
    .page-mode-tongcheng-m .section-7 .swiper-pagination{ bottom: auto; top: 0; }
}
@media (max-width: 414px) {
	.ecjia-daojia-weapp-m .section-6 .fl { display: inline-block; float: left; }
}
@media (max-width: 375px) {
	.ecjia-daojia-weapp-m .section-6 div {  font-size: 0.7rem; }
}



.new_advisory_box{
    width: 1200px;
    margin: 30px auto;
    overflow: hidden;
}
.new_advisory_box-tit{
    /*height: 150px;*/
    /*line-height: 150px;*/
    margin:20px 0 50px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #383836;;
}
.new_advisory_box .fl{
    position: relative;
    float: left;
}
.new_advisory_box .fr{
    position: relative;
    float: right;
}
.new_advisory_box .info{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.new_advisory_box .info .title{
    margin: 49px auto 20px auto;
    font-size: 36px;
    font-weight: bold;
}
.new_advisory_box .info .text{
    font-size: 18px;
    line-height: 34px;
}
.new_advisory_box .info .bottom{
    margin: 0 20px;
    margin-top: 15px;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    width: 200px;
    height: 33px;
    line-height: 33px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}
.new_advisory_box .info .on{
    background: #fff;
    color: #0d73f9;
}