.derive-from-h p,.derive-from-h ul,.derive-from-h h2,.derive-from-h h3,.derive-from-h h4,.derive-from-h h5{
    margin:0;
}
.wh100{
    width: 100%;
}
.co-yollow{
    color: #ffba00;
    vertical-align:top;
}
.co-yollow2{
    color: #ffea00;
    vertical-align:top;
}
.co-blue{
    color: #0457d3;
    vertical-align:top;
}
.co-blue2{
    color: #00acc1;
    vertical-align:top;
}
.co-blue3{
    color: #2437ad;
    vertical-align:top;
}
.co-red{
    color: #ff4d4d;
    vertical-align:top;
}
.co-purple{
    color: #4a148c;
    vertical-align:top;
}
.clearfix{ *zoom:1;}
.clearfix:after{
    content: '200B';
    height: 0;
    font-size: 0;
    display: block;
    clear: both;
}
.show-center-1210{
    width: 1210px;
    margin:0 auto;
}
.derive-from-h.show-center-1210{
    width: 1210px;
    margin:0 auto;
}
.derive-from-h .show-center-1210{
    width: 1210px;
    margin:0 auto;
}
.derive-from-h .p-t80-b80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.derive-from-h.p-t80-b80{
    padding-top: 80px;
}
.derive-from-h .p-t60-b60{
    padding-top: 60px;
    padding-bottom: 60px;
}
.derive-from-h.p-t60-b60{
    padding-top: 60px;
    padding-bottom: 60px;
}

/*
    1銆佹湰css鏂囦欢涓�.derive-from-h 寮€澶村叏閮ㄤ负澶嶇敤鐨勬牱寮忥紝淇敼鏃堕渶娉ㄦ剰銆�
*/

/*棣栭〉*/
.banner-has-btn{
    position: relative;
    width: 100%;
}
.banner-has-btn .see-more-btn{
    position: absolute;
    width: 9.375%;
    top: 72.5%;
    left:45.3125%;

}
.banner-has-btn .see-more-btn.btn-right{
    top:58.3%;
    left:71.875%;
}
.banner-has-btn .see-more-btn>img{
    width: 100%;
}

.server-list{
    padding: 15px 0;
}
.server-list li{
    float: left;
    width: 301px;
    height: 48px;
    text-align: center;
}
.server-list .line{
    margin-top: 12px;
    width: 1px;
    height: 24px;
    background-color:#ededed;
}
.server-list .icon{
    display: inline-block;
    height: 48px;
    width: 50px;
    background-image: url(../images/ico-servers-list.png);
    background-repeat: no-repeat;
}
.server-list .ico-load{
    background-position:0 0;
}
.server-list .ico-protect{
    background-position:-50px 0;
}
.server-list .ico-server{
    background-position:-100px 0;
}
.server-list .ico-help{
    background-position:-150px 0;
}
.server-list .txt{
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
}
.server-list .item-title{
    color: #333;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.server-list .item-cont{
    color: #82939e;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
}
.derive-from-h h2.title{
    height: 36px;
    font-size: 36px;
    color: #333;
    text-align: center;
    line-height: 1;
    margin-bottom:30px;
}
.derive-from-h p.des{
    font-size: 18px;
    color: #444;
    line-height: 30px;
    margin-bottom: 80px;
    letter-spacing: 1px;
    text-align: center;
}
.derive-from-h p.text-align-left{
    text-align: left;
}

.what-tpshop .support-list>li{
    float: left;
    width: 282px;
    padding: 0 10px;
}
.what-tpshop .support-list .icon{
    display: block;
    width: 164px;
    height: 164px;
    margin: 0 auto;
    background-image: url("../images/ico-what-list.png");
    background-repeat: no-repeat;
}
.ico-diversification{
    background-position: 0 0;
}
.ico-join{
    background-position: -164px 0;
}
.ico-feature{
    background-position: -328px 0;
}
.ico-support{
    background-position: -492px 0;
}
.what-tpshop .support-list{
    height: 350px;
    overflow: hidden;
}
.what-tpshop .support-list .item-til{
    height: 74px;
    margin-top: 27px;
    line-height: 74px;
    font-size: 20px;
    color: #333;
    text-align: center;
}
.what-tpshop .support-list .item-des{
    font-size: 16px;
    color: #444;
    line-height: 28px;
    padding: 0 30px;
}
.tpshop-pros{
    padding-top: 80px;
}
.tpshop-pros .pro-list>li{
    float: left;
    width: 292px;
    height: 298px;
    margin: 0 5px 10px;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    cursor: pointer;
}
.tpshop-pros .pro-list>li>p{
    width: 292px;
    height: 298px;
}
.tpshop-pros .pro-list .tp-pro{
    transition: all 0.5s;
}
.tpshop-pros .pro-list .tp-pro-h{
    transition: all 0.3s 0.2s;
}
.tpshop-pros .pro-list>li:hover .tp-pro{
    transform: translateY(-100%);
}
.tpshop-pros .pro-list>li:hover .tp-pro-h{
    transform: translateY(-100%);
}
.pro1{
    background-image: url("../images/bg-tp-pro1.jpg");
}
.pro2{
    background-image: url("../images/bg-tp-pro2.jpg");
}
.pro3{
    background-image: url("../images/bg-tp-pro3.jpg");
}
.pro4{
    background-image: url("../images/bg-tp-pro4.jpg");
}
.pro5{
    background-image: url("../images/bg-tp-pro5.jpg");
}
.pro6{
    background-image: url("../images/bg-tp-pro6.jpg");
}
.pro7{
    background-image: url("../images/bg-tp-pro7.jpg");
}
.pro8{
    background-image: url("../images/bg-tp-pro8.jpg");
}

.tpshop-basics .cont{
    background: url(../images/bg-advantage.jpg) no-repeat center 0;
    height: 652px;
    text-align: center;
	position:relative;
}
.tpshop-basics .cont-pic{
    padding-top:80px;
    margin:0 auto;
    width: 1279px;
}
.tpshop-basics .cont-pic img{
    width: 100%;
}
.tpshop-basics .cont .load-btn{
    display: inline-block;
    margin: 40px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    border: 5px solid rgba(180,180,180,.5);
    position: absolute;
    bottom: -3px;
    z-index: 1000;
    left: 50%;
    margin-left: -77px;
}
.tpshop-advantage .merits-list .merits-item{
    float: left;
    width: 302px;
    height: 390px;
    text-align: center;
    transition: all linear 0.5s;
}
.tpshop-advantage .item1 h2{
    background: #667588;
}
.tpshop-advantage .item2 h2{
    background: #f2572e;
}
.tpshop-advantage .item3 h2{
    background: #036eb8;
}
.tpshop-advantage .item4 h2{
    background: #59ddc3;
}
.tpshop-advantage .merits-list h2{
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
}
.tpshop-advantage .merits-item:hover{
    transform: scale(1.2);
    -webkit-box-shadow:-10px 10px 10px rgba(0,0,0,.2);
    -moz-box-shadow:-10px 10px 10px rgba(0,0,0,.2);
    -o-box-shadow:-10px 10px 10px rgba(0,0,0,.2);
    -ms-box-shadow:-10px 10px 10px rgba(0,0,0,.2);
    box-shadow: -10px 10px 10px rgba(0,0,0,.2);
}

.tpshop-advantage .merits-item .item-cont{
    width: 300px;
    height: 328px;
    border: 1px solid #e3e5e9;
    background-color: #fff;
}
.tpshop-advantage .merits-item .icon{
    display: block;
    width: 116px;
    height: 116px;
    margin: 40px auto;
    background-image: url("../images/ico-advantage-list.png");
    background-repeat: no-repeat;
}
.ico-server-small{
    background-position: 0 0;
}
.ico-problem{
    background-position: -116px 0;
}
.ico-solution{
    background-position: -232px 0;
}
.ico-team{
    background-position: -348px 0;
}
.tpshop-advantage .item-cont>p{
    font-size: 16px;
    line-height: 30px;
    padding: 0 30px;
    color: #333;
}

