/*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; text-align: center; height: 40px; background: #006BFF; color: #fff; line-height: 40px; font-size: 16px; padding: 0 15px;}
.mod-btn:hover{ background: #387fff; }
.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; -webkit-user-select: none;}
.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; -webkit-user-select: none;}
.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?3) 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?3) 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.current .nav-link,
.mod-head .h-nav li .nav-link:hover{ color: #3399ff; }
.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; height:50px;margin-right: -20px;}
.mod-head .channel-list .channel-box{ display: inline-block; line-height: 48px;width: 293px; height: 48px; 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; }

/*wechat-shop*/
.page-wechat-shop .banner{ height: 400px; background: url(../images/wechat_shop/00-banner.jpg) no-repeat center top; }
.page-wechat-shop  .section-1 .img{ width: 816px; height: 587px; background: url(../images/wechat_shop/01-img.png?2019) 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/wechat_shop/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/wechat_shop/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/wechat_shop/02-img.png) no-repeat; float: left; margin-right: -200px; }
.page-wechat-shop  .section-3 .img{ width: 725px; height: 547px; background: url(../images/wechat_shop/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/wechat_shop/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/wechat_shop/05-img.png) no-repeat; margin-left: 100px;}
.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;}