/**
 * 设置字体
 */
/* @font-face {font-family: 'webfont';
   src: url('//at.alicdn.com/t/0cw68n4bdf426gvi.eot');
   src: url('//at.alicdn.com/t/0cw68n4bdf426gvi.eot?#iefix') format('embedded-opentype'),
   url('//at.alicdn.com/t/0cw68n4bdf426gvi.woff') format('woff'),
   url('//at.alicdn.com/t/0cw68n4bdf426gvi.ttf') format('truetype'),
   url('//at.alicdn.com/t/0cw68n4bdf426gvi.svg#NotoSansHans-DemiLight') format('svg');
 }
*/
/**
*  ipad 兼容处理
*/
@media (min-width: 641px){
  .b2c_android,.b2c_iphone,.b2c_ipad,.b2c_backstage,.b2c_featurelist,.b2c_function,
  .b2c_plugin,.b2c_view,.b2c_web,.b2c_wechat,.b2c_weshop{
      display: block !important;
      font-size: 14px !important;
  }
  .suspension-mobile{display: none;}
  
  .content{overflow: hidden;}

  .suspension-box{display: block;}
  .b2c-nav{width: auto; min-width: 1210px;}
  .b2c-nav .fix-nav-wrapper{width: 1180px !important;}
}

/**
*  公用部分
*/
.section-wrapper{width:1210px;margin:0 auto; position: relative; }
.section-wrapper .title{padding-top: 60px; text-align: center; }
/**
 * WEB端样式
 */