.swiper-pagination{
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
}
.swiper-container {
    width:100%;
    height: 600px;
}
.swiper-slide>img{
    width: 100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch{
    background: #fff;
}
/*首页证书*/
.credentials-list{
    margin-top: 100px;
    overflow: hidden;
}
.credentials-list>li{
    float: left;
    width:295px;
    height:373px;
}
.credentials-list>li+li{
    margin-left: 10px;
}

/*鍔熻兘浜偣-绯荤粺浼樺娍*/
.banner-advantage{
    width: 100%;
    margin-top: 14px;
}
.banner-advantage img{
    width: 100%;
}
.our-strength p.des{
    margin-bottom: 50px;
}
.our-strength .strength-list>li{
    float: left;
    width: 220px;
    height: 350px;
    margin: 0 36px;
    background: url("../images/bg-strength-list.png") no-repeat 0 0;
}
.our-strength .strength-list .icon{
    display: block;
    width: 108px;
    height: 112px;
    margin: 25px auto 21px;
    background-image: url("../images/ico-strength-list.png");
    background-repeat: no-repeat;
}
.ico-technology{
    background-position: 0 0;
}
.ico-team-sh{
    background-position: -108px 0;
}
.ico-absorbed{
    background-position: -216px 0;
}
.ico-innovate{
    background-position: -324px 0;
}
.our-strength .strength-list .item-title{
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #78c9de;
    text-align: center;
}
.our-strength .strength-list .item-cont{
    line-height: 22px;
    color: #999;
    font-size: 14px;
    padding: 0 34px;
    word-break:break-all;
}
.new-explore p.des{
    margin-bottom: 40px;
}
.new-explore .team-msg-warp{
    position: relative;
    width: 100%;
    height: 1302px;
    overflow: hidden;
}
.new-explore .team-msg{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 1302px;
    background: url("../images/bg-team-msg.jpg") no-repeat 0 0;
}
.new-explore .customer-service{
    padding-top: 38px;
}
.new-explore .customer-service .left-pic{
    float: left;
    margin-right: 60px;
}
.new-explore .cont-til{
    padding-top: 78px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
}
.new-explore  .cont-introduce{
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}
.new-explore  .company-adr{
    margin-top: 76px;
}
.new-explore  .company-adr .cont-til{
    padding-top: 90px;
}
.new-explore  .company-adr .right-pic{
    float: right;
}

.our-insistence .stable-run{
    padding-bottom: 50px;
    border-bottom: 1px solid #e3e5e9;
}
.our-insistence .left-pic{
    float: left;
    margin-right: 135px;
}
.our-insistence .cont-til{
    padding-top: 82px;
    height: 74px;
    line-height: 74px;
    font-size: 22px;
    color: #333;
}
.our-insistence .cont-introduce{
    line-height: 30px;
    font-size: 18px;
    color: #333;
}
.our-insistence .convenient-operation{
    padding-top: 50px;
    padding-bottom: 45px;
    border-bottom: 1px solid #e3e5e9;
}
.our-insistence .convenient-operation .cont-til{
    padding-top: 0;
}
.our-insistence .convenient-operation  .sub-domains{
    padding-top: 60px;
}
.our-insistence .right-pic{
    float: right;
    margin-left: 210px;
}
.our-insistence .intelligent-location{
    padding-top: 60px;
    background: url("../images/bg-intelligent-location.png") no-repeat center 250px;
}
.our-insistence .intelligent-location .left-pic{
    margin-right: 310px;
}
.our-insistence .intelligent-location .cont-til{
    padding-top: 60px;
}
.our-insistence .intelligent-location .btn-get-more{
    display: inline-block;
    margin-top: 110px;
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #cab631;
}
.our-insistence .btn-get-more .icon{
    display: inline-block;
    width: 25px;
    height: 15px;
    margin: 0 10px;
    background-image: url("../images/ico-get-more.png");
    background-repeat:no-repeat;
}
.btn-get-more .ico-eys{
    background-position: 0 0;
}
.btn-get-more .ico-left-arrow{
    background-position: -25px 0;
}
.tpshop-best{
    padding-top: 100px;
}
.tpshop-best p.des{
    margin-bottom: 70px;
}
.tpshop-best .better-list-warp{
    background-color: #f3f5f7;
}
.tpshop-best  .better-list{
    position: relative;
    height: 974px;
}
.tpshop-best  .better-list .item-title{
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 340px;
    background: url("../images/bg-better-list.png") no-repeat center top;
    line-height: 280px;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #a57cca;
}
.tpshop-best  .better-list .item{
    width: 290px;
}
.tpshop-best  .better-list .item1{
    position: absolute;
    top: 150px;
    left: 0;
}
.tpshop-best  .better-list .item2{
    position: absolute;
    top: 290px;
    left: 300px;
}
.tpshop-best  .better-list .item3{
    position: absolute;
    top: 340px;
    left: 610px;
}
.tpshop-best  .better-list .item4{
    position: absolute;
    top: 120px;
    right: 0;
}
.tpshop-best  .better-list .icon{
    display: block;
    width: 42px;
    height: 42px;
    background-image:url("../images/ico-num-list.png");
    background-repeat:no-repeat;
}
.better-list .ico-num1{
    background-position: 0 0;
}
.better-list .ico-num2{
    background-position: -42px 0;
}
.better-list .ico-num3{
    background-position: -84px 0;
}
.better-list .ico-num4{
    background-position: -126px 0;
}
.tpshop-best  .better-list .new-properties{
    font-size: 18px;
    color: #a57cca;
    line-height: 32px;
}
.tpshop-best  .better-list .item-til{
    height: 283px;
    margin: 5px 0;
    background: url("../images/bg-better-til.png") no-repeat center top;
    font-size: 30px;
    line-height: 273px;
    color: #fff;
    text-align: center;
}
.tpshop-best  .better-list .old-properties{
    font-size: 18px;
    color: #959595;
    line-height: 32px;
}
.tpshop-best .first-brand-pic{
    width: 966px;
    height: 800px;
    margin: 145px auto;
}

/*鐗规畩鍔熻兘-澶ф暟鎹増*/
.banner-bigdata{
    width: 100%;
    margin-top: 14px;
}
.banner-bigdata img{
    width: 100%;
}
.solution p.des{
    margin-bottom: 120px;
}
.solution .solution-list{
    padding-bottom: 80px;
    background: url("../images/bg-solution-list.png") no-repeat center 150px;
}
.solution .solution-list>li{
    float: left;
    width: 300px;
}
.solution .solution-list>li:first-child+li{
    margin: 0 155px;
}
.solution .solution-list .icon{
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px;
    background-image: url("../images/ico-solution-list.png");
    background-repeat:no-repeat;
}
.solution-list .ico-data-layer{
    background-position: 0 0;
}
.solution-list .ico-server-layer{
    background-position: -160px 0;
}
.solution-list .ico-api-layer{
    background-position: -320px 0;
}
.solution .solution-list .item-title{
    padding-top: 20px;
    height: 94px;
    line-height: 94px;
    font-size: 22px;
    color: #222;
    text-align: center;
}
.solution .solution-list .item-cont{
    line-height:30px;
    font-size: 16px;
    color: #222;
}
.what-technologies h2.title{
    margin-top: 40px;
    margin-bottom: 80px;
}
.what-technologies .technologies-list-wrap{
    height: 819px;
    background: url("../images/bg-technologies-list.jpg") no-repeat center 0;
}
.what-technologies .technologies-list{
    width: 1140px;
    padding-top: 185px;
    margin: 0 auto;
}
.what-technologies .technologies-list>li{
    float: left;
    height: 476px;
    width: 380px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.5s;
}
.what-technologies .technologies-list .active{
    transform: scale(1.2);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    position: relative;
    z-index: 1;
}
.what-technologies .technologies-list .active .item-cont:before{
    background-color: #1f73dd;
    box-shadow: 0 0 0 3px rgba(31,115,221,.5);
}
.what-technologies .technologies-list .active .item-title{
    background-color: #1f73dd;
}


.what-technologies .technologies-list .item-title{
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    background-color: #3c4049;
    font-size: 28px;
}
.what-technologies .technologies-list .icon{
    display: block;
    width: 128px;
    height: 128px;
    margin: 55px auto 0;
    background-image: url("../images/ico-technologies-list.png");
    background-repeat:no-repeat;
}
.technologies-list .ico-rds-database{
    background-position: 0 0;
}
.technologies-list .ico-memcached{
    background-position: -128px 0;
}
.technologies-list .ico-oss-storage{
    background-position: -256px 0;
}
.what-technologies .technologies-list .item-cont{
    position: relative;
    padding: 40px 40px 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.what-technologies .technologies-list .item-cont:before{
    content: '';
    position: absolute;
    top: 50px;
    left: 18px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3c4049;
    box-shadow: 0 0 0 3px rgba(60,64,73,.5);
}
.derive-from-h .compare-table{
    position: relative;
    width: 100%;
    margin-bottom:60px;
}
.derive-from-h .compare-table th,.derive-from-h .compare-table td{
    border:1px solid #c0e1fc;
    height: 75px;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.derive-from-h .compare-table th{
    color: #1f73dd;
    font-size: 18px;
}

.derive-from-h .compare-table .text-align-left{
    text-align: left;
}
.derive-from-h .compare-table .b2b2c-version{
    padding-left: 72px;
}
.derive-from-h .compare-table .nomorl-version{
    width: 348px;
}
.derive-from-h .compare-table .big-data-version{
    width: 348px;
}
.derive-from-h .compare-table .active{
    background-color: #dceefd;
}
.derive-from-h .compare-table caption{
    position: absolute;
    right: 306px;
    top: 5px;
    width: 90px;
    height: 70px;
    background: url("../images/bg-caption-compare.png") no-repeat 0 0;
}

.version-compare h2.title{
    margin-bottom: 80px;
}

.traditional-disadvantages .disadvantages-pic-warp{
    height: 580px;
    background-color:#f3f5f7;
}
.traditional-disadvantages .disadvantages-pic{
    width: 730px;
    padding-top: 23px;
    margin:0 auto;
}

.underlying-framework h2.title{
    margin-bottom: 70px;
}
.underlying-framework .framework-pic{
    width: 84%;
    margin: 0 auto;
}
.underlying-framework .framework-pic img{
    width: 100%;
}

.derive-from-h .cost-table td{
    text-align: left;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 24px;
    color: #717171;
}
.derive-from-h .cost-table .active{
    color: #333;
}

.derive-from-h .cost-table .big-data-version{
    width: 240px;
}
.derive-from-h .cost-table .pc-wap-version{
    width: 300px;
}
.derive-from-h .cost-table .app-version{
    width: 296px;
}
.derive-from-h .cost-table .remarks{
    width: 358px;
}

/*鐗规畩鍔熻兘-sass鐗�*/
.banner-sass{
    width: 100%;
    margin-top: 14px;
}
.banner-sass img{
    width: 100%;
}

.free-worry{
    text-align: center;
}
.free-worry h2.title{
    padding-top: 50px;

}
.free-worry .free-worry-list>li{
    float: left;
    width: 200px;
}
.free-worry .free-worry-list>li+li{
    margin-left: 136px;
}
.free-worry .free-worry-list .icon{
    display: inline-block;
    width: 168px;
    height: 168px;
    background-image: url("../images/ico-freeWorry-list.png");
    background-repeat: no-repeat;
}
.free-worry-list .ico-the-server{
    background-position: 0 0;
}
.free-worry-list .ico-free-upgrade{
    background-position: -168px 0;
}
.free-worry-list .ico-powerful{
    background-position: -336px 0;
}
.free-worry-list .ico-free-upgrade{
    background-position: -504px 0;
}
.free-worry .free-worry-list .text{
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: #333;
}
.free-worry .register-btn{
    display: inline-block;
    width: 310px;
    height: 74px;
    margin-top: 50px;
    line-height: 74px;
    font-size: 36px;
    color: #fff;
    background-color:#3c4049;
    border-radius: 5px;
}
.free-worry .register-btn .ico-btn-arrow{
    display: inline-block;
    width: 18px;
    height: 32px;
    margin-left: 30px;
    margin-bottom: -3px;
    background: url("../images/ico-freeWorry-list.png") no-repeat -672px 0;
}
.pro-introduce h2.title{
    margin-bottom: 80px;
}
.pro-introduce .cont-introduce-wrap{
    height: 723px;
    background: url("../images/bg-pro-introduce.jpg") no-repeat center 0;
}
.pro-introduce .wrap-inner .left-title{
    float: left;
    width: 240px;
    height: 440px;
    padding-top: 283px;
    padding-left: 60px;
    padding-right: 115px;
    line-height: 50px;
    font-size: 30px;
    color: #3976fe;
    text-align: center;
    background: url("../images/bg-computer.png") no-repeat 0 173px;
}
.pro-introduce .wrap-inner .right-cont{
    float: right;
    width: 700px;
    margin-top: 40px;
}
.pro-introduce .wrap-inner .section{
    padding-top: 40px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    letter-spacing: 2px;
}
.pro-introduce .wrap-inner .txt-color{
    color: #3976fe;
}

.core-value h2.title{
    margin-bottom: 80px;
}
.core-value .value-list>li{
    float: left;
    width: 515px;
    height: 354px;
}
.core-value .value-list>li+li{
    margin-left: 180px;
}
.core-value .value-list .icon{
    float: left;
    width: 142px;
    height: 144px;
    margin-top: 70px;
    margin-right: 50px;
    background-image: url("../images/ico-coreValue-list.png");
    background-repeat: no-repeat;
}
.value-list .ico-server-cont{
    background-position: 0 0;
}
.value-list .ico-core-advantage{
    background-position: -142px 0;
}
.core-value .value-list .cont{
    float: left;
    color: #333;
    width: 320px;
}
.core-value .value-list .cont-til{
    font-size: 22px;
    line-height: 1;
    margin-bottom: 30px;
}
.core-value .value-list .cont-des{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px;
}
.core-value .cont-introduce-wrap{
    height: 1160px;
    padding-bottom: 148px;
    background: #3c4049 url("../images/bg-core-value.png") no-repeat center bottom;
}
.core-value .wrap-inner{
    position: relative;
}
.core-value .wrap-inner .triangle-flag{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    border-top:32px  solid  #fff;
    border-right:40px  solid transparent;
    border-left:40px  solid transparent;
}
.core-value .wap-cloudservices{
    height: 545px;
}
.core-value .wap-cloudservices .right-pic{
    float: right;
    padding-top: 68px;
    padding-left: 180px;
}
.core-value .cont-introduce-wrap .cont-til{
    padding-top: 94px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
}
.core-value .cont-introduce-wrap .cont-des{
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
}
.core-value .escort{
    height: 615px;
    position: relative;
}
.core-value .escort .left-pic{
    float: left;
    margin-right: 150px;
    margin-bottom: 60px;
}
.core-value .escort .cont-des{
    margin-bottom: 25px;
}
.core-value .escort .communication{
    position: absolute;
    height: 38px;
    left: 660px;
    bottom: 0;
    line-height: 38px;
    font-size: 24px;
    font-weight: bold;
    color: #ffb600;
}
.multiple-use h2.title{
    padding-top: 120px;
    margin-bottom: 96px;
}
.multiple-use .multiple-use-list{
    width: 1260px;
    margin-left: -36px;
}
.multiple-use .multiple-use-list>li{
    float: left;
    width: 182px;
    margin: 0 35px 72px;
    height: 320px;
    overflow: hidden;
}
.multiple-use .multiple-use-list .icon{
    display: block;
    width: 136px;
    height: 136px;
    margin: 0 auto;
    background-image: url("../images/ico-multipleUse-list.png");
    background-repeat: no-repeat;
}
.multiple-use-list .icon-wares-manage{
    background-position: 0 0;
}
.multiple-use-list .icon-oss-storage{
    background-position: -136px 0;
}
.multiple-use-list .icon-promotion-manage{
    background-position: -272px 0;
}
.multiple-use-list .icon-bs-extraction{
    background-position: -408px 0;
}
.multiple-use-list .icon-set-commission{
    background-position: -544px 0;
}
.multiple-use-list .icon-area-list{
    background-position: 0 -136px;
}
.multiple-use-list .icon-pic-extraction{
    background-position: -136px -136px;
}
.multiple-use-list .icon-article-manage{
    background-position: -272px -136px;
}
.multiple-use-list .icon-seller-balance{
    background-position: -408px -136px;
}
.multiple-use-list .icon-cloud-services{
    background-position: -544px -136px;
}
.multiple-use .multiple-use-list h5{
    padding-top: 14px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333;
    text-align: center;
}
.multiple-use .multiple-use-list .cont{
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.new-experience h2.title{
    padding-top: 90px;
    margin-bottom: 90px;
}
.new-experience .experience-wrap{
    height: 890px;
    background: url("../images/bg-experience.png") repeat-x 0 0;
}
.new-experience .experience-wrap .wrap-inner{
    height: 890px;
    position: relative;
}
.experience-wrap .wrap-inner>div{
    position: absolute;
    text-align: center;
    z-index: 3;
}
.experience-wrap .multiUser-ecshop{
    left: -20px;
    top: 430px;
}
.experience-wrap .multiUser-ecshop{
    left: -10px;
    top: 430px;
}
.experience-wrap .multiUser-distribution{
    left: 180px;
    top: 430px;
}
.experience-wrap div.multiUser-pc{
    left: 260px;
    top: 54px;
    z-index:1;
}
.experience-wrap .multiUser-iphone{
    left: 625px;
    top: 490px;
}
.experience-wrap div.multiUser-ipad{
    left:770px;
    top: 418px;
    z-index: 2;
}
.experience-wrap .multiUser-android{
    right: -10px;
    top: 430px;
}
.experience-wrap .pic-des{
    display: inline-block;
    width: 138px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: rgba(204,204,204,.5);
}
.experience-wrap img{
    max-width: 100%;
}
.experience-wrap .pic-warp{
    width: 115px;
    height: 210px;
    padding: 36px 33px 42px 30px;
    background: url("../images/bg-iphone-version.png") no-repeat 0 0;
    overflow: hidden;
}
.experience-wrap .pic-warp-android{
    width: 115px;
    height: 210px;
    padding: 36px 33px 42px 30px;
    background: url("../images/bg-android-version.png") no-repeat 0 0;
    overflow: hidden;
}
.experience-wrap .pic-warp-pc{
    width: 575px;
    height: 340px;
    padding: 26px 19px 168px;
    background: url("../images/bg-multiUser-pc.png") no-repeat 0 0;
    overflow: hidden;
}
.experience-wrap .pic-warp-ipad{
    width: 196px;
    height: 256px;
    padding: 32px 49px 72px 55px;
    background: url("../images/bg-multiUser-ipad.png") no-repeat 0 0;
    overflow: hidden;
}

.sass-vs-norml .title{
    height: 196px;
    padding-bottom: 40px;
    padding-top: 90px;
    line-height: 196px;
    text-align: center;
    color: #222;
    font-size: 36px;
}
.sass-vs-norml .title .ico-vs-version{
    display: inline-block;
    width: 130px;
    height: 196px;
    margin-bottom: -75px;
    background: url("../images/ico-vs-version.png") no-repeat 0 0;
}
.sass-vs-norml .tab-list-wrap{
    position: relative;
    border-top: 1px solid #e3e5e9;
    padding-bottom: 80px;
}
.tab-cont-list>li{
    float: left;
    width: 488px;
    height: 92px;
    padding:10px 25px 0;
    margin-right: 130px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    border: 1px solid #e3e5e9;
    border-top: none;
    overflow: hidden;
}
.tab-cont-list>li:nth-child(2n){
    margin-right: 0;
}
.tab-cont-list li.active{
    background-color:#393e46;
    color: #fff;
}

.tab-title-list{
    position: absolute;
    left: 540px;
    top: 0;
    z-index: 1;
}
.tab-title-list>li{
    width: 130px;
    height: 102px;
    color: #fff;
    background-color: #393e46;
    border-bottom: 1px solid #e3e5e9;
    text-align: center;
}
.tab-title-list .icon{
    display: inline-block;
    width: 46px;
    height: 44px;
    margin-top: 16px;
    background-image: url("../images/ico-tabTitle-list.png");
    background-repeat:no-repeat;
}
.tab-title-list .ico-process{
    background-position: 0 0;
}
.tab-title-list .ico-later-maintenance{
    background-position:-46px 0;
}
.tab-title-list .ico-server-performs{
    background-position: -92px 0;
}
.tab-title-list .ico-cost-product{
    background-position: -138px 0;
}
.tab-title-list .ico-optimization{
    background-position: -184px 0;
}
.tab-title-list .ico-db-abilities{
    background-position:-230px 0;
}
.tab-title-list .ico-overall-merit{
    background-position: -276px 0;
}

.tab-title-list .item-title{
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}


/*寰俊鍒嗛攢鍟嗗煄鎺掔増*/
.lj-pos-pb{
    width: 340px;
    margin-bottom: 50px;
}
.de-after-bg:after{
    content: '';
    height: 0;
    line-height: 0;
    overflow: hidden;
}
.banner-wechat-distribution{
    width: 100%;
    padding-top: 14px;
}
.banner-wechat-distribution img{
    width: 100%;
}
.everywhere-distribution h2.title{
    margin-bottom: 70px;
}
.everywhere-distribution .distribution-pic{
    width: 1188px;
    margin: 0 auto;
}
.distribution-pic>img{
    width: 100%;
}
.own-e-commerce .pic-e-commerce{
    width: 1327px;
    margin: 0 auto;
}
.pic-e-commerce>img{
    width: 100%;
}
.what-interface{
    padding-top: 80px;
    padding-bottom: 200px;
}
.what-interface .title{
    font-size: 36px;
    line-height: 1;
    color: #222;
    margin-bottom: 54px;
    text-align: center;
}
.what-interface .right-pic{
    float: right;
    width: 389px;
    height: 799px;
    margin-left: 200px;
    background: url("../images/bg-iphone-change.png") no-repeat 0 0;
}
.what-interface .show-pic{
    width: 338px;
    height: 583px;
    margin: 90px 25px 0;
    overflow: hidden;
}
.what-interface .show-pic>img{
    width: 100%;
}
.what-interface .left-tab{
    float: right;
}
.what-shopping .right-pic,.mall-interface .right-pic{
    float: left;
    margin-left: 0;
    margin-right: 200px;
}
.what-shopping .left-tab,.mall-interface .left-tab{
    float: left;
}

.tiny-distribution{
    padding-top: 136px;
    width: 600px;
}
.tiny-distribution>li{
    float: left;
    width: 130px;
    padding: 0 10px;
    margin-bottom: 30px;
    text-align: center;
}
.tiny-distribution .icon{
    display: inline-block;
    height: 94px;
    width: 94px;
    border: 3px solid #505c63;
    border-radius: 12px;
    cursor: pointer;
    background-image: url("../images/ico-what-interface.png");
    background-repeat: no-repeat;
}
.what-shopping .tiny-distribution .icon{
    background-image: url("../images/ico-what-shopping.png");
}
.mall-interface .tiny-distribution .icon{
    background-image: url("../images/ico-mall-interface.png");
}
.ico-distribution-center,.ico-index-page{
    background-position: 0 0;
}
.ico-my-card,.ico-class-page,.ico-shop-street{
    background-position: -94px 0;
}
.ico-my-shop,.ico-list-page{
    background-position: -188px 0;
}
.ico-order-d,.ico-detail-page{
    background-position: -282px 0;
}
.ico-set-page,.ico-shop-cart,.ico-merchant-store{
    background-position: 0 -94px;
}
.ico-ranking-d,.ico-order-confirm,.ico-fresh-taste{
    background-position: -94px -94px;
}
.ico-my-team,.ico-member-center{
    background-position: -188px -94px;
}
.ico-must-see,.ico-all-order{
    background-position: -282px -94px;
}
.tiny-distribution .icon:hover{
    border-color: #e23435;
    background-color: #e23435;
    background-image: url("../images/ico-what-interfaceH.png");
}
.tiny-distribution .active .icon{
    border-color: #e23435;
    background-color: #e23435;
    background-image: url("../images/ico-what-interfaceH.png");
}
.what-shopping .tiny-distribution .icon:hover{
    background-image: url("../images/ico-what-shoppingH.png");
}
.what-shopping .tiny-distribution .active .icon{
    background-image: url("../images/ico-what-shoppingH.png");
}
.mall-interface .tiny-distribution .icon:hover{
    background-image: url("../images/ico-mall-interfaceH.png");
}
.mall-interface .tiny-distribution .active .icon{
    background-image: url("../images/ico-mall-interfaceH.png");
}

.tiny-distribution .item-til{
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333;
}
.qr-code-sb{
    float: right;
    margin-top: 20px;
	margin-right:25px;
}
.help-operate{
    height: 758px;
    background: url("../images/bg-help-operate.jpg") no-repeat center 0;
    text-align: center;
    overflow:hidden;
}
.help-operate .title{
    padding-top: 70px;
    line-height: 1;
    font-size: 36px;
    color: #fff;
}
.help-operate .des{
    padding: 32px 0;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
}
.help-operate .help-operate-pic{
    padding-top: 40px;
    width: 1245px;
    margin: 0 auto;
}
.help-operate .help-operate-pic>img{
    width: 100%;
}
.ability-introduce{
    padding-top: 120px;
    padding-bottom: 80px;
}
.ability-introduce p.des{
    margin-bottom: 40px;
}
.ability-introduce .pic-warp{
    height: 760px;
    background-color: #f6f9fc;
}
.pic-ability-introduce{
    padding-top: 36px;
    width: 979px;
    margin:0 auto;
}
.pic-ability-introduce>img{
    width: 100%;
}

.relaxed-make-money{
    padding-bottom: 70px;
}
.relaxed-make-money p.des{
    margin-bottom: 20px;
}
.relaxed-make-money .pic-warp{
    height: 741px;
    background: url("../images/bg-make-money.jpg") no-repeat center 0;
}
.make-money-pic{
    padding-top: 110px;
    width: 1189px;
    margin: 0 auto;
}
.make-money-pic>img{
   width: 100%;
}

/*b2c*/
.banner-show-center{
    position: relative;
    margin-top: 14px;
    overflow: hidden;
}
.banner-show-center>img{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.banner-b2c{
    height: 500px;
}
.demand-b2c{
    padding-top: 44px;
}
.character-lists{
    padding: 30px 0 44px;
    height: 216px;
    width: 1210px;
    margin: auto;
}
.character-lists li{
    float: left;
    padding: 7px;
    border: 1px dashed #99e3df;
    margin: 0 8px;
}
.character-lists div{
    width: 210px;
    height:175px;
    padding-top: 25px;
    background-color: #eef8f8;
    text-align: center;
}
.character-lists i{
    display: block;
    width: 62px;
    height: 62px;
    margin:auto;
    background-image: url("../images/ico-collection-b2c.png");
    background-repeat: no-repeat;
}
.ico-b2c-1{
    background-position: 0 0;
}
.ico-b2c-2{
    background-position:-68px 0;
}
.ico-b2c-3{
    background-position:-136px 0;
}
.ico-b2c-4{
    background-position:-204px 0;
}
.ico-b2c-5{
    background-position:-272px 0;
}
.character-lists span{
    display: block;
    font: 20px/44px bold;
    color: #333;
}
.character-lists em{
    display: block;
    padding: 0 20px;
    font-size: 14px;
    line-height: 21px;
    color: #666;
}
.exhibit-lists{
    width: 1230px;
    height: 288px;
    margin: auto;
}
.exhibit-lists li{
    float: left;
    width: 351px;
    height:90px;
    padding-top: 22px;
    padding-left: 27px;
    margin: 0 15px 30px;
    border:1px dashed #c9dfdf;
}
.exhibit-lists i{
    float: left;
    width: 63px;
    height: 60px;
    margin-right: 20px;
    background-image: url("../images/ico-collection-b2c.png");
    background-repeat: no-repeat;
}
.ico-b2c-6{
    background-position: -340px 0;
}
.ico-b2c-7{
    background-position: -403px 0;
}
.ico-b2c-8{
    background-position: -466px -60px;
}
.ico-b2c-9{
    background-position: -340px -60px;
}
.ico-b2c-10{
    background-position: -403px -60px;
}
.ico-b2c-11{
    background-position: -466px -60px;
}
.exhibit-lists div{
    float: left;
    width: 250px;
}
.exhibit-lists span{
    display: block;
    line-height: 1;
    font-size: 18px;
    margin-bottom: 13px;
    color: #333;
}
.exhibit-lists em{
    line-height: 20px;
    font-size: 14px;
    color: #666;
}
.demand-b2c-pic{
    padding: 36px 0 100px;
    text-align: center;
}
.convenient-b2c{
    padding-top: 44px;
    height: 656px;
    background: url("../images/bg-convenient-b2c.jpg") no-repeat center 0;
}
.convenient-b2c .section-title,.convenient-b2c .section-des{
    color: #fff;
}
.convenient-b2c .convenient-wrap{
    padding-top: 34px;
    width: 1200px;
    margin: auto;
}
.convenient-b2c .convenient-wrap ul{
    float: left;
    width: 750px;
    margin: 0;
}
.convenient-b2c .convenient-wrap li{
    float: left;
    width: 200px;
    padding:0 20px;
    height: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}
.convenient-b2c .convenient-wrap em{
     display: block;
     padding-top: 14px;
     font-size: 18px;
     color: #333;
     line-height: 40px;
 }
.convenient-b2c .convenient-wrap span{
    display: block;
    font-size:14px;
    color: #666;
    line-height:22px;
}
.convenient-b2c .convenient-wrap>div{
    float: right;
}
.logistics-b2c{
    padding-top: 64px;
    height: 420px;
}
.logistics-b2c>ul{
    width: 1200px;
    margin: auto;
    padding-top: 50px;
}
.logistics-b2c li{
    float: left;
    width: 240px;
    text-align: center;
}
.logistics-b2c li>i{
    display: block;
    width: 68px;
    height: 65px;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url("../images/ico-collection-b2c.png");
}
.ico-b2c-12{
    background-position:0 -62px;
}
.ico-b2c-13{
    background-position:-68px -62px;
}
.ico-b2c-14{
    background-position:-136px -62px;
}
.ico-b2c-15{
    background-position:-204px -62px;
}
.ico-b2c-16{
    background-position:-272px -62px;
}

.logistics-b2c li>em{
     display: block;
     padding-top: 6px;
     line-height: 40px;
     font-size:18px;
     color: #333;
}
.logistics-b2c li>span{
    display: block;
    line-height:22px;
    font-size:14px;
    color: #666;
}
.core-b2c{
    height:936px;
    padding-top: 64px;
    background: url("../images/bg-core-b2c.jpg") no-repeat center 0;
}
.core-b2c>ul{
    padding-top: 30px;
    width: 1200px;
    margin: auto;
}
.core-b2c li{
    float: left;
    width: 280px;
    height: 280px;
    padding: 0 60px;
}
.core-b2c li>i{
    display: block;
    width: 161px;
    height: 113px;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url("../images/ico-collection-b2c.png");
}
.ico-b2c-17{
    background-position:0 -127px;
}
.ico-b2c-18{
    background-position:-161px -127px;
}
.ico-b2c-19{
    background-position:-322px -127px;
}
.ico-b2c-20{
    background-position:0 -240px;
}
.ico-b2c-21{
    background-position:-161px -240px;
}
.ico-b2c-22{
    background-position:-322px -240px;
}
.core-b2c li>em{
    display: block;
    padding-top:10px;
    line-height: 60px;
    font-size:24px;
    color: #333;
    text-align: center;
}
.core-b2c li>span{
    display: block;
    line-height:24px;
    font-size:16px;
    color: #666;
}
.core-b2c .experience-now{
    display: block;
    width: 250px;
    margin: 54px auto 0;
    line-height: 80px;
    font-size: 32px;
    color: #fff;
    text-align: center;
    background-color: #2437ad;
}





    /*mobile app*/
.minishop .mini5 .container{background-color:#3c414a;}
.minishop .mini5 .sc-title{color:#fff;}
.minishop .mini5 .sc-subtitle{color:#fff;}

.h-572{
	height:572px;
}
.technology-title{
	margin:40px auto 100px;
	width:350px;
	height:72px;
	line-height:72px;
	text-align:center;
	font-size:24px;
	color:#fff;
	background-color:#3c414a;
	border-radius:5px;
}
.minishop .de-module-bg{
	background-color:transparent;
}
.linguistic-frame-list>li{
	float:left;
	width:180px;
	height:286px;
	overflow:hidden;
}
.linguistic-frame-list>li+li{
	margin-left:77px;
}
.linguistic-frame-list .icon{
	display:block;
	width:150px;
	height:150px;
	margin:0 auto;
	background-image:url("../images/ico-linguistic-frame.png");
	background-repeat:no-repeat;
}
.linguistic-frame-list .ico-html5{
	background-position:0 0;
}	
.linguistic-frame-list .ico-css3{
	background-position:-150px 0;
}	
.linguistic-frame-list .ico-pjax{
	background-position:-300px 0;
}	
.linguistic-frame-list .ico-mvc{
	background-position:-450px 0;
}	
.linguistic-frame-list .ico-iconfont{
	background-position:-600px 0;
}	

.linguistic-frame-list .title{
	height:60px;
	padding-top:16px;
	line-height:60px;
	font-size:24px;
	color:#333;
	text-align:center;
}
.linguistic-frame-list li>p{
	line-height:20px;
	font-size:14px;
	color:#82939e;
	word-break:break-all;
	text-align:left;
}
.bind-user{
	position:relative;
	height:1010px;
}
.bind-user .bg-wrap{
	height:680px;
	padding-top:80px;
	background-color:#3c414a;
}
.bind-user h2.title{
	color:#fff;
}
.bind-user p.des{
	color:#fff;
}
.bind-user .pic-bind-user{
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-385px;
}
.ten-speed-image{
	width:100%;
	height:1029px;
	background:url("../images/bg-ten-speed.png") no-repeat center 0;
}
/*020*/
.banner-020{
    position: relative;
    width: 100%;
    height: 500px;
}
.banner020-pic{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 500px;
}
.banner020-cont{
    position: absolute;
    top: 112px;
    left: 50%;
    margin-left: -340px;
    width: 680px;
    height: 320px;
    text-align: center;
}
.banner020-cont .title{
    color: #fff;
    font-size: 90px;
    line-height: 120px;
}
.banner020-cont .des{
    padding-bottom: 25px;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
}
.cont020-nav{
	width: 576px;
    margin: 0 auto;
}
.cont020-nav>li{
    float: left;
    width: 60px;
    height: 62px;
    padding: 20px 30px;
    margin: 0 36px;
    line-height: 31px;
    background: url("../images/bg-020-nav.png") no-repeat 0 0;
    color: #ffba00;
    font-size: 30px;
    cursor: pointer;
}
.cont020-nav>li:hover{
    background-image: url("../images/bg-020-navH.png");
    color: #fff;
}
.cont-pic-mode .title{
    height: 88px;
    line-height: 88px;
    font-size: 40px;
    text-align: center;
    color: #1e1e1e;
}
.cont-pic-mode .line-wrap{
    text-align: center;
    padding-bottom: 36px;
}
.cont-pic-mode .line-wrap .line{
    display: inline-block;
    width: 512px;
    height: 6px;
    background: url("../images/bg-line020.png") no-repeat 0 0;
}
.cont-pic-mode .des{
    padding: 0 60px;
    line-height:40px;
    font-size: 18px;
    text-align: center;
    color: #373737;
}
.mode020{
    padding-top: 56px;
}
.mode020-pic{
    padding: 60px  0  80px;
    margin:0 auto;
    width: 880px;
    height: 270px;
}
.system020-city{
    height: 1180px;
}
.system020-city-wrap{
    height: 1000px;
    padding-top: 48px;
    background-color: #2c3746;
}
.system020-city-wrap .title,.system020-city-wrap .des{
    color: #fff;
}
.system020-city-pic{
    padding-top: 40px;
    margin:0 auto;
    width: 850px;
    height: 850px;
}
.system020-community{
    padding-top: 80px;
}
.system020-community-pic{
    padding: 30px 0 80px;
    margin:0 auto;
    width: 960px;
    height: 650px;
}
.system020-home{
    padding-top: 40px;
    height: 690px;
    background: url("../images/bg-system020-home.png") no-repeat center 0;
}
.apply020{
    padding-top: 60px;
    text-align: center;
}
.apply020 .title{
    height: 84px;
    line-height: 84px;
    color: #373737;
    font-size: 32px;
}
.apply020 .des{
    position: relative;
    padding:0 60px 30px;
    font-size: 16px;
    line-height: 30px;
    color: #7b7b7b;
}
.apply020 .trigon-down{
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -14px;
    width: 0;
    height: 0;
    border-top: 15px solid #d1d1d1;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
}
.apply020-list{
    padding:50px 0 80px;
    width: 1152px;
    margin:0 auto;
}
.apply020-list>li{
    float: left;
    width: 192px;
    height: 192px;
}
.apply020-list .ico{
    display: inline-block;
    width: 110px;
    height: 110px;
    background-image: url("../images/ico-apply020-list.png");
    background-repeat: no-repeat;
}
.ico020-1{
    background-position: 0 0;
}
.ico020-2{
    background-position: -110px 0;
}
.ico020-3{
    background-position: -220px 0;
}
.ico020-4{
    background-position: -330px 0;
}
.ico020-5{
    background-position: -440px 0;
}
.ico020-6{
    background-position: -550px 0;
}
.ico020-7{
    background-position: 0 -110px;
}
.ico020-8{
    background-position: -110px -110px;
}
.ico020-9{
    background-position: -220px -110px;
}
.ico020-10{
    background-position: -330px -110px;
}
.ico020-11{
    background-position: -440px -110px;
}
.ico020-12{
    background-position: -550px -110px;
}
.ico020-13{
    background-position: 0 -220px;
}
.ico020-14{
    background-position: -110px -220px;
}
.ico020-15{
    background-position: -220px -220px;
}
.ico020-16{
    background-position: -330px -220px;
}
.ico020-17{
    background-position: -440px -220px;
}
.ico020-18{
    background-position: -550px -220px;
}
.apply020-list .apply020-name{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #7b7b7b;
}
/*跨境电商*/
.banner-cb{
    position: relative;
    width: 100%;
    height: 500px;
    margin-top: 14px;
}
.banner-cb-pic{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.banner-cb .contact-btn{
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background-color: #ffba00;
    border-radius:5px ;
    cursor: pointer;
}
.prospect-cb{
    padding-top: 50px;
    padding-bottom: 100px;
}
.hot-tips-wrap{
    text-align: center;
}
.hot-tips{
    display: inline-block;
    padding:0 40px;
    margin: 30px 0 50px;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    background-color: #ff4d4d;
    border-radius: 22px;
}
.pic-prospect-cb{
    margin: 0 auto;
    width: 980px;
    height: 440px;
}
.business-cb{
    height: 616px;
    padding-top: 50px;
    background: url("../images/bg-business-cb.png") no-repeat center 130px #f3f3f3;
}
.pic-business-cb{
    width: 1140px;
    height: 150px;
    margin: 35px auto 0;
}
.business-cb-list{
    padding-top: 75px;
}
.business-cb-list>li{
    float: left;
    width: 160px;
    height: 189px;
}
.business-cb-list>li+li{
    margin-left: 50px;
}
.choose-cb{
    padding: 65px 0 90px;
}
.choose-cb-list{
    width: 1240px;
    margin: 0 auto;
    padding-top: 30px;
}
.choose-cb-list>li{
    position: relative;
    float: left;
    width: 270px;
    height: 194px;
    background-color: #f3f3f3;
    margin:0 20px 40px;
    border-radius: 5px;
    overflow: hidden;
}
.choose-cb-list .ico{
    display:block;
    width: 76px;
    height: 76px;
    margin: 40px auto 0;
    background-image: url("../images/ico-choose-cb.png");
    background-repeat: no-repeat;
}
.ico-cb1{
    background-position:0 0;
}
.ico-cb2{
    background-position:-76px 0;
}
.ico-cb3{
    background-position:-152px 0;
}
.ico-cb4{
    background-position:-228px 0;
}
.ico-cb5{
    background-position:0 -76px;
}
.ico-cb6{
    background-position:-76px -76px;
}
.ico-cb7{
    background-position:-152px -76px;
}
.ico-cb8{
    background-position:-228px -76px;
}
.choose-cb-list .choose-name{
    display: block;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #434343;
    text-align: center;
}
.choose-cb-list .choose-cont{
    position:absolute;
    left:-100%;
    top:-100%;
    width: 100%;
    height: 100%;
    color: #fff;
}
.choose-cb-list .choose-cont.trans{
    transition: all .2s;
}
.choose-cb1{
    background-color: #ff4d4d;
}
.choose-cb2{
    background-color: #32a6ff;
}
.choose-cb3{
    background-color: #ff893b;
}
.choose-cb4{
    background-color: #45e1af;
}
.choose-cb5{
    background-color: #4669ea;
}
.choose-cb6{
    background-color: #f6bf19;
}
.choose-cb7{
    background-color: #83df17;
}
.choose-cb8{
    background-color: #f8509f;
}

.choose-cb-list .choose-title{
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
}
.choose-cb-list .choose-text{
    padding: 0 25px;
    line-height: 24px;
    font-size: 14px;
}
/*共用*/
.section-title,.section-des{
    width: 1200px;
    margin: auto;
    text-align: center;
}
.section-title{
    font-size: 36px;
    line-height: 108px;
    color: #333;
}
.section-title span{
    font-weight: bold;
}
.section-des{
    font-size:18px;
    line-height:30px;
    color: #666;
}

/*b2b2c单页*/
.banner-b2b2c{
    height: 500px;
}
.banner-b2b2c>a{
    position: absolute;
    top:368px;
    left: 50%;
    margin-left: -534px;
    width: 130px;
    height: 46px;
    border-radius: 23px;
    background-color: transparent;
    z-index: 2;
}
.what-b2b2c{
    padding-top: 44px;
}
.what-b2b2c .what-pic{
    text-align: center;
    padding: 45px 0 60px;
}
.support-b2b2c{
    background-color: #f3f3f5;
    padding: 44px 0 40px;
}
.support-b2b2c .nav-list-wrap{
    width: 1200px;
    height: 540px;
    margin: auto;
}
.support-b2b2c ul{
    margin: 0;
}
.support-b2b2c .pattern-nav{
    padding: 50px 0;
    height: 50px;
}
.support-b2b2c .pattern-nav li{
    float: left;
    width: 158px;
    margin: 0 40px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #333;
    border: 1px solid #666;
    border-radius: 6px;
    cursor: pointer;
}
.support-b2b2c .pattern-nav .li-ac{
    border-color: #262a5f;
    background-color: #262a5f;
    color: #fff;
}
.support-b2b2c .pattern-cont li{
    display: none;
}
.support-b2b2c .pattern-cont .li-ac{
    display:block;
}
.support-b2b2c .cont-l-wrap{
    float: left;
    padding-left: 40px;
    width: 520px;
}
.support-b2b2c .cont-l-wrap i{
    display: block;
    height: 30px;
    padding-bottom: 25px;
    font-size: 30px;
    line-height: 1;
    color: #333;
}
.support-b2b2c .cont-l-wrap span{
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #666;
    padding-left: 20px;
    padding-bottom: 18px;
}
.support-b2b2c .cont-l-wrap span:before{
    content: '';
    position: absolute;
    width:11px;
    height:11px;
    left: 0;
    top:9px;
    background: url("../images/ico-lists-flag.png") no-repeat 0 0;
}
.support-b2b2c .pic-r-wrap{
    float: right;
}
.structure-b2b2c{
    padding-top: 54px;
}
.structure-b2b2c .structure-pic{
    text-align: center;
    padding: 50px 0 90px;
}
.multiplatform-b2b2c{
    padding-top: 44px;
    height: 704px;
    background: url("../images/bg-mp-b2b2c.jpg") no-repeat center 0;
}
.multiplatform-b2b2c .section-title,.multiplatform-b2b2c .section-des{
    color: #fff;
}
.multiplatform-b2b2c .mp-lists{
    width: 1218px;
    margin:40px auto 0;
}
.multiplatform-b2b2c .mp-lists li{
    float: left;
    width: 350px;
    height: 198px;
    padding-left: 40px;
    margin: 8px;
    background-color: rgba(255,255,255,.8);
    color: #333;
}
.multiplatform-b2b2c .mp-title{
    margin: 32px 0 15px;
    height: 67px;
    line-height: 67px;
    font-size: 24px;
}
.multiplatform-b2b2c .ico{
    display: inline-block;
    vertical-align: top;
    width: 67px;
    height: 67px;
    margin-right: 15px;
    background-image: url("../images/ico-mp-lists.png");
    background-repeat: no-repeat;
}
.ico-mp1{
    background-position: 0 0;
}
.ico-mp2{
    background-position:-67px 0;
}
.ico-mp3{
    background-position:-134px 0;
}
.ico-mp4{
    background-position: 0 -67px;
}
.ico-mp5{
    background-position:-67px -67px;
}
.ico-mp6{
    background-position:-134px -67px;
}

.multiplatform-b2b2c .mp-des{
    line-height: 28px;
    font-size: 16px;
}
.service-b2b2c{
    height: 627px;
    padding: 75px 0 70px;
    width: 1200px;
    margin: auto;
}
.service-b2b2c .service-title{
    font: 24px/1 bold;
    color: #333;
    padding: 80px 0 30px;
}
.service-b2b2c .service-des{
    font-size: 18px;
    color: #666;
    line-height: 30px;
    width: 520px;
    padding-bottom: 54px;
}
.service-b2b2c .btn-for-detail{
    display: block;
    width: 238px;
    text-align: center;
    background: #373c85;
    font:24px/68px bold;
    color: #ffea00;
    border: 1px solid #999;
    border-radius: 6px;
}
/*拼团单页*/
.banner-team{
    height: 500px;
}
.what-team{
    padding-top: 44px;
    text-align: center;
}
.what-team .general-word{
    display: inline-block;
    margin-top: 34px;
    line-height: 46px;
    background-color: #4a148c;
    border-radius: 23px;
    padding:0 50px;
    font-size: 22px;
    color: #fff;
}
.version-team{
    width: 1060px;
    height: 250px;
    margin: 56px auto 0;
}
.version-team>li{
    float: left;
    width: 300px;
    height: 250px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
    color: #333;
}
.version-team>li+li{
    margin-left: 80px;
}
.version-team .li1{
    background-image: url("../images/bg-v-item1.jpg");
}
.version-team .li2{
    background-image: url("../images/bg-v-item2.jpg");
}
.version-team .li3{
    background-image: url("../images/bg-v-item3.jpg");
}
.version-team i{
    display: block;
    width: 80px;
    height:80px;
    margin: 32px auto 0;
    background-image: url("../images/ico-collection-team.png");
    background-repeat: no-repeat;
}
.ico-team-1{
    background-position: 0 0;
}
.ico-team-2{
    background-position: -80px 0;
}
.ico-team-3{
    background-position: -160px 0;
}
.version-team em{
    display: block;
    padding-top: 16px;
    line-height: 40px;
    font-size: 22px;
}
.version-team span{
    display: block;
    line-height: 24px;
    font-size: 14px;
}
.team-subtitle{
    line-height: 116px;
    padding-top: 40px;
    font-size: 28px;
    text-align: center;
    color: #333;
}
.goods-team{
    width: 1087px;
    height: 140px;
    margin: auto;
    padding-bottom: 100px;
}
.goods-team li{
    float: left;
    width: 121px;
}
.goods-team li+li{
    margin-left: 40px;
}
.goods-team i{
    display: block;
    width: 121px;
    height: 115px;
    background-image: url("../images/ico-collection-team.png");
    background-repeat: no-repeat;
}
.ico-team-4{
    background-position: 0 -98px;
}
.ico-team-5{
    background-position:-121px -98px;
}
.ico-team-6{
    background-position:-242px -98px;
}
.ico-team-7{
    background-position:-363px -98px;
}
.ico-team-8{
    background-position:-484px -98px;
}
.ico-team-9{
    background-position:-605px -98px;
}
.ico-team-10{
    background-position:-726px -98px;
}
.goods-team{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #666;
}
.solve-team{
    height: 574px;
    padding-top: 44px;
    background: url("../images/bg-solve-team.jpg") no-repeat center 0;
}
.plan-team{
    width: 1130px;
    margin: 108px auto 0;
}
.plan-team li{
    float: left;
    position: relative;
    width: 260px;
    height:240px;
    background-color: #fff;
}
.plan-team li+li{
    margin-left: 30px;
}
.plan-team i{
    position: absolute;
    top: -46px;
    left:81px;
    width: 98px;
    height: 98px;
    background-image: url("../images/ico-collection-team.png");
    background-repeat: no-repeat;
}
.ico-team-11{
    background-position:-240px 0;
}
.ico-team-12{
    background-position:-338px 0;
}
.ico-team-13{
    background-position:-436px 0;
}
.ico-team-14{
    background-position:-534px 0;
}
.plan-team em{
    display: block;
    padding-top: 52px;
    line-height: 54px;
    text-align: center;
    font-size: 24px;
    color: #333;
}
.plan-team span{
    display: block;
    padding: 0 25px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.worth-team{
    padding: 44px 0 64px;
}
.embody-team{
    width: 1068px;
    margin: 48px auto 0;
}
.embody-team li{
    float: left;
    width: 362px;
    padding: 0 54px;
    height: 186px;
    margin:27px 32px;
    border-radius: 8px;
    -moz-box-shadow:0 0 10px rgba(0,0,0,.5);
    box-shadow:0 0 10px rgba(0,0,0,.5);
    background-color: #f9f7f9;
}
.embody-team li>div{
    padding:25px 0 21px 72px;
    height: 56px;
    line-height: 56px;
    font-size: 24px;
    color: #333;
}
.embody-team i{
    display: inline-block;
    width: 56px;
    height:56px;
    margin-right: 20px;
    background-image: url("../images/ico-collection-team.png");
    background-repeat: no-repeat;
    vertical-align: top;
}
.ico-team-15{
    background-position: -632px 0;
}
.ico-team-16{
    background-position: -688px 0;
}
.ico-team-17{
    background-position: -744px 0;
}
.ico-team-18{
    background-position: -800px 0;
}
.embody-team span{
    display: block;
    line-height: 25px;
    font-size: 14px;
    color: #666;
}
.example-team{
    padding-top: 50px;
    height: 696px;
    background-color: #f1f0f2;
}
.example-team .example-pic{
    padding-top: 30px;
    text-align: center;
}
.exponent-team{
    padding: 60px 0 105px;
    text-align: center;
}
.exponent-team .exponent-pic{
    padding-top: 66px;
}
.exponent-team .exponent-tips{
    padding-top: 96px;
    font-size: 30px;
    line-height: 42px;
    color: #481abf;
}
.btn-tryout-team{
    display: block;
    margin:36px auto 0;
    width: 230px;
    height: 64px;
    background:url("../images/bg-tryout-team.png") no-repeat 0 0;
}
/*小程序*/
.banner-routine{
    height: 600px;
    background: url("../images/banner-routine.jpg") no-repeat center 0;
}
.advantage-routine{
    text-align: center;
}
.advantage-routine .title{
    font-size: 36px;
    color: #333;
    line-height: 76px;
    padding-top: 50px;
}
.advantage-routine .title>span{
    color: #04c55a;
    vertical-align: top;
}
.advantage-routine .des{
    font-size:20px;
    color: #525252;
    line-height: 36px;
    padding-bottom: 25px;
}
.advantage-routine .cont{
    display: inline-block;
    padding: 0 50px;
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    background-color: #1cb661;
    border-radius: 23px;
}
.advantage-routine-pic{
    padding: 66px 0 80px;
}
.solution-routine{
    text-align: center;
    background-color: #22b363;
}
.solution-routine .title{
    font-size: 36px;
    color: #fff;
    line-height: 116px;
    padding-top: 34px;
}
.solution-routine .title>span{
    color: #ffea00;
    vertical-align: top;
}
.solution-routine-pic{
    padding-bottom: 72px;
}
.get-routine{
    text-align: center;
    color: #333;
}
.get-routine .title{
    padding-top: 55px;
    line-height: 86px;
    font-size: 36px;
}
.get-routine .title>span{
    color: #04c55a;
    vertical-align: top;
}
.get-routine .des{
    font-size: 20px;
    line-height: 1;
    padding-bottom: 50px;
}
.get-routine .des>span{
    color: #eb6900;
    vertical-align: top;
}
.get-routine .cont{
    padding-top: 44px;
    line-height: 100px;
    font-size: 30px;
}
.get-routine .cont>span{
    color: #10bd5d;
    vertical-align: top;
}
.get-routine .tips-btn{
    width: 188px;
    line-height: 32px;
    font-size: 18px;
    border:1px solid #333;
    margin: 0 auto;
}
.get-routine .btns-wrap{
    padding: 40px 0 80px;
}
.get-routine .btns-wrap>a{
    display: inline-block;
    width: 300px;
    line-height: 60px;
    font-size: 22px;
    color: #fff;
    border-radius: 10px;
    margin: 0 30px;
}
.get-routine .kown-more-btn{
    background-color: #22b363;
}
.get-routine .get-btn{
    background-color: #f57900;
}
/*代理加盟*/
.banner-enter{
    height: 500px;
}
.authorize-search{
    padding-top: 47px;
    height: 103px;
    text-align: center;
    background-color: #efefef;
}
.authorize-tips{
    display: inline-block;
}
.authorize-tips>i{
    float: left;
    width: 41px;
    height: 49px;
    margin-right: 16px;
    margin-top: 5px;
    background: url("../images/ico-seller-enters.png") no-repeat -384px 0;
}
.authorize-tips>span{
    float: left;
    line-height: 30px;
    color: #1b4896;
    text-align: left;
    font-size: 20px;
}
.authorize-tips b{
    font-size: 22px;
}
.authorize-search-form{
    display: inline-block;
    vertical-align: top;
    height: 56px;
    margin-left: 40px;
}
.authorize-search-form>input,.authorize-search-form>button{
    border: none;
    outline: none;
}
.authorize-search-form>input{
    float: left;
    width: 440px;
    line-height: 54px;
    padding: 0 20px;
    border: 1px solid #cbcbcb;
    background-color: #fff;
    color: #999;
}
.authorize-search-form>button{
    float: left;
    width: 72px;
    height: 56px;
    background: #1b4896 url("../images/ico-seller-enters.png") no-repeat -384px -49px;
}
.e-partner-product{
    padding-bottom: 40px;
}
.between-line{
    height: 160px;
    text-align: center;
}
.between-line>span{
    position: relative;
    display: inline-block;
    padding: 0 48px;
    font: bold 36px/160px 'Microsoft YaHei';
    color: #1b4896;
}
.between-line>span:before,.between-line>span:after{
    content: '';
    position: absolute;
    top: 79px;
    width: 40px;
    height: 2px;
    background-color: #1b4896;
}
.between-line>span:before{
    left: -40px;
}
.between-line>span:after{
    right: -40px;
}
.partner-lists1{
    width: 1230px;
    margin: 0 auto;
}
.partner-lists1>li{
    float: left;
    width: 378px;
    height: 258px;
    background-color:#f9f9f9;
    border:1px solid #dbdbdb;
    margin: 0 15px 30px;
    text-align: center;
    color: #666;
    overflow: hidden;
}
.partner-lists1>li:hover{
    color: #fff;
    background-color:#1b4896;
    border-color: #1b4896;
}
.partner-lists1>li:hover i{
    background-position-y:-54px;
}
.partner-lists1 i{
    display: block;
    width: 64px;
    height: 54px;
    margin: 45px auto 0;
    background-image: url("../images/ico-seller-enters.png");
    background-repeat: no-repeat;
}
.ico-partner1{
    background-position: 0 0;
}
.ico-partner2{
    background-position: -64px 0;
}
.ico-partner3{
    background-position: -128px 0;
}
.ico-partner4{
    background-position: -192px 0;
}
.ico-partner5{
    background-position: -256px 0;
}
.ico-partner6{
    background-position: -320px 0;
}
.partner-lists1 em{
    display: block;
    line-height:60px;
    font-size:20px;
    font-weight: bold;
}
.partner-lists1 span{
    display: block;
    line-height: 25px;
}
.e-select-reasons{
    height: 630px;
    background: url("../images/bg-select-reasons1.jpg") no-repeat center 0;
}
.select-reasons-list{
    width: 1230px;
    margin: 0 auto;
}
.select-reasons-list>li{
    float: left;
    width: 330px;
    height: 184px;
    padding: 0 30px 0 20px;
    margin: 0 15px 30px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.select-reasons-list i{
    float: left;
    width: 46px;
    height:46px;
    margin-right: 14px;
    margin-top: 72px;
    background-image: url("../images/ico-seller-enters.png");
    background-repeat: no-repeat;
}
.ico-reasons1{
    background-position: 0 -108px;
}
.ico-reasons2{
    background-position:-46px -108px;
}
.ico-reasons3{
    background-position:-92px -108px;
}
.ico-reasons4{
    background-position:-138px -108px;
}
.ico-reasons5{
    background-position:-184px -108px;
}
.ico-reasons6{
    background-position:-230px -108px;
}
.select-reasons-cont{
    float: left;
    width: 270px;
    color: #333;
    padding-top: 36px;
}
.select-reasons-cont>em{
    display: block;
    font-size: 18px;
    line-height: 42px;
}
.select-reasons-cont>span{
    display: block;
    line-height: 22px;
    font-size: 14px;
}
.enter-reasons{
    padding-bottom: 40px;
}
.enter-reasons-list{
    width: 1200px;
    margin: 0 auto;
}
.enter-reasons-list>li{
    float: left;
    width: 380px;
    height: 340px;
    border-radius:6px;
    overflow: hidden;
    font-size: 0;
    background-color: #f0f0f0;
}
.enter-reasons-list>li+li{
    margin-left: 30px;
}
.enter-reasons-list img{
    width: 380px;
    height: 274px;
}
.enter-reasons-list span{
    display:block;
    line-height: 66px;
    text-align: center;
    color: #333;
    font-size: 16px;
}
.e-become-agent{
    padding-bottom: 120px;
    text-align: center;
}
.pic-become-agent{
    margin: 20px 0 110px;
    font-size: 0;
}
a.btn-become-agent{
    display: inline-block;
    width: 250px;
    line-height:78px;
    font-size: 30px;
    color: #fff;
    background-color: #1b4896;
    border-radius: 6px;
}