@charset "utf-8";
/* CSS Document */

table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul,li,dl{list-style:none;}
body{font-family:"Microsoft YaHei",tahoma,verdana,arial,sans-serif;}
a{text-decoration:none;}
i,a,big,small,b,span,em,strong,font{ display:inline-block;font-style:normal; font-weight:normal;}
input{ outline:none;}
input::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}

/*移动端官网首页*/
.website-top{ width:16rem; height:2.24rem; position:relative;}
.website-top span{ float:left; height:100%; line-height:2.24rem; margin-left:0.64rem;}
.website-top span img{ width:3.626667rem;}
.website-top a{ height:100%; line-height:2.24rem; float:right; margin-right:0.64rem;}
.website-top a img{ width:1.024rem;}
.website-ban{ width:16rem; height:8.96rem; overflow:hidden; position:relative;}
.website-ban img{width:100%;}
.website-ban ul li{ width:100%; height:100%; float:left;}
.ban-dot{ width:100%; height:1.024rem; line-height:1.024rem; text-align:center; position:absolute; left:0; bottom:0;}
.ban-dot span{ width:0.213334rem; height:0.213334rem; background-color:#c3dbf6; border-radius:100%; margin-left:0.384rem;}
.ban-dot-cur{ background-color:#ff6161!important;}
.website-nav{ width:16rem; height:4.906667rem;}
.website-nav ul{ overflow:hidden;}
.website-nav ul li{ width:4rem; height:4.906667rem; float:left; text-align:center;}
.website-nav ul li a{ margin-top:1.066667rem;}
.website-nav ul li a b{ width:1.706667rem; height:1.706667rem; line-height:1.706667rem; margin-bottom:0.512rem; border-radius:0.192rem; background-color:#3e88ee;}
.website-nav ul li a b img{ height:1.024rem;}
.website-nav ul li a span{ font-size:0.554667rem; color:#333;}
.tpshop-introduce{ width:16rem; height:auto; padding:0.768rem 0.64rem 0.64rem 0.64rem; background-color:#f4f4f4;}
.tpshop-introduce h2,.tpshop-product h2,.choose-tpshop h2{ font-size:0.768rem; color:#3e88ee; text-align:center; line-height:1.28rem;}
.tpshop-introduce p,.tpshop-product p{ font-size:0.469334rem; color:#333; text-align:center; line-height:0.64rem; margin-top:0.384rem; margin-bottom:0.64rem;}
.tpshop-introduce div{ width:14.72rem; height:3.84rem; margin-top:0.256rem; background-color:#fff; padding:0.64rem;}
.tpshop-introduce div em{ float:left; line-height:2.56rem;}
.tpshop-introduce div em img{ width:1.066667rem;}
.tpshop-introduce div span{ width:87%; height:2.56rem; float:right;}
.tpshop-introduce div span b{ font-size:0.512rem; color:#333; line-height:1.024rem;}
.tpshop-introduce div span i{ font-size:0.469334rem; color:#666; line-height:0.64rem;}
.tpshop-product{ width:16rem; height:auto; padding-top:0.64rem;}
.tpshop-pro-modular{ width:16rem; height:auto; background-color:#3e88ee;}
.tpshop-pro-modular ul{ overflow:hidden;}
.tpshop-pro-modular ul li{ width:8rem; height:5.12rem; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:0.768rem 0.896rem 0 0.896rem; text-align:center;}
.tpshop-pro-modular ul li:nth-child(even){ border-right:none;}
/*.tpshop-pro-modular ul li a{ background:url(../images/turn-right.png) right bottom no-repeat; background-size:0.490667rem 0.234667rem; padding-bottom:0.256rem;}*/
.tpshop-pro-modular ul li a b{ height:0.768rem; line-height:0.768rem; padding:0 0.256rem; font-size:0.512rem; color:#3e88ee; background-color:#fff;}
.tpshop-pro-modular ul li a span{ height:2.56rem; overflow:hidden; font-size:0.426667rem; color:#fff; text-align:justify; line-height:0.64rem; margin-top:0.512rem;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.choose-tpshop{ width:16rem; height:auto; background:#f6f6f6 url(../images/choose-tp-bj.png) center center no-repeat; background-size:cover; padding-top:0.64rem; padding-bottom:0.896rem;}
.choose-reason{ width:16rem; height:auto; padding:0 0.384rem; margin-top:0.256rem;}
.choose-reason ul{ overflow:hidden;}
.choose-reason ul li{ width:7.466667rem; height:3.84rem; margin-left:0.298667rem; float:left; background-color:#fff; margin-top:0.426667rem; text-align:center; padding:0 0.64rem; box-shadow:0 0 18px 1px #d5d8de;}
.choose-reason ul li:nth-child(odd){ margin-left:0;}
.choose-reason ul li em{ font-size:0.469334rem; color:#333; margin-top:0.64rem;}
.choose-reason ul li i{ font-size:0.341334rem; color:#666; line-height:0.64rem; margin-top:0.384rem; text-align:justify; height:1.92rem; overflow:hidden;}
.company-info{ width:16rem; height:8.064rem; padding-bottom:2.304rem; color:#333;}
.company-info-le{ width:3.84rem; margin-left:0.64rem; float:left; text-align:center;}
.company-info-le span{ font-size:0.512rem; line-height:0.64rem; margin-top:0.64rem;}
.company-info-le img{ width:3.84rem;}
.company-info-ri{ width:9.6rem; float:right; margin-right:0.64rem;}
.company-info-ri p{ font-size:0.469334rem; line-height:0.896rem; margin-top:0.64rem;}
.website-bottom{ width:16rem; height:2.304rem; background-color:rgba(12,25,46,0.9); position:fixed; left:50%; margin-left:-8rem; bottom:0;}
.website-bottom ul{ overflow:hidden;}
.website-bottom ul li{ width:5.3332rem; height:2.304rem; float:left; background:url(../images/bottom-line.png) center right no-repeat; background-size:1px 1.109334rem; text-align:center;}
.website-bottom ul li a{ color:#fff; font-size:0.554667rem;}
.website-bottom ul li:last-child{ background:none;}
.website-bottom ul li a img{ margin:0.256rem 0; width:0.938667rem;}

/*b2c商城*/
.b2c-ban,.b2b2c-ban,.sprogram-ban,.app-ban,.O2O-ban,.spellgroup-ban,.joinus-ban{ width:16rem; height:8.96rem;}
.b2c-ban img,.b2b2c-ban img,.sprogram-ban img,.app-ban img,.O2O-ban img,.spellgroup-ban img,.joinus-ban img{ width:100%;}
.b2c-introduce{ width:16rem; height:auto;}
.b2c-introduce h3,.b2c-feature h3,.b2c-core-function h3{ font-size:0.768rem; text-align:center; line-height:1.536rem; margin-top:0.384rem; color:#00cee7;}
.b2c-introduce h3 em,.b2c-feature h3 em,.b2c-core-function h3 em{ color:#333;}
.b2c-introduce p{ padding:0 0.64rem; font-size:0.426667rem; color:#666; text-indent:0.853334rem; line-height:0.64rem; text-align:justify;}
.b2c-introduce-modular{ width:16rem; height:auto;}
.b2c-introduce-modular ul{ overflow:hidden;}
.b2c-introduce-modular ul li{ width:4.821334rem; height:4.608rem; border:1px dashed #00b9b0; text-align:center; float:left; margin-left:0.384rem; margin-top:0.426667rem;}
.b2c-introduce-modular ul li a{ width:4.48rem; height:4.266667rem; background-color:#eef8f8; padding:0.512rem 0.256rem 0 0.256rem; margin-top:0.170667rem;}
.b2c-introduce-modular ul li a span{ width:1.322667rem; height:1.322667rem; background-color:#00b9b0; border-radius:0.192rem; line-height:1.322667rem;}
.b2c-introduce-modular ul li a span img{ width:0.896rem;}
.b2c-introduce-modular ul li a b{ font-size:0.512rem; color:#333; font-weight:bolder; margin:0.256rem 0; line-height:0.64rem;}
.b2c-introduce-modular ul li a i{ font-size:0.298334rem; color:#666; text-align:justify; line-height:0.512rem; height:1.024rem; overflow:hidden;}
.b2c-feature{ width:16rem; height:auto; padding:0.256rem 0 0.64rem;}
.b2c-feature-modular{ width:16rem; height:auto; padding:0 0.384rem;}
.b2c-feature-modular ul{ overflow:hidden;}
.b2c-feature-modular ul li{ width:7.466667rem; height:2.688rem; border:1px dashed #c9dfdf; float:left; margin-top:0.256rem; margin-left:0.298667rem; padding:0.426667rem 0.384rem;}
.b2c-feature-modular ul li:nth-child(odd){ margin-left:0;}
.b2c-feature-modular ul li em{ width:1.52rem; float:left; line-height:1.834667rem;}
.b2c-feature-modular ul li em img{ height:1.194667rem;}
.b2c-feature-modular ul li span{ width:76%; float:right;}
.b2c-feature-modular ul li span b{ font-size:0.469334rem; color:#333; line-height:0.768rem;}
.b2c-feature-modular ul li span i{ font-size:0.341334rem; color:#666; height:1.28rem; overflow:hidden; line-height:0.64rem; text-align:justify;}
.b2c-core-function{ width:16rem; height:auto; background:url(../images/b2c-core-function-bj.png) center center no-repeat; background-size:cover; padding-top:0.512rem;}
.b2c-core-function-display{ width:16rem; height:auto; padding-bottom:0.512rem;}
.b2c-core-function-display ul{ overflow:hidden;}
.b2c-core-function-display ul li{ width:8rem; height:6.4rem; float:left; text-align:center;}
.b2c-core-function-display ul li em{ width:100%; height:2.56rem; line-height:2.56rem; background:url(../images/b2c-function-icon-bj.png) center center no-repeat; background-size:3.456rem auto; margin-top:0.512rem;}
.b2c-core-function-display ul li em img{ height:0.853334rem;}
.b2c-core-function-display ul li b{ font-size:0.512rem; color:#333; margin-top:0.512rem;}
.b2c-core-function-display ul li i{ width:5.76rem; font-size:0.341334rem; color:#666; line-height:0.64rem; height:1.92rem; overflow:hidden; text-align:left; margin-top:0.256rem;}
.experience-b2c{ width:16rem; height:6.784rem; padding-bottom:2.304rem; text-align:center;}
.experience-b2c a{ width:5.12rem; height:1.664rem; background-color:#00cee7; line-height:1.664rem; font-size:0.64rem; color:#fff; margin-top:1.408rem;}

/*b2b2c商城*/
.b2b2c-introduce{ width:16rem; height:auto;}
.b2b2c-introduce h3,.b2b2c-operation-mode h3{ font-size:0.682667rem; text-align:center; color:#0457d3; line-height:1.536rem; margin-top:0.512rem;}
.b2b2c-introduce h3 em,.b2b2c-operation-mode h3 em{ color:#333;}
.b2b2c-introduce p,.b2b2c-operation-mode p{ padding:0 0.64rem; font-size:0.426667rem; color:#666; text-indent:0.853334rem; line-height:0.64rem; text-align:justify;}
.b2b2c-introduce-modular{ width:16rem; height:auto;}
.b2b2c-introduce-modular ul{ overflow:hidden;}
.b2b2c-introduce-modular ul li{ width:5.3332rem; height:3.84rem; float:left; text-align:center;}
.b2b2c-introduce-modular ul li em{ width:1.92rem; height:1.92rem; line-height:1.92rem; background-color:#262a5f; border-radius:100%; margin-top:0.768rem;}
.b2b2c-introduce-modular ul li em img{ width:0.96rem;}
.b2b2c-introduce-modular ul li i{ font-size:0.42667rem; color:#333; margin-top:0.384rem;}
.b2b2c-mall-display{ width:16rem; height:auto; text-align:center; margin-top:0.768rem;}
.b2b2c-mall-display img{ width:12.757334rem;}
.b2b2c-operation-mode{ width:16rem; height:auto; margin-top:0.384rem;}
.mode-title{ width:16rem; height:auto; padding:0.64rem 0;}
.mode-title ul{ overflow:hidden;}
.mode-title ul li{ float:left; width:2.56rem; height:0.96rem; border:1px solid #3a3a3a; border-radius:0.192rem; text-align:center; line-height:0.96rem; margin-left:0.533334rem; font-size:0.426667rem; color:#333;}
.mode-cur{ border:none; background-color:#262a5f;}
.mode-cur a{ color:#fff;}
.mode-con{ width:16rem; height:auto;}
.mode-con ul{ overflow:hidden;}
.mode-con ul li{ width:100%; height:auto; text-align:center; padding-bottom:1.28rem; display:none;}
.mode-con ul li:first-child{ display:block;}
.mode-con ul li:nth-child(1) img{ width:13.098667rem;}
.mode-con ul li:nth-child(2) img{ width:7.424rem;}
.mode-con ul li:nth-child(3) img{ width:7.189334rem;}
.mode-con ul li:nth-child(4) img{ width:7.424rem;}
.mode-con ul li:nth-child(5) img{ width:11.968rem;}
.mode-con ul li b{ font-size:0.64rem; color:#333; line-height:1.024rem;}
.mode-con ul li span{ width:86%; background:url(../images/txt-decoration.png) no-repeat; background-size:0.234667rem 0.234667rem; background-position:0 0.202667rem; text-align:left; font-size:0.426667rem; color:#666; padding-left:0.512rem; line-height:0.64rem; margin-top:0.256rem; text-align:justify;}
.mode-con ul li img{ margin-top:0.64rem;}
.b2b2c-profit-model{ width:16rem; height:auto; text-align:center; padding-bottom:0.768rem;}
.b2b2c-profit-model h4 span{ width:7.466667rem; height:1.28rem; background-color:#262a5f; font-size:0.64rem; color:#fff; line-height:1.28rem;}
.b2b2c-profit-model-modular{ width:16rem; height:auto; padding:0 0.96rem; margin-top:0.384rem;}
.b2b2c-profit-model-modular ul{ overflow:hidden;}
.b2b2c-profit-model-modular ul li{ width:4.48rem; height:2.944rem; background-color:#edf4ff; float:left; margin-left:0.32rem; margin-top:0.256rem;}
.b2b2c-profit-model-modular ul li:first-child,.b2b2c-profit-model-modular ul li:nth-child(4){ margin-left:0;}
.b2b2c-profit-model-modular ul li img{ margin-top:0.512rem; height:1.152rem;}
.b2b2c-profit-model-modular ul li i{ font-size:0.426667rem; color:#333; margin-top:0.384rem; height:0.512rem; line-height:0.512rem; overflow:hidden;}
.b2b2c-system-platform{ width:16rem; height:auto; background:url(../images/b2b2c-platform-bj.png) center center no-repeat; background-size:cover; padding-top:0.64rem; padding-bottom:0.768rem; margin-bottom:2.304rem;}
.b2b2c-system-platform h3{ font-size:0.682667rem; color:#ffea00; text-align:center; line-height:1.536rem;}
.b2b2c-system-platform h3 em{ color:#fff;}
.b2b2c-system-platform p{ padding:0 0.64rem; font-size:0.426667rem; color:#fff; text-indent:0.853334rem; line-height:0.64rem; text-align:justify;}
.b2b2c-system-platform-modular{ width:16rem; height:auto; padding:0 0.384rem; margin-top:0.384rem;}
.b2b2c-system-platform-modular ul{ overflow:hidden;}
.b2b2c-system-platform-modular ul li{ width:7.466667rem; height:4.48rem; background-color:rgba(255,255,255,0.9); float:left; margin-left:0.298667rem; margin-top:0.256rem; padding:0 0.426667rem; color:#333;}
.b2b2c-system-platform-modular ul li:nth-child(odd){ margin-left:0;}
.b2b2c-system-platform-modular ul li em{ width:7.04rem; line-height:1.92rem; padding-top:0.256rem;}
.b2b2c-system-platform-modular ul li em img{ margin-top:-0.128rem; width:1.066667rem;}
.b2b2c-system-platform-modular ul li em b{ font-size:0.469334rem; margin-left:0.256rem;}
.b2b2c-system-platform-modular ul li i{ font-size:0.341334rem; line-height:0.64rem; height:1.92rem; overflow:hidden;}


/*微分销小程序*/
.sprogram-advantage{ width:16rem; height:auto; padding:1.024rem 0 0.426667rem;}
.sprogram-advantage h3{ color:#333; font-size:0.682667rem; font-weight:normal; text-align:center;}
.sprogram-advantage h3 em{ color:#04c55a; margin-left:0.256rem;}
.sprogram-advantage p{ padding:0 0.64rem; font-size:0.426667rem; color:#666; line-height:0.64rem; text-indent:0.853334rem; margin-top:0.384rem;}
.sprogram-advantage b{ display:block; width:14.72rem; height:1.024rem; margin:0 auto; text-align:center; line-height:1.024rem; background-color:#1cb661; font-size:0.426667rem; font-weight:bold; border-radius:0.512rem; color:#fff; margin-top:0.64rem;}
.sprogram-advantage-intro{ width:16rem; height:auto; padding-bottom:0.64rem;}
.sadi{ width:100%; height:auto; text-align:center; overflow:hidden; margin-top:1.28rem;}
.sadi span{ width:4.586667rem; float:left;}
.sadi:nth-child(2) span{ margin-top:1.28rem;}
.sadi span img,.sadi em img{ height:1.92rem;}
.sadi em{ width:6.826667rem; float:left;}
.sadi:nth-child(2) em img{ height:5.056rem;}
@font-face{}
.sadi i{ font-size:0.426667rem; color:#333; margin-top:0.256rem;}
.sprogram-solveplan{ width:16rem; height:auto; padding:1.28rem 0 0.896rem; background-color:#22b363; background:#22b363 url(../images/sp-solveplan-bj.png) no-repeat; background-size:cover; background-position:50% 100%;}
.sprogram-solveplan h3{ font-size:0.682667rem; color:#fff; font-weight:normal; text-align:center;}
.sprogram-solveplan h3 em{ color:#ffea00; margin-left:0.256rem;}
.sprogram-solveplan-con{ width:16rem; height:auto; margin-top:0.896rem; overflow:hidden;}
.spsopl{ width:4.48rem; height:auto; text-align:center; padding:0 0.64rem; float:left;}
.spsopl ul li{ width:2.944rem; height:2.944rem; background-color:rgba(255,255,255,0.5); border-radius:100%; margin-top:0.256rem; /* margin-top:-0.170667rem;*/}
.spsopl ul li:first-child{ margin-top:0;}
.spsopl ul li span{ width:2.432rem; height:2.432rem; background-color:rgba(255,255,255,0.8); border-radius:100%; margin-top:0.256rem; padding-top:0.704rem; line-height:0.64rem; font-size:0.426667rem;}
.spsopl ul li:nth-child(odd) span{ color:#0024d8;}
.spsopl ul li:nth-child(even) span{ color:#f57900;}
.sprogram-display{ float:left; width:7.04rem; text-align:center; padding-top:1.92rem;}
.sprogram-display img{ width:5.162667rem;}
.sp-wc-marketing{ width:16rem; height:auto; padding:1.28rem 0 0.64rem; text-align:center;}
.sp-wc-marketing h3{ font-size:0.682667rem; color:#333; font-weight:normal;}
.wc-marketing-pic{ width:16rem; height:auto; margin-top:0.896rem;}
.wc-marketing-pic img{ width:15.36rem;}
.sp-easy-earn{ width:16rem; height:auto; padding-top:1.28rem;}
.sp-easy-earn h3{ font-size:0.682667rem; color:#333; text-align:center; font-weight:normal;}
.sp-easy-earn h3 em{ color:#1cb661; margin-right:0.256rem;}
.sp-easy-earn p{ width:100%; padding:0 0.64rem; font-size:0.426667rem; color:#666; line-height:0.64rem; text-indent:0.853334rem; margin-top:0.512rem;}
.sp-earn-adv{ width:16rem; height:auto;}
.sp-earn-adv ul{ overflow:hidden;}
.sp-earn-adv ul li{ width:8rem; height:2.304rem; padding-left:0.64rem; float:left; margin-top:0.896rem;}
.sp-earn-adv ul li:nth-child(even){ padding-left:0;}
.sp-earn-adv ul li span{ float:left;}
.sp-earn-adv ul li span img{ width:1.536rem;}
.sp-earn-adv ul li:nth-child(even) span img{ margin-left:0.384rem;}
.sp-earn-adv ul li .earn-txt{ width:5.12rem; margin-left:0.32rem;}
.sp-earn-adv ul li .earn-txt b{ font-size:0.469334rem; color:#333; line-height:0.64rem;}
.sp-earn-adv ul li .earn-txt i{ font-size:0.298667rem; color:#666; line-height:0.426667rem; margin-top:0.256rem; text-align:justify; height:1.28rem; overflow:hidden;}
.sp-apply-now{ width:16rem; height:auto; padding-bottom:3.584rem; padding-top:1.28rem;}
.sp-apply-now h3{ font-size:0.64rem; color:#333; text-align:center; font-weight:normal;}
.sp-apply-now h3 em{ color:#10bd5d;}
.ap-apply-btn{ width:16rem; height:auto; padding:0.896rem 0; text-align:center;}
.ap-apply-btn a{ width:4.48rem; height:0.768rem; border:1px solid #333; line-height:0.768rem; font-size:0.384rem; color:#333;}
.sp-apply-other-btn{ width:16rem; height:auto; text-align:center;}
.sp-apply-other-btn a{ width:6.4rem; height:1.28rem; font-size:0.469334rem; color:#fff; line-height:1.28rem; border-radius:0.192rem;}
.sp-apply-other-btn .more-about{ background-color:#22b363;}
.sp-apply-other-btn .obtain-play{ background-color:#f57900; margin-left:1.493334rem;}

/*APP移动商城*/
.app-installed{ width:16rem; height:auto; padding-top:1.28rem;}
.app-installed h3,.app-advantage h3,.app-func-intro h3{ color:#00c3d4; font-size:0.64rem; text-align:center;}
.app-installed p,.app-advantage p,.app-func-intro p{ padding:0 0.64rem; font-size:0.426667rem; color:#666; text-indent:0.853334rem; line-height:0.64rem; margin-top:0.384rem;}
.app-installed-con{ width:16rem; height:auto; padding:0.64rem 0; background:url(../images/app-install-bj.png) bottom center no-repeat; background-size:cover;}
.installed-steps{ width:16rem; height:auto; overflow:hidden;}
.installed-steps ul li{ width:4rem; height:auto; float:left; text-align:center;}
.installed-steps ul li img{ width:2.133334rem;}
.installed-steps ul li span{ font-size:0.469334rem; color:#333; margin-top:0.384rem;}
.app-display{ width:16rem; height:auto; text-align:center; margin-top:1.536rem;}
.app-display img{ width:13.397334rem;}
.app-advantage{ width:16rem; height:auto; padding-top:1.536rem;}
.app-speed{ width:16rem; height:auto; padding:0.896rem 0; text-align:center;}
.app-speed img{ width:13.781334rem;}
.app-func-intro{ width:16rem; height:auto; padding-bottom:3.584rem;}
.app-func-con{ width:16rem; height:auto; overflow:hidden;}
.app-func-con span{ width:5.376rem; height:auto; float:left; text-align:right;}
.app-func-con span.intro-pic{ width:4.224rem; margin:0 0.512rem;}
.app-func-con span.intro-pic img{ margin-top:1.536rem; width:4.224rem;}
.app-func-con span em{ margin-top:0.768rem;}
.app-func-con span em b{ font-size:0.469334rem; color:#333; line-height:0.64rem;}
.app-func-con span em i{ font-size:0.341334rem; color:#666; line-height:0.512rem; margin-top:0.256rem; height:1.536rem; overflow:hidden;}
.app-func-con span:first-child{ padding-left:0.384rem;}
.app-func-con span:last-child{ text-align:left; padding-right:0.384rem;}
.app-func-con span em:last-child{ margin-top:1.28rem;}

/*O2O商城*/
.O2O-model-intro{ width:16rem; height:auto; padding-top:0.64rem; padding-bottom:0.512rem;}
.O2O-model-intro h3,.city-O2O h3,.community-O2O h3,.door-O2O h3{ font-size:0.768rem; color:#333; line-height:2.048rem; text-align:center; font-weight:normal; background:url(../images/O2O-tit-bj1.png) center bottom no-repeat; background-size:10.88rem;}
.O2O-model-intro h3 em,.city-O2O h3 em,.community-O2O h3 em,.door-O2O h3 em{ color:#ffba00;}
.O2O-model-intro p,.city-O2O p,.community-O2O p,.door-O2O p,.O2O-applica-direct p{ font-size:0.426667rem; color:#666; text-indent:0.853334rem; line-height:0.64rem; padding:0 0.64rem; margin-top:0.64rem;}
.O2O-model-pic,.city-O2O-pic{ width:16rem; height:auto; padding:0.768rem 0; text-align:center;}
.O2O-model-pic img{ width:12.928rem;}
.city-O2O-pic img{ width:14.08rem;}
.city-O2O{ width:16rem; height:auto; background-color:#2c3746; padding-top:0.64rem; padding-bottom:8.32rem; position:relative;}
.city-O2O h3{ color:#fff; background:url(../images/O2O-tit-bj2.png) center bottom no-repeat; background-size:10.432rem;}
.city-O2O p{ color:#fff;}
.city-O2O-show{ width:16rem; height:auto; text-align:center; position:absolute; bottom:-1.024rem; left:50%; margin-left:-8rem;}
.city-O2O-show img{ width:13.568rem;}
.community-O2O{ width:16rem; height:auto; margin-top:1.92rem;}
.community-O2O-pic{ width:16rem; height:auto; padding:0.512rem 0 1.024rem; text-align:center;}
.door-O2O{ width:16rem; height:auto; padding-top:0.64rem; background:url(../images/door-O2O-bj.png) bottom center no-repeat; background-size:cover; padding-bottom:9.6rem;}
.community-O2O-pic img{ width:15.232rem;}
.door-O2O p{ color:#373737;}
.O2O-applica-direct{ width:16rem; height:auto; padding-top:1.28rem; padding-bottom:3.584rem;}
.O2O-applica-direct h3{ color:#333; font-size:0.768rem; text-align:center; font-weight:normal;}
.direct-examp{ width:16rem; height:auto; padding-top:0.64rem;}
.direct-examp ul{ padding-top:0.256rem; background:url(../images/O2O-down-icon.png) top center no-repeat; background-size:0.597334rem; overflow:hidden;}
.direct-examp ul li{ width:4rem; height:3.2rem; float:left; margin-top:0.64rem; text-align:center;}
.direct-examp ul li img{ width:2.56rem;}
.direct-examp ul li i{ font-size:0.384rem; color:#7b7b7b;}

/*拼团商城*/
.spellgroup-intro{ width:16rem; height:auto; padding-top:1.28rem; padding-bottom:1.024rem;}
.spellgroup-intro h3,.sg-solve-plan h3,.sg-value h3{ font-size:0.768rem; color:#4d01ab; text-align:center;}
.spellgroup-intro h3 em,.sg-solve-plan h3 em,.sg-value h3 em{ color:#333; margin-right:0.256rem; vertical-align:middle;}
.spellgroup-intro p,.sg-steps p{ font-size:0.426667rem; color:#666; text-indent:0.853334rem; line-height:0.64rem; padding:0 0.64rem; margin-top:0.384rem;}
.spellgroup-intro span{ display:block; width:14.72rem; height:1.024rem; border-radius:0.512rem; text-align:center; line-height:1.024rem; color:#fff; font-size:0.426667rem; margin:0.64rem auto; background-color:#4a148c;}
.spellgroup-combinat{ width:16rem; height:auto; text-align:center;}
.spellgroup-combinat b{ font-size:0.597334rem; color:#333; margin-top:0.384rem;}
.spellgroup-combinat ul{ overflow:hidden;}
.spellgroup-combinat ul li{ width:3.18rem; height:auto; text-align:center; float:left; margin-top:0.512rem;}
.spellgroup-combinat ul li img{ width:2.56rem;}
.spellgroup-combinat ul li i{ font-size:0.384rem; color:#7b7b7b;}
.sg-solve-plan{ width:16rem; height:auto; padding:1.28rem 0 0.896rem; background:url(../images/sg-plan-bj.png) top center no-repeat; background-size:cover;}
.sg-solve-plan p,.sg-value p{ font-size:0.426667rem; color:#666; text-align:center; line-height:0.64rem; margin-top:0.384rem; padding:0 0.64rem;}
.sg-plan-con{ width:16rem; height:auto;}
.sg-plan-con ul{ overflow:hidden; padding:0 1.152rem;}
.sg-plan-con ul li{ width:6.4rem; height:4.48rem; background-color:#fff; float:left; margin-left:0.896rem; margin-top:1.536rem; text-align:center; position:relative;}
.sg-plan-con ul li:nth-child(odd){ margin-left:0;}
.sg-plan-con ul li span{ width:1.706667rem; height:1.706667rem; line-height:1.706667rem; background-color:#fff; border-radius:0.192rem; box-shadow:0 0 12px 3px #d4d2d4; position:absolute; top:-0.853334rem; left:2.346667rem;}
.sg-plan-con ul li span img{ height:1.024rem;}
.sg-plan-con ul li b{ font-size:0.512rem; color:#333; margin-top:0.896rem;}
.sg-plan-con ul li i{ font-size:0.341334rem; line-height:0.512rem; padding:0 0.512rem; color:#666; text-align:left; margin-top:0.256rem; height:2.048rem; overflow:hidden;}
.sg-value{ width:16rem; height:auto; padding-top:1.28rem;}
.sg-value-con{ width:16rem; height:auto; padding-top:0.64rem;}
.sg-value-con ul{ overflow:hidden; padding-bottom:1.024rem;}
.sg-value-con ul li{ width:7.466667rem; height:3.968rem; float:left; margin-left:0.298667rem; padding:0 0.384rem; border-radius:0.192rem; background-color:#f9f7f9; box-shadow:0 0 0.256rem 0.064rem #dfdddf; margin-top:0.298667rem;}
.sg-value-con ul li:nth-child(odd){ margin-left:0.384rem;}
.sg-value-con ul li span{ width:100%; padding:0.512rem 0; padding-left:0.64rem;}
.sg-value-con ul li span img{ width:1.194667rem;}
.sg-value-con ul li span b{ font-size:0.512rem; color:#333; margin-left:0.512rem; vertical-align:middle;}
.sg-value-con ul li em{ font-size:0.341334rem; color:#666; line-height:0.512rem; text-align:justify; height:1.536rem; overflow:hidden;}
.sg-steps{ width:16rem; height:auto; background-color:#f1f0f2; padding-top:1.28rem;}
.sg-steps h3,.sg-data h3{ font-size:0.768rem; text-align:center; font-weight:normal;}
.sg-steps-con{ width:16rem; height:auto; padding:1.024rem 0; text-align:center;}
.sg-steps-con img{ width:14.293334rem;}
.sg-data{ width:16rem; height:auto; padding-top:1.28rem;}
.sg-data h3{ margin-bottom:0.512rem;}
.sg-data p{ padding:0 0.64rem; font-size:0.426667rem; text-align:center; color:#666;}
.sg-data p i{ font-size:0.341334rem; margin-top:0.213334rem;}
.sg-data-con{ width:16rem; height:auto; text-align:center; padding:0.64rem 0;}
.sg-data-con img{ width:15.168rem;}
.sg-trialuse{ width:16rem; height:auto; padding:0.896rem 0 3.584rem;}
.sg-trialuse h3{ color:#481ac0; font-size:0.64rem; text-align:center;}
.sg-trialues-btn{ width:100%; text-align:center;}
.sg-trialues-btn a{ width:5.12rem; height:1.28rem; background:url(../images/trialues-btn-bj.png) center center no-repeat; background-size:cover; border-radius:0.192rem; font-size:0.512rem; color:#fff; line-height:1.28rem; margin-top:0.768rem;}

/*右上菜单栏*/
.website-topright{ width:16rem; height:26.218667rem;background-color:rgba(0,0,0,0.3); position:absolute; left:50%; margin-left:-8rem; top:2.218667rem; display:none;}
.website-topright-container{ width:16rem; height:auto; background-color:#fff; padding:0.768rem 0.64rem 0 0.64rem;  border-top:1px solid #e9e9e9;}
.top-right-tit{ width:14.72rem; height:auto; background:url(images/topright-titbj.png) center center no-repeat; text-align:center;}
.top-right-tit span{ font-size:0.64rem; color:#333; line-height:1.024rem;}
.top-right-con{ width:14.72rem; height:auto;}
.top-right-con ul{ overflow:hidden}
.top-right-con ul li{ width:33.3%; height:auto; float:left; margin-top:0.768rem;}
.top-right-con ul li a{ width:100%; height:auto; text-align:center;}
.top-right-con ul li a img{ width:2.133334rem;}
.top-right-con ul li a span{ font-size:0.469334rem; color:#333; margin-top:0.32rem;}
.top-right-bot{ width:14.72rem; height:auto; padding:0.64rem 0; text-align:center;}
.top-right-bot a{ margin-top:0.256rem;}
.top-right-bot a img{ width:0.405334rem;}

/*关于我们*/
.about-us-ban{ width:16rem; height:7.68rem;}
.about-us-ban img{ width:100%;}
.company-intro{ width:16rem; height:auto; padding-top:1.28rem;}
.company-intro-tit,.software-copyright-tit,.environment-tit{ width:16rem; height:auto; text-align:center;}
.company-intro-tit h2,.software-copyright-tit h2,.environment-tit h2{ font-size:0.768rem; color:#333; font-weight:bold;}
.company-intro-tit span,.software-copyright-tit span,.environment-tit span{ font-size:0.384rem; color:#666;text-transform:uppercase; margin-top:0.256rem; letter-spacing:0.064rem;}
.company-intro-con{ width:16rem; height:auto; padding:0.768rem 0.64rem 0 0.64rem;}
.company-intro-con img{ float:left; margin-right:0.512rem; width:5.12rem;}
.company-intro-con p{ font-size:0.384rem; color:#333; text-indent:0.768rem; line-height:0.64rem; text-align:justify;}
.company-intro-con p:nth-child(4){ margin-top:0.256rem;}
.company-intro-bot{ width:16rem; height:auto; padding:0.256rem 0.64rem 0 0.64rem;}
.company-intro-bot p{ font-size:0.426667rem; color:#ff2828; height:0.64rem; line-height:0.64rem; overflow:hidden; margin-top:0.512rem;}
.company-intro-bot p em{ color:#333;}
.software-copyright{ width:16rem; height:auto; padding:1.28rem 0 0.896rem; background-color:#f3f3f3; margin-top:1.024rem;}
.software-copyright-pic{ width:16rem; height:auto; padding:0 0.64rem; margin-top:0.384rem; text-align:center;}
.software-copyright-pic img{ margin-left:0.768rem; margin-top:0.64rem; width:6.293334rem;}
.software-copyright-pic img:nth-child(odd){ margin-left:0;}
.company-environment{ width:16rem; height:auto; padding:1.28rem 0 0.64rem;}
.environment-pic{width:16rem; height:4.16rem; margin-top:0.768rem; overflow: hidden;}
.environment-pic ul{ overflow: hidden; width:23.552rem;}
.environment-pic ul li{float:left;margin-left:0.384rem;width:5.504rem;}
.environment-pic ul li img{width:5.504rem;height:4.16rem;}

/*代理加盟*/
.inquiry-agent{ width:16rem; height:auto; background-color:#efefef; padding:0.896rem 0.64rem; overflow:hidden;}
.inquiry-agent-le{ float:left;}
.inquiry-agent-le img{ width:0.874667rem;}
.inquiry-agent-le span{ margin-left:0.384rem; color:#1b4896;}
.inquiry-agent-le span b{ font-size:0.469334rem; font-weight:bold;}
.inquiry-agent-le span i{ font-size:0.426667rem; margin-top:0.128rem;}
.inquiry-agent-ri{ float:right;}
.inquiry-agent-ri input{ width:7.936rem; height:1.088rem; border:1px solid #cbcbcb; padding-left:0.32rem; color:#333; font-size:0.341334rem;}
.inquiry-agent-ri label{ display:inline-block; width:1.536rem; height:1.088rem; background-color:#1b4896; text-align:center; line-height:1.088rem;}
.inquiry-agent-ri label img{ width:0.618667rem;}
.cooperation-pro{ width:16rem; height:auto; padding-top:1.28rem;}
.cooperation-pro h2,.agent-conditions h2,.agent-steps h2{ margin-bottom:0.768rem; text-align:center; font-size:0.768rem; color:#1b4896;}
.cooperation-pro-con{ width:16rem; height:auto; padding-bottom:0.768rem;}
.cooperation-pro-con  ul{ overflow:hidden;}
.cooperation-pro-con  ul li{ width:7.466667rem; height:5.76rem; float:left; background-color:#f9f9f9; border:1px solid #dbdbdb; margin-left:0.298667rem; margin-top:0.298667rem; text-align:center; padding:0 0.384rem; color:#666;}
.cooperation-pro-con  ul li:nth-child(odd){ margin-left:0.384rem;}
.cooperation-pro-con  ul li img{ margin-top:0.512rem; height:1.152rem;}
.cooperation-pro-con  ul li b{ font-size:0.426667rem; font-weight:bolder; margin-top:0.256rem;}
.cooperation-pro-con  ul li i{ height:2.56rem; overflow:hidden; font-size:0.341334rem; text-align:justify; line-height:0.64rem; margin-top:0.256rem;}
.agent-conditions{ width:16rem; height:auto; background-color:#f9f9f9; padding-top:1.28rem; padding-bottom:1.024rem;}
.agent-conditions h2{ margin-bottom:0px; padding-bottom:0.384rem;}
.conditions{ width:16rem; height:auto; text-align:center; margin-top:0.64rem;}
.conditions img{ width:11.733334rem;}
.conditions span{ margin-top:0.384rem; font-size:0.469334rem; color:#333;}
.agent-steps{ width:16rem; height:auto; padding-top:1.28rem; padding-bottom:3.584rem;}
.agent-steps-intro{ width:16rem; height:auto; padding:0.64rem 0; text-align:center; overflow:hidden}
.agent-steps-intro span{ width:2.56rem; height:2.133334rem; border-radius:0.128rem; background-color:#1b4896; color:#fff; float:left; text-align:center;}
.agent-steps-intro span:first-child{ margin-left:0.384rem;}
.agent-steps-intro span img{ margin-top:0.384rem; height:0.810667rem;}
.agent-steps-intro span i{ font-size:0.512rem; margin-top:0.256rem; font-weight:bold; -webkit-transform: scale(0.8);}
.agent-steps-intro  em{ width:1.664rem; font-size:0.64rem; color:#1b4896; line-height:2.133334rem; float:left;}
.join-rightnow{ width:16rem; height:auto; text-align:center; margin-top:0.64rem;}
.join-rightnow a{ width:5.333334rem; height:1.664rem; background-color:#1b4896; border-radius:0.192rem; line-height:1.664rem; font-size:0.64rem; color:#fff;}