/*二级nav 下拉样式*/
.b2c-nav{-webkit-box-shadow: 0px 0px 6px rgba(0, 0,0, 0.3); -moz-box-shadow: 0px 0px 6px rgba(0, 0,0, 0.3);box-shadow: 0px 0px 6px rgba(0, 0,0, 0.3);width: 100%;height: 60px;background: #fff;position: absolute;top: 80px;z-index: 1000;border-bottom: 1px solid #ccc;}
.b2c-nav .fix-nav-wrapper{width: 1210px;height: 100%;margin: 0 auto;}
.b2c-nav .fix-nav-wrapper div.l{float: left;font-size: 24px;line-height: 60px;}
.b2c-nav .fix-nav-wrapper div.r{float: right;font-size: 16px;line-height: 60px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa{float: left;}
.b2c-nav .fix-nav-wrapper div.r a.r-btn-a{float: right;display: block;background-color: #3db8f1;color: #fff;font-size: 14px;width: 110px;height: 30px;line-height: 30px;text-align: center;margin-top:15px;margin-left: 20px;}
.b2c-nav .l{overflow: hidden;}
.b2c-nav .l .fl{float: left;height:40px;margin-top: 20px;margin-right: 10px;}
.b2c-nav .l .fl img{max-height: 100%;}
.b2c-nav .fix-nav-wrapper div.r .look-demo{float: left;width:110px;height:30px;margin-top:15px;margin-left: 20px; line-height:30px; font-size:14px; background-color: #9ecc17;color: #fff; text-align:center; cursor:pointer;}
.b2c-nav .fix-nav-wrapper ul.child{position: absolute;left: 0;top: 60px;z-index: 12;width: 100%;overflow: hidden;height: 0; opacity: 0;filter: alpha(opacity=0);}
.b2c-nav .fix-nav-wrapper div.r ul.child li{width: 100%;text-align: center;height:35px;line-height: 35px;border-bottom:1px solid #ccc;}
.b2c-nav .fix-nav-wrapper div.r li ul.child a{font-size: 14px;color: #333;background: none;background-color: #f5f5f5;}
.b2c-nav .fix-nav-wrapper div.r ul.child li:last-child{border-bottom: none;}
.b2c-nav.f{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease;transition: all .5s ease;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li{cursor: pointer; float: left; padding: 0 20px;background: url(../images/b2b2c/xt.png) no-repeat right center;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li .nav-icon{display: inline-block;vertical-align: middle;width: 30px;height:20px;background: url(../sike_shop_files/nav_menu.png) no-repeat 2px 0;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(2) .nav-icon{background-position:10px -30px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(3) .nav-icon{background-position:5px -60px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(4) .nav-icon{background-position:5px -90px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(5) .nav-icon{background-position:0 -120px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(6) .nav-icon{background-position:0px -150px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(7) .nav-icon{background-position:0px -180px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li:nth-child(2){padding-left: 10px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li:nth-child(3){padding-left: 15px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li:nth-child(4){padding-left: 15px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li:nth-child(6){padding-left: 10px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li:nth-child(7){padding-left: 10px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li.active .nav-icon{background-position:-38px 0;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(2):hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(2).active .nav-icon{background-position:-30px -30px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(3):hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(3).active .nav-icon{background-position:-35px -60px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(4):hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(4).active .nav-icon{background-position:-35px -90px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(5):hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(5).active .nav-icon{background-position:-40px -120px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(6):hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(6).active .nav-icon{background-position:-40px -150px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(7):hover .nav-icon,
.b2c-nav .fix-nav-wrapper div.r ul.fa li:nth-child(7).active .nav-icon{background-position:-40px -180px;}
.b2c-nav .fix-nav-wrapper div.r ul li a{color:#333;}
.b2c-nav .fix-nav-wrapper div.r ul li span{padding-left: 10px;vertical-align: middle;}
.b2c-nav .fix-nav-wrapper div.r ul li img{vertical-align: middle;}
.b2c-nav .fix-nav-wrapper div.r ul.fa>li:last-child{background: none;}
.b2c-nav .fix-nav-wrapper div.r a.r-btn-a{float: right;display: block;background-color: #3db8f1;color: #fff;font-size: 14px;width: 110px;height: 30px;line-height: 30px;text-align: center;margin-top:15px;margin-left: 20px;}
.look-content {position: absolute;top: 60px;left:0;background: #fff;border-bottom: 1px solid #ddd;width: 100%;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li>div{display: none;margin: 0 auto;border-top: 1px solid #ddd;text-align: center;}
.look-content li.look-li i.nav-children-icon {display: block;width: 80px;height: 70px;margin: 0 auto;background: #ccc;background: url('../images/b2c/nav_children_menu.png');}
.look-content li.look-li:nth-of-type(2) i.nav-children-icon {background-position:0 -80px}
.look-content li.look-li:nth-of-type(3) i.nav-children-icon {background-position:0 -160px}
.b2c-weshop li.look-li:nth-of-type(1) i.nav-children-icon {background-position:0 -240px}
.b2c-weshop li.look-li:nth-of-type(2) i.nav-children-icon {background-position:0 -320px}
.b2c-func li.look-li:nth-of-type(1) i.nav-children-icon {background-position:0 -400px}
.b2c-func li.look-li:nth-of-type(2) i.nav-children-icon {background-position:-5px -480px}
.b2c-func li.look-li:nth-of-type(3) i.nav-children-icon {background-position:0 -560px}
.look-content li.look-li:hover i.nav-children-icon,
.look-content li.look-li.active i.nav-children-icon{background-position: -80px 0;}
.look-content li.look-li:nth-of-type(2):hover i.nav-children-icon,
.look-content li.look-li:nth-of-type(2).active i.nav-children-icon{background-position: -80px -80px;}
.look-content li.look-li:nth-of-type(3):hover i.nav-children-icon,
.look-content li.look-li:nth-of-type(3).active i.nav-children-icon{background-position: -80px -160px;}
.b2c-weshop li.look-li:nth-of-type(1):hover i.nav-children-icon,
.b2c-weshop li.look-li:nth-of-type(1).active i.nav-children-icon{background-position: -80px -240px;}
.b2c-weshop li.look-li:nth-of-type(2):hover i.nav-children-icon,
.b2c-weshop li.look-li:nth-of-type(2).active i.nav-children-icon{background-position: -80px -320px;}
.b2c-func li.look-li:nth-of-type(1):hover i.nav-children-icon,
.b2c-func li.look-li:nth-of-type(1).active i.nav-children-icon{background-position: -80px -400px;}
.b2c-func li.look-li:nth-of-type(2):hover i.nav-children-icon,
.b2c-func li.look-li:nth-of-type(2).active i.nav-children-icon{background-position: -85px -480px;}
.b2c-func li.look-li:nth-of-type(3):hover i.nav-children-icon,
.b2c-func li.look-li:nth-of-type(3).active i.nav-children-icon{background-position: -80px -560px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li:hover a,
.b2c-nav .fix-nav-wrapper div.r ul.fa li.active a,
.b2c-nav .fix-nav-wrapper div.r ul.fa>li>div.look-content li.look-li:hover a p,
.b2c-nav .fix-nav-wrapper div.r ul.fa>li>div.look-content li.look-li.active a p {color: #3db8f1;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li div ul{width: 530px; margin: 20px auto 0;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li div ul li{width:33.3%; float:left; list-style:none}
.b2c-nav .fix-nav-wrapper div.r ul.fa li div ul li p{color: #333; font-size: 18px; line-height:30px; padding-top:10px;padding-bottom: 20px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li div ul li img{width: 100px;margin: 0 auto;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li div.b2c-weshop ul{width: 320px;}
.b2c-nav .fix-nav-wrapper div.r ul.fa li div.b2c-weshop ul li{width:50%;}

/*nav end*/

/*概述篇*/
.index .banner{ width: 100%; height: 600px;}
.b2c_index .banner{width: 100%; height:820px;}
.b2c_index .banner .img1{ background: url(../sike_shop_files/banner_01.jpg) no-repeat center;height: 800px;}
.b2c_func .banner{ background: url(../images/b2c/b2c_func_banner.jpg) no-repeat center;}
.b2c_index .section-1 .section-wrapper{height: 600px;}
.b2c_index .section-1 .section-wrapper .video{margin-top: 60px;border: 10px #222 solid;border-radius: 10px;width: 740px;}
.b2c_index .section-1 .section-wrapper>img{ position: absolute;; left: 50%; margin-left: -543px;bottom: -80px;  z-index: 2;}
.b2c_index .section-1 .section-wrapper .img {padding-top: 80px;}
.b2c_index .section-1 .section-wrapper .img ul li{float: left; width: 25%;}
.b2c_index .section-1 .section-wrapper .img ul li p{padding-top: 10px; line-height: 1.8;color: #fff; font-size: 14px;}
.b2c_index .section-2 .section-wrapper .img{padding-top: 108px;width: 1173px;}
.b2c_index .section-2 .section-wrapper .img div.img1{height:308px;background: url(../images/b2c/b2c_index/pic2_1.png) no-repeat right;}
.b2c_index .section-2 .section-wrapper .img div.img2{height:307px;background: url(../images/b2c/b2c_index/pic2_2.png) no-repeat right;}
.b2c_index .section-2{ height: 759px; background: url(../images/b2c/b2c_index/pic2_bg.png) no-repeat center;}
.b2c_index .section-2 .section-wrapper{position: relative;}
.b2c_index .section-2 .title{ text-align: left;width: 450px;position: absolute;left: 20px; top: 120px;}
.b2c_index .section-2 .title p.up,.b2c_index .section-2 .title p.down{color: #fff;}
.b2c_index .section-2 .section-wrapper .title a{background: #fff;display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #32c3ff;font-size: 18px;border-radius: 10px;margin-top: 20px;}
.b2c_index .section-2 .section-wrapper .title a>img{vertical-align: middle;padding-right: 8px;}

.b2c_index .section-3 .section-wrapper div.list ul li{float: left;width: 24.2%;height: 400px;border: #ddd 1px solid;margin-right: 10px;text-align: center;overflow:hidden;position: relative;}
.b2c_index .section-3 .section-wrapper div.list2 ul li:last-child,
.b2c_index .section-3 .section-wrapper div.list ul li:last-child{margin-right:0;}
.b2c_index .section-3 .section-wrapper div.list ul li:nth-child(1){border-top: 2px #32c3ff solid; color:#32c3ff;}
.b2c_index .section-3 .section-wrapper div.list ul li:nth-child(2){border-top: 2px #afde2a solid; color:#afde2a;}
.b2c_index .section-3 .section-wrapper div.list ul li:nth-child(3){border-top: 2px #ff755a solid; color:#ff755a;}
.b2c_index .section-3 .section-wrapper div.list ul li:nth-child(4){border-top: 2px #ffc701 solid; color:#ffc701;}
.b2c_index .section-3 .section-wrapper div.list{padding: 80px 0 50px 0;}
.b2c_index .section-3 .section-wrapper div.list ul li h3{font-size: 24px; line-height: 2; padding-top: 20px;}
.b2c_index .section-3 .section-wrapper div.list ul li p{color:#888;padding-bottom: 50px;}
.b2c_index .section-3 .section-wrapper div.list2 ul li{float: left;width: 49.42%;height: 246px;border: #ddd 1px solid;margin-right: 10px;text-align: center;}
.b2c_index .section-3 .section-wrapper div.list2{padding: 50px 0 80px 0;}
.b2c_index .section-3 .section-wrapper div.list2 ul li>img{float: left;}
.b2c_index .section-3 .section-wrapper div.list2 ul li>div{float: right; text-align: left;width: 310px;padding-top: 50px;padding-right: 20px;}
.b2c_index .section-3 .section-wrapper div.list2 ul li>div h3{font-size: 24px; color: #333;}
.b2c_index .section-3 .section-wrapper div.list2 ul li>div p{font-size: 14px; color: #888;padding-top: 10px; line-height: 1.5;}
.b2c_index .section-3 .section-wrapper div.list2 ul li>div a{width: 120px; height: 34px; border-radius: 15px; border:#32c3ff 1px solid; color: #32c3ff;display: block;line-height: 34px; text-align: center;margin-top: 20px;}
.b2c_index .section-3 .section-wrapper div.list2 ul li>div a img{vertical-align: middle;padding-right: 5px;}
.b2c_index .section-3 .section-wrapper div.line {background:url(../images/b2c/b2c_index/pic6_3.png) no-repeat center; color: #32c3ff; font-size: 24px;margin-bottom: 20px;}
.b2c_index .section-3 .section-wrapper>p{font-size: 18px; line-height: 1.8;}
#list{ overflow:hidden;}
#list ul li .text{width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; font-size:14px; color:#fff;}
#list ul li .text div.up{height: 80%}
#list ul li .text div.down{height: 20%}
#list ul li .text1{background:#32c3ff;}
#list ul li .text2{background:#afde2a;}
#list ul li .text3{background:#ff755a;}
#list ul li .text4{background:#ffc701;}
#list ul li .text p{text-align:center; color:#fff; line-height:180%; padding:5px 10px; clear:both; font-size: 18px;width: 80%;margin: 0 auto;}
#list ul li .text a{color: #fff; border: #fff 1px solid;border-radius: 10px;text-align: center;display: block;width: 140px;height: 40px;line-height: 40px;font-size: 18px;margin: 0 auto;}
.b2c_index .section-4{ height: 680px; background: url(../images/b2c/b2c_index/pic4-bg.jpg) no-repeat center;}
.b2c_index .section-4 .text{position: relative;}
.b2c_index .section-4 .text p{position: absolute; color: #65b3ff;}
.b2c_index .section-4 .text p:nth-child(1){left: 260px; top: 92px;font-size: 18px;}
.b2c_index .section-4 .text p:nth-child(2){left: 175px;top: 196px;font-size: 18px;}
.b2c_index .section-4 .text p:nth-child(3){left: 205px; top: 285px;font-size: 24px;}
.b2c_index .section-4 .text p:nth-child(4){left: 135px;top: 380px;font-size: 14px;}
.b2c_index .section-4 .text p:nth-child(5){left: 300px;top: 420px;font-size: 24px;}
.b2c_index .section-4 .text p:nth-child(6){right: 235px; top: 115px;font-size: 24px;}
.b2c_index .section-4 .text p:nth-child(7){right: 210px;  top: 190px;font-size: 18px;}
.b2c_index .section-4 .text p:nth-child(8){right: 70px;top: 265px;font-size: 22px;}
.b2c_index .section-4 .text p:nth-child(9){right: 140px; top: 343px;font-size: 22px;}
.b2c_index .section-4 .text p:nth-child(10){right: 170px; top: 448px;font-size: 14px;}
.b2c_index .section-4 .yuan{position: absolute; width: 16px; height: 16px;background-color: #48a9fa; border-radius: 50%;z-index: 2;}
.b2c_index .section-4 .y-1{ left: 225px; top: 95px;}
.b2c_index .section-4 .y-2{ left: 137px;top: 200px;}
.b2c_index .section-4 .y-3{ left: 175px; top: 295px;}
.b2c_index .section-4 .y-4{ left: 105px;top: 383px;}
.b2c_index .section-4 .y-5{ left: 270px;top: 430px;}
.b2c_index .section-4 .y-6{ right: 445px; top: 125px;}
.b2c_index .section-4 .y-7{ right: 325px;  top: 195px;}
.b2c_index .section-4 .y-8{ right: 215px;top: 273px;}
.b2c_index .section-4 .y-9{ right: 360px; top: 350px;}
.b2c_index .section-4 .y-10{ right: 280px; top: 450px;}
.b2c_index .section-4 .yuan-y{
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fc8080;
    border-radius: 50%;
    z-index: 1;
    -webkit-animation:pulsejg 1s linear infinite;
    -webkit-box-shadow:rgba(72,169,250,1) 0 0 12px 5px inset;
    box-shadow: 0 0 12px 5px rgba(72,169,250,1) inset;
    box-sizing: border-box;
    animation: 2s linear 0s normal none infinite running pulsejg;
}
/* 发光按钮动画 */
@keyframes pulsejg {
    0% {opacity: 0;transform: scale(1.1);}
    40% {opacity: 0.2;transform: scale(1.3);}
    50% {opacity: 0.3;transform: scale(1.5);}
    60% {opacity: 0.5;transform: scale(1.7);}
    80% {opacity: 0.2;transform: scale(1.9);}
    100% {opacity: 0;transform: scale(2.0);}
}
@-webkit-keyframes pulsejg {
    0% {opacity: 0;-webkit-transform: scale(1.1);}
    40% {opacity: 0.2;-webkit-transform: scale(1.3);}
    50% {opacity: 0.3;-webkit-transform: scale(1.5);}
    60% {opacity: 0.5;-webkit-transform: scale(1.7);}
    80% {opacity: 0.2;-webkit-transform: scale(1.9);}
    100% {opacity: 0;-webkit-transform: scale(2.0);}
}
.b2c_index .section-5 .add-wrap{height:840px;width: 100%;position: relative; background:url(../sike_shop_files/bg_ts.jpg) no-repeat center center;}
.b2c_index .section-5 .add-wrap>div{line-height: 2; text-align: center; color:#333;width:40%; height:360px;position: absolute;top: 50%; left: 50%; margin-left: -20%; margin-top: -180px; z-index: 2; background-color:rgba(255,255,255,0.6);}
.b2c_index .section-5 .add-wrap>div h2{ font-size: 48px; margin-top: 60px;font-weight: normal;}
.b2c_index .section-5 .add-wrap>div p{font-size: 18px;}
.b2c_index .section-5 .add-wrap>div a{font-size: 18px;color: #32c3ff;margin-top: 20px;cursor: pointer;}
.b2c_index .section-5 .add-wrap>div a img{vertical-align: middle;padding-left: 10px;width: 22px;}
.b2c_index .section-5 .add-wrap ul{height:100%;width: 100%;}
.b2c_index .section-5 .add-wrap ul li{height: 33.3333%; width: 25%;float: left;position: relative;text-align: center; font-size: 14px; color:#ccc;border:0;}
.b2c_index .section-5 .add-wrap ul li i.img{display:block;height: 60px;width: 150px;margin-left: auto;margin-right: auto;background: url(../images/b2c/h-20.png) no-repeat 0 0;}
.b2c_index .section-5 .add-wrap ul li .pos{position: absolute;top: 50%;left: 50%;margin-left: -66px;margin-top: -44px;}
.b2c_index .section-5 .add-wrap ul li .pos p{padding-top: 10px;}
.b2c_index .section-5 .add-wrap ul li:nth-child(3),
.b2c_index .section-5 .add-wrap ul li:nth-child(5),
.b2c_index .section-5 .add-wrap ul li:nth-child(12){background:#1f1f1f;}
.b2c_index .section-5 .add-wrap ul li:nth-child(6),
.b2c_index .section-5 .add-wrap ul li:nth-child(7),
.b2c_index .section-5 .add-wrap ul li:nth-child(2),
.b2c_index .section-5 .add-wrap ul li:nth-child(4),
.b2c_index .section-5 .add-wrap ul li:nth-child(9),
.b2c_index .section-5 .add-wrap ul li:nth-child(11){background:#1a1a1a;}
.b2c_index .section-5 .add-wrap ul li:nth-child(1),
.b2c_index .section-5 .add-wrap ul li:nth-child(8),
.b2c_index .section-5 .add-wrap ul li:nth-child(10){background:#252525;}
.b2c_index .section-5 .add-wrap ul li:nth-child(2) i.img{background-position: 0 -70px}
.b2c_index .section-5 .add-wrap ul li:nth-child(3) i.img{background-position: 0 -140px}
.b2c_index .section-5 .add-wrap ul li:nth-child(4) i.img{background-position: 0 -210px}
.b2c_index .section-5 .add-wrap ul li:nth-child(5) i.img{background-position: 0 -280px}
.b2c_index .section-5 .add-wrap ul li:nth-child(8) i.img{background-position: 0 -350px}
.b2c_index .section-5 .add-wrap ul li:nth-child(9) i.img{background-position: 0 -420px}
.b2c_index .section-5 .add-wrap ul li:nth-child(10) i.img{background-position: 0 -490px}
.b2c_index .section-5 .add-wrap ul li:nth-child(11) i.img{background-position: 0 -560px}
.b2c_index .section-5 .add-wrap ul li:nth-child(12) i.img{background-position: 0 -630px}
.b2c_index .section-6{ background-color: #f8f8f8;}
.b2c_index .section-6 .section-wrapper .img {background: url(../images/b2c/b2c_index/pic6_1.png) no-repeat center; height: 500px;padding: 50px 0;position: relative;}
.b2c_index .section-6 .section-wrapper .img p{position: absolute;color: #4dc6ed;font-size: 18px;}
.b2c_index .section-6 .section-wrapper .img p:nth-child(1){top:204px; left: 90px; }
.b2c_index .section-6 .section-wrapper .img p:nth-child(2){top:332px; left: 70px; }
.b2c_index .section-6 .section-wrapper .img p:nth-child(3){bottom:144px; left: 100px; }
.b2c_index .section-6 .section-wrapper .img p:nth-child(4){top:123px; right: 80px; }
.b2c_index .section-6 .section-wrapper .img p:nth-child(5){top:325px; right: 80px; }
.b2c_index .section-6 .section-wrapper .img p:nth-child(6){bottom:120px; right: 100px; }
.b2c_index .section-6 .section-wrapper .img2{background: url(../images/b2c/b2c_index/pic6_2.png)  no-repeat center;height: 54px;}
.b2c_index .section-6 .section-wrapper .img2 p{color: #32c3ff;font-size: 18px;line-height: 54px;}
.b2c_index .section-6 .section-wrapper .ewm{padding: 40px 0 80px 0;}
.b2c_index .section-6 .section-wrapper .ewm ul{width: 610px; margin: 0 auto;}
.b2c_index .section-6 .section-wrapper .ewm ul li{float: left; width: 33.3333%;}
.b2c_index .section-6 .section-wrapper .ewm ul li img{width: 70%;}
.b2c_index .section-6 .section-wrapper .ewm ul li p{font-size: 18px;line-height: 2;}
.b2c_index .section-7{ background-color: #fff; padding-bottom: 80px; position: relative;}
.b2c_index .section-7 .tab li{ width: 15px; height: 15px; margin-right: 10px; border-radius: 50%; background-color: #bbb; float: left; cursor: pointer;}
.b2c_index .section-7 .tab li.last{margin-right: 0;}
.b2c_index .section-7 .tab li.active{background-color: #12beff;}
.b2c_index .section-7 .img{ width: 1211px; height: 630px; background: url(../sike_shop_files/b2c_index_9_bg.png) no-repeat center; margin: 0 auto; position: relative;}
.b2c_index .section-7 .block{ width: 100%; height: 460px; position: absolute;left: 0;top: 50%; margin-top: -230px; opacity: 0;filter: alpha(opacity=0);}
.b2c_index .section-7 .block img{ max-width: 100%;}
.b2c_index .section-7 .block .l{ margin: 30px 0 0 30px; text-align: left;color: #fff;width: 395px;}
.b2c_index .section-7 .block .l .f_l{width: 100px;}
.b2c_index .section-7 .block .l .f_r{  width: 270px;}
.b2c_index .section-7 .block .l .f_r .b{ font-size: 24px; font-weight: bold; line-height: 40px; padding-top: 3px;}
.b2c_index .section-7 .block .l .f_r .s{font-size: 14px;line-height: 25px;}
.b2c_index .section-7 .block .l .color{font-size: 14px;line-height: 30px;margin: 15px 0 10px;}
.b2c_index .section-7 .block .l .color span{ display: inline-block; height: 5px;width: 75px;margin-left: 10px;}
.b2c_index .section-7 .block .l .eq{font-size: 14px;line-height: 30px;}
.b2c_index .section-7 .block .l .eq img{ vertical-align: middle;}
.b2c_index .section-7 .block .l .eq span{ margin: 0 15px 0 5px;}
.b2c_index .section-7 .block .l ul{ width: 360px; overflow: hidden; margin-top: 20px;}
.b2c_index .section-7 .block .l ul li{float: left; width: 170px; margin-right: 20px;text-align: center;}
.b2c_index .section-7 .block .l ul li.last{margin-right: 0;}
.b2c_index .section-7 .block .l ul li p{font-size: 14px; line-height: 30px;}
.b2c_index .section-7 .block .r{ width: 739px;height: 100%;position: relative;}
.b2c_index .section-7 .block .r img{position: absolute;}
.b2c_index .section-7 .block .r .img1{ left: 0; top: 50%;  margin-top: -237px;}
.b2c_index .section-7 .block .r .img2{ right: 0; bottom: 0;}
.b2c_index .section-7 .block-1 .l .color span{background-color: #e56d1d;}
.b2c_index .section-7 .block-2 .l .color span{background-color: #97c618;}
.b2c_index .section-7 .block-3 .l .color span{background-color: #ed505d;}
.b2c_index .section-7 .block-4 .l .color span{background-color: #fb8b8b;}
.b2c_index .section-7 .block-5 .l .color span{ background-color: #e82533;}
.b2c_index .section-7 .block-1{opacity: 1;filter: alpha(opacity=100);}
.b2c_index .section-8{padding-bottom:20px;background:#fafafa;overflow: hidden;}
.b2c_index .section-8 .section-wrapper div.tab{padding:50px 0;}
.b2c_index .section-8 .section-wrapper div.tab ul li{float: left;width: 33.3333%;}
.b2c_index .section-8 .section-wrapper div.tab ul li .pad1 span{font-size: 14px; color: #888;}
.b2c_index .section-8 .section-wrapper div.tab ul li table{text-align: left;width: 84%;margin:0 auto;box-shadow: 0 0 10px 2px #ddd;background: #fff;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr.head td{color: #fff; background: #dd4345; font-size: 18px;padding:8px 0 0 0;height: 90px;line-height: 40px;text-align: center;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr.head td span{font-size: 36px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table th{text-align: center;font-size: 48px;color: #fff;background: #ed4d4d;padding: 0;height: 80px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table td{padding: 20px;border-bottom: 1px #ddd solid;line-height: 26px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table td.last a{background: #ed4d4d;color: #fff;display: inline-block; height: 40px;width: 120px;line-height: 40px;border-radius: 8px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table td.last{background: #f5f5f5;text-align: center;}
.b2c_index .section-8 .section-wrapper div.tab ul li table td img{vertical-align: middle;float: left;padding-right: 20px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr .no-pad{border-bottom: 0;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr .no-pad1{border-bottom: 0; padding: 34px 0;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr .pad1{padding: 10px 30px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr .pad2{padding-top: 10px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr td.pad3{background: #eee;text-align: center;font-size: 18px;padding: 10px 0;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr td.pad-r-10{padding-right: 3px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr td.pad-r-10 span{color:#3dd255}
.b2c_index .section-8 .section-wrapper div.tab ul li table tr .fsize-18{font-size: 18px;}
.b2c_index .section-8 .section-wrapper div.tab ul li table.tab2 td.last a{background: #fa9f1b;}
.b2c_index .section-8 .section-wrapper div.tab ul li table.tab2 tr.head td{background: #f69101;}
.b2c_index .section-8 .section-wrapper div.tab ul li table.tab2 th{background: #fa9f1b;}
.b2c_index .section-8 .section-wrapper div.tab ul li table.tab3 td.last a{background: #28cdfa;}
.b2c_index .section-8 .section-wrapper div.tab ul li table.tab3 tr.head td{background: #00bff3;}
.b2c_index .section-8 .section-wrapper div.tab ul li table.tab3 th{background: #28cdfa;}



/* 特色功能 */
.nav-wrapper{width: 100%; height: 80px; background-color: #666; z-index: 11;}
.nav-wrapper ul{ width: 1210px; height: 100%;margin: 0 auto;}
.nav-wrapper ul li{ float: left; width:50%; height: 100%; position: relative; text-align: center;}
.nav-wrapper ul li img{ position: absolute; left: 50%; margin-left: -12px;bottom: -15px; z-index: 2;display: none;}
.nav-wrapper ul li a{display: block; width: 100%; height: 100%; font-size: 24px;color: #fff;line-height: 80px;}
.nav-wrapper ul li.active{background-color: #41a7fd;}
.nav-wrapper ul li.active img{display: block;}

/* 更新功能 */

/* 收费插件 */
.b2c_plugin .section-1{ background-color: #ffffe5;  padding: 80px 0;}
.b2c_plugin .section-1 .img{ width: 1015px;height: 729px; margin: 60px auto 0; background: url(../images/b2c/b2c_plugin_1.png) no-repeat center; position: relative;}
.b2c_plugin .section-1 .img p{ width: 100%; text-align: center;font-size: 18px;position: absolute; left: 0;bottom: 80px;}
.b2c_plugin .section-1 .img a{ width: 200px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background-color: #66ccff; border-radius: 10px; position: absolute; left: 50%; margin-left: -100px; bottom: 0;}
.b2c_plugin .section-2{background-color: #fff;padding-bottom: 80px;}
.b2c_plugin .section-2 ul{  width: 1070px; overflow: hidden; margin: 0 auto;}
.b2c_plugin .section-2 ul li{ float: left; width: 330px;margin-right: 40px;height: 775px;}
.b2c_plugin .section-2 ul li.one{background: url(../images/b2c/b2c_plugin_2-1.png) no-repeat center;}
.b2c_plugin .section-2 ul li.two{ background: url(../images/b2c/b2c_plugin_2-2.png) no-repeat center;}
.b2c_plugin .section-2 ul li.last{ background: url(../images/b2c/b2c_plugin_2-3.png) no-repeat center; margin-right: 0;}
.b2c_plugin .section-2 ul li p{ text-align: right; color: #c47463;  font-size: 18px; padding-top: 8px; padding-right: 145px;}
.b2c_plugin .section-2 a.btn-a{ display: block; width: 200px; height: 60px; margin: 30px auto 20px;text-align: center; line-height: 60px; border-radius: 10px;  font-size: 24px; color: #fff;background-color: #66ccff;}
.b2c_plugin .section-3{ background-color: #ecf9ff;}
.b2c_plugin .section-3 .box{ width: 100%; border-bottom:1px solid #ddd;}
.b2c_plugin .section-3 .box:last-child{ border-bottom: none;}
.b2c_plugin .section-3 .box ul li{float: left; height: 550px; margin-right: 45px;position: relative;}
.b2c_plugin .section-3 .box ul li.last{ margin-right: 0;}
.b2c_plugin .section-3 .box ul li p{ font-size: 18px; text-align: center;line-height: 60px;}
.b2c_plugin .section-3 .box ul li .yuan{ width: 60px; height: 60px;border-radius: 50%;background-color: #65cbfd; text-align: center; line-height: 60px; color: #fff; font-size: 36px;position: absolute;top: 0;left: 0;}
.b2c_plugin .section-3 .box1 ul{ width: 1137px;overflow: hidden; padding-left: 10px;}
.b2c_plugin .section-3 .box2 ul{ width: 1080px; overflow: hidden; margin: 0 auto; padding-top: 60px;}
.b2c_plugin .section-3 .box2 ul li,
.b2c_plugin .section-3 .box1 ul li.two,
.b2c_plugin .section-3 .box1 ul li.last{  width: 330px;}
.b2c_plugin .section-3 .box1 ul li.one .yuan{ left:70px;}
.b2c_plugin .section-3 .box1 ul li.one p{ text-align: left; padding-left: 150px;}
.b2c_plugin .section-3 .box1 ul li.two p{ text-align: left; padding-left: 70px;}
.b2c_plugin .section-3 .box1 ul li.one{ background: url(../images/b2c/b2c_plugin_3-1.png) no-repeat center bottom; width: 387px;}
.b2c_plugin .section-3 .box1 ul li.two{background: url(../images/b2c/b2c_plugin_3-2.png) no-repeat center bottom;}
.b2c_plugin .section-3 .box1 ul li.last{background: url(../images/b2c/b2c_plugin_3-3.png) no-repeat center bottom;}
.b2c_plugin .section-3 .box2 ul li.one{ background: url(../images/b2c/b2c_plugin_3-4.png) no-repeat center bottom;}
.b2c_plugin .section-3 .box2 ul li.two{ background: url(../images/b2c/b2c_plugin_3-5.png) no-repeat center bottom;}
.b2c_plugin .section-3 .box2 ul li.last{ background: url(../images/b2c/b2c_plugin_3-6.png) no-repeat center bottom;}
.b2c_plugin .section-4{ background-color: #fff;}
.b2c_plugin .section-4 .section-wrapper{ height: 510px; background: url(../images/b2c/b2c_plugin_4.jpg) no-repeat right bottom;border-bottom: #f8f8f8 1px solid;margin-bottom: 60px;}
.b2c_plugin .section-4 .title{ padding-top: 120px; text-align: left;}
.b2c_plugin .section-4 .title a{background-color: #63c5f6;border-radius: 10px;color: #fff;display: block;font-size: 24px; height: 60px; line-height: 60px;margin-top: 20px;text-align: center; width: 200px;}

/* 历史更新 */

.b2c_update .section{ border:none;}
.b2c_update .title .mid{  font-size: 36px;  line-height: 55px;}
.b2c_update .version{ width: 1210px; height: 100px;font-size: 48px;line-height: 100px;margin: 15px auto 0;border-bottom: 1px dashed #15b7ff;position: relative;padding-top: 50px;}
.b2c_update .version .r{width: 12px;height: 12px;border-radius: 50%;background-color: #15b7ff; position: absolute; left: 0; top: 50%;margin-top: 20px;}
.b2c_update .version p{padding-left: 30px;}
.b2c_update .version span{ color: #15b7ff;}
.b2c_update .section-wrapper{ border-bottom: 1px solid #ccc;}
.b2c_update .section-1{background-color: #fff;}
.b2c_update .section-1 .section-wrapper{ padding-bottom: 80px;}
.b2c_update .section-1 .title span{ font-size: 18px;color: #15b7ff;}
.b2c_update .section-1 ul{ width: 1070px; overflow: hidden; margin: 0 auto;}
.b2c_update .section-1 ul li{ float: left; width: 330px; margin-right: 40px;height: 775px;}
.b2c_update .section-1 ul li.one{background: url(../images/b2c/b2c_plugin_2-1.png) no-repeat center;}
.b2c_update .section-1 ul li.two{  background: url(../images/b2c/b2c_plugin_2-2.png) no-repeat center;}
.b2c_update .section-1 ul li.last{ background: url(../images/b2c/b2c_plugin_2-3.png) no-repeat center;margin-right: 0;}
.b2c_update .section-1 ul li p{ text-align: right; color: #c47463; font-size: 18px; padding-top: 8px; padding-right: 145px;}
.b2c_update .section-1 a.btn-a{ display: block; width: 200px;height: 60px; margin: 30px auto 20px; text-align: center; line-height: 60px; border-radius: 10px; font-size: 24px;color: #fff;background-color: #66ccff;}
.b2c_update .section-2{ background-color: #fff;}
.b2c_update .section-2 .title span{font-size: 18px;color: #15b7ff;}
.b2c_update .section-2 .box{ width: 100%;border-bottom:1px solid #ddd;}
.b2c_update .section-2 .box:last-child{border-bottom: none;}
.b2c_update .section-2 .box ul li{float: left;height: 550px; margin-right: 45px; position: relative;}
.b2c_update .section-2 .box ul li.last{margin-right: 0;}
.b2c_update .section-2 .box ul li p{ font-size: 18px; text-align: center; line-height: 60px;}
.b2c_update .section-2 .box ul li .yuan{ width: 60px; height: 60px;border-radius: 50%;background-color: #65cbfd;text-align: center; line-height: 60px; color: #fff; font-size: 36px; position: absolute; top: 0;left: 0;}
.b2c_update .section-2 .box1 ul{ width: 1137px;overflow: hidden;padding-left: 10px;}
.b2c_update .section-2 .box2 ul{ width: 1080px; overflow: hidden;margin: 0 auto;padding-top: 60px;}
.b2c_update .section-2 .box2 ul li,
.b2c_update .section-2 .box1 ul li.two,
.b2c_update .section-2 .box1 ul li.last{ width: 330px;}
.b2c_update .section-2 .box1 ul li.one .yuan{ left:70px;}
.b2c_update .section-2 .box1 ul li.one p{ text-align: left; padding-left: 150px;}
.b2c_update .section-2 .box1 ul li.two p{ text-align: left;  padding-left: 70px;}
.b2c_update .section-2 .box1 ul li.one{background: url(../images/b2c/b2c_plugin_3-1.png) no-repeat center bottom;width: 387px;}
.b2c_update .section-2 .box1 ul li.two{ background: url(../images/b2c/b2c_plugin_3-2.png) no-repeat center bottom;}
.b2c_update .section-2 .box1 ul li.last{ background: url(../images/b2c/b2c_plugin_3-3.png) no-repeat center bottom;}
.b2c_update .section-2 .box2 ul li.one{ background: url(../images/b2c/b2c_plugin_3-4.png) no-repeat center bottom;}
.b2c_update .section-2 .box2 ul li.two{background: url(../images/b2c/b2c_plugin_3-5.png) no-repeat center bottom;}
.b2c_update .section-2 .box2 ul li.last{ background: url(../images/b2c/b2c_plugin_3-6.png) no-repeat center bottom;}
.b2c_update .section-3 .section-wrapper{height: 550px; background: url(../images/b2c/b2c_update_3.png) no-repeat 100px bottom;}
.b2c_update .section-3 .title{ padding-top: 100px; text-align: left;}
.b2c_update .section-4 .section-wrapper{ height: 550px; background: url(../images/b2c/b2c_update_4.png) no-repeat right bottom;}
.b2c_update .section-4 .title{padding-top: 100px;text-align: left;}
.b2c_update .section-4{  background-color: #fff;}
.b2c_update .section-4 .section-wrapper{ height: 510px;background: url(../images/b2c/b2c_plugin_4.jpg) no-repeat right bottom;}
.b2c_update .section-4 .title{padding-top: 120px; text-align: left;}
.b2c_update .section-4 .title span{font-size: 18px;color: #15b7ff;}
.b2c_update .section-4 .title a{ background-color: #63c5f6; border-radius: 10px; color: #fff;display: block;font-size: 24px;height: 60px; line-height: 60px; margin-top: 20px; text-align: center; width: 200px;}
.b2c_update .section-5 .f_l{ width: 430px; height: 550px; background: url(../images/b2c/b2c_update_5-1.png) no-repeat left bottom;}
.b2c_update .section-5 .title{ padding-top: 150px; text-align: left;}
.b2c_update .section-5 .title img{ margin-top: 30px;}
.b2c_update .section-6 .title{ padding-top: 150px; text-align: left;}
.b2c_update .section-6 .f_r{ width: 629px; height: 550px;background: url(../images/b2c/b2c_update_6.jpg) no-repeat right bottom;}
.b2c_update .section-7 .f_l{width: 697px; height: 537px;background: url(../images/b2c/b2c_update_7.jpg) no-repeat left bottom;}
.b2c_update .section-7 .title{ padding-top: 150px;text-align: left;}
.b2c_update .section-8 .section-wrapper{ height: 524px;background: url(../images/b2c/b2c_update_8.png) no-repeat right bottom;}
.b2c_update .section-8 .title{ padding-top: 150px;text-align: left;}
.b2c_update .section-9 .f_l{ width: 617px; height: 550px;background: url(../images/b2c/b2c_update_9.jpg) no-repeat left bottom;}
.b2c_update .section-9 .title{ padding-top: 150px; text-align: left; margin-right: 100px;}
.b2c_update .section-10 .fa{margin-left: 200px;margin-top: 100px;overflow: hidden;}
.b2c_update .section-10 .fa .f_l{  margin-top: 60px;}
.b2c_update .section-10 .r-img{ width: 388px; height: 550px; background: url(../images/b2c/b2c_update_10-3.png) no-repeat right bottom;}
.b2c_update .section-10 .title{ padding-top: 150px;text-align: left;}
.b2c_update .section-11 .f_l{width: 581px; height: 450px; background: url(../images/b2c/b2c_update_11.png) no-repeat left bottom;}
.b2c_update .section-11 .title{padding-top: 150px;text-align: left;}
.b2c_update .section-12 .f_r{ width: 600px; height: 410px; background: url(../images/b2c/b2c_update_12.png) no-repeat right bottom;}
.b2c_update .section-12 .title{ padding-top: 150px; text-align: left;}
.b2c_update .section-13 .f_l{width: 690px; height: 467px;background: url(../images/b2c/b2c_update_13.png) no-repeat left bottom;}
.b2c_update .section-13 .title{padding-top: 150px;text-align: left;}
.b2c_update .section-14 .f_r{width: 568px; height: 450px; background: url(../images/b2c/b2c_update_14.png) no-repeat right bottom;}
.b2c_update .section-14 .title{ padding-top: 150px;text-align: left;}
.b2c_update .section-15 .f_l{  width: 454px; height: 484px;background: url(../images/b2c/b2c_update_15.png) no-repeat 50px center;}
.b2c_update .section-15 .title{ padding-top: 100px; text-align: left;}
.b2c_update .section-16 .section-wrapper{padding-bottom: 60px;}
.b2c_update .section-16 .img{ width: 1015px; height: 729px; margin: 60px auto 0; background: url(../images/b2c/b2c_plugin_1.png) no-repeat center;position: relative;}
.b2c_update .section-16 .img p{width: 100%; text-align: center; font-size: 18px; position: absolute; left: 0; bottom: 80px;}
.b2c_update .section-16 .img a{ width: 200px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background-color: #66ccff; border-radius: 10px; position: absolute; left: 50%;margin-left: -100px;bottom: 0;}
.b2c_update .section-17 .section-wrapper{ padding-bottom: 60px;}
.b2c_update .section-17 ul{ width: 100%; overflow: hidden;margin-top: 40px;}
.b2c_update .section-17 ul li{ float: left; text-align:left; margin-right:164px; width: 294px; height: 605px;}
.b2c_update .section-17 ul li.lb-1{background: url(../images/b2c/b2c_update_17-1.png) no-repeat center;}
.b2c_update .section-17 ul li.lb-2{  background: url(../images/b2c/b2c_update_17-2.png) no-repeat center;}
.b2c_update .section-17 ul li.lb-3{ background: url(../images/b2c/b2c_update_17-3.png) no-repeat center;}
.b2c_update .section-17 ul li:nth-of-type(3n){margin-right:0;}
.b2c_update .section-17 .text-color-pink{color: #ec7c7c; font-size: 24px;}
.b2c_update .section-17 .Span-box-p-16 { color: #666666; font-size: 16px; line-height: 30px; padding-top: 5px;}
.b2c_update .section-18 .f_l{ width: 551px;height: 420px;background: url(../images/b2c/b2c_update_18.png) no-repeat left bottom;}
.b2c_update .section-18 .title{ padding-top: 150px; text-align: left;}
.b2c_update .section-19 .f_r{ width: 500px; height: 490px; background: url(../images/b2c/b2c_update_19.png) no-repeat right bottom;}
.b2c_update .section-19 .title{ padding-top: 150px; text-align: left;}
.b2c_update .section-20 .f_l{width: 582px; height: 410px; background: url(../images/b2c/b2c_update_20.png) no-repeat left bottom;}
.b2c_update .section-20 .title{padding-top: 150px;text-align: left;}
.b2c_update .section-21 .section-wrapper{ height: 470px;background: url(../images/b2c/b2c_update_21.png) no-repeat right bottom;}
.b2c_update .section-21 .title{ padding-top: 150px;text-align: left;}
.b2c_update .section-22 .f_l{ width: 514px; height: 410px; background: url(../images/b2c/b2c_update_22.png) no-repeat left bottom;margin-left: 80px;}
.b2c_update .section-22 .title{ padding-top: 150px;text-align: left;}
.b2c_update .section-23 .img{ width: 750px; height: 602px;background: url(../images/b2c/b2c_update_23.png) no-repeat center;margin: 50px auto 0;}
.b2c_update .section-24 .f_r{width: 379px; height: 490px; background: url(../images/b2c/b2c_update_24.png) no-repeat right bottom; margin-right: 50px;}
.b2c_update .section-24 .title{padding-top: 150px; text-align: left;margin-left: 50px;}
.b2c_update .section-25 .f_l{ width: 608px; height: 450px;background: url(../images/b2c/b2c_update_25.png) no-repeat left bottom;}
.b2c_update .section-25 .title{ padding-top: 150px; text-align: left;}
.b2c_update .section-26 .f_r{width: 390px; height: 490px; background: url(../images/b2c/b2c_update_26.png) no-repeat right bottom; margin-right: 50px;}
.b2c_update .section-26 .title{ padding-top: 120px; text-align: left; margin-left: 50px;}
.b2c_update .section-27 .f_r{width: 301px; height: 490px; background: url(../images/b2c/b2c_update_27-2.png) no-repeat right bottom; margin-right: 80px;}
.b2c_update .section-27 .title{ padding-top: 120px; text-align: left;margin-left: 50px;}
.b2c_update .section-27 .title img{  margin-top: 40px;}
.b2c_update .section:last-child{border-bottom: none;}
.b2c_update .section-28{ padding-bottom: 80px;margin-top: 15px;}
.b2c_update .section-28 .section-wrapper{ height: 821px; background: url(../images/b2c/b2c_func_1.png) no-repeat left bottom;}
.b2c_update .section-28 .title{width: 545px;padding-top: 70px; text-align: left;}
.b2c_update .section-29 .img{width: 1059px;height: 560px;margin: 60px auto 0;background: url(../images/b2c/b2c_func_2.png) no-repeat center; position: relative;}
.b2c_update .section-29 .img p{ font-size: 18px; position: absolute;}
.b2c_update .section-29 .p1{right: 40px;top: 320px;}
.b2c_update .section-29 .p2{left: 140px; top: 395px;}
.b2c_update .section-29 .p3{right: 65px;top: 395px;}
.b2c_update .section-29 .p4{ left: 140px; top: 458px;}
.b2c_update .section-29 .p5{right: 65px;top: 458px;}
.b2c_update .section-30 .section-wrapper{ height: 620px; background: url(../images/b2c/b2c_func_3.png) no-repeat 50px bottom;}
.b2c_update .section-30 .title{ width: 530px; padding-top: 100px;text-align: left;}
.b2c_update .section-31 .section-wrapper{height: 610px; background: url(../images/b2c/b2c_func_4.png) no-repeat right bottom;}
.b2c_update .section-31 .title{ width: 540px; padding-top: 100px; text-align: left;}.b2c_update .section-32{ padding-bottom: 30px;}
.b2c_update .section-32 .section-wrapper{ height: 610px; background: url(../images/b2c/b2c_func_5.png) no-repeat 50px bottom;}
.b2c_update .section-32 .title{ width: 546px; padding-top: 100px;  text-align: left;}
.b2c_update .section-33 .section-wrapper{ height: 599px; background: url(../images/b2c/b2c_func_6.png) no-repeat right -1px;}
.b2c_update .section-33 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .section-34 .section-wrapper{height: 620px; background: url(../images/b2c/b2c_func_7.png) no-repeat 100px bottom;}
.b2c_update .section-34 .title{width: 530px;padding-top: 100px; text-align: left;}
.b2c_update .section-35 .section-wrapper{ height: 610px;background: url(../images/b2c/b2c_func_8.png) no-repeat right bottom;}
.b2c_update .section-35 .title{ width: 530px;padding-top: 100px;text-align: left;}
.b2c_update .section-36 .section-wrapper{height: 600px; background: url(../images/b2c/b2c_func_9.png) no-repeat 100px bottom;}
.b2c_update .section-36 .title{ width: 540px;padding-top: 100px; text-align: left;}
.b2c_update .section-37 .section-wrapper{height: 860px;background: url(../images/b2c/2.9_function_01.jpg) no-repeat right bottom;}
.b2c_update .section-37 .title{ width: 700px; padding-top: 60px;text-align: left;}
.b2c_update .section-38 .section-wrapper{ height: 620px; background: url(../images/b2c/2.9_function_02.png) no-repeat 0 bottom;}
.b2c_update .section-38 .title{ width: 530px; padding-top: 100px;text-align: left;}
.b2c_update .section-39 .section-wrapper{ height: 599px;background: url(../images/b2c/2.9_function_03.png) no-repeat right bottom;}
.b2c_update .section-39 .title{ width: 530px; padding-top: 100px;text-align: left;}
.b2c_update .section-40 .section-wrapper{ height: 620px;background: url(../images/b2c/2.9_function_04.png) no-repeat 100px bottom;}
.b2c_update .section-40 .title{width: 530px; padding-top: 100px;text-align: left;}
.b2c_update .section-41 .section-wrapper{ height: 610px; background: url(../images/b2c/2.9_function_05.png) no-repeat right bottom;}
.b2c_update .section-41 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .section-42 .section-wrapper{ height: 610px; background: url(../images/b2c/b2c_update2_10.jpg) no-repeat right bottom;}
.b2c_update .section-42 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .section-43 .section-wrapper{ height: 610px; background: url(../images/b2c/b2c_update2_11.jpg) no-repeat right bottom;}
.b2c_update .section-43 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .section-44 .section-wrapper{ height: 610px; background: url(../images/b2c/b2c_update2_12.jpg) no-repeat right bottom;}
.b2c_update .section-44 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .section-45 .section-wrapper{ height: 610px; background: url(../images/b2c/b2c_update2_13.jpg) no-repeat right bottom;}
.b2c_update .section-45 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .section-46 .section-wrapper{ height: 610px; background: url(../images/b2c/b2c_update2_14.jpg) no-repeat right bottom;}
.b2c_update .section-46 .title{ width: 530px; padding-top: 100px; text-align: left;}
.b2c_update .title p span{color: #15b7ff; font-size: 24px;padding-right: 8px;}
.b2c_update .title p img{padding-left: 8px;vertical-align: middle;}
.b2c_update .b-p{ text-align: center;font-size: 24px;margin: 50px 0 30px;}
.b2c_update a.b-a{display: block;text-align: center; width: 240px; height: 70px;line-height: 70px; margin: 0 auto 60px; font-size: 24px;color: #fff;background-color: #15b7ff; border-radius: 5px;}
.b2c_update .fast-nav{ width: 180px; border: 1px solid #ccc; position: absolute; right: 20px; top: 850px;z-index: 11;}
.b2c_update .nav-header{height: 35px; line-height: 35px;font-size: 14px;background-color: #f2f2f2;text-align: center; cursor: pointer;border-bottom: 1px solid #bbb;}
.b2c_update .nav-header img{
    transform: rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
}
.b2c_update .nav-header.show img{
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* Internet Explorer */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
}
.b2c_update .nav-body{padding: 15px 0 15px 30px;background-color: #fff;border-bottom: 1px solid #bbb;height: 320px;overflow-y: auto;}
.b2c_update .nav-body li{ line-height: 30px; text-align: left; padding-left: 20px; position: relative; border-left: 1px solid #bbb; cursor: pointer;}
.b2c_update .nav-body li .r{ width: 11px; height: 11px; border-radius: 50%; background-color: #bbb; position: absolute; left: -6px; top: 50%;  margin-top: -5px;}
.b2c_update .nav-body li .t-l{width: 1px;height: 8px;border: 1px solid #fff; position: absolute;left: -1px;top: 0;}
.b2c_update .nav-body li .b-l{ width: 1px; height: 8px; border: 1px solid #fff; position: absolute; left: -1px;bottom: 0; display: block;}
.b2c_update .nav-body li.active .b-l{ display: none;}
.b2c_update .nav-body .fa-li.active{color: #15b7ff;}
.b2c_update .nav-body .fa-li.active .r{ background-color: #15b7ff;}
.b2c_update .nav-body .child-ul{ display: block;}
.b2c_update .nav-body .child-ul.show{ display: block;}
.b2c_update .nav-body .child-li{font-size: 12px;line-height: 30px;background-color: #fff;}
.b2c_update .nav-body .child-li.curr{background-color: #44c5ff; color: #fff;}
.b2c_update .nav-footer{ padding: 20px 30px; text-align: center; background-color: #fff;}
.b2c_update .nav-footer a{ width: 120px; height: 30px; line-height: 30px; font-size: 14px; display: block; border-radius: 5px; margin-top: 10px; border: 1px solid #bbb;}
.b2c_update .nav-footer a img{ margin-right: 5px;}
.b2c_update .nav-footer a.kf{color: #84cb1f; margin-top: 20px;}
.b2c_update .nav-footer a.go-to-top{color: #999; margin-bottom: 5px;}
.b2c_update .nav-footer a.pre-update{ color: #44c5ff;}
.b2c_update .rename{    
    text-align: center;
    font-size: 24px;
    width: 600px;
    height: 60px;
    background: #15b7ff;
    line-height: 60px;
    color: #fff;
    border-radius: 0 50px;
    margin: 60px auto 0;}
.version-wrap{padding-top: 60px;}
/* 精美界面 */
.b2c_iphone .banner{  background: url(../images/b2c/b2c_iphone/banner.jpg) no-repeat center;}
.b2c_iphone .section-1 .section-wrapper{background: url(../images/b2c/b2c_iphone/pic1.jpg) no-repeat center bottom;height: 780px;}
.b2c_iphone .section-2{background: #f6f6f6;}
.b2c_iphone .section-2 .section-wrapper{ height: 764px;position: relative;}
.b2c_iphone .section-2 .img{ width: 1155px; height: 515px; position: absolute; left: 50%; margin-left: -577px; bottom: 0;}
.b2c_iphone .section-2 .img img{ position: absolute; bottom: 0;}
.b2c_iphone .section-2 .img .img1{left: 850px; z-index: 1; opacity: 0; filter: alpha(opacity=0);}
.b2c_iphone .section-2 .img .img2{ left: 850px; z-index: 2; opacity: 0;filter: alpha(opacity=0);}
.b2c_iphone .section-2 .img .img3{ left: 850px; z-index: 3; opacity: 0; filter: alpha(opacity=0);}
.b2c_iphone .section-2 .img .img4{  left: 850px;  z-index: 4;  opacity: 0;  filter: alpha(opacity=0);}
.b2c_iphone .section-2 .img .img5{ z-index: 5; right: 0;}
.b2c_iphone .section-2 .img.active .img1{
    left: 0;
    -webkit-transition:1.5s ease;
    -moz-transition:1.5s ease;
    -o-transition:1.5s ease;
    transition:1.5s ease;
    opacity: 1;
    filter: alpha(opacity=100);
}
.b2c_iphone .section-2 .img.active .img2{
    left: 170px;
    -webkit-transition:1.5s ease;
    -moz-transition:1.5s ease;
    -o-transition:1.5s ease;
    transition:1.5s ease;
    opacity: 1;
    filter: alpha(opacity=100);
}
.b2c_iphone .section-2 .img.active .img3{
    left: 340px;
    -webkit-transition:1.5s ease;
    -moz-transition:1.5s ease;
    -o-transition:1.5s ease;
    transition:1.5s ease;
    opacity: 1;
    filter: alpha(opacity=100);
}
.b2c_iphone .section-2 .img.active .img4{
    left: 515px;
    -webkit-transition:1.5s ease;
    -moz-transition:1.5s ease;
    -o-transition:1.5s ease;
    transition:1.5s ease;
    opacity: 1;
    filter: alpha(opacity=100);
}
.b2c_iphone .section-3{ height: 1848px;position: relative;background: #303438;}
.b2c_iphone .section-3 .title .up{color: #fff;}
.b2c_iphone .section-3 .title .down{color: #fff;}
.b2c_iphone .section-3 .img1{width: 1210px; height: 745px;  background: url(../images/b2c/b2c_iphone/pic3-1.jpg) no-repeat right center;  position: absolute; left: 50%; margin-left: -605px; top: 250px;z-index: 1;}
.b2c_iphone .section-3 .img2{width: 1210px; height: 952px;background: url(../images/b2c/b2c_iphone/pic3-2.jpg) no-repeat right center;position: absolute; left: 50%; margin-left: -605px; top: 900px; z-index: 2;}
.b2c_iphone .section-3 .img2 img{ position: absolute; left: 36px; top: 235px;}
.b2c_iphone .section-3 p.b{font-size: 24px;color:#36bcff;position: absolute;}
.b2c_iphone .section-3 p.s{font-size: 18px;color: #fff; position: absolute;}
.b2c_iphone .section-3 .img1 .p1{left: 380px;top: 45px;}
.b2c_iphone .section-3 .img1 .p2{left: 380px;top: 96px;}
.b2c_iphone .section-3 .img1 .p3{ left: 80px; top: 188px;}
.b2c_iphone .section-3 .img1 .p4{ left: 80px; top: 245px;text-align: left;}
.b2c_iphone .section-3 .img2 .p1{ left: 60px;top: 192px;}
.b2c_iphone .section-3 .img2 .p2{left: 60px; top: 250px;width: 343px;text-align: left;line-height: 1.8;}
.b2c_iphone .section-4{background-color: #fff;}
.b2c_iphone .section-4 .title{ padding-top: 0; float: left;text-align: left;}
.b2c_iphone .section-4 .t2{margin-top: 70px;}
.b2c_iphone .section-4 .t2 .up{color:#35acff;}
.b2c_iphone .section-4 ul{ width: 100%; height: 780px; overflow: hidden; padding-top: 35px;}
.b2c_iphone .section-4 ul li{ width: 360px; height: 100%;float: left; margin-right: 65px;}
.b2c_iphone .section-4 ul li.one{background: url(../images/b2c/b2c_iphone/pic4-1.jpg) no-repeat center;}
.b2c_iphone .section-4 ul li.two{background: url(../images/b2c/b2c_iphone/pic4-2.jpg) no-repeat center;}
.b2c_iphone .section-4 ul li.last{ margin-right: 0;background: url(../images/b2c/b2c_iphone/pic4-3.jpg) no-repeat center;}
.b2c_iphone .section-4 ul li p{font-size: 18px;color: #fff; text-align: left;padding: 57px 0 0 110px;}
.b2c_iphone .section-6{ height: 1270px;background:#4196f2;margin-top: 180px;}
.b2c_iphone .section-6 .section-wrapper{ position: relative; height: 100%;}
.b2c_iphone .section-6 .title{padding-top: 70px; float: left; text-align: left; width: 481px;}
.b2c_iphone .section-6 .title img{margin-top: 40px;}
.b2c_iphone .section-6 .title .up{color: #fff;}
.b2c_iphone .section-6 .title .down{color: #fff;}
.b2c_iphone .section-6 .img{width: 665px;height: 741px;background: url(../images/b2c/b2c_iphone/pic6-2.png) no-repeat center; position: absolute; right: 0; top: -100px; }
.b2c_iphone .section-6 .img2{position: absolute;bottom: -180px; left: 50%; margin-left: -570px;}
.b2c_iphone .section-6 .img2 .pos-img{position: absolute;z-index: 6;bottom: 0;}
.b2c_iphone .section-6 .img2 .pos-1{position: absolute;bottom: 90px;z-index: 5;left: 240px;}
.b2c_iphone .section-6 .img2 .pos-2{position: absolute;bottom: 89px;z-index: 4;left: 440px;}
.b2c_iphone .section-6 .img2 .pos-3{position: absolute;bottom: 89px;z-index: 3;left: 640px;}
.b2c_iphone .section-6 .img2 .pos-4{position: absolute;bottom: 98px;z-index: 2;left: 840px;}
.b2c_iphone .section-6 .text{width:840px;position: absolute;top: 680px;right: -20px; text-align: left; line-height: 1.5;}
.b2c_iphone .section-6 .text h2{font-size: 48px; color: #fff;padding-bottom: 5px;}
.b2c_iphone .section-6 .text p{font-size: 18px; color: #fff;line-height: 1.8;}
.b2c_iphone .section-7{ background-color: #fff; padding: 140px 0 80px 0;}
.b2c_iphone .section-7 .section-wrapper .title .up{color:#35acff;}
.b2c_iphone .section-7 .img{width: 1066px;height: 402px; margin: 60px auto 0; background: url(../images/b2c/b2c_iphone/pic7.jpg) no-repeat center;}
.b2c_iphone .section-8{ height: 980px; background: #333;position: relative;margin-bottom: 40px;}
.b2c_iphone .section-8 .section-wrapper .title .up{color: #fff;}
.b2c_iphone .section-8 .desp{width: 420px;overflow: hidden;margin: 40px auto;}
.b2c_iphone .section-8 .desp dl{display: none;}
.b2c_iphone .section-8 .desp dl:nth-of-type(3){display: block;}
.b2c_iphone .section-8 .desp dl dt{font-size: 24px;color: #fff;}
.b2c_iphone .section-8 .desp dl dd{font-size: 18px;color: #fff;line-height: 30px;}
.b2c_iphone .section-8 ul{width: 1090px; height: 601px; position: relative; margin: 30px auto 0;}
.b2c_iphone .section-8 .btns{width: 620px;height: 100px;overflow: hidden;position: absolute; left: 50%; margin-left: -310px; top: 530px;z-index: 7;}
.b2c_iphone .section-8 .btns .l-btn{float: left;cursor: pointer;}
.b2c_iphone .section-8 .btns .r-btn{ float: right; cursor: pointer;}
.b2c_iphone .section-8 ul li{position: absolute;}
.b2c_iphone .section-8 ul .before:before{content:'';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.5;}
.b2c_iphone .section-8 ul li img{width: 100%;}

/**
* b2c_featurelist
*/
.b2c_featurelist {background-color: #e0f4ff;}
.b2c_featurelist .banner{background: url(../images/b2c/featurelist_banner.jpg) no-repeat center; height: 625px;}
.b2c_featurelist .wrap {height: 80px;width:100%;background-color: #7ad4ff;margin-bottom:30px;z-index: 54;}
.b2c_featurelist .wrap .tab{width: 1210px;margin: 0 auto;height: 80px;}
.b2c_featurelist .boxlist {width: 1210px;margin: 0 auto;position: relative;overflow: hidden;padding-bottom: 35px}
.b2c_featurelist .tab li{float: left;width: 24.966%;height: 100%;line-height: 80px;font-size: 24px;text-align: center;color: #fff;background-color: #7ad4ff;;cursor: pointer;position: relative;}
.b2c_featurelist .tab li img{ position: absolute; left: 50%;top: 80px;margin-left: -12px;display: none;}
.b2c_featurelist .tab .active{background-color: #42b8f1;}
.b2c_featurelist .tab .active img{display: block;}
.b2c_featurelist .mob-tab-content {margin: 0 auto;position: relative; padding:50px 0;}
.b2c_featurelist .tab-content {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    filter: alpha(opacity=0);
    opacity: 0;}
.b2c_featurelist .boxlist .show{
    position: relative;
    left: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    filter: alpha(opacity=100);
    opacity: 1;
}
.b2c_featurelist table {width: 1210px;text-align: left;border-collapse:collapse;font-size: 18px;background-color: #fff;}
.b2c_featurelist table .tr-head{text-align: center;background: #ebf5ff;font-size: 20px;font-weight: bold;border-top: 2px solid #9adeff;color: #555;}
.b2c_featurelist table tr th {font-size: 24px;font-weight: normal;}
.b2c_featurelist table{border: 1px solid #ddd;}
.b2c_featurelist table tr th,
.b2c_featurelist table tr td {padding: 20px 35px;border: 1px solid #ddd;position: relative;}
.b2c_featurelist table tr td span {color: #888;font-size: 16px;}
.b2c_featurelist table tr td.pad-l-85 {padding-left: 85px;}
.b2c_featurelist table tr td img {position: absolute;top: 50%;left:35px; margin-top: -15px;}
.b2c_featurelist table tr td.td-one {text-align: center;}
.b2c_featurelist table tr td.td-bgc {background:  #f2fbff;}
.b2c_featurelist table tr th.th-one {background-color: #f2fbff;}
.b2c_featurelist table tr th.th-two {background-color: #fff7ec;}
.b2c_featurelist table tr th.th-three {background-color: #fff5f5;}
.b2c_featurelist table tr th.th-four {background-color: #f4fce8;}
.b2c_featurelist table tr.whole-row-parent {background-color: #f6faff;}
.b2c_featurelist table tr th.whole-row {font-size: 24px;position: relative;padding-left: 85px;}
.b2c_featurelist table tr th.whole-row img {position: absolute;top: 0;left: 35px;top: 50%;margin-top: -15px;}
.b2c_featurelist table tr td.y-support {background: url(../images/function_list/gou.png) no-repeat 35px center;padding-left: 68px;}
.b2c_featurelist .tab-wechat table  tr td.y-support {background: url(../images/function_list/gou.png) no-repeat center;padding-left: 68px;}
.b2c_featurelist table tr td.n-support {background: url(../images/function_list/cha.png) no-repeat 35px center;padding-left: 68px;}
.b2c_featurelist table tr td.r-support {background: url(../images/function_list/yuan.png) no-repeat 35px center;padding-left: 68px;}
.b2c_featurelist .tab4-bottom .tab-box p.attention {color: #fc8080;}
.b2c_featurelist table tr.application td.td-one {position: relative;padding-left: 135px;}
.b2c_featurelist table tr.application td img {position: absolute;top: 50%;left: 85px;margin-top: -15px;}
.b2c_featurelist table tr.app-application td img {position: absolute;top: 50%;left: 35px;margin-top: -15px;}
.b2c_featurelist tr.diff td.td-four.add,
.b2c_featurelist tr.diff td.td-five{background: url(../images/gou.png) no-repeat 35px 22px;font-size: 14px;line-height: 20px;color:#888;}
.b2c_featurelist tr.diff td.td-four.add p,
.b2c_featurelist tr.diff td.td-five p{padding-left: 32px;color: #333;font-size:18px;margin-bottom: 10px;}
.b2c_featurelist tr.r-diff td.td-four{background: url(../images/function_list/yuan.png) no-repeat 35px 22px;}
.b2c_featurelist tr.r-diff td.td-four a{margin-left: 32px;height: 20px;line-height: 20px;}
/**
*   b2c_weshop
*/
.b2c_weshop{margin: 0 auto;}
.b2c_weshop .pos img{padding-top: 30px;}
.b2c_weshop .text-center{text-align: center;}
.b2c_weshop .text-left{text-align: left;}
.b2c_weshop .text-right{text-align: right;}
.b2c_weshop .banner{background: url(../images/b2c/b2c_weshop/banner.jpg) no-repeat center;}

/**
*   b2c_wechat
*/
.b2c_wechat{color: #333;}
.b2c_wechat .banner{background: url(../images/b2c/b2c_wechat/banner.jpg) no-repeat center;}
.b2c_wechat .section-wrapper .title{padding: 60px 0;}
.b2c_wechat .section-1 .section-wrapper {height: 620px;}
.b2c_wechat .section-1 .section-wrapper ul li {float: left; margin-right: 77px;text-align: center;width: 180px;}
.b2c_wechat .section-1 .section-wrapper ul li:last-child { margin-right: 0;}
.b2c_wechat .section-1 .section-wrapper ul li h3{font-size: 24px;line-height: 34px;padding-top: 16px;}
.b2c_wechat .section-1 .section-wrapper ul li p{ color: #888; line-height: 20px;}
.b2c_wechat .section-2 {background-color: #f8f8f8;padding: 70px 0;}
.b2c_wechat .section-2 .section-wrapper{height: 512px;}
.b2c_wechat .section-2 .title{position: absolute;text-align: left;left: 0;top: 0;z-index: 2;}
.b2c_wechat .section-2 .img{position: absolute;right: 0;bottom: 0;z-index: 1;width: 922px;height: 512px;background: url(../images/b2c/b2c_wechat/pic1.png) no-repeat center;}
.b2c_wechat .section-3 .section-wrapper{height: 780px;}
.b2c_wechat .section-3 .img{background: url(../images/b2c/b2c_wechat/pic2.jpg) no-repeat center;height: 442px;}
.b2c_wechat .section-4 {background-color: #f8f8f8;}
.b2c_wechat .section-4 .section-wrapper {height:670px;padding-top: 30px;}
.b2c_wechat .section-4 .img{width: 846px;height: 674px;background: url(../images/b2c/b2c_wechat/pic3.png) no-repeat center;}
.b2c_wechat .section-4 .title{position: absolute;top: 120px;right: 0; width: 360px;text-align: left;}
.b2c_wechat .section-5 .section-wrapper{padding: 80px 0;}
.b2c_wechat .section-5 .title{position: absolute;text-align: left;right: 20px;top: 20px;z-index: 2;}
.b2c_wechat .section-5 .img{text-align: center; width: 1140px;height: 740px;background: url(../images/b2c/b2c_wechat/pic4.png) no-repeat center;}
.b2c_wechat .section-6 .title{padding-bottom: 0;}
.b2c_wechat .section-6{background-color: #f8f8f8;padding-bottom: 50px;}
.b2c_wechat .section-6 ul{width: 597px;margin: 60px auto 0;overflow: hidden;}
.b2c_wechat .section-6 ul li{float: left;height: 118px;width: 118px;border: 1px solid #ddd;border-right: none;text-align: center;}
.b2c_wechat .section-6 ul li img{margin-top: 20px;}
.b2c_wechat .section-6 ul li p{font-size: 18px;color: #333;margin-top: 12px;}
.b2c_wechat .section-6 ul li.last{border-right: 1px solid #ddd;}
.b2c_wechat .section-6 ul li.four img{margin-top: 28px;}
.b2c_wechat .section-6 ul li.last img{margin-top: 24px;}
.b2c_wechat .section-6 .img-box{width: 100%;padding: 0;margin-top: 60px;}
.b2c_wechat .section-6 .text{position: relative;text-align: left;overflow: hidden;padding-left: 30px;}
.b2c_wechat .section-6 .text .yuan{width: 70px;height: 70px;border-radius: 50%;text-align: center;line-height: 70px;font-size: 60px;font-family: "Arial";font-weight: bold;color: #fff;background-color: #42b8f1;position: absolute;left: 30px;top: 0;}
.b2c_wechat .section-6 .text p{padding-left: 90px;}
.b2c_wechat .section-6 .text p.b{font-size: 24px;color: #43a4ff;line-height: 45px;}
.b2c_wechat .section-6 .text p.s{font-size: 14px;line-height: 25px;}
.b2c_wechat .section-6 .img-box-up{height: 586px;background: url(../images/b2c/b2c_wechat/pic6-1.png) no-repeat center;}
.b2c_wechat .section-6 .img-box-down{height: 590px;background: url(../images/b2c/b2c_wechat/pic6-2.png) no-repeat center;}
.b2c_wechat .section-6 .img-box-up .text-l{left: 0;top: 60px;width: 310px;float: left;}
.b2c_wechat .section-6 .img-box-up .text-r{right: 0;top: 50px;width: 300px;float: right;}
.b2c_wechat .section-7 .section-wrapper {text-align: center;height: 719px;}
.b2c_wechat .section-7 .section-wrapper h2 {font-size: 48px;padding:60px 0 30px 0;}
.b2c_wechat .section-7 .section-wrapper ul{width: 520px;margin: 0 auto;}
.b2c_wechat .section-7 .section-wrapper ul .active{background: #42b8f1;}
.b2c_wechat .section-7 .section-wrapper ul .active img{display: block;}
.b2c_wechat .section-7 .section-wrapper ul li{    cursor: pointer; position: relative; font-size: 18px; float: left; display: block; width: 140px; height: 40px; background: #bbb; margin-right: 50px; text-align: center; line-height: 40px;color: #fff;border-radius: 10px;}
.b2c_wechat .section-7 .section-wrapper ul li img{position: absolute;top: 40px; left:50%; margin-left: -4px;  display: none;}
.b2c_wechat .section-7 .section-wrapper ul li:last-child{margin-right: 0;}
.b2c_wechat .section-7 .section-wrapper .content{width: 1120px;height: 524px; overflow: hidden;}
.b2c_wechat .section-7 .section-wrapper .content img{padding-top: 50px;}
.b2c_wechat .section-7 .section-wrapper .content p{padding-top: 200px;  width: 405px; height: 200px;text-align: left;font-size: 18px;line-height: 34px;}
.b2c_wechat .section-7 .section-wrapper .content p span{font-size: 48px;line-height: 80px;}
.b2c_wechat .section-7 .content {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    filter: alpha(opacity=0);
    opacity: 0;}
.b2c_wechat .section-7 .show{
    position: absolute;
    left: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    filter: alpha(opacity=100);
    opacity: 1;
}
.b2c_wechat .section-8{background-color: #f8f8f8;}
.b2c_wechat .section-8 .section-wrapper{padding-top: 60px;width: 1040px;}
.b2c_wechat .section-8 .section-wrapper .text{padding-top: 40px;width: 540px;}
.b2c_wechat .section-8 .section-wrapper .text h2{font-size: 48px;}
.b2c_wechat .section-8 .section-wrapper .text p{font-size: 18px; line-height: 30px;}
.b2c_wechat .section-9 ul li{float: left; margin-right: 77px;text-align: center;width: 180px;}
.b2c_wechat .section-9 ul li h3{font-size: 24px; padding: 35px 0;}
.b2c_wechat .section-9 ul .last{margin-right: 0;}
.b2c_wechat .section-9 .section-wrapper a {text-align:center;background-color: #19b5f0;color: #fff; display: block; width: 200px; height: 60px; line-height: 60px; font-size: 24px; margin: 0 auto;margin-top: 20px; margin-bottom:80px;border-radius: 10px;}
.b2c_wechat .section-10 {border-top: 1px #ddd solid;}
.b2c_wechat .section-10 .text{padding-top: 88px; font-size: 18px;width: 460px; line-height: 32px;}
.b2c_wechat .section-10 .text a{color: #3ebfff; font-size: 24px;}
.b2c_wechat .section-10 .text a img{vertical-align: middle;}
.b2c_wechat .section-10 .text p{font-size: 18px;}
.b2c_wechat .section-10 .text .pcolor{color: #888;}
.b2c_wechat .section-10 .section-wrapper{height: 300px;width: 700px;}
.b2c_wechat .section-10 .section-wrapper .img{padding-top: 48px;}
/**
*   b2c_web
*/
.b2c_web{color: #333;}
.b2c_web .banner{background: url(../shop_pc_files/banner.jpg) no-repeat center;height: 626px;}
.b2c_web .section-1 .section-wrapper {height: 630px; text-align: center;background: url(../images/b2c/b2c_web/pic1.jpg) no-repeat center;}
.b2c_web .section-1 .section-wrapper p{color: #fff;font-size: 18px;}
.b2c_web .section-1 .section-wrapper .img {padding-top: 80px;}
.b2c_web .section-1 .section-wrapper .pos-1 {position: absolute;top: 96px;left: 50%;margin-left: -78px;}
.b2c_web .section-1 .section-wrapper .pos-2 {position: absolute; top: 318px; left: 142px;}
.b2c_web .section-1 .section-wrapper .pos-3 {position: absolute;bottom: 100px;left: 194px;}
.b2c_web .section-1 .section-wrapper .pos-4 {position: absolute; right: 147px;top: 319px;}
.b2c_web .section-1 .section-wrapper .pos-5 {position: absolute;bottom: 100px;right: 147px;}
.b2c_web .section-1 .section-wrapper .pos-6 {position: absolute; top: 360px; left: 50%;margin-left: -107px;font-size: 36px;text-align: center;}
.b2c_web .section-1 .section-wrapper .pos-6 span {font-size: 60px}
.b2c_web .section-1 .section-wrapper .pos-7 {background: #fff; border-radius: 15px;position: absolute; top: 300px; left: 50%; margin-left: -93px;padding: 3px 12px;}
.b2c_web .section-1 .section-wrapper .pos-7 p {color: #6ac8f9;font-size: 24px;}
.b2c_web .section-2 {background-color: #f8f8f8;}
.b2c_web .section-2 .section-wrapper {width: 1100px;}
.b2c_web .section-2 .section-wrapper .img1 {float: left; padding-top: 57px;padding-bottom: 50px;}
.b2c_web .section-2 .section-wrapper .img2 {float: right;padding-top: 20px;}
.b2c_web .section-3  .section-wrapper .img{text-align: left;padding: 20px 0 70px 30px;}
.b2c_web .section-3  .section-wrapper .pos{position: absolute;top: 350px; right: 74px;height: 300px; width: 350px;overflow: hidden;}
.b2c_web .section-3  .section-wrapper .img-content{position: absolute;top: 286px;left: 80px;width: 695px;height: 392px;overflow: auto;overflow-x: hidden;}
.b2c_web .section-3  .section-wrapper .pos .box{width: 350px; height: 94px;}
.b2c_web .section-3  .section-wrapper .pos .box img{padding-top: 22px;}
.b2c_web .section-3  .section-wrapper .pos .box span{font-size: 24px; color: #42b8f1;line-height: 2;}
.b2c_web .section-3  .section-wrapper .pos  p{display: inline-block;font-size: 18px;padding: 30px 0 10px 110px;}
.b2c_web .section-3  .section-wrapper .pos  a{text-align: center;background-color: #ff3c3c; color: #fff; display: block; width: 200px; height: 60px; line-height: 60px;font-size: 24px;margin: 0 auto;border-radius: 10px;margin-top: 20px;margin-right: 30px;}
.b2c_web .section-3  .section-wrapper .pos  a img{vertical-align: middle;padding-right: 8px;}
.b2c_web .section-4  {background-color: #f8f8f8;}
.b2c_web .section-4 .section-wrapper .title {padding-bottom: 30px;}
.b2c_web .section-4 .section-wrapper .img{background: url(../shop_pc_files/pic4.png) no-repeat center;height:570px;}
.b2c_web .section-5 .section-wrapper {width: 1100px;}
.b2c_web .section-5 .section-wrapper .img1 {float: left; padding-top: 57px;padding-bottom: 80px;}
.b2c_web .section-5 .section-wrapper .img2 {float: right;}
.b2c_web .section-6 .section-wrapper{width: 1111px; text-align: center;}
.b2c_web .section-6 .section-wrapper p{font-size: 18px; line-height: 34px;padding:30px 0 10px 0;}
.b2c_web .section-6 .section-wrapper p span{font-size: 24px;color: #42b8f1;}
.b2c_web .section-6 .clearfix .l{float: left;}
.b2c_web .section-6 .clearfix .r{float: right;}
.b2c_web .section-7 {height: 950px;}
.b2c_web .section-7 .section-wrapper {background: url(../shop_pc_files/pic7.png) no-repeat center bottom;height: 870px;}
.b2c_web .section-7 ul  {padding-left: 126px;padding-top: 30px;}
.b2c_web .section-7 ul li {float: left;width: 175px; height: 150px; margin-right: 14px;}
.b2c_web .section-7 ul li p {margin:90px 0 0 30px; text-align: center; font-size: 18px; color: #fff;}
.b2c_web .section-7 ul .img1 {background: url(../shop_pc_files/pic7-1.png) no-repeat center center;}
.b2c_web .section-7 ul .img2 {background: url(../shop_pc_files/pic7-2.png) no-repeat center center;}
.b2c_web .section-7 ul .img3 {background: url(../shop_pc_files/pic7-3.png) no-repeat center center;}
.b2c_web .section-7 ul .img4 {background: url(../shop_pc_files/pic7-4.png) no-repeat center center;}
.b2c_web .section-7 ul .img5 {background: url(../shop_pc_files/pic7-5.png) no-repeat center center;}
.b2c_web .section-6,
.b2c_web .section-8 {background-color: #f8f8f8;}
.b2c_web .section-8 .section-wrapper  {width: 1040px;}
.b2c_web .section-8 .section-wrapper .img1 {float: left; padding-top: 105px;padding-bottom: 80px;}
.b2c_web .section-8 .section-wrapper .img2 {float: right;padding-top:70px; }
.b2c_web .section-9 .section-wrapper { width: 460px; padding: 70px 0;}
.b2c_web .section-9 .section-wrapper a {text-align:center;color: #fff; display: block; width: 200px; height: 60px; line-height: 60px; font-size: 24px; margin: 0 auto; border-radius: 10px;}
.b2c_web .section-9 .section-wrapper .btn1 {background-color: #ff3c3c; float: left;}
.b2c_web .section-9 .section-wrapper .btn1 img {vertical-align: middle;padding-right: 8px;}
.b2c_web .section-9 .section-wrapper .btn2{background-color: #19b5f0;float: right;}
.b2c_web .section-10 {border-top: 1px #ddd solid;}
.b2c_web .section-10 .text{padding-top: 58px; font-size: 18px;width: 460px; line-height: 32px;}
.b2c_web .section-10 .text a{color: #3ebfff; font-size: 24px;}
.b2c_web .section-10 .text a img{vertical-align: middle;}
.b2c_web .section-10 .text p{font-size: 18px;}
.b2c_web .section-10 .text .pcolor{color: #888;}
.b2c_web .section-10 .section-wrapper{height: 300px;width: 780px;}
.b2c_web .section-10 .section-wrapper .img{padding-top: 70px;}
/**
* b2c_backstage
*/
.b2c_backstage .banner{height:626px;}
.b2c_backstage .banner .section-wrapper{text-align: center;}
.b2c_backstage .banner .section-wrapper .pad-t80{ position:absolute;left:50%;top:0;margin-left:-960px;}
.b2c_backstage .banner .section-wrapper p{padding-top: 20px; font-size: 24px;}
.b2c_backstage .banner .section-wrapper .img{padding-top: 50px;}
.b2c_backstage .section-1{background-color:#dc5c60;}
.b2c_backstage .section-1 .title h2,.b2c_backstage .section-1 .title p{color:#fff;}
.b2c_backstage .section-1 img,.b2c_backstage .section-2 img{ margin-left:150px;}
.b2c_backstage .section-1 ul{padding-top: 140px;}
.b2c_backstage .section-1 ul li{text-align: left;width: 540px;height: 200px; float: left;margin-right: 130px;margin-bottom: 50px;}
.b2c_backstage .section-1 ul li:nth-child(even){margin-right: 0;}
.b2c_backstage .section-1 ul li .img{width: 160px;float: left;}
.b2c_backstage .section-1 ul li .text{width: 330px;float: right; color: #fff;padding-top: 10px;}
.b2c_backstage .section-1 ul li .text h3{font-size: 24px;padding-bottom: 10px;}
.b2c_backstage .section-1 ul li .text p{line-height: 2;font-size: 18px;}
.b2c_backstage .section-2 .tab{padding:50px 0;}
.b2c_backstage .section-2 .tab table{text-align: center;margin: 0 auto;width: 1210px;border: 1px #6db5f9 solid;}
.b2c_backstage .section-2 .tab table tr th{background: #6db5f9;text-align: center;color: #fff;font-size: 24px; padding: 10px 0;border: 1px #6db5f9 solid;}
.b2c_backstage .section-2 .tab table tr td{padding: 10px 25px;border: 1px #6db5f9 solid;text-align: left;}
.b2c_backstage .section-2 .tab table tr .tab-con1{font-size: 24px;text-align: center;background-color: #ebf5ff;width: 140px;}
.b2c_backstage .section-2 .tab table tr .first{color:#6db5f9; width: 90px;}
.b2c_backstage .section-2 .tab table tr:nth-child(odd){background-color: #ebf5ff;}



/**
*  b2c_android
*/

.b2c_android .section-1 .section-wrapper{width: 1040px;padding: 160px 0 80px 0;}
.b2c_android .section-1 .section-wrapper .l{float: left;}
.b2c_android .section-1 .section-wrapper .r{float: right;width: 560px; line-height: 1.5;}
.b2c_android .section-1 .section-wrapper .r h2{font-size: 48px;padding: 40px 0 20px 0;}
.b2c_android .section-1 .section-wrapper .r p{font-size: 24px;padding-top: 20px;}
.b2c_android .section-1 .section-wrapper .r .ewm{margin-top: 90px;position: relative;height: 200px;width: 560px;}
.b2c_android .section-1 .section-wrapper .r .ewm p{position: absolute;bottom: 20px;left: 210px;text-align: left;}
.b2c_android .section-1 .section-wrapper .r .jt{position: absolute;bottom: 90px; right: 300px;}

/**
*  b2c_ipad
*/
.b2c_ipad .banner{background: url(../images/b2c/b2c_ipad/banner.jpg) no-repeat center bottom;height: 755px;}
.b2c_ipad .section-1 .section-wrapper .img{width: 1180px;padding: 100px 0;}
.b2c_ipad .section-1 .section-wrapper .img1{ position: absolute; top: 240px; left: 50%; margin-left: -350px;}
.b2c_ipad .section-1 .section-wrapper .img2{float: left;}
.b2c_ipad .section-1 .section-wrapper .img3{float: right;}
.b2c_ipad .section-2 {background: #e4fbfd;}
.b2c_ipad .section-2 .section-wrapper{height: 800px;width: 1000px;}
.b2c_ipad .section-2 .section-wrapper .img1{float: left;background: url(../images/b2c/b2c_ipad/pic2-1.png) no-repeat bottom;height: 570px; width: 60%;}
.b2c_ipad .section-2 .section-wrapper .img2{float: right;background: url(../images/b2c/b2c_ipad/pic2-2.png) no-repeat bottom;height: 570px; width: 40%;}
.b2c_ipad .section-3 .section-wrapper .img{background: url(../images/b2c/b2c_ipad/pic3.jpg) no-repeat bottom;height: 570px;}
.b2c_ipad .section-4 { background-color: #f8f8f8;height: 920px; }
.b2c_ipad .section-4 .section-wrapper{ text-align: left; }
.b2c_ipad .section-4 .section-wrapper .img{background: url(../images/b2c/b2c_ipad/pic4-bg.png) no-repeat 30px;height: 730px;}
.b2c_ipad .section-4 .section-wrapper .img img{position: absolute;top: 275px; left: 113px;}
.b2c_ipad .section-4 .section-wrapper .text{position: absolute;background: url(../images/b2c/b2c_ipad/pic4-bar.png) no-repeat left; width: 440px; height: 120px;}
.b2c_ipad .section-4 .section-wrapper .text span{padding: 30px 0 8px 0;font-size: 18px;color: #42b8f1;display: inline-block;}
.b2c_ipad .section-4 .section-wrapper .text p{width: 240px;}
.b2c_ipad .section-4 .section-wrapper .text1{top: 300px; right: 60px;}
.b2c_ipad .section-4 .section-wrapper .text2{top: 460px; right: 60px;}
.b2c_ipad .section-4 .section-wrapper .text3{bottom: 120px; right: 60px;}
.b2c_ipad .section-4 .section-wrapper .text4{bottom: -12px; right: 60px;}
.b2c_ipad .section-4 .section-wrapper .text5{bottom: -255px; right: 60px;}
.b2c_ipad .section-5 .section-wrapper {height: 980px;background: url(../images/b2c/b2c_ipad/pic5-bg.png) no-repeat 30px bottom;}
.b2c_ipad .section-5 .section-wrapper .title{text-align: left;padding: 540px 0 0 20px; }
.b2c_ipad .section-5 .section-wrapper div.img{ position: absolute; bottom: 80px; right: 100px; }
.b2c_ipad .section-6 {background: #f8f8f8;border-bottom: 1px #ddd solid;}
.b2c_ipad .section-6 .section-wrapper{height: 620px;}
.b2c_ipad .section-6 .section-wrapper div.img{ background: url(../images/b2c/b2c_ipad/pic6.png) no-repeat center; position: absolute;top: 190px; left: 50%; margin-left: -480px; height: 430px;width: 959px;}
.b2c_ipad .section-7 .section-wrapper{padding-top: 20px;width: 1290px;margin: 0 auto;}
.b2c_ipad .section-7 .section-wrapper div.clearfix{padding:80px 0;}
.b2c_ipad .section-7 .section-wrapper>p{color: #42b8f1;font-size: 24px;position: absolute;height: 20px; width: 130px;}
.b2c_ipad .section-7 .section-wrapper>p.pos1{top: 273px; left: 430px;}
.b2c_ipad .section-7 .section-wrapper>p.pos2{top: 273px; right: 430px;}
.b2c_ipad .section-8{ width:auto; text-align:center; background-color: #e4fbfd;overflow: hidden;}
.b2c_ipad .section-8 .section-wrapper{width: 1100px;}
.b2c_ipad .section-8 .main-10-box{ width:845px; height:480px; position:relative;}
.b2c_ipad .section-8 .main-10-box ul{ position:absolute;left:0;top:0; z-index:-1;}
.b2c_ipad .section-8 .main-10-box li{float:left; width:845px; height:509px; overflow:hidden; text-align:center; opacity:0.2;filter:alpha(opacity=20);}
.b2c_ipad .section-8 .main-10-box li.active{opacity:1;filter:alpha(opacity=100);}
.b2c_ipad .section-8 .main-10-slid{position:relative;padding-top:50px; z-index: 1;}
.b2c_ipad .section-8 .main-10-slid a{ position:absolute; top:240px;}
.b2c_ipad .section-8 .main-10-slid a.right{ background:url(../images/right.png) no-repeat; width:40px; height:77px; right:80px; z-index:1000;}
.b2c_ipad .section-8 .left_btn a.left{ background:url(../images/left.png) no-repeat; width:40px; height:77px; left:80px; z-index:1000;}
.b2c_ipad .section-8 .main-10-bomword{ text-align:left; padding: 40px 0 40px 245px;}
.b2c_ipad .section-8 .main-10-bomword h1{ font-size:30px;}
.b2c_ipad .section-8 .main-10-bomword p{ font-size:14px;color:#888888; line-height:45px}
.b2c_ipad .section-8 .main-10-bomword div{ display:none;}
.b2c_ipad .section-9{border-bottom: 1px #ddd solid;margin-bottom: 30px;}
.b2c_ipad .section-9 .section-wrapper div.img{ height: 700px;width: 1170px;}
.b2c_ipad .section-9 .section-wrapper div.img p{font-size: 24px; color: #333;}
.b2c_ipad .section-9 .section-wrapper div.img .img1 p{padding-top: 210px;}
.b2c_ipad .section-9 .section-wrapper div.img .img2 p{padding-top: 110px;}
.b2c_ipad .section-9 .section-wrapper div.img .img1 {background: url(../images/b2c/b2c_ipad/pic9-mini.png) no-repeat 30px bottom;width: 280px; height: 620px;}
.b2c_ipad .section-9 .section-wrapper div.img .img2 {background: url(../images/b2c/b2c_ipad/pic9-air.png) no-repeat bottom;width: 390px; height: 620px;}
.b2c_ipad .section-9 .section-wrapper div.img .img3 {background: url(../images/b2c/b2c_ipad/pic9-pro.png) no-repeat bottom;width: 460px; height: 620px;}