/******WEB端样式******/
@media (min-width: 1024px) {
    .index_mobile, .suspension-mobile{display: none;}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
    table{ border-collapse:collapse; border-spacing:0;}
    fieldset,img{border:0;}
    em,strong,th,i{ font-weight:normal; font-style:normal;}
    ol,ul{ list-style-type:none; list-style-position:outside;}
    caption,th{ text-align:left;}
    h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
    body{font-family:'MicroSoft YaHei'; font-size:14px;}
    div{margin-left:auto;margin-right:auto;}
    a{text-decoration:none;}

    .clearfix {display:inline-block;}
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    }
    *html .clearfix {height:1%;}
    .clearfix {display: block;}
    .clearfix {zoom: 1;}

    .f_r{float:right;_display:inline;}
    .f_l{float:left;_display:inline;}

    .prevs{ position:fixed;top:0;left:0; z-index:102; width:210px; height:100%;}
    .prevs div.f_l{ height:100%;}
/**
     * WEB端二级导航样式
     */
     /***常态***/
    .fix-nav{width: 100%;height: 60px;background: #f7f7f7;float:left;z-index: 10;border-top: 1px solid #ececec;}
    .fix-nav .fix-nav-wrapper{width: 1210px;height: 100%;margin: 0 auto;position: relative;}
    .fix-nav .fix-nav-wrapper div.l{float: left;font-size: 24px;line-height: 60px;}
    .fix-nav .fix-nav-wrapper div.r{float: right;font-size: 16px;line-height: 60px;}
    .fix-nav .fix-nav-wrapper div.r ul{float: left;}
    .fix-nav .fix-nav-wrapper div.r ul.fa li{float: left;position: relative;}
    .fix-nav .fix-nav-wrapper div.r ul li a{display: block;height: 100%; padding: 0 25px;background: url(../images/xt.png) no-repeat right center;color:#333;}
    .fix-nav .fix-nav-wrapper div.r ul li.last a{background: none;}
    .fix-nav .fix-nav-wrapper div.r ul li a.active,
    .fix-nav .fix-nav-wrapper div.r ul li a:hover{color: #0082f8;}
    .fix-nav .fix-nav-wrapper div.r a.r-btn-a{float: right;display: block;background-color: #0082f8;color: #fff;font-size: 14px;width: 110px;height: 30px;line-height: 30px;text-align: center;margin-top:15px;margin-left: 20px;}
    .fix-nav .l{overflow: hidden;}
    .fix-nav .l .fl{float: left;height:40px;margin-top: 20px;margin-right: 10px;}
    .fix-nav .l .fl img{max-height: 100%;}
    .fix-nav .l .fr{float: right;padding: 0 10px;background: url(../images/xt.png) no-repeat left center;}
    /****改变后***/

    .fix {width: 100%;height: 60px;background: rgba(0,0,0,.8);z-index: 10;position:fixed;top: 0px;}
    .fix .fix-nav-wrapper{width: 1210px;height: 100%;margin: 0 auto;position: relative;}
    .fix .fix-nav-wrapper div.l{float: left;font-size: 24px;line-height: 60px;color: #fff;}
    .fix .fix-nav-wrapper div.r{float: right;font-size: 16px;line-height: 60px;}
    .fix .fix-nav-wrapper div.r ul{float: left;}
    .fix .fix-nav-wrapper div.r ul.fa li{float: left;position: relative;}
    .fix .fix-nav-wrapper div.r ul li a{display: block;height: 100%; padding: 0 25px;background: url(../images/xt.png) no-repeat right center;color:#fff;}
    .fix .fix-nav-wrapper div.r ul li.last a{background: none;}
    .fix .fix-nav-wrapper div.r ul li a.active,
    .fix .fix-nav-wrapper div.r ul li a:hover{color: #0082f8;}
    .fix .fix-nav-wrapper div.r a.r-btn-a{float: right;display: block;background-color: #0082f8;color: #fff;font-size: 14px;width: 110px;height: 30px;line-height: 30px;text-align: center;margin-top:15px;margin-left: 20px;}
    .fix .l{overflow: hidden;}
    .fix .l .fl{float: left;height:40px;margin-top: 20px;margin-right: 10px;}
    .fix .l .fl img{max-height: 100%;}
    .fix .l .fr{float: right;padding: 0 10px;background: url(../images/xt.png) no-repeat left center;}
    .fix .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;}
    .fix .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);}
    .fix .fix-nav-wrapper div.r ul.child li{width: 100%;text-align: center;height:35px;line-height: 35px;border-bottom:1px solid #ccc;}
    .fix .fix-nav-wrapper div.r li ul.child a{font-size: 14px;color: #333;background: none;background-color: #f5f5f5;}
    .fix .fix-nav-wrapper div.r ul.child li:last-child{border-bottom: none;}
    .fix .fix-nav-wrapper div.r li ul.child li.current a,
    .fix .fix-nav-wrapper div.r li ul.child a:hover{background-color: #4dbaee;color: #fff;}
    .fix .fix-nav-wrapper div.r ul li img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /*Safari 和 Chrome*/
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .fix .fix-nav-wrapper div.r ul li.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /*Safari 和 Chrome*/
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    /**
     * WEB端二级导航查看演示样式
     */
    .demo-wrapper{width:100%; position:relative; text-align: center; }
    .demo-wrapper .demo-content{width:100%;background-color: rgba(0,0,0,0.8); position:fixed;left:0;top:140px;opacity:0; z-index:14;height:0;overflow: hidden;border-top: #555 1px solid;}
    .demo-content ul{width: 730px; margin: 60px auto 0;}
    .demo-content ul li{width:33.3%; float:left; list-style:none}
    .demo-content ul li p{color: #fff; font-size: 18px; line-height:30px; padding-top:10px;}
    .demo-content ul li img{width:180px;}
    .fix-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;}
    .fix-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);}
    .fix-nav .fix-nav-wrapper div.r ul.child li{width: 100%;text-align: center;height:35px;line-height: 35px;border-bottom:1px solid #ccc;}
    .fix-nav .fix-nav-wrapper div.r li ul.child a{font-size: 14px;color: #333;background: none;background-color: #f5f5f5;}
    .fix-nav .fix-nav-wrapper div.r ul.child li:last-child{border-bottom: none;}
    .fix-nav .fix-nav-wrapper div.r li ul.child li.current a,
    .fix-nav .fix-nav-wrapper div.r li ul.child a:hover{background-color: #4dbaee;color: #fff;}
    .fix-nav .fix-nav-wrapper div.r ul li img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /*Safari 和 Chrome*/
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .fix-nav .fix-nav-wrapper div.r ul li.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /*Safari 和 Chrome*/
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }


    /******发展历程*******/
    html{ height:100%;overflow:hidden;}
    body{ height:100%;}
    .main{ position:absolute; height:100%; width:100%;display:block;}
    .header{ height:60px; background:#353739; overflow:hidden; line-height:60px; position:relative; z-index:103;}
    .header div.f_l{margin:0 0 0 20px;}
    .header div.f_l ul li{float:left; font-size:16px;padding:0 25px;}
    .header div.f_l ul li img{margin-top:16px;}
    .header div.f_l ul li a{color:#818181;}
    .header div.f_l ul li a:hover{color:white;}
    .header div.f_l ul li.active a{color:#fff;}
    .header div.f_r{margin-right:20px;color:#fff; font-size:16px;}
    .timeline2{ position:relative; height:65px;}
    .behide{ position:absolute; width:50%; height:100%; z-index:100; background:white;}
    .time_wrap{ height:65px;position:absolute; width:100%;left:-50%;top:0;}
    .timeline{margin-top:50px;}

    .lines{ width:100%; height:1px; background:#ddd;left:0;bottom:13px; position:absolute;_font-size:0;_line-height:0; }
    .times{ width:1200px;height:58px; position:relative;}
    .time{ width:1200px;position:relative; z-index:10;}
    .time dl{float:left;width:9%; text-align:center; font-family:Arial; cursor:pointer;}
    .time dl dt{color:#888; line-height:22px;}
    .time dl dd{color:#333;}
    .time dl dd span{ background:url(../images/disc.png) no-repeat left top; height:12px; width:12px; display:block; margin:8px auto 0; cursor:pointer;}
    .time dl.active dt{color:#42b8f1;}
    .time dl.active dd{color:#42b8f1;}
    .time dl.active dd span{background:url(../images/disc2.png) no-repeat left top;}
    .time_active .lines{ background:#fff;}
    .time_active .time dl dt{color:#A3D2F1;}
    .time_active .time dl dd{color:#A3D2F1;}
    .time_active .time dl.active dt{color:white;}
    .time_active .time dl.active dd{color:white;}
    .time_active .time dl dd span{background:url(../images/nulldisc.png) no-repeat left top; }
    .time_active .time dl.active dd span{background:url(../images/disc3.png) no-repeat left top;}



    .banners{ position:relative; height:75%; }
    .scroll_banner{height:0px;width:0px; position:absolute;left:50%;top:50%;/*margin:-200px 0 0 -512px;width:1024px; height:400px;*/ _font-size:0;_line-height:0;opacity:0;filter:alpha(opacity=0);}
    .pa{ position:absolute;}
    .dn{ display:none;}
    .common_css{ position:absolute;left:50%;top:50%;}
    .rrs{ width:33px; height:33px; background:url(../images/rss.png) no-repeat left top; left:100px;top:0px;}
    .smallcircle{ height:15px; width:15px; background:url(../images/smallcircle.png) no-repeat left top;left:-80px;top:80px;}
    .smallcircle2{ height:15px; width:15px; background:url(../images/smallcircle.png) no-repeat left top;right:-20px;bottom:120px;}
    .triangle{
        width:24px; height:21px;background:url(../images/triangle.png) no-repeat left top;left:350px;top:-20px;
         -webkit-animation:scales 2s linear infinite;
        -moz-animation:scales 2s linear infinite;
        -o-animation:scales 2s linear infinite;
        animation:scales 2s linear infinite;
    }
    .circle{ height:21px; width:21px;background:url(../images/circle.png) no-repeat left top;left:235px;bottom:50px;}
    .picasa{ height:31px; width:31px;background:url(../images/picasa.png) no-repeat left top;right:290px;top:80px;
        -webkit-animation:zhuan 5s linear infinite;
        -moz-animation:zhuan 5s linear infinite;
        -o-animation:zhuan 5s linear infinite;
        animation:zhuan 5s linear infinite;

    }


    .square{
        height:25px; width:25px;background:url(../images/square.png) no-repeat left top;top:20px;right:-140px;
         -webkit-animation:swinging 3s linear infinite;
        -moz-animation:swinging 3s linear infinite;
        -o-animation:swinging 3s linear infinite;
        animation:swinging 3s linear infinite;
    }
    .smallsj{ width:18px; height:15px;background:url(../images/smallsjx.png) no-repeat left top;bottom:100px;right:260px;}

    .scroll_active .rrs{ width:33px; height:33px; background:url(../images/rss2.png) no-repeat left top; left:100px;top:0px;}
    .scroll_active .smallcircle{ height:15px; width:15px; background:url(../images/smallcircle2.png) no-repeat left top;left:-80px;top:80px;}
    .scroll_active .smallcircle2{ height:15px; width:15px; background:url(../images/smallcircle2.png) no-repeat left top;right:-20px;bottom:120px;}
    .scroll_active .triangle{ width:24px; height:21px;background:url(../images/triangle2.png) no-repeat left top;left:350px;top:-20px;}
    .scroll_active .circle{ height:21px; width:21px;background:url(../images/circle2.png) no-repeat left top;left:235px;bottom:50px;}
    .scroll_active .picasa{ height:31px; width:31px;background:url(../images/picasa2.png) no-repeat left top;right:290px;top:80px;}

    .scroll_active .square{
         height:25px; width:25px;background:url(../images/square2.png) no-repeat left top;top:20px;right:-140px;
    }
    .scroll_active .smallsj{ width:18px; height:15px;background:url(../images/smallsjx2.png) no-repeat left top;bottom:100px;right:260px;}


    .banner_wrap{width:626px; height:295px;float:left;margin:70px 0 0 100px; position:relative;}
    .banner_wrap div{ height:100%; width:100%; position:relative; overflow:hidden;}
    .banner_wrap ul{ height:250px; position:absolute;left:0;top:0;}
    .banner_wrap ul li{ width:626px; height:295px;float:left; overflow:hidden}
    .banner_wrap ul li img{float:left;}
    .banner_wrap ul li.one img{margin:80px 0 0 200px;}
    .banner_wrap ul li.two img{margin:0px 0 0 50px;}
    .banner_wrap ul li.three img{margin:0px 0 0 200px;}
    .banner_wrap ul li.four img{margin:0px 0 0 80px;}
    .banner_wrap ul li.five img{margin:50px 0 0 240px;}
    .banner_wrap ul li.six img{margin:30px 0 0 0;}
    .banner_wrap ul li.seven img{margin:70px 0 0 160px;}
    .banner_wrap ul li.eight img{margin:60px 0 0 200px;}
    .banner_wrap ul li.nine img{margin:60px 0 0 220px;}
    .banner_wrap ul li.ten img{margin:60px 0 0 280px;}
    .banner_wrap ul li.eleven img{margin:60px 0 0 150px;}

    .round{
         position:absolute;left:0;top:0;width:680px; height:680px;
         -webkit-transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
    transform-style:preserve-3d;
    }
    .round img{-webkit-animation: z 5s linear 0s infinite;
    -moz-animation: z 5s linear 0s infinite;
    -ms-animation: z 5s linear 0s infinite;
    animation: z 5s linear 0s infinite;transform-style:preserve-3d; position:absolute;}

    .rounds{
        display:none;width:680px; height:680px; position:absolute;left:50%;top:50%;margin:-340px 0 0 -340px;z-index:-1;
        -webkit-animation: y 45s linear 0s infinite;
        -moz-animation: y 45s linear 0s infinite;
        -ms-animation: y 45s linear 0s infinite;
        animation: y 45s linear 0s infinite;
        -webkit-perspective: 3000px;
        -moz-perspective: 3000px;
        -ms-perspective: 3000px;
    }

    /*******首页*******/
    .index{ position:absolute;/* height:100%;*/ width:100%;display:block;}
    .wraper{height:100%;width:100%; position:absolute;left:0;top:0; overflow:hidden; z-index:10;}
    .wraper .wraps{width:100%; position:absolute;left:0;top:0;}
    .wraper .wraps .steps{width:100%; position:relative;left:0;top:0; overflow:hidden;}
    .wraps .steps_1{ background:#000 url(../images/firstpagebg.jpg) no-repeat center center;}

    .imgnav{width:17px; height:180px;position:absolute; z-index:100;top:50%;right:50px;margin-top:-90px;}
    .imgnav li{ width:12px; height:12px;margin:12px auto; background:white;border-radius:50%; cursor:pointer;}
    .imgnav li.active{ width:15px; height:15px;border:1px solid white; background:none;}
    .mouse{margin-top:20px;}

    .doMove{ background:white; position:absolute;left:0;top:0; width:100%; height:100%; z-index:900; overflow:hidden;}
    .blue_bg{ background:#42B8F1; position:absolute; width:0; height:0; overflow:hidden;left:50%;top:50%}
    .whitelogo{height:460px; width:480px;margin:-230px 0 0 -240px;text-align:center;color:white; position:absolute;top:50%;left:50%;opacity:0;filter:alpha(opacity=0);}
    .w_logo{ height:233px; position:relative;}
    .logo_img{float:left;margin-left:55px;}
    .plus{ position:absolute;top:33px;/*right:54px;*/ opacity:0;filter:alpha(opacity=0);right:0;}
    .transform{
        -webkit-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transition:1s ease;
        -moz-transition:1s ease;
        -o-transition:1s ease;
        transition:1s ease;
    }
    .ecjia{ position:absolute;/* bottom:0px;*/left:100px;bottom:-50px;opacity:0;filter:alpha(opacity=0);}
    .whitelogo div dt{ font-size:40px;color:#fff;line-height:70px;}
    .whitelogo div dd{ font-size:16px;color:#fff;}

    /*第1屏*/
    .steps_one{ height:460px; width:480px;margin:-230px 0 0 -240px;text-align:center;color:white;}
    .steps_one div{margin-top:100px;}
    .steps_one div dt{ font-size:40px;color:#e7e7e7;line-height:70px;}
    .steps_one div dd{ font-size:16px;color:#bbb;}

    /*第2屏*/
    .wraps .steps_2{ background:#E7EAEB url(../images/bj.jpg) no-repeat center center;}
    .steps_two{height:530px; width:1190px;margin:-245px 0 0 -595px;}
    .isec dt{ text-align:center;}
    .isec dd{color:#333; line-height:30px;margin-top:25px;}
    .isec_next{height:410px;margin-top:50px; position:relative;}
    .computers{width:356px; height:260px; background:url(../images/computer.png) no-repeat left top; position:relative;
    z-index:10;}
    .goods_a{/*left:0;top:-10px;*/left:45%;top:80px;}
    .goods_b{/*left:0;top:245px;*/left:45%;top:80px;}
    .goods_c{/*left:750px;top:245px;*/left:900px;top:245px; z-index:11;}
    .goods_d{/*left:1000px;top:-50px;*/left:45%;top:80px;}
    .goods_e{/*top:320px;left:1090px;*/left:45%;top:80px;}
    .isec_next div.pa{ opacity:0;filter:alpha(opacity=0);}

    /*第3屏*/
    .steps_three{width:492px; height:448px;margin:-224px 0 0 -246px;}
    .steps_three div{
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg);
    }
    .steps_three .transform3{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .steps_three .img2{ position:absolute;/*left:-280px;top:-70px;*/left:50%;top:50%; height:0px; width:0px; opacity:0;filter:alpha(opacity=0);}

    /*第4屏*/
    .steps_4{ background:#1C1E1E url(../images/fourPageBg.jpg) no-repeat center center;}
    .steps_four{width:1150px; height:500px;margin:-250px 0 0 -575px;}
    .timewrap{ height:200px;}
    .years,.months,.days{height:200px; text-align:center;color:white; font-size:120px;border-radius:5%; position:relative;}
    .years{width:400px;}
    .months,.days{width:250px;}
    .years,.months{ background:#45B8F1;}
    .days{ background:#9ECC16;}
    .months{margin-left:125px;}
    .years p,.months p,.days p{ line-height:200px;font-family:Arial;font-weight:bold;  }
    .years span,.months span,.days span{ position:absolute; font-size:16px;right:21px; bottom:21px; height:24px; width:24px; text-align:center; line-height:24px;border-radius:15%;}
    .years span,.months span,.days span{ background:white;}
    .years span,.months span{color:#45B8F1;}
    .days span{color:#9ECC16;}

    .look{ text-align:center;color:white;margin-top:50px;}
    .look dl dt{ font-size:48px;}
    .look dl dd{margin-top:80px;}
    .look dl dd a{ display:block; width:230px; height:60px; margin:0 auto; background:url(../images/btn.png) no-repeat left top;}
    .look dl dd a:hover{ background:url(../images/btn_active.png) no-repeat left top;}

    /*第5屏*/
    .steps_five{ width:1210px;padding-top:100px;}
    .steps5{ text-align:center;}
    .steps5 dl dt{ font-size:36px; color:#888; line-height:50px;}
    .app{margin-top:120px;}
    .app div.f_l{ width:25%;*width:24.8%;}
    .app div.f_l div{padding:0 20px;}
    .app div.f_l dl dt{ position: relative;height:326px;width:240px; margin:0 auto; background:url(../images/copyright/thumb_iphone.jpg) no-repeat center center; text-align:center; overflow:hidden;cursor: pointer;border:5px solid #999; }
    .app div.f_l:nth-of-type(2) dl dt{ background:url(../images/copyright/thumb_android.jpg) no-repeat center center; }
    .app div.f_l:nth-of-type(3) dl dt{ background:url(../images/copyright/thumb_ipad.jpg) no-repeat center center; }
    .app div.f_l:nth-of-type(4) dl dt{ background:url(../images/copyright/thumb_ecjia.jpg) no-repeat center center; }
    .app div.f_l dl dt i{position:absolute;display:block;width:0;height:0;background:url('../images_backstage/func_icon_big.png') no-repeat center center / contain;top:50%;left:50%;margin:0;z-index:2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
    .app div.f_l dl dt:hover i{width:46px;height:46px;margin:-23px 0 0 -23px;}
    .app div.f_l dl dt:hover:after{width:103%;height:103%;opacity:0.5;}
    .app div.f_l dl dt:after{background:#000;content: '';width:0;height:0;position:absolute;top:50%;left: 50%;z-index:1;opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
    /*.app div.f_l dl dt img{margin:38px 0 0 25px;}*/
    /*.app div.f_l dl dd.tit{font-size:24px;color:#333; line-height:55px;margin-top:10px;}*/
    .app div.f_l dl dd{padding-left:20px; line-height:22px; color: #888;text-align:center;padding-top:15px;}
    /*.app div.f_l dl dt img.transform2{
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -o-transform:rotateY(360deg);
        transform:rotateY(360deg);
        -webkit-transition:1s ease;
        -moz-transition:1s ease;
        -o-transition:1s ease;
        transition:1s ease;
    }*/

    /*footer*/
    .footer{ background:#1F2329; width:100%;overflow:hidden;}
    .foots{padding:55px 0 0px 0;}
    .foot_1{ text-align:center;}
    .foot_1 dd{ font-size:12px; color:#484f5a;margin-top:5px;}

    .foot_2{ width:220px;margin-top:40px;padding-left:80px; background:url(../images/call.png) no-repeat left top; position:relative;}
    .foot_2 div{ position:absolute;top:15px;right:-30px;}
    .foot_2 dt{ font-size:30px;color:#9ecc17; font-family:Arial; line-height:44px;}
    .foot_2 dd{color:#888; font-size:12px;}

    .foot_3{padding:50px 0;}
    .foot_3 div.clearfix{ width:1000px;}
    .foot_3 div{ text-align:center;}
    .foot_3 div a{ font-size:18px; color:#CFD0D1;padding:0 10px;}

    .foot_4{ text-align:center;padding:30px 0 40px 0;color:#616566; background:#1B1C1F;}
    .foot_4 a{color:#616566; font-size:12px;padding:0 10px;}
    .foot_4 a:hover{color:#fff;}
    .foot_4 p{margin-top:20px; font-size:12px; line-height:22px;}

    /*******产品首页*******/

    .product{ position:absolute; height:100%;width:100%;left:0;top:0;}
    .product_wrap{ position:relative; height:100%;}
    .product_wrap .f_l{width:25%;height:100%; position:relative;}
    .pro_next{ position:absolute;left:0;top:-100%; width:100%; height:100%;
        -webkit-transition:1s ease;
        -moz-transition:1s ease;
        -o-transition:1s ease;
        transition:1s ease;
    }

    .product_wrap .f_l:hover{ z-index:10;}
    .product_wrap .f_l:hover .pro_next{width:120%;left:-10%;box-shadow:0px 0 20px rgba(0,0,0,0.5);
        -webkit-transition:1s ease;
        -moz-transition:1s ease;
        -o-transition:1s ease;
        transition:1s ease;
    }
    .product_wrap .f_l:hover .details{ display:block;}
    .pro_next1{ background:#88d13a;}
    .pro_next2{ background:#28a0e2;}
    .pro_next3{ background:#24bcbf;}
    .pro_next4{ background:#bb8be5;}

    .kinds{ width:240px;margin:-220px 0 0 -120px;color:white; overflow:hidden;}
    .kinds dl dt{ text-align:center; height:211px;}
    .kinds dl dt img{ max-width: 100%; max-height:100%;}
    .kinds dl dd.tit{ text-align:center; line-height:36px; height:36px; font-size:30px;margin:25px 0 18px 0px;}
    .kinds dl dd{ line-height:24px;}

    .details{ width:196px; height:66px; margin-top: 26px; display:none;}
    .details a{ display:block; width:100%; height:100%; background:url(../images/detail.png) no-repeat left top;}
    .details a:hover{ background:url(../images/detail_active.png) no-repeat left top;}


    /*******安卓*******/
    .mobile{width:210px; height:100%; position:fixed;right:0;top:0; z-index:101;}
    .mobiles{ width:70px;}
    .mobiles a{ display:block; width:100%; height:100%;}
    .mobiles p{color:white; font-size:36px; text-align:center;padding-top:280px;}
    .mobile .m1{ height:100%; background:#19A1DD;}
    .mobile .m2{ height:100%; background:#E6A82C;}
    .mobile .m3{ height:100%; background:#535353;}
    .special{ width:70px; position:fixed; right:210px; height:100%; background:#2AC275; text-align:center;top:0; z-index:101;}
    .special p{padding-top:280px;}

    .mobile_main,.header_extend{opacity:0;filter:alpha(opacity=0);}

    .mobile_wrap{ width:100%; height:100%; position:absolute;left:0;top:0;}
    .header_extend{ height:60px;border-bottom:1px solid #ccc; position:fixed; width:100%;left:0;top:60px; background:white; z-index:104;}
    .infos{width:1210px; height:100%; overflow:hidden;}
    .infos .f_l{ font-size:25px;color:#333;}
    .demo{ height:60px; line-height:62px; cursor:pointer;}
    .infos .f_r{margin-right:170px; position:relative; width:76px;}
    .buy_now{ width:125px; height:30px; text-align:center; line-height:30px; background:#18A1DD;color:white; position:absolute;right:-150px;top:16px; cursor:pointer;}
    .buy_now a{ display:block; width:100%; height:100%;color:white;}
    .erweima{ position:absolute; width:100%; height:/*360px*/0px; overflow:hidden;opacity:0;filter:alpha(opacity=0);}
    .black_bg{ position:absolute; height:100%; width:100%; background:#000;opacity:0.8;filter:alpha(opacity=80);left:0;top:0;}
    .pic_infos{ width:730px; position:relative; z-index:10;padding:60px 0 0 0;color:white; font-size:18px;}
    .pic_infos .f_l{ width:33%; text-align:center;}
    .pic_infos .f_l dl dd{margin-top:15px; line-height:30px;}

    .ecjia_topimg{ padding-top:120px;}
    .ecjia_topimg.backstage_topimg{ padding-top:60px;}
    .ecjia_topimg .topimg_one{ width:100%; padding-top:330px; height:750px; background: url(../images/ecjiabj1.jpg) no-repeat center center;}
    .ecjia_topimg .topimg_two{ width:100%; padding-top:330px; height:750px; background: url(../images/ecjiabj2.jpg) no-repeat center center;}
    .ecjia_topimg .topimg_three{ width:100%; padding-top:300px; height:780px; background: url(../images/ecjiabj3.jpg) no-repeat center center;}
    /*.ecjia_topimg .topimg_four{ width:100%; padding-top:330px; height:750px; background: url(../images/ecjiabj4.jpg) no-repeat center center;}*/
    .ecjia_topimg .topimg_nav{ display:block; margin:80px auto 0; width:628px; height: 130px;}
    .ecjia_topimg .topimg_nav li{ display:block; float:left; width:auto; height:130px;}
    .ecjia_topimg .topimg_nav li a{ display:block; float:left; width:157px; height:130px; background: url(../images/topimg_nav.png) no-repeat 30px 0px; transition: background 0.5s;}
    .ecjia_topimg .topimg_nav li a.topimg_iphone{ width:80px; background: url(../images/topimg_nav.png) no-repeat 0px -145px;}
    .ecjia_topimg .topimg_nav li a.topimg_android{ width:110px; background: url(../images/topimg_nav.png) no-repeat -78px -145px;;}
    .ecjia_topimg .topimg_nav li a.topimg_ipad{ width:200px; background: url(../images/topimg_nav.png) no-repeat -190px -145px;;}
    .ecjia_topimg .topimg_nav li a.topimg_backstage{ width:238px; background: url(../images/topimg_nav.png) no-repeat -390px -145px;;}
    .ecjia_topimg .topimg_nav li a.topimg_iphone:hover, .ecjia_topimg .topimg_nav li.active a.topimg_iphone{ width:80px; background: url(../images/topimg_nav.png) no-repeat 0px 0px;}
    .ecjia_topimg .topimg_nav li a.topimg_android:hover, .ecjia_topimg .topimg_nav li.active a.topimg_android{ width:110px; background: url(../images/topimg_nav.png) no-repeat -78px 0px;}
    .ecjia_topimg .topimg_nav li a.topimg_ipad:hover, .ecjia_topimg .topimg_nav li.active a.topimg_ipad{ width:200px; background: url(../images/topimg_nav.png) no-repeat -190px 0px;}
    .ecjia_topimg .topimg_nav li a.topimg_backstage:hover, .ecjia_topimg .topimg_nav li.active a.topimg_backstage{ width:238px; background: url(../images/topimg_nav.png) no-repeat -390px 0px;}

    .ecjia_topimg_footer{ padding:0px; margin-top:0px; margin-bottom:80px; }
    .ecjia_topimg_footer .foot_3{ padding:10px 0 60px 0; text-align:center; }
    .ecjia_topimg_footer .foot_3 dt{ color: #e7e7e7; font-size: 30px; line-height: 50px; }
    .ecjia_topimg_footer .foot_3 dd{ color: #bbb; font-size: 22px; }

    .mobile_next{ width:1100px;}
    .android1{ text-align:center; margin-top:60px;}
    .android1 dl dd{ font-size:18px;color:#333; line-height:30px;margin-top:23px;}
    .android2{ width:700px; position:relative;font-size:24px;margin-top:20px;text-align: center;}
    .android2 .red{color: red;}
    .android2 .btn{display: block;padding:8px 26px;background:#1dc1c3;position:absolute;top: 40px;right: 140px;font-size:18px;line-height:22px;color:#fff;}
    .android2 div{ background:white; height:145px; width:100px; position:absolute;top:0;left:215px;}
    .android3{ width:880px; height:504px; position:relative;margin-top:75px;}
    .android3 div{ position:absolute;left:0; bottom:-200px;opacity:0;filter:alpha(opacity=0);}

    .android_two{ height:800px; overflow:hidden;background:#F7F7F7; position:relative;}
    .android4{ width:1100px; position:relative; height:100%;}

    .android4 .f_l{ width:350px;padding-top:300px;}
    .android4 .f_r{ height:100%; width:515px;}
    .android4 .f_r div{ position:absolute; right:0; bottom:0;}
    .android4 dl dd{ font-size:16px;color:#333; line-height:30px;margin-top:23px;}

    .android_three,.android_four,.android_six,.android_eight{ width:1100px;}
    .android_ten{width: 1210px;}
    .android_three div.clearfix{padding:240px 0 100px 0;}
    .android_three .f_r{ width:350px;margin:150px 80px 0 0;}
    .android_three dl dd,.android_four div dl dd,.android5 div dl dd,.android_seven div dl dd,.android_eight dl dd{ font-size:16px;color:#333; line-height:30px;margin-top:23px;}


    .android_five{ height:840px; overflow:hidden; background:#F7F7F7;}
    .android5{ position:relative; height:100%;width:1342px; background:url(../images/func5.jpg) no-repeat left center;}
    .android5 div{ width:600px;float:right;margin:140px 140px 0 0;}
    .android_six{padding-top:130px; text-align:center;}

    .android_seven{ background:#F7F7F7; text-align:center;padding:100px 0;}
    .android_eight{padding:210px 0; background:url(../images/func23.jpg) no-repeat right bottom;}
    .android_eight .f_l{ width:381px;}
    .android_nine{padding:140px 0; width:1100px;}
    .android_nine .clearfix{margin-top:100px;}
    .android_nine .clearfix .f_l{width:33.3%;}
    .android_nine .clearfix .f_l div.img{ height:622px; width:297px;background:url(../images/mobile_bg.png) no-repeat left top; position:relative; text-align:center; overflow:hidden;}
    .android_nine .clearfix .f_l div.img p{ width:275px; height:483px;margin:0px auto;padding-top:60px;}
    .android_nine .clearfix .f_l dl{padding:30px 40px;}
    .android_nine .clearfix .f_l dl dt{ text-align:center; font-size:30px;}
    .android_nine .clearfix .f_l dl dd{font-size:18px; color: #888; line-height:30px;margin-top:15px;padding-left:10px;}

    .android_ten{padding:80px 0;}
    .android_ten div.f_l{ width:33.3%; text-align:center;padding-top:80px;}
    .android_ten div.clearfix{}
    .android_ten div.clearfix dl dd.tit{ font-size:24px; line-height:75px;color:#333;}
    .android_ten div.clearfix dl dd{ line-height:25px;color:#888;}



    .android_twlve{padding:35px 0 135px; width:1100px;}
    .android_twlve .f_l{ height:455px; width:360px; overflow:hidden; position:relative; }
    .android_twlve div.active{ background:url(../images/chose_active.png) no-repeat center top; opacity:1; }
    .android_twlve .f_l dl{ text-align:center; position:absolute; top:-455px; padding:75px 30px 0; opacity:0.6; filter:alpha(opacity=60); transition: all 0.5s; }
    .android_twlve div.active dl{ top:0px; opacity:1; filter:alpha(opacity=100); }
    .android_twlve .f_l dl dt{ height:211px;}
    .android_twlve .f_l dl dt.hover{ padding-top:70px; }
    .android_twlve .f_l dl dd{ text-align:left; line-height:23px; margin-top:15px; color:#888; }
    .android_twlve .f_l dl dd.tit{height:25px; font-size:30px;margin-top:30px; text-align:center; }
    .android_twlve .f_l dl dd.bod{height: 100px;}





    /*  智能后台  */
    .backtage{ height:1090px; position:relative; z-index:1; background:url(../images/backstage_bj.jpg) center top no-repeat; margin-top:60px;}
    .backtage img{ display:block; margin:0 auto;}
    .backtage_foot{ background:#202223; padding:30px 30px 25px 40px; position:relative;}/* z-index:105;*/
    .backtage_foot .logo{ padding:20px 45px 0 0;}
    .backtage_foot .nav_copy{}
    .backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
    .backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left; padding-right:13px;}
    .backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
    .backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
    .backtage_foot .nav_copy .copy{ color:#5e6263; line-height:22px; font-size:12px;}
    .backtage_foot .tel dl{ height:auto; overflow:hidden;}
    .backtage_foot .tel dl dt{ float:left; padding-right:20px;}
    .backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
    .backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#0687c2; width:280px;}
    .backtage_foot .tel dl dd p{ color:#888;}

    /***ipone***/
    .Icon{ background:url(../images/icon.png) no-repeat;}
    .bj01{ background:#f7f7f7;}
    .line{ height:1px; width:100%; overflow:hidden; background:#bfbfbf;}
    .Top{ border:solid #f0f8fd; border-width:1px 0; background:#fff; height:59px;}
    .top{ width:1100px; padding-top:10px;}
    .top h2{}
    .top h2 a{ font-family:Microsoft Yi Baiti; font-size:30px; line-height:1;}
    .top_r{ padding-top:3px;}
    .top_r a{ line-height:30px; float:right; margin-left:13px;}
    .top_r a.show{ margin-right:13px;}
    .top_r a.show i{ display:inline-block; vertical-align:text-top; margin:2px 0 0 7px;}
    .top_r a.show i em{ width:15px; height:15px; background-position:-315px -105px; display:block;}
    .top_r a.buy{ height:30px; width:125px; background:#19a1dd; text-align:center; color:#fff;}
    .top_r a.buy:hover{ background:#42b8f1;}

    .Span01{}
    .Span01 .banner{background:url(../images/banner.png) center top no-repeat;height:567px; margin-bottom: -42px;margin-top: 121px;position: relative;z-index: 2; }
    .Span01 .bannerBox{ width:1100px; position:relative;}
    .Span01 .bannerBox .img01{ position:absolute; top:77px; right:-18px;}
    .Span01 .bannerBox .img02{ position:absolute; top:167px; left:5px;}
    .Span01 .bannerBox .teseIcon{ position:absolute; top:595px; left:0; width:530px;}
    .Span01 .zonjie,.Span02Box,.Span03Box{ width:1100px; text-align:center;}
    .Span01 .zonjie{ padding-top:75px;}
    .Span01 .zonjie p{ line-height:36px; font-size:18px; padding:18px 0 65px;}

    .Span02{ height:1004px; background:url(../images/8.jpg) center top no-repeat; position:relative;}
    .Span02Box{ padding-top:110px;}
    .Span02Box p{ line-height:28px; color:#fff; padding:21px 0 80px 0;}

    .Span03Box .Text{ padding-top:167px;}

    .Span04 .line{ margin-bottom:144px;}


    .Span05 .Span03Box .Text{ padding-top:300px;}


    .Span06 .Span03Box .img02{ padding:40px 0 110px;}

    .Span07{ width:100%; overflow:hidden; position:relative;}


    .Span07 .Span03Box .img01{ position:absolute; bottom:0; left:0;}

    .Span08{}
    .Span08 .Span03Box{ padding-top:160px;}
    .Span08 .Span03Box .Text{ padding-top:200px;}
    .MemberIcon{ padding-top:55px;}
    .MemberIcon ul{ width:420px; height:auto; overflow:hidden;}
    .MemberIcon ul li{ width:100px; text-align:center; font-size:18px; float:left; margin:0 40px 25px 0;}
    .MemberIcon ul li span{ margin-bottom:12px; width:100px; height:100px; display:block;}
    .MemberIcon ul li .Icon01{ background-position:0 -105px;}
    .MemberIcon ul li .Icon02{ background-position:-105px -105px;}
    .MemberIcon ul li .Icon03{ background-position:-210px -105px;}
    .MemberIcon ul li .Icon04{ background-position:0 -210px;}
    .MemberIcon ul li .Icon05{ background-position:-105px -210px;}
    .MemberIcon ul li .Icon06{ background-position:-210px -210px;}

    .Text{ text-align:left; line-height:28px; font-size:16px;}
    .Text p{ padding-top:25px; color: #333;}

    .i-btk a{display:block;}
    .i-bbti{width:300px; height:240px; float:inherit; margin:0 auto; line-height:70px; text-align:center; font-size:36px;background:url(../images_mobile/b-iphone.png) no-repeat center center; color:#fff;}
    .i-bbti.android{background:url(../images_mobile/b-android.png) no-repeat center center;}
    .i-bbti.ipad{background:url(../images_mobile/b-ipad.png) no-repeat center center;}
    .i-bbti.backstage{background:url(../images_mobile/b-backstage.png) no-repeat center center;}
    .i-bbt{position: relative; width:320px; height:70px; line-height:70px; float:inherit; margin:0 auto; font-size:36px; text-align:center; color:#fff; cursor: pointer;}
    .i-bbtn{width:320px; height:70px; background: url(../images_mobile/i-2.png) no-repeat center center; transition: all 0.6s ease 0s;}
    .i-bwz{width:100%; float:inherit; margin-top:20px; color:#fff; text-align:center;}

    /* 发光按钮动画特效 */
    .i-bbt:hover .i-bbtn{background:#c44f22 url(../images_mobile/i-2.png) no-repeat center center;}
    .i-bbts{width:260px; height:70px; opacity: 0; line-height: 70px; position: absolute; left: 50%;top: 0; z-index: 2; margin-left: -130px; 2; border-radius: 6px; -webkit-animation:pulsejg 1s linear infinite; -webkit-box-shadow:rgba(243, 123, 37, 1) 0 0 12px 5px inset; box-shadow: 0 0 12px 5px rgba(243, 123, 37, 1) inset; box-sizing: border-box; animation: 1s linear 0s normal none infinite running pulsejg;}



    /**ipad**/
    .box {width:1100px;margin:0 auto;}
    .hide{ display:none;}
    .mt10{ margin-top:10px;}
    .mt25{ margin-top:25px;}
    .banner .banner-mid {width:1100px;text-align:center;position:relative;height:503px;padding-top:196px;}
    .banner .banner-mid ul{ height:245px; padding-top:124px;}
    .banner .banner-mid ul li {float:left;width:244px;height:245px;}
    .banner .banner-mid ul li.circle-1 {position: absolute;left:123px;z-index:2;}
    .banner .banner-mid ul li.circle-2 {position:absolute;left:326px;z-index:1;}
    .banner .banner-mid ul li.circle-3 {position:absolute;left:529px;z-index:2;}
    .banner .banner-mid ul li.circle-4 {position:absolute;left:732px;z-index:3;}
    /*banner End*/
    /*楼层一 Start*/
    .main-1{  text-align:center;padding-top: 80px;width: 100%;background-color: #ffffff;}
    .main-1 .main-1-word p{ line-height:35px; font-size:18px; font-family:'MicroSoft YaHei'; }
    .main-1 .main-1-img{ padding-top:60px;}
    /*楼层一 End*/
    /*楼层二 Start*/
    .main-2{  width:auto; text-align:center;background-color: #f5f5f5;padding-top: 80px;}
    .main-2 .main-2-word{ padding-top:100px;}
    /*楼层二 End*/
    /*楼层三 Start*/
    .main-3{ width:auto; text-align:center;background-color: #ffffff;padding-top: 80px;}
    .main-3 .main-3-word{ padding-top:49px;}
    .main-3 .main-3-bg{ background:url(../images/p12.jpg) no-repeat center; width:auto; height:809px; padding-top:96px}
    /*楼层三 End*/
    /*楼层四 Start*/
    .main-4{  background:#f7f7f7; text-align:center;background-color: #f5f5f5;padding-top: 80px;}
    .main-4 .main-4-word{ padding-top:86px;}
    .main-4 .main-4-word p{ line-height:35px; font-size:18px; font-family:'MicroSoft YaHei'; color:#333333;}
    .main-4 .main-4-bg{ background:url(../images/p14.jpg) no-repeat center; width:auto; height:586px;}
    /*楼层四 End*/
    /*楼层五 Start*/
    .main-5{ width:auto;  text-align:center;background-color: #ffffff;}
    .main-5 .main-5-word{ padding-top:85px;}
    .main-5 .main-5-word p{ line-height:35px; font-size:18px; font-family:'MicroSoft YaHei'; color:#333333;}
    .main-5 .main-5-bg{ background:url(../images/p16.jpg) no-repeat center bottom; width:auto; height:548px; padding-top:112px}
    /*楼层五 End*/
    /*楼层六 Start*/
    .main-6{ width:auto; text-align:center; background:#f1fbff;}
    .main-6 .main-6-word{ padding-top:147px;}
    .main-6 .main-6-word p{ line-height:35px; font-size:18px; font-family:'MicroSoft YaHei'; color:#333333;}
    .main-6 .main-6-bg{ background:url(../images/p18.jpg) no-repeat center bottom; width:auto; height:326px; padding-top:90px}
    /*楼层六 End*/
    /*楼层七 Start*/
    .main-7{ width:auto; height:905px; text-align:center;}
    .main-7 .main-7-word{ padding-top:152px;}
    .main-7 .main-7-slid{ width:1100px; height:655px;}
    .main-7 .main-7-slid .main-7-slid-btn{ padding-left:206px; padding-top:70px; float:left;}
    .main-7 .main-7-slid .main-7-slid-btn ul li{ float:left; width:100px; height:100px; padding-left:100px; cursor:pointer;}
    .main-7 .main-7-slid .main-7-slid-btn ul li.slid-1{ background:url(../images/p20.png) no-repeat; width:100px; height:100px}
    .main-7 .main-7-slid .main-7-slid-btn ul li.slid-2{ background:url(../images/p21.png) no-repeat; width:100px; height:100px}
    .main-7 .main-7-slid .main-7-slid-btn ul li.slid-3{ background:url(../images/p22.png) no-repeat; width:100px; height:100px}
    .main-7 .main-7-slid .main-7-slid-btn ul li.slid-4{ background:url(../images/p23.png) no-repeat; width:100px; height:100px}
    .main-7 .main-7-slid .main-7-slid-btn ul li.active_1{ background:url(../images/p20-1.png) no-repeat;}
    .main-7 .main-7-slid .main-7-slid-btn ul li.active_2{ background:url(../images/p21-1.png) no-repeat;}
    .main-7 .main-7-slid .main-7-slid-btn ul li.active_3{ background:url(../images/p22-1.png) no-repeat;}
    .main-7 .main-7-slid .main-7-slid-btn ul li.active_4{ background:url(../images/p23-1.png) no-repeat;}
    .main-7 .main-7-slid .main-7-slid-img{ float:left; background:url(../images/p24.jpg) no-repeat; width:863px; height:450px; margin-top:35px; margin-left:115px}
    .main-7-slid-img .models{ display:none;}
    .main-7-slid-img .models img{margin-top:40px;}
    .main-7 .main-7-slid .main-7-slid-img ul li{ float:left; width:708px; height:409px;padding: 41px 0 0 78px;}
    /*楼层七 End*/
    /*楼层八 Start*/
    .main-8{ width:auto; height:980px; text-align:center; background:#f7f7f7;}
    .main-8 .main-8-word{ padding-top:120px;}
    .main-8 .main-8-word p{ line-height:35px; font-size:18px; font-family:'MicroSoft YaHei'; color:#333333;}
    .main-8 .main-8-bg{ background:url(../images/p27.jpg) no-repeat center bottom; width:auto; height:486px; padding-top:90px}
    /*楼层八 End*/
    /*楼层九 Start*/
    .main-9{ width:auto; height:2630px ; text-align:center; background:url(../images/floor-9-bg.jpg);}
    .main-9 .main-9-word{ padding-top:139px;}
    .main-9 .main-9-word p{ line-height:35px; font-size:18px; font-family:'MicroSoft YaHei'; color:#fff;}
    .main-9 .main-9-img-1{ padding-top:100px}
    .main-9 .main-9-img-2{ padding-top:45px}
    .main-9 .main-9-img-2 .main-9-img-tit h1{ font-size:30px; font-family:'MicroSoft YaHei'; color:#fff;}
    .main-9 .main-9-img-2 .main-9-img-tit p{line-height:65px; font-size:14px; font-family:'MicroSoft YaHei'; color:#fff}
    .main-9 .main-9-img-2 .main-9-img-box{ padding-top:95px;}
    /*楼层九 End*/
    /*楼层十 Start*/
    .main-10{ width:auto; text-align:center; background-color: #ffffff;}
    .main-10 .main-10-word{ padding-top:145px;}
    .main-10 .main-10-box{ width:845px; height:480px; position:relative;}
    .main-10-box ul{ position:absolute;left:0;top:0; z-index:-1;}
    .main-10-box li{float:left; width:845px; height:509px; overflow:hidden; text-align:center; opacity:0.2;filter:alpha(opacity=20);}
    .main-10-box li.active{opacity:1;filter:alpha(opacity=100);}
    .main-10 .main-10-slid{position:relative;padding-top:50px; z-index:100;}
    .main-10 .main-10-slid a{ position:absolute; top:240px;}
    .main-10 .main-10-slid a.right{ background:url(../images/right.png) no-repeat; width:40px; height:77px; right:80px; z-index:1000;}
    .main-10 .left_btn a.left{ background:url(../images/left.png) no-repeat; width:40px; height:77px; left:80px; z-index:1000;}
    .main-10 .main-10-bomword{ text-align:left; padding-left:245px;}
    .main-10 .main-10-bomword h1{ font-size:30px; font-family:'MicroSoft YaHei'; color:#333;}
    .main-10 .main-10-bomword p{ font-size:14px;font-family:'MicroSoft YaHei'; color:#888888; line-height:45px;}
    .main-10-bomword div{ display:none;}
    /*楼层十 End*/
    .word_wrap{ width:982px; height:550px; position:relative;margin:120px auto;}
    .word_wrap ul{ position:absolute;left:0;top:0;}
    .word_wrap ul li{float:left; width:400px; position:relative; height:500px; cursor:pointer;}
    .word_wrap ul li img{width:225px; height:410px; position:absolute;left:50px;top:0;}
    .word_wrap ul li.active img{ width:270px; height:570px;left:-27px;top:-68px;}
    .btn_wrap{ height:100px; width:870px; text-align:center; position:relative;}
    .lbtn,.rbtn{ position:absolute;top:50%;margin-top:-38.5px; cursor:pointer;}
    .lbtn{left:100px;}
    .rbtn{right:100px;}
    .btn_wrap dl{ display:none;}
    .btn_wrap dl dt{ font-size:36px;color:#333;}
    .btn_wrap dl dd{ font-size:18px;color:#888; line-height:40px;}

    /*追加遮罩层*/
    .fixed_div{ position:fixed;left:0;top:0; z-index:1000; width:100%; height:100%; display:none;}
    .opacity_bg{ position:absolute;left:0;top:0; width:100%; height:100%; background:#000; opacity:0.8;filter:alpha(opacity=80);}
    .body_wrap{height:640px; width:1000px;margin:0 0 0 -500px; position:absolute;top:100%;left:50%;}
    .zuhe_title ul li{float:left;height:70px; line-height:70px;color:white; font-size:33px; text-align:center; width:50%; background:#606060;cursor:pointer; position:relative;color:#333;}
    .zuhe_title ul li a{ position:absolute;top:5px;right:115px; height:31px; width:31px; background:url(../images/j1.png) no-repeat left top;}
    .zuhe_title ul li.active_1{ background:#3C9ECA;color:white;}
    .zuhe_title ul li.active_1 a{ background:url(../images/j.png) no-repeat left top;}
    .zuhe_title ul li.active_2{ background:#272727;color:white;}
    .div_models{ height:570px; overflow:hidden;color:white; display:none;}
    .div_models_1{ background:#3C9ECA;border-top:1px solid #49A4CE;}
    .div_models_2{ background:#272727;border-top:1px solid #2E2E2E;}
    .div_models_2 .f_l{ width:33.3%; text-align:center; height:100%;cursor:pointer;}
    .div_models_2 div.second dl{padding-left:0;padding-right:0;}
    .div_models_2 div.active{ background:#000;}
    .div_models_2 div.blue { background: #375A71;}
    .div_models_2 div.black { background: #000;}
    .div_models_2 .f_l dl{ padding:95px 50px 50px;}
    .div_models_2 .f_l dl dt{ height:231px;}
    .div_models_2 .f_l dl dd{ font-size:25px;}
    .div_models_2 .f_l dl dd.tit{color:#FFEA00; font-size:30px;}
    .models_wrap{padding:84px 45px 23px 80px; height: 356px;}
    .models_wrap .f_l{ text-align:center;padding-right:90px; background:url(../images/plus_2.png) no-repeat right 80px;margin-right:60px;}
    .models_wrap .f_r{ text-align:center;}
    .models_wrap .f_l dl dt,.models_wrap .f_r dl dt{ height:231px;}
    .models_wrap .f_l dl dd.tit,.models_wrap .f_r dl dd.tit{ font-size:23px;}
    .models_wrap .f_l dl dd,.models_wrap .f_r dl dd{ line-height:25px;color:#F6E3E3;}
    .surprise{ text-align:center; line-height:70px; font-size:25px;}
    .surprise span{color:#FFEA00; font-size:35px;}
    .some_btn{ text-align:center;padding:30px 0; background:#375A71;}
    .some_btn a{ display:inline-block; height:50px; width:200px; text-align:center; line-height:50px;color:white; font-size:25px;margin:0 20px;}
    .some_btn a.buy_it_now{ background:#3F9ECA;}
    .some_btn a.custor-default { background-color: #ccc; cursor: default; }
    .some_btn a.custor-pointer { background-color: #3F9ECA; cursor: pointer; }
    .some_btn a.go_on_look{ background:#81A627;}
    .close_btn{ height:60px; line-height:60px; width:60px; text-align:center; position:absolute;
     right:-60px; top:0px; background:#000 url(../images/ca.png) no-repeat center center;color:#696969; font-size:30px; font-family:Arial; cursor:pointer;}
    .close_btn:hover{ background:#3F9ECA url(../images/ca.png) no-repeat center center;;}
    .some_btn2{ text-align:center;padding:30px 0; background:#1F1F1F;}
    .some_btn2 a{ display:inline-block; height:50px; width:200px; text-align:center; line-height:50px;color:white; font-size:25px;margin:0 20px;}
    .some_btn2 a.buy_it_now{ background:#3F9ECA;}
    .some_btn2 a.go_on_look{ background:#81A627;}
    /*产品页面下面追加css*/
    .product-below-title { margin-bottom: 55px; text-align: center; }
    .product-below-title img { margin-top: 50px; }
    /* add by huangkai */
    .last_work{padding: 80px 0;}
    .Span-box-p-24{font-size: 24px;}
    .Span-box-p-24 .red{color: #fc8080;}
    .color-333{color: #333333 !important;}
    .demo-btn{background-color: #9ecc17;color: white;cursor: pointer;height: 30px;line-height: 30px;text-align: center;width: 125px;margin-top:16px;position: relative;left:-50px;}
    .bj00{background-color: #fff;}
    .empty-box{height: 500px;width: 100%;}
    .Span01 .zonjie, .Span02Box, .Span03Box {text-align: center;width: 1210px !important;}
    .Span02{position:fixed; top:0;left:0;z-index:-1; width:100%; height:100%;  background:url(../images/iphone/watch.jpg) no-repeat ; }
    .m-b-60{margin-bottom:60px; }
    .m-t-40{margin-top:40px; }
    .m-l-50{margin-left:50px;}
    .has-b-t{border-top: 1px solid #ccc;}
    .has-b-r{border-right: 1px solid #eee !important;}
    .has-b-b{border-bottom: 1px solid #eee !important;}
    .p-t-80{padding-top: 80px;}
    .p-b-80{padding-bottom: 80px;}
    .no-border-bottom{border-bottom: none !important;}
    .color-blue-a{color: #28a0e2;}
    .t-al-r{text-align: right;}
    .t-al-l{text-align: left;}
    .t-al-c{text-align: center;}
    .text-color-pink{color: #ec7c7c;font-size: 24px;}
    .Span01-01{background-color: #ffffe5 !important;position: relative;padding: 80px 0;}
    .Span01-01-box{width: 1210px;text-align: center;}
    .Span-box-h2{font-size: 48px;line-height: 70px;color: #333333;}
    .Span-box-h3{font-size: 36px;line-height: 60px;color: #333333;}
    .Span-box-p{font-size: 18px;line-height: 35px;color: #666666;}
    .Span-box-p-14{font-size: 14px;color: #666666;line-height:30px;}
    .Span-box-p-16{font-size: 16px;color: #666666;line-height: 30px;}
    .Span-box-p-30{font-size: 30px;color: #666666;line-height: 50px;}
    .Span01-01-box .Span-box-p,.Span05 .Span-box-p{color: #888888;}
    .Span01-01-box-btn{border-radius: 5px;background: #9fc718 none repeat scroll 0 0;color: #fff;display: block;font-size: 18px;line-height: 22px;padding: 10px;width:100px;margin:0 auto;margin-top:20px;}
    .Span03{padding-top: 80px;}
    .Span03Box .Span-box-h2 span{color: #28a0e2;}
    .Span04,.Span05,.Span06{border-bottom: 1px solid #ccc;padding: 80px 0;}
    .Span04 .Span04-bg{background: url(../images/iphone/iphone-12.png) no-repeat center bottom; width:1210px;height: 710px;}
    .Span04 .Span04-bg .Span04-bg-box{width: 290px;text-align: left;}
    .Span04 .Span04-bg .Span04-bg-box-pos1{margin-left:10px;padding-top:120px;}
    .Span04 .Span04-bg .Span04-bg-box-pos2{margin-left:910px;margin-top:-220px;}
    .Span04 .Span04-bg .Span04-bg-box-pos3{margin-left:910px;margin-top:220px;}
    .Span04 .Span04-bg .Span04-bg-box-pos4{margin-left:10px;margin-top:70px;}
    .Span05 ul li{float: left;text-align:left;margin-right:164px;width: 294px;height: 605px;}
    .Span05 ul li.lb-1{background-image: url(../images/iphone/lb-1.png);}
    .Span05 ul li.lb-2{background-image: url(../images/iphone/lb-2.png);}
    .Span05 ul li.lb-3{background-image: url(../images/iphone/lb-3.png);}
    .Span05 ul li:nth-of-type(3n){margin-right:0;}
    .Span06 .Span06-bg{background: url(../images/iphone/iphone-18.png) no-repeat center bottom; width:1210px;height: 726px;margin-top: 60px;}
    .Span06 .Span06-bg .Span06-bg-box{width: 220px;text-align: left;margin-left:680px;padding-top: 30px;}
    .Span07 .Span03Box{border-bottom: 1px solid #ccc;padding:80px 0;}
    .Span07 .Span07-bg{background: url(../images/iphone/span07_bg.png) no-repeat 233px 0; width:1210px;height: 654px;margin-top: 60px;padding-left: 70px;}
    .Span07 .Span07-bg .Span07-bg-box{width: 270px;text-align: left;margin-left:135px;padding-top: 100px;}
    .Span07 .Span07-bg .Span07-bg-box-middle{width: 270px;text-align: left;margin-left:0;margin-top: 85px;}
    .Span07 .Span07-bg .Span07-bg-box-down{width: 520px;text-align: center;margin-top: 15px; margin-left:0;}
    .Span07 .Span07-bg .Span07-bg-box-down ul li{float: left; width: 100px;margin-right: 40px;margin-bottom: 10px;}
    .Span07 .Span07-bg .Span07-bg-box-down ul li:nth-of-type(4n){margin-right:0;}
    .Span08 .Span03Box{border-bottom: 1px solid #ccc;padding-top:80px;}
    .Span08 .Span03Box .Span08-right-box{text-align: left;}
    .Span08 .Span03Box .Span08-right-box .Span-box-p{color: #888888;}
    .Span08-toggle{font-size: 18px;color: #888888;vertical-align: top;margin-left: 35px;cursor: pointer;}
    .Span08 .Span03Box .Span08-toggle img{margin-left: 10px;}
    .func-lists{list-style-type:circle;text-align: left;padding: 30px 25px;}
    .func-lists li{font-size: 24px;line-height: 50px;color: #888888;}
    .Span09{padding-top: 80px;background-color: #f5f5f5;}
    .Span09 .Span03Box .Span06-bg{background:url(../images/span-9-bg.png) no-repeat left bottom #f5f5f5;}
    .infos .infos-box-container{padding-top: 0px;}
    .infos-box-container .infos-box{height: 62px;width: 260px; padding: 0 10px;background-color: #fff;}
    .infos-box .infos-box-children{padding-top: 15px; border-bottom:1px solid #dddddd; height: 46px;}
    .infos-box .infos-box-tubiao{width:21px;margin-top:13px;margin-left:10px;}
    .infos-box-hide-parent{position:absolute;top:61px;margin-left:-10px;border:1px solid #ddd;display: none; z-index: 2222;}
    .infos-box-container .infos-box-hide-parent .infos-box:hover{background-color: #f5f5f5;}
    .infos-box-children-up{width: 60px;text-align: center;}
    .infos-box-children-down a{color: #000000;}
    .Span10{padding: 80px 0;}
    .Span10 .Span10-ul {padding: 0 120px;margin-top:60px;}
    .Span10 .Span10-ul li{float: left;border:1px solid #eee;width:240px;height: 210px;border-right: none;}
    .Span10 .Span10-ul .Span10-ul-li-bg1{background: url(../images/iphone3.png) no-repeat center 100px}
    .Span10 .Span10-ul .Span10-ul-li-bg2{background: url(../images/android.png) no-repeat center 100px;}
    .Span10 .Span10-ul .Span10-ul-li-bg3{background: url(../images/ipad.png) no-repeat center 105px;}
    .Span10 .Span10-ul .Span10-ul-li-bg4{background: url(../images/pro.png) no-repeat center 100px;}
    .Span10 .Span10-ul .Span10-ul-li-bg5{background: url(../images/touch.png) no-repeat center 100px;}
    .Span10 .Span10-ul li a{color: #000000;display: block;padding-top: 20px;height: 100%;}
    .Span10-ul-li-div{margin:0 20px;}
    .Span10-ul-li-div-down{height:50px;width:240px;line-height: 50px;background-color: #7fd0f6;font-size: 18px;color: #fff;opacity: 0;filter: alpha(opacity=0);position: relative;top:128px;}
    .t-al-c img{margin-top:30px;height: 79px;}
    .Span10 .Span-box-h4{font-size: 24px;color: #333333;}
    .Span-bottom{width:530px;}
    .Span-bottom-btns{border-radius: 5px;color: #fff;display: block;font-size: 26px;line-height: 22px;padding: 20px 46px;}
    .btn-bg-img1{background:url(../images/btn13.png) no-repeat 40px center ; }
    .btn-bg-img2{background:url(../images/banner.png) no-repeat 40px center ; }
    .bg-drak{background-color: #9ed540;}
    .bg-blue{background-color: #5fc4f4;}
    .span-money{color: #fc8080;font-size: 30px;}
    .Span08{border-bottom: 1px solid #ccc;}
    .Span08 .Span03Box.box1{background: url(../images/iphone/2.6-1.png) no-repeat left bottom;height: 446px;}
    .Span08 .Span03Box.box2{background: url(../images/iphone/2.6-2.jpg) no-repeat right bottom;height: 403px;}
    .Span08 .Span03Box.box6{background: url(../images/iphone/2.6-6.png) no-repeat right bottom;height: 424px;}
    .Span08 .Span03Box.box8 .f_l .fa{overflow: hidden;margin-top: 100px;margin-left: 200px;}
    .Span08 .Span03Box.box8 .f_l .fa .f_l img{margin-top: 60px;}
    .Span18{padding-bottom: 80px;}
    .Span08 .Span03Box.box2 .Span-box-h3 span{color: #89ceed;}
    .Span08 .Span03Box.box2 .Span08-right-box a{display:block; width: 150px;height: 50px;font-size:18px;line-height: 50px;border-radius: 5px;margin-top: 20px; text-align: center;color: #fff;background-color: #63c5f6;}


    .Span01-ipad .banner{ height:567px; background:url(../images/ipad/banner-ipad.png) center top no-repeat;margin-top:121px;position: relative;z-index: 2;margin-bottom: -42px;}
    .Span01-01-ipad{background-color: #cdf8f3 !important;position: relative;padding-top: 80px;}
    .Span-ipad-box{text-align: center;width: 1210px !important;}
    .Span-ipad-box-children3{margin-top: 100px;margin-left: 700px;}
    .main1{width: 100%;background-color: #ffffff;}
    .main-3,.main-5,.main-6,.main-10{padding: 80px 0;}
    .Span-ipad-box.Span01-01-ipad-bg1{background: url(../images/ipad/ipad1.png) no-repeat right bottom;height: 610px;}
    .Span-ipad-box-children1{padding-top:140px;}
    .Span-ipad-box-children2{margin-top:60px;margin-left:70px;}
    .Span01-01-ipad-bg2{background: url(../images/ipad/ipad2.png);height: 501px;}
    .title-img1{background:url(../images/ipad/ipad8-1.png) no-repeat 230px center;}
    .title-img2{background:url(../images/ipad/ipad9-1.png) no-repeat 230px center;}
    .main-1.new-main{background-color: #fffcf1;}
    .main-2.new-main{background-color: #ffffff;padding: 70px 40px;}
    .main-3.new-main{background-color: #f5f5f5;padding-bottom: 0;}
    .main-4.new-main{background-color: #ffffff;width: 100%;}
    .main-5.new-main{background-color: #f5f5f5;padding-bottom: 0;}
    .main-11.new-main{background-color: #ffffff;border-top:1px solid #ddd; border-bottom:1px solid #ddd}
    .new-main .new-main-box{overflow: hidden;width: 1210px ;margin:0 auto;}
    .main-2.new-main .new-main-box ul{width: 1130px;overflow: hidden;text-align: center;}
    .main-2.new-main .new-main-box ul li{float: left;}
    .main-2.new-main .new-main-box ul.two{margin-bottom: 100px;}
    .main-2.new-main .new-main-box ul.two li{width: 540px;height:570px; margin-right: 50px;}
    .main-2.new-main .new-main-box ul.two li.first{background: url(../images/ipad/new2-1.png) no-repeat center bottom;}
    .main-2.new-main .new-main-box ul.two li.last{margin-right: 0;background: url(../images/ipad/new2-2.png) no-repeat center bottom;}
    .main-2.new-main .new-main-box ul.three{margin-top: 50px;}
    .main-2.new-main .new-main-box ul.three li{width: 354px;height:500px; margin-right: 34px;}
    .main-2.new-main .new-main-box ul.three li.one{background: url(../images/ipad/new2-3.png) no-repeat center bottom;}
    .main-2.new-main .new-main-box ul.three li.two{background: url(../images/banner.png) no-repeat center bottom;}
    .main-2.new-main .new-main-box ul.three li.last{margin-right: 0;background: url(../images/ipad/new2-5.png) no-repeat center bottom;}
    .main-1 .main-1-word .Span-box-h2 span{color: #40cdd0;}
    .Span10 .Span03Box .buy-three-app{display: block;width: 300px;height: 50px;padding: 0 50px;background-color: #fc8080;margin:30px auto 0; border-radius: 5px; color: #fff;font-size: 24px;line-height: 50px;}
    .Span10 .Span10-ul.ipad-three{width: 724px;margin: 30px auto 0;}
    .Span10 .Span10-ul.ipad-two{width: 483px;margin: 30px auto 0;}
    .p-t-b-40{padding: 40px 0;}



    .Span01-android .banner{ height:567px; background:url(../images/android/banner-android.png) center top no-repeat;margin-top:121px;position: relative;z-index: 2;margin-bottom: -42px;}
    .Span-android-box{text-align: center;width: 1210px !important;}
    .android_one,.android_two,.android_three,.android_four,.android_five,.android_six{padding: 80px 0;width: 100%;}
    .android_one{background-color: #f4ffe9;}
    .android_two{background-color: #f5f5f5;}
    .android_two-bg{background: url(../images/android/android2.png) no-repeat center bottom;height: 590px;}
    .android_two-bg-box{width: 290px;text-align: left;}
    .android_two-bg-box-pos1{margin-left: 0;padding-top: 80px;}
    .android_two-bg-box-pos2{margin-left: 880px;margin-top:-190px;}
    .android_two-bg-box-pos3{margin-left: 920px;margin-top: 140px;}
    .android_two-bg-box-pos4{margin-left: 40px;margin-top: 40px;}
    .android_two-bg-box-pos5{margin-left: 920px;margin-top: 35px;}
    .android_three,.android_five{background-color: #ffffff;}
    .android_three ul li{float: left;text-align: left;margin-right:164px;width: 294px;height: 605px;}
    .android_three ul .android-lb-1{background-image:url(../images/android/android3-1.png) }
    .android_three ul .android-lb-2{background-image:url(../images/android/android3-2.png) }
    .android_three ul .android-lb-3{background-image:url(../images/android/android3-3.png) }
    .android_three ul li:nth-of-type(3n){margin-right:0;}
    .android_four{background-color: #f5f5f5;}
    .android_four .Span-android-box .android_four-bg{background: url(../images/android/android4.png) no-repeat center bottom;height: 710px;margin-top: 60px;}
    .android_four .Span-android-box .android_four-bg .android_four-bg-box{width: 220px;text-align: left;margin-left:690px;padding-top: 30px;}
    .android_five .Span-android-box .android_five-bg{background: url(../images/android/android5.png) no-repeat right bottom; width:1210px;height: 781px;margin-top: 60px;padding-left: 70px;}
    .android_five .Span-android-box .android_five-bg .android_five-bg-box{width:270px;margin-left:200px;padding-top:55px;text-align: left;}
    .android_five .Span-android-box .android_five-bg .android_five-bg-box-middle{width: 270px;text-align: left;margin-left:50px;margin-top: 85px;}
    .android_five .Span-android-box .android_five-bg .android_five-bg-box-down{width: 520px;text-align: center;margin-top: 25px; margin-left:50px;}
    .android_five .Span-android-box .android_five-bg .android_five-bg-box-down ul li{float: left; width: 100px;margin-right: 40px;margin-bottom: 10px;}
    .android_five .Span-android-box .android_five-bg .android_five-bg-box-down ul li:nth-of-type(4n){margin-right:0;}
    .android_six{background-color: #eeeeff;}
    .android_six .android_six-box1{background: url(../images/android/bt-xt.png) no-repeat center 13px;}
    .android_six .android_six-box1 img{margin-top:60px;}
    .android_six .android_six-box2{background: url(../images/android/bt-xt.png) no-repeat center 13px;}
    .android_six .android_six-box2 img{margin-top:60px;}
    .android_six .android_six-box3{background: url(../images/android/bt-xt1.png) no-repeat center 13px;}
    .android_six .android_six-box3 img{margin-top:60px;}
    .android_six .android_six-box3 .android_six-box3-span1{margin-left:70px;}
    .android_six .android_six-box3 .android_six-box3-span2{margin-left:-10px;}
    .android_six .android_six-box3 .android_six-box3-span3{margin-right:70px;}
    .android_seven{padding-bottom: 80px;background-color: #ffffff;}
    .android_seven .Span03Box{padding-top: 80px;border-bottom: 1px solid #ccc;text-align: left;}


    /**
     * 发展历程
     */
    .development-history{background-color: #fae4d2;}
    .development-history .banner{background:url(../images/dp-his-banner.png) center top no-repeat;height:240px;}
    .development-history .development-history-box{background:url(../images/dp-his-line.jpg) center top repeat-y;width: 980px;margin: 0 auto;}
    .development-history .development-history-box .dp-his-box-row{width: 100%;height: 230px;padding-top: 20px;position: relative;overflow: hidden;}
    .development-history .development-history-box .dp-his-box-row .round-img{position: absolute;left: 50%;margin-left:-50px;bottom: 0;width: 100px;height: 100px;}
    .development-history .development-history-box .dp-his-box-row.red-round-left{background:url(../images/red-round-left.png) 340px 150px no-repeat;}
    .development-history .development-history-box .dp-his-box-row.red-round-right{background:url(../images/red-round-right.png) 440px 150px no-repeat;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel{width: 380px;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header{border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 24px;color: #fff;padding: 10px 20px;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header.red-header{background-color: #ee5252;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header.blue-header{background-color: #53bcee;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header.green-header{background-color: #9ecc17;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-body{background-color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 17px;line-height: 30px; color: #7a7a7a;padding: 10px 20px 15px 20px;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel.panel-left{position: absolute;left: 0;}
    .development-history .development-history-box .dp-his-box-row .dp-his-box-panel.panel-right{position: absolute;right: 0;}
    .development-history .development-history-box .dp-his-box-row .panel-down{position: absolute;top: 156px;}
    .development-history .development-history-box .dp-his-box-row .panel-down.left{left: 340px;}
    .development-history .development-history-box .dp-his-box-row .panel-down.right{left: 618px;}
    .development-history .development-history-box .dp-his-box-row p.p-text{font-size: 30px;color: #000;position: absolute;top: 183px;}
    .development-history .development-history-box .dp-his-box-row p.p-text.left{left: 248px;}
    .development-history .development-history-box .dp-his-box-row p.p-text.right{left: 650px;}
    .development-history .development-history-box .dp-his-box-row-title{margin-top: 150px;text-align: center;color: #fff;position: relative;font-family:Arial;font-size: 36px;font-weight: bold;}
    .development-history .development-history-box .dp-his-box-row-title.blue-title{background:url(../images/dp-his-blue-title.png) center bottom no-repeat;height: 150px;}
    .development-history .development-history-box .dp-his-box-row-title p{position: absolute;top: 55px;left: 50%;margin-left: -40px;}
    .development-history .development-history-box .dp-his-box-row.blue-round-left{background:url(../images/blue-round-left.png) 340px 150px no-repeat;}
    .development-history .development-history-box .dp-his-box-row.blue-round-right{background:url(../images/blue-round-right.png) 440px 150px no-repeat;}
    .development-history .development-history-box .dp-his-box-row-title.green-title{background:url(../images/dp-his-green-title.png) center bottom no-repeat;height: 150px;}
    .development-history .development-history-box .dp-his-box-row.green-round-left{background:url(../images/green-round-left.png) 340px 150px no-repeat;}
    .development-history .development-history-box .dp-his-box-row.green-round-right{background:url(../images/green-round-right.png) 440px 150px no-repeat;}
    .development-history .development-history-box-bottom{text-align: center;width: 980px;margin: 0 auto;padding: 40px 0 160px 0;position: relative;}
    .development-history .development-history-box-bottom img{position: absolute;left: 50%;margin-left:-11px;top: 20px;}
    .development-history .development-history-box-bottom div{font-size: 30px;padding: 10px 20px;width: 770px;background-color: #898885;color: #fff;border-radius: 10px;}
    .development-history .development-history-box .dp-his-box-row-title.red-title{background:url(../images/dp-his-red-title.png) center bottom no-repeat;height: 150px;}

    /* end by huangkai */


    /**
     * touch
     */
    .m-b-80{margin-bottom: 80px;}
    .touch .l-box{float: left;}
    .touch .r-box{float: right;}
    .touch .Span01 .banner{background: url(../images/touch/banner-touch.png) no-repeat center top ;width: 100%;height: 568px;margin-bottom: -43px;position: relative;z-index: 2;}
    .touch .Span01-01 {background: url(../images/touch/bg1.jpg) no-repeat center top #fff!important;width: 100%; height: 379px;padding: 0;}
    .touch .Span01-01 .Span01-01-box img{padding: 100px 0 30px 0;}
    .touch .Span02{background: url(../images/touch/bg2.jpg) no-repeat center; height: 1080px;}
    .touch .Span03{background: url(../images/touch/bg3.png) no-repeat center top #fffcf5!important;width: 100%;padding-top: 100px;}
    .touch .Span04{background: url(../images/touch/bg4.png) no-repeat center top #57b7e5!important;width: 100%;position: relative;padding-top: 100px;}
    .touch .Span04 ul{overflow: hidden;position: absolute;width: 90px;left: 50%;margin-left: -45px;bottom: 245px;z-index: 99; }
    .touch .Span04 ul li {float: left;width: 10px;height: 10px;margin-right: 10px; border-radius: 5px;background-color: #fff;text-align: center;cursor: pointer;}
    .touch .Span04 ul li.last{margin-right: 0;}
    .touch .Span04 ul li.active{background-color: #0f92ce;}
    .touch .Span04 .Span03Box{position: relative;}
    .touch .Span04 .Span03Box .box-con {position: relative;height: 500px;}
    .touch .Span04 .Span03Box .box-con img{position: absolute;left: 50%;margin-left: -363px;top: 5px;}
    .touch .Span03Box .img{margin-bottom:30px;}
    .touch .Span04 a.btn-a{display: block; width: 220px;text-align: center;font-size: 24px;color: #fff; padding:15px 15px;background-color: #555;border: 2px solid #fff;border-radius: 5px;margin:100px auto 0;}
    .touch .Span05{background-color: #dff5ff;padding-top: 100px;}
    .touch .Span05 .Span03Box ul{width: 1210px;}
    .touch .Span05 .Span03Box ul li{width: 360px; margin-right: 65px;text-align: center;position: relative;}
    .touch .Span05 .Span03Box ul li.one .con{background-color: #6e9ae6;}
    .touch .Span05 .Span03Box ul li.two .con{background-color: #42cd74;}
    .touch .Span05 .Span03Box ul li.three{margin-right: 0;}
    .touch .Span05 .Span03Box ul li.three .con{background-color: #e88b52;}
    .touch .Span05 .Span03Box ul li .con img{margin:110px 0 60px 0;}
    .touch .Span05 .Span03Box ul li .con p{color: #fff;}
    .touch .Span05 .Span03Box ul li .con{height: 500px;}
    .touch .Span05 .Span03Box ul li .con .Span-box-p{font-size: 24px;margin-bottom: 10px;}
    .touch .Span05 .Span03Box ul li img.bottom{position: absolute;bottom: 0;left: 50%;margin-left: -140px;}
    .touch .Span06{background: url(../images/touch/bg6.png) no-repeat center top #fff;width: 100%;height: 420px;overflow: hidden;padding-top: 100px;padding-bottom: 0;}
    .touch .Span06 .Span03Box{overflow: hidden;}
    .touch .Span06 .Span03Box .l-box{float: left;width: 600px;text-align: left;}
    .touch .Span06 .Span03Box .r-box{float: right;}
    .touch .Span07{background-color: #f0fff6;}
    .touch .Span07 .Span03Box{border-bottom: none;overflow: hidden;padding-top: 100px;padding-bottom: 0;}
    .touch .Span07 .Span03Box .l-box{float: left;}
    .touch .Span07 .Span03Box .r-box{float: right;text-align: left;width: 570px;}
    .touch .Span07 .Span03Box .r-box ul li{background: url(../images/touch/img7-2.png) no-repeat left center;padding-left: 50px;height: 50px;line-height: 50px;font-size: 18px;color: #666;}
    .touch .Span08{background-color: #fff;padding-top: 100px;padding-bottom: 0;}
    .touch .Span08 .Span03Box{border-bottom: none;padding-top: 0;}
    .touch .Span08 .Span03Box ul{overflow: hidden;width: 454px;margin:0 auto;}
    .touch .Span08 .Span03Box ul li{float: left;width: 150px;height: 50px;text-align: center;font-size: 24px;line-height: 50px;margin-top:30px;margin-bottom:60px;color: #666;border:1px solid #49b9ee;border-right: none;cursor: pointer;}
    .touch .Span08 .Span03Box ul li.one{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
    .touch .Span08 .Span03Box ul li.three{border-right: 1px solid #49b9ee;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
    .touch .Span08 .Span03Box ul li:hover,
    .touch .Span08 .Span03Box ul li.active{background-color: #49b9ee;color: #fff;}
    .touch .Span08 .Span03Box .tab .fa{position: absolute;left: -100%;filter: alpha(opacity=0);opacity: 0;}
    .touch .Span08 .Span03Box .tab .fa.active{
        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;
    }
    .touch .Span08 .Span03Box .tab .fa .desc{position: absolute;text-align: left;}
    .touch .Span08 .Span03Box .tab .fa .desc.one{right: 0;top: 90px;}
    .touch .Span08 .Span03Box .tab .fa .desc.two{left: 0;top: 90px;}
    .touch .Span08 .Span03Box .tab .fa .desc.three{right: 20px;top: 90px;}
    .touch .Span09{background-color: #f5f5f5;padding-top: 100px;}
    .touch .Span09 .box9{background: url(../images/touch/img9-2.png) no-repeat left bottom;height: 500px;width: 100%;position: relative;}
    .touch .Span09 .box9 p{position: absolute;width: auto;top: -8px;}
    .touch .Span09 .box9 p.p1{left:60px; }
    .touch .Span09 .box9 p.p2{left:260px;}
    .touch .Span09 .box9 p.p3{left:460px;}
    .touch .Span09 .box9 p.p4{right:380px;}
    .touch .Span09 .box9 p.p5{right:60px;}
    .touch .Span12{background-color: #fff;padding-top: 100px;}
    .touch .Span12 .Span03Box{background: url(../images/touch/bg12.png) no-repeat left bottom;height: 509px;}
    .touch .Span12 .Span03Box .r-box{text-align: left;}
    .touch .Span13{padding-top: 100px;background-color: #f5f5f5;}
    .touch .Span13 .Span03Box{background: url(../images/touch/bg13.png) no-repeat right bottom;height: 648px;}
    .touch .Span13 .Span03Box .l-box{text-align: left;}
    .touch .Span14{padding-top: 100px;background-color: #fffcf5;}
    .touch .Span15{background-color: #fff;}
    .touch .Span15 .Span03Box{background: url(../images/touch/bg15.png) no-repeat right bottom;height: 550px;}
    .touch .Span15 .Span03Box .l-box{margin-top: 100px;text-align: left;}
    .touch .Span16{padding-top: 100px;background-color: #f5f5f5;}
    .touch .Span16 .Span03Box{background: url(../images/touch/bg16.png) no-repeat left bottom;height: 450px;}
    .touch .Span17{padding-top: 100px;background-color: #fff;}
    .touch .Span17 .Span03Box{background: url(../images/touch/bg17.png) no-repeat right bottom;height: 444px;}
    .touch .Span18{padding-top: 100px;background-color: #f5f5f5;}
    .touch .Span18 .Span03Box{background: url(../images/touch/bg18.png) no-repeat left bottom;height: 485px;}
    .touch .Span19{padding-top: 100px;background-color: #fff;}
    .touch .Span19 .Span03Box{background: url(../images/touch/bg19.png) no-repeat right bottom;height: 434px;}
    .touch .Span20{padding-top: 100px;background-color: #f5f5f5;}
    .touch .Span20 .Span03Box{background: url(../images/touch/bg20.png) no-repeat left bottom;height: 449px;}
    .touch .Span21{padding-top: 100px;background-color: #fff;}
    .touch .Span21 .Span03Box{background: url(../images/touch/bg21.png) no-repeat right bottom;height: 502px;}
    .touch .Span22{background: url(../images/touch/bg22.png) no-repeat center bottom #478bf0;height: 700px;padding-top: 100px; }


    /**
     * more-businesses（多商户）
     */
    .more-businesses .Span-android-box{overflow: hidden;}
    .more-businesses .l-box{float: left;text-align: left;}
    .more-businesses .r-box{float: right;text-align: left;}
    .more-businesses .Span01-android .banner{background:url(../images/more_businesses/banner.jpg) no-repeat center top #ffb83c;height: 525px;margin-top: 60px;}
    .more-businesses .android_one{background-color: #f5f5f5;padding-bottom: 0;margin-top: 43px;}
    .more-businesses .android_two{background-color: #fff;height: auto;padding-bottom: 0;}
    .more-businesses .android_two .Span-android-box{background: url(../images/more_businesses/img2.png) no-repeat left bottom;height: 460px;}
    .more-businesses .android_three{background-color: #f5f5f5;padding-bottom: 0;}
    .more-businesses .android_four{background-color: #fff;padding-bottom: 0;}
    .more-businesses .android_four .Span-android-box{background: url(../images/more_businesses/img4.png) no-repeat left bottom;height: 451px;}
    .more-businesses .android_five{background-color: #f5f5f5;padding-bottom: 0;height: auto;}
    .more-businesses .android_five .Span-android-box{background: url(../images/more_businesses/img5.png) no-repeat right bottom;height: 457px;}
    .more-businesses .android_six{background-color: #fff;padding-bottom: 0;}
    .more-businesses .android_six .Span-android-box{background: url(../images/more_businesses/img6.png) no-repeat left bottom;height: 449px;}
    .more-businesses .android_seven{background-color: #f5f5f5;padding-bottom: 0;}
    .more-businesses .android_seven .Span-android-box{background: url(../images/more_businesses/img7.png) no-repeat right bottom;height: 460px;}
    .more-businesses .android_eleven{background-color: #fff;padding-bottom: 0;border-bottom: 1px solid #ddd;}
    .more-businesses .android_eleven .Span-android-box{background: url(../images/more_businesses/img8.png) no-repeat left bottom;height: 471px;}
    .more-businesses .Span10 .Span10-ul {padding: 0 243px;}
    /* .more-businesses .Span10 .Span-bottom{width: 100%;position: relative;height: 60px;margin-top: 80px;} */
    /* .more-businesses .Span10 .Span-bottom-btns{width: 170px;position: absolute;left: 50%;margin-left: -128px;} */
    .more-businesses .android_thirteen{height: 200px;background-color: #bce1fb;}
    .more-businesses .android_thirteen .Span-box-h2{color: #fff;padding-top: 65px;}
    .more-businesses .android_fourteen{background-color: #f5f5f5;padding-top: 100px;}
    .more-businesses .android_fourteen .Span-android-box{background: url(../images/more_businesses/img14.png) no-repeat right bottom;height: 507px;}
    .more-businesses .android_fifteen{background-color: #fff;padding-top: 100px;}
    .more-businesses .android_fifteen .Span-android-box{background: url(../images/more_businesses/img15.png) no-repeat left bottom;height: 445px;}
    .more-businesses .android_sixteen{background-color: #fff;padding-top: 100px;}
    .more-businesses .android_sixteen .Span-android-box{background: url(../images/more_businesses/img16.png) no-repeat left bottom;height: 471px;}
    .more-businesses .android_seventeen{background-color: #f5f5f5;padding-top: 100px;}
    .more-businesses .android_seventeen .Span-android-box{background: url(../images/more_businesses/img17.png) no-repeat right bottom;height: 477px;}
    .more-businesses .android_eighteen{background-color: #f5f5f5;padding-top: 100px;}
    .more-businesses .android_eighteen .Span-android-box{background: url(../images/more_businesses/img18.png) no-repeat right bottom;height: 439px;}
    .more-businesses .android_nineteen{background-color: #fff;padding: 100px 0;}
    .more-businesses .android_nineteen ul {overflow: hidden;margin-top: 60px;}
    .more-businesses .android_nineteen ul li {float: left;margin-right: 20px;}
    .more-businesses .android_nineteen ul li.two{width:265px; }
    .more-businesses .android_nineteen ul li.four{width:265px;margin-right: 0;}
    .more-businesses .android_nineteen ul li p.title{font-size: 20px;line-height: 50px;margin-top: 20px;}
    .more-businesses .android_nineteen ul li p.text{font-size: 16px;line-height:30px;text-align: left;}
    .more-businesses .m-t-20{margin-top:20px;}
    .more-businesses .t-al-c{text-align: center !important;}



    /**
     * shopkeeper（掌柜）
     */
    .shopkeeper .Span01-01{background-color: #fff !important;}
    .shopkeeper .Span01 .banner{background: url(../images/shopkeeper/banner.jpg) no-repeat center top #1d90cc;height: 530px;width: 100%;}
    .shopkeeper .Span01 .banner .Span03Box {text-align: left;padding-top: 124px;}
    .shopkeeper .Span03{background-color: #f5f5f5 !important;padding: 80px 0;}
    .shopkeeper .Span03Box{overflow: hidden;}
    .shopkeeper .Span03Box .l-box{float: left;text-align: left;}
    .shopkeeper .Span03Box .r-box{float: right;text-align: left;}
    .shopkeeper .Span04{background-color: #fff !important;padding-top: 80px;padding-bottom: 0;border-bottom: none;}
    .shopkeeper .Span05{background-color: #f5f5f5 !important;padding: 80px 0;border-bottom: none;}
    .shopkeeper .Span07{background-color: #fff !important;padding-top: 80px;padding-bottom: 0;}
    .shopkeeper .Span09{background-color: #fff !important;padding-top: 80px;padding-bottom: 0;}
    .shopkeeper .Span09 .Span03Box{margin-top: 100px;position: relative;}
    .shopkeeper .Span09 .Span03Box.one{background: url(../images/shopkeeper/img6-1.png) no-repeat center bottom;height: 324px;margin-top: 0;}
    .shopkeeper .Span09 .Span03Box.two{background: url(../images/shopkeeper/img6-2.png) no-repeat center bottom;height: 324px;}
    .shopkeeper .Span09 .Span03Box.three{background: url(../images/shopkeeper/img6-3.png) no-repeat center bottom;height: 324px;padding-bottom: 0;}
    .shopkeeper .Span09 .Span03Box h2 ,
    .shopkeeper .Span09 .Span03Box p{position: absolute;}
    .shopkeeper .Span09 .Span03Box.one h2{left: 300px;top: 70px;}
    .shopkeeper .Span09 .Span03Box.one p{left: 400px;top: 170px;}
    .shopkeeper .Span09 .Span03Box.two h2{right: 270px;top: 50px;}
    .shopkeeper .Span09 .Span03Box.two p{left: 450px;top: 150px;}
    .shopkeeper .Span09 .Span03Box.three h2{left: 400px;top: 60px;}
    .shopkeeper .Span09 .Span03Box.three p{right: 390px;top: 150px;}
    .shopkeeper .Span18{background-color: #f5f5f5 !important;padding: 80px 0;border-bottom: none;}
    .Span10 ul.Span10-ul li.Span10-ul-li-bg6{background: url(../images/shopkeeper/logo.png) no-repeat center 100px;}
    .shopkeeper .Span18 .Span03Box .con{width: 100%;margin-top: 60px; position: relative;}
    .shopkeeper .Span18 .Span03Box .con .l{position: absolute;width: 95px;height: 95px;left: 0;top:150px;cursor: pointer;z-index: 99;}
    .shopkeeper .Span18 .Span03Box .con .r{position: absolute;width: 95px;height: 95px;right: 0;top:150px;cursor: pointer;z-index: 99;}
    .shopkeeper .Span18 .Span03Box .con .div{width: 900px;;margin: 0 auto;height: 370px;position: relative;overflow: hidden;}
    .shopkeeper .Span18 .Span03Box .con .div ul{overflow: hidden;position: absolute;left: 0;}
    .shopkeeper .Span18 .Span03Box .con .div ul li{float: left;width: 300px;text-align: center;position:relative;}
    .shopkeeper .Span18 .Span03Box .con .div ul li h3{font-size: 24px;line-height: 40px;margin-top: 10px;margin-bottom: 10px;}
    .shopkeeper .Span18 .Span03Box .con .div ul li p{font-size: 16px;line-height: 25px;text-align: left;padding: 0 30px;color: #555;}
    .shopkeeper .animation{background-color: #fff;padding-top: 80px;}
    .shopkeeper .animation .Span03Box{position: relative;}
    .shopkeeper .animation .Span03Box .btn{position: absolute;top: 368px;width: 82px;height: 133px;z-index: 10;cursor: pointer;}
    .shopkeeper .animation .Span03Box .btn img{width: 60px;}
    .shopkeeper .animation .Span03Box .btn.btn-left{left: 0;}
    .shopkeeper .animation .Span03Box .btn.btn-right{right: 0;}
    .shopkeeper .animation ul{width: 100%;height: 600px;position: relative;overflow: hidden;margin-top: 60px;}
    .shopkeeper .animation ul li{position: absolute;height: 570px;}
    .shopkeeper .animation ul li img{width: 100%;height: 100%;}
    .shopkeeper .animation .Span03Box .desp{width: 420px;overflow: hidden;margin: 0 auto;}
    .shopkeeper .animation .Span03Box .desp dl dt{font-size: 36px;color: #333;}
    .shopkeeper .animation .Span03Box .desp dl dd{font-size: 18px;color: #888;line-height: 30px;}
    .shopkeeper .Span10 .Span10-ul.ipad-four{width: 965px;margin: 30px auto 0;}
    .shopkeeper  .p-t-20{padding-top: 20px;}
    .new-add .pic_infos{width: 972px;}
    .new-add .pic_infos .f_l{width: 243px;}
    .shopkeeper .Span10 .Span03Box .buy-three-app{width: 500px;}
    .shopkeeper .Span10 .Span03Box .buy-three-app del{margin-left: 20px;font-size: 18px;}
    .shopkeeper .Span10 .Span03Box .Span10-ul.ipad-one{width: 241px;margin: 60px auto 40px; }
    .shopkeeper .Span10 .Span03Box .Span10-ul.ipad-three{margin:40px auto;}
    .shopkeeper .Span10 .Span03Box .Span-box-h2{font-size: 36px;}
    .shopkeeper .Span10 .Span03Box .buy-three-app{margin-top:0;}


    /**
     * index（首页）
     */
    
    .home-page .clcyimage{width: 100%;height: 460px;overflow: hidden;position: relative;}
    .home-page .center{width: 1210px;margin: 0 auto;position: relative;height: 425px;}
    .home-page .center .location{position: absolute;left: -355px;height: 425px;}
    .home-page .ban{position: relative;height: 425px;overflow: hidden;width: 1920px;}
    .home-page .ban ul.ban-img{height: 425px;overflow: hidden;position: relative;}
    .home-page .clcyimage ul.btn-round{overflow: hidden;width: 108px;height: 12px;position: absolute;bottom:0;left: 50%;margin-left: -30px;}
    .home-page .clcyimage ul.btn-round li{float: left; width: 12px;height: 100%;margin-right: 12px; border-radius: 50%;background-color: #c1c1c1;cursor: pointer;}
    .home-page .clcyimage ul.btn-round li.last{margin-right: 0;}
    .home-page .clcyimage ul.btn-round li.active{background-color: #0f92ce;}
    .home-page .ban ul.ban-img li{width: 1920px;float: left;}
    .home-page .ban .ban-btn{width: 1210px;height: 120px;position: relative;display: none;}
    .home-page .ban div{width: 50px;height: 100%;cursor: pointer;height:120px;position: absolute;top:150px;opacity: 0.5;filter: alpha(opacity=50);}
    .home-page .ban div.l{left: 50%;margin-left: -600px;display: none;}
    .home-page .ban div.r{right: 50%;margin-right: -600px;display: none;}
    .home-page .content .box{width: 1210px;margin: 0 auto;}
    .home-page .content .box .con-box-h1{font-size: 36px;color: #333;text-align: center;padding-bottom: 20px;}
    .home-page .content .box .con-box-p{font-size: 16px;color: #888;text-align: center;}
    .home-page .content .p-t-80{padding-top: 80px;}
    .home-page .content .box ul.tab{width: 680px;overflow: hidden;margin: 40px auto 20px;}
    .home-page .content .box ul.tab li{width: 160px;height: 50px;margin-right: 10px;margin-bottom:10px;color: #fff;float: left;background-color: #bbbbbb;font-size: 18px;text-align: center;line-height: 50px;cursor: pointer;position: relative;}
    .home-page .content .box ul.tab li img{position: absolute;top: 50px;left: 50%;margin-left: -7px;}
    .home-page .content .box ul.tab li.last{margin-right: 0;}
    .home-page .content .box ul.tab li.active{background-color: #42b8f1;}
    .home-page .content .box .tab-content{width: 100%;position: relative;overflow: hidden;}
    .home-page .content .box .tab-content ul{
        width: 100%;
        height: 550px;
        overflow: hidden;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        z-index: 1;
    }
    .home-page .content .box .tab-content ul.show{
        opacity: 1;
        filter: alpha(opacity=100);
        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;
        z-index: 2;
    }
    .home-page .content .box .tab-content ul.first a.btn{
        width: 150px;
        height: 30px;
        padding:10px 20px;
        border-radius: 10px;
        display: block;
        background-color: #42b8f1;
        color: #fff;
        position: relative;
        margin-top:500px;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        margin-left:510px;
    }
    .home-page .content .box .tab-content ul.two li.first{margin-left: 210px;}
    .home-page .content .box .tab-content ul.one li{margin-left: 420px;}
    .home-page .content .box .tab-content ul li{width: 370px;height:480px; margin-right: 50px;float: left;position: relative;}
    .home-page .content .box .tab-content ul li.last{margin-right: 0;}
    .home-page .content .box .tab-content ul li .img{width: 100%;}
    .home-page .content .box .tab-content ul li .img img{width: 100%;}
    .home-page .content .box .tab-content ul li p.title{font-size: 24px;line-height: 30px;}
    .home-page .content .box .tab-content ul li p.text{font-size: 16px;margin-top: 5px;line-height: 30px;}
    .home-page .content .box .tab-content ul li a{display: block;width: 100%;color: #333;}
    .home-page .content .box .tab-content ul li a .pos{overflow: hidden;position: absolute;z-index:10; bottom:0;width: 340px;padding:10px 15px; background-color: #fff;}
    .home-page .content .box .tab-content ul li a .pos p.bottom-p{height: 0;overflow: hidden;color:#71cd9c;font-size: 16px;line-height: 30px;}
    .home-page .content .box .tab-content ul li.active{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
    .home-page .content .box ul.silde-ul{border: 1px solid #ddd;height: 300px;margin: 40px 0;overflow:hidden; position:relative;}
    .home-page .content .box ul.silde-ul li.silde-ul-li{width: 490px;border-left: 1px solid #ddd;position:absolute;float:left; overflow:hidden; cursor:pointer;height: 100%;background-color: #fff;}
    .home-page .content .box ul.silde-ul li.silde-ul-li.first{width: 490px;border-left: none;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .l{float: left;width: 240px;text-align: center;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .r{float: right;width: 200px;padding-top: 50px;font-size: 14px;padding-right: 50px;line-height: 23px;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .l .up{height: 150px;padding-top: 50px}
    .home-page .content .box ul.silde-ul li.silde-ul-li .l .down{height: 100px;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .l .down p.title{font-size: 18px;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .l .down p.text{font-size: 14px;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .r ul{border:none;overflow: hidden;margin: 20px 0;padding-left: 5px;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .r ul li{border:none;width: 80px;float: left;}
    .home-page .content .box ul.silde-ul li.silde-ul-li .r a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;background-color: #42b8f1;color: #fff;border-radius: 5px;font-size: 16px;}
    .home-page .content .slide-bg{background: url(..images/index/bg.jpg) no-repeat;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: -1;}
    .home-page .content .bg-box{height: 600px;width: 100%;}
    .home-page .content .moban_six{ height:420px; position:relative;padding-top: 180px;margin-top: 100px;}
    .home-page .content .free_down{background: url(../images/index/tm.png) repeat; width:800px;height:140px;margin: 0 auto;z-index:10;padding: 50px 80px; position:relative;}
    .home-page .content .moban_six_wrap{ position:absolute; height:100%; width:100%;left:0;top:0; overflow:hidden;}
    .home-page .content .moban_six_wrap img{ position:absolute;left:50%;margin-left:-960px;top:-582px;}
    .home-page .content .free_down .text-con{background: url(../images/index/top-line.png) no-repeat center top; position: relative;padding-top: 50px;}
    .home-page .content .free_down .text-con p{color: #fff;}
    .home-page .content .free_down .text-con p.title{font-size: 36px;text-align: center;width: 300px;height: 60px;line-height: 60px;position: absolute;top:-30px;left: 50%;margin-left:-150px;z-index:2;}
    .home-page .content .free_down .text-con p.text{font-size: 18px;line-height: 30px;}
    .home-page .content .box.box3 ul{width: 100%;height: 220px;overflow: hidden;margin: 40px 0;}
    .home-page .content .box.box3 ul li{float: left;width: 220px;height:218px;margin-right: 25px;border-radius: 50%;border:1px solid #ddd;cursor: pointer;}
    .home-page .content .box.box3 ul li.last{margin-right: 0;}
    .home-page .content .box.box3 ul li .now-box{width: 220px;height:220px;border-radius: 50%;text-align: center;}
    .home-page .content .box.box3 ul li .now-box p.up{font-size: 16px;margin-top:10px;}
    .home-page .content .box.box3 ul li .now-box p.down{font-size: 14px;color: #888;}
    .home-page .content .box.box3 ul li .now-box img{margin-top: 43px;width: 80px;}
    .home-page .content .box.box3 ul li .next-box{width: 220px;height:218px;border-radius: 50%;background-color: #000;display: none;}
    .home-page .content .box.box3 ul li .next-box img{margin-left: 35px;margin-top: 35px;width: 150px;}
    .home-page .content .box.box3 p.bottom-text{font-size: 36px;color: #cccfd5;text-align: center;}
    .home-page .content .video{width: 100%;height: 330px;background: url(../images/index/video_bg.jpg) no-repeat center top;margin-top: 80px;}
    .home-page .content .video .box a{display: block;width: 100%;height: 280px;padding-top: 50px;color: #fff;text-align: center;}
    .home-page .content .video .box a .con-box-h1 ,
    .home-page .content .video .box a .con-box-p{color: #fff;}
    .home-page .content .video .box a img{margin-top:30px;}
    .home-page .content .products{padding: 80px 0 40px 0; background-color: #202223;text-align: center;}
    .home-page .content .products img{margin-top:20px;}
    .home-page .content .products dd.up{font-size: 24px;color: #fff;}
    .home-page .content .products dd.down{font-size: 18px;color: #cccccc;}
    .home-page .footer{background-color: #202223;padding: 30px 0;border-top: 1px solid #373939;}
    .home-page .footer ul{width: 510px;overflow: hidden;margin: 0 auto;}
    .home-page .footer ul li{width: 85px;float: left;text-align: center;background: url(../images/index/xt.png) right center no-repeat;}
    .home-page .footer ul li.last{background: none;}
    .home-page .footer ul li a{color: #ddd;font-size: 14px;}
    .home-page .footer p.copyright{font-size: 14px;color: #5e6263;line-height: 25px;text-align: center;margin-top: 10px;}

    a.buy-now-a{width:125px; height:30px; text-align:center; line-height:30px; background:#18A1DD;color:white; position:absolute;right:-150px;top:16px;}


    /**
     * 多商户（概述）
     */
    .b2b2c .banner{width: 100%;position: relative;overflow: hidden;height: 425px;}
    .b2b2c .banner .banner-wrapper{width: 1920px;height: 100%;position: absolute;left: 50%;margin-left: -960px;}
    .b2b2c .banner .banner-wrapper ul.pics{position: relative;width: 100%;}
    .b2b2c .banner .banner-wrapper ul.pics li{position: absolute;left: 0;opacity: 0;}
    .b2b2c .banner .banner-wrapper ul.pics li:nth-of-type(1){opacity: 1;}
    .b2b2c .banner .banner-wrapper ul.btns{width: 60px;position: absolute;overflow: hidden;left: 50%;margin-left: -35px;bottom: 30px;}
    .b2b2c .banner .banner-wrapper ul.btns li{float: left;width: 12px;height: 12px;margin-right: 12px;cursor: pointer;border-radius: 50%;background-color: #000;opacity: 0.8;filter: alpha(opacity=80);}
    .b2b2c .banner .banner-wrapper ul.btns li.last{margin-right: 0;}
    .b2b2c .banner .banner-wrapper ul.btns li.active{background-color: #fff;}
    .b2b2c .section{width: 100%;overflow: hidden;}
    .b2b2c .section .section-wrapper{width: 1210px;margin: 0 auto;text-align: center;overflow: hidden;}
    .b2b2c .section .title{padding-top:50px;}
    .b2b2c .section .title1{padding-top:20px;}
    .b2b2c .section .title p.up{font-size: 48px;color: #333;line-height: 70px;}
    .b2b2c .section .title p.down{font-size: 18px;color: #666;padding-top: 10px;}
    .b2b2c .section .section-wrapper .f-l{float: left;text-align: left;}
    .b2b2c .section .section-wrapper .f-r{float: right;text-align: left;}
    .b2b2c .section .section-wrapper .box{width: 100%;position: relative;overflow: hidden;}
    .b2b2c .section-1{background-color: #ebfdff;}
    .b2b2c .section-1 .title{padding-bottom: 60px;}
    .b2b2c .section-1 .box{width: 100%; position: relative;overflow: hidden;}
    .b2b2c .section-1 ul{position: absolute;top: 60px;right: 60px;}
    .b2b2c .section-1 ul li{width: 650px;height: 60px;overflow: hidden;border-radius: 10px;text-align: center;line-height: 60px;color: #fff;margin-bottom: 20px;}
    .b2b2c .section-1 ul li .fl{float: left;font-size: 40px;width: 60px;font-family: "Arial";}
    .b2b2c .section-1 ul li .fr{float: right;font-size: 24px;width: 570px;text-align: left;padding-left: 20px;}
    .b2b2c .section-1 ul li.one .fl{background-color: #f6a400;}
    .b2b2c .section-1 ul li.one .fr{background-color: #ffc000;}
    .b2b2c .section-1 ul li.two .fl{background-color: #435563;}
    .b2b2c .section-1 ul li.two .fr{background-color: #667581;}
    .b2b2c .section-1 ul li.three .fl{background-color: #50bf9f;}
    .b2b2c .section-1 ul li.three .fr{background-color: #72dbbd;}
    .b2b2c .section-1 ul li.four .fl{background-color: #4fb1d3;}
    .b2b2c .section-1 ul li.four .fr{background-color: #69caec;}
    .b2b2c .section-1 .r-b{width: 912px;height: 78px;line-height: 78px;text-align: center;color: #fff;font-size: 40px; background-color: #ff7c80;border-radius: 15px;position: absolute;right: 0;top: 380px;}
    .b2b2c .section-2{background: url(../images/sec-2-bg.png) repeat;width: 100%;position: relative;}
    .b2b2c .section-2 .section-wrapper .top-radius{width: 1050px;height: 160px;margin:0 auto; background-color: #014c9f;color: #fff;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;}
    .b2b2c .section-2 .section-wrapper .top-radius p{font-size: 18px;padding: 30px 55px;text-align: left;line-height: 33px;}
    .b2b2c .section-2 .title p.up{color: #ffec4c;}
    .b2b2c .section-2 .title p.down{color:#fff;font-size: 36px; }
    .b2b2c .section-2 .img{position: absolute;left: 50%;margin-left: -960px;bottom: 0;}
    .b2b2c .section-2 .section-wrapper .box{padding: 50px 0 170px;}
    .b2b2c .section-3{background-color: #fff;padding-bottom: 80px;position: relative;}
    .b2b2c .section-3-1{height: 750px;}
    .b2b2c .section-3 .bottom{width: 100%;height: 280px;background-color: #cdeaf8;border-bottom: 10px solid #acdcf3;position: absolute;left: 0;bottom: 0;}
    .b2b2c .section-3 .img1{position: absolute;width: 948px;height: 571px;left: 50%;margin-left: -474px;bottom: 10px;z-index: 2;}
    .b2b2c .section-3 .title{padding-bottom: 60px;}
    .b2b2c .section-3 .title2{padding-top: 0;}
    .b2b2c .section-3 .title p.up{color: #42b8f1;}
    .b2b2c .section-3 .title p.up span{margin-left: 30px;position: relative;}
    .b2b2c .section-3 .title p.up span img{vertical-align: middle;}
    .b2b2c .section-3 .title p.up span strong{width: 430px; font-size: 48px;line-height: 80px; text-align: center;color: #fff;position: absolute;}
    .b2b2c .section-3 .title p.mid-title{font-size: 48px;color: #333;padding-top: 50px; margin-bottom:30px;}
    .b2b2c .section-3 .title1 p.mid-title1{font-size: 36px;color: #42b8f1;}
    .b2b2c .section-3 .box{position: relative;}
    .b2b2c .section-3 .box p{position: absolute;font-size: 18px;color: #fff;text-align: left; line-height: 30px;}
    .b2b2c .section-3 .box p.p1{left: 110px;top: 102px;}
    .b2b2c .section-3 .box p.p2{right: 107px;top: 102px;}
    .b2b2c .section-3 .box p.p3{color: #333;bottom: 15px;left: 580px;}
    .b2b2c .section-4{background-color: #474e5d;padding-bottom: 25px;overflow: visible;position: relative;}
    .b2b2c .section-4 .title p.up{color: #fff;}
    .b2b2c .section-4 .title-down{font-size: 24px;color: #fff;text-align: center;width: 830px;height: 60px;line-height: 60px;background-color: #119fde;border-radius: 10px;margin: 30px auto 50px;}
    .b2b2c .section-4 .box .row{height: 150px;width: 1125px;position: relative;margin: 0 auto 50px;}
    .b2b2c .section-4 .box .row div{position: absolute;top: 0;}
    .b2b2c .section-4 .box .row .relative{position: relative;height: 100%;}
    .b2b2c .section-4 .box .row.r-l .relative div{width: 120px;height:70px;padding-top: 25px;text-align: center;top: 15px;right: 0;}
    .b2b2c .section-4 .box .row.r-r .relative div{width: 120px;height:70px;padding-top: 25px;text-align: center;top: 15px;left: 0;}
    .b2b2c .section-4 .box .row.r-l .l{width: 135px;height: 150px;left: 0;top:0;background: url(../images/section4.png) no-repeat center;}
    .b2b2c .section-4 .box .row.r-l .r{width: 1010px;height: 105px;background-color: #fff;top: 0; right: 0;border-radius: 10px;}
    .b2b2c .section-4 .box .row p{font-size: 18px;text-align: left;}
    .b2b2c .section-4 .box .row p.up{color: #333;padding-left: 50px;padding-top: 18px;line-height: 35px;}
    .b2b2c .section-4 .box .row p.down{color: #888;position: absolute;right: 50px;bottom: 20px;}
    .b2b2c .section-4 .box .row.r-r .r{width: 135px;height: 150px;right: 0;top:0;background: url(../images/section4-4.png) no-repeat center;}
    .b2b2c .section-4 .box .row.r-r .l{width: 1010px;height: 105px;background-color: #fff;top: 0; left: 0;border-radius: 10px;}
    .b2b2c .section-4 .bottom-round{width: 840px;height: 400px;position: absolute;left: 50%;margin-left: -420px;}
    .b2b2c .section-4 .bottom-round .relative{position: relative;width: 100%;height: 100%;text-align: center;}
    .b2b2c .section-4 .bottom-round .img1{left: 0;top: 50%;margin-top:-86px;position: absolute;}
    .b2b2c .section-4 .bottom-round .img3{right: 3px;top: 50%;margin-top:-86px;position: absolute;}
    .b2b2c .section-4 .bottom-round .text{position: absolute;}
    .b2b2c .section-4 .bottom-round .text p.up{font-size: 24px;line-height: 40px;}
    .b2b2c .section-4 .bottom-round .text p.down{font-size: 18px;line-height: 30px;}
    .b2b2c .section-4 .bottom-round .text-l{left: -90px;bottom: 10px;}
    .b2b2c .section-4 .bottom-round .text-m{left: 378px;bottom: 142px;}
    .b2b2c .section-4 .bottom-round .text-r{right: -70px;bottom: 10px;}
    .b2b2c .section-4 .bottom-round .text-l .up{color: #ea6868;}
    .b2b2c .section-4 .bottom-round .text-m .up{color: #5ca3e1;}
    .b2b2c .section-4 .bottom-round .text-r .up{color: #36d68e;}
    .b2b2c .section-5{background-color: #fff;}
    .b2b2c .section-5 .section-wrapper .box{padding: 60px 0 100px;}
    .b2b2c .section-5 .section-wrapper .box ul{position: absolute;top: 40px;}
    .b2b2c .section-5 .section-wrapper .box ul li{padding-top: 80px}
    .b2b2c .section-5 .section-wrapper .box ul.left{text-align: right;left: 35px;}
    .b2b2c .section-5 .section-wrapper .box ul.left li.one{margin-right: -50px;margin-top: 1px;}
    .b2b2c .section-5 .section-wrapper .box ul.left li.two{;margin-top: 10px;}
    .b2b2c .section-5 .section-wrapper .box ul.left li.three{margin-right: -50px;margin-top: -25px;}
    .b2b2c .section-5 .section-wrapper .box ul.right{text-align: left;right: 45px;}
    .b2b2c .section-5 .section-wrapper .box ul.right li.one{margin-left: -50px;}
    .b2b2c .section-5 .section-wrapper .box ul.right li.two{margin-top: 15px;}
    .b2b2c .section-5 .section-wrapper .box ul.right li.three{margin-top: -25px;margin-left: -50px;}
    .b2b2c .section-5 .section-wrapper .box ul li p.up{font-size: 24px;color: #4ba4dc;line-height: 40px;}
    .b2b2c .section-5 .section-wrapper .box ul li p.down{font-size: 14px;line-height: 30px;}
    .b2b2c .section-5 .section-wrapper .box a.learn-more-a{display: block; width: 180px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #fe5991;border-radius: 5px; font-size: 18px; position: absolute;left: 515px;bottom:70px;}
    .b2b2c .section-6{background: url(../images/sec-4-bg.jpg)no-repeat center top;width: 100%;height: 600px;}
    .b2b2c .section-6 a.learn-more-a{display: block; margin-top: 30px;}
    .b2b2c .section-6 .f-l{padding-top: 91px;padding-left: 120px;}
    .b2b2c .section-6 .f-r{padding-right: 50px;}
    .b2b2c .section-6 .title p.up,
    .b2b2c .section-6 .title p.down{color: #fff;}
    .b2b2c .section-6 .title p span{color: #fff000;}
    .b2b2c .section-7{background-color: #fff;padding-bottom: 80px;}
    .b2b2c .section-7 .title{padding-bottom: 60px;}
    .b2b2c .section-7 .box{position: relative;}
    .b2b2c .section-7 .box p.up{font-size: 24px;padding-bottom: 15px;}
    .b2b2c .section-7 .box p.down{font-size: 18px;line-height: 30px;}
    .b2b2c .t-al-l{text-align: left;}
    .b2b2c .t-al-r{text-align: right;}
    .b2b2c .section-7 .box div{position: absolute;}
    .b2b2c .section-7 .box .text-l-t{left: 55px;top: 70px;}
    .b2b2c .section-7 .box .text-l-b{left: 15px;bottom: 50px;}
    .b2b2c .section-7 .box .text-r-t{right: 45px;top: 70px;}
    .b2b2c .section-7 .box .text-r-b{right: 55px;bottom: 50px;}
    .b2b2c .section-7 .box .p{font-size: 100px;color: #fff;font-weight: bold; position: absolute;}
    .b2b2c .section-7 .box .p-l-t{left: 460px;top: 60px;}
    .b2b2c .section-7 .box .p-l-b{left: 460px;bottom: 70px;}
    .b2b2c .section-7 .box .p-r-t{right: 455px;top: 60px;}
    .b2b2c .section-7 .box .p-r-b{right: 455px;bottom: 70px;}
	.b2b2c .section-7 .b-p{font-size:24px; color: #fff;background-color: #37b6e9;width:400px; border-radius: 10px; margin: 50px auto; height:50px; line-height:50px; text-align: center;}
	.b2b2c .section-7 ul{width:1080px; overflow:hidden;margin: 0 auto;}
	.b2b2c .section-7 ul li{float:left; width:200px; margin-right:20px;}
	.b2b2c .section-7 ul li.last{margin-right:0;}
	.b2b2c .section-7 ul li .wrap{ height:200px;width:100%;background-image:url(../images/section7-2.png);}
	.b2b2c .section-7 ul li.one .wrap{ background-position: center top; }
	.b2b2c .section-7 ul li.two .wrap{ background-position: center 860px; }
	.b2b2c .section-7 ul li.three .wrap{ background-position: center 640px; }
	.b2b2c .section-7 ul li.four .wrap{ background-position: center 420px; }
	.b2b2c .section-7 ul li.last .wrap{ background-position: center 200px; }
	.b2b2c .section-7 ul li .up{font-size:24px;padding: 20px 0 10px;}
	.b2b2c .section-7 ul li .down{font-size:16px; line-height:30px; color:#555;}
	

    .b2b2c .sec-mobile-banner{background: url(../images/mob-banner.jpg) no-repeat center top;width: 100%;height: 700px;}
    .b2b2c .sec-mobile-banner .fl{float: left;text-align: left;background: url(../images/sec-8-2-bj.png)no-repeat left 170px;}
    .b2b2c .sec-mobile-banner .title p.up,
    .b2b2c .sec-mobile-banner .title p.down{color: #fff;}
    .b2b2c .sec-mobile-banner .title p.blue{color:#5fbdfa;font-size: 24px;padding-top: 80px;}
    .b2b2c .sec-mobile-banner a.learn-more-a{display: block;border-radius: 5px;height: 40px;line-height: 40px;font-size: 18px;text-align: center; width: 130px;margin-top: 30px;background-color: #4ca5e1;color: #fff;}
    .b2b2c .section-8{background-color: #fff;text-align: center;padding-bottom: 80px;}
    .b2b2c .section-8 .title{padding-bottom: 30px;position: relative;}
    .b2b2c .section-8 .title a.learn-more-a{display: block;border-radius: 5px;height: 40px;line-height: 40px;font-size: 18px;text-align: center; width: 130px;position: absolute;left: 50%;margin-left: -75px;bottom: 30px; background-color: #4ca5e1;color: #fff;}
    .b2b2c .section-9{background: url(../images/sec-8-bj.jpg)no-repeat center top;width: 100%;height: 720px;}
    .b2b2c .section-9 .section-wrapper .f-r{padding-top: 60px;width: 570px;background: url(../images/sec-8-2-bj.png)no-repeat center 230px;}
    .b2b2c .section-9 .title p.up,
    .b2b2c .section-9 .title p.down{color:#fff;}
    .b2b2c .section-9 .title p.blue{color:#5fbdfa;font-size: 24px;padding-top: 80px;}
    .b2b2c .section-9 a.learn-more-a{display: block;border-radius: 5px;height: 40px;line-height: 40px;font-size: 18px;text-align: center; width: 130px;margin-top: 30px;background-color: #4ca5e1;color: #fff;}
    .b2b2c .section-10{background-color: #f5f5f5;padding-top: 80px;}
    .b2b2c .section-10 .fl{float: left;}
    .b2b2c .section-10 .fr{float: right;width: 560px;}
    .b2b2c .section-10 .fr .title{text-align: left;padding-top: 30px;}
    .b2b2c .section-11{background-color: #fff;padding-bottom: 80px;}
    .b2b2c .section-11 ul{width:1140px ;overflow: hidden;margin: 0 auto;padding-top: 100px;position: relative;}
    .b2b2c .section-11 ul li{float: left; width: 360px;position: relative; margin-right: 30px;background: url(../images/section11.png) no-repeat center top;}
    .b2b2c .section-11 ul li.active{background: url(../images/section11-b.png) no-repeat center top;}
    .b2b2c .section-11 ul li.last{margin-right: 0;}
    .b2b2c .section-11 ul li .box-wrap{width: 358px;height: 240px;background-color: #fff;margin-top: 65px;text-align: center;border:1px solid #ddd;border-top:none;position: relative;}
    .b2b2c .section-11 ul li.active .box-wrap{background-color: #555;border-color: #555;}
    .b2b2c .section-11 ul li .box-wrap p.up{font-size: 24px;padding-top: 15px; }
    .b2b2c .section-11 ul li .box-wrap p.middle{font-size: 14px;color: #888;line-height: 25px;padding-bottom: 15px;}
    .b2b2c .section-11 ul li .box-wrap p.desc{font-size: 14px;line-height: 23px;padding: 0 28px;}
    .b2b2c .section-11 ul li .box-wrap .img{display: none;}
    .b2b2c .section-11 ul li.active .box-wrap .img{width: 150px;height: 150px;background-color: #fc8080;position: absolute;left: 50%;top: 50%;margin-left: -75px;margin-top: -75px;display: block;}
    .b2b2c .section-11 ul li.active .box-wrap .img img{width: 100%;}
    .b2b2c .section-11 ul li .yuan{width: 100px;height: 100px;text-align: center;position: absolute;left: 50%;margin-left: -50px;top:-50px;}
    .b2b2c .section-12{background-color: #454f82;}
    .b2b2c .section-12 .title p.up{color: #fff;}
    .b2b2c .section-12 .title{padding-bottom: 60px;}
    .b2b2c .section-12 .box{position: relative;}
    .b2b2c .section-12 .box ul{width: 850px;overflow: hidden;position: absolute;left: 50%;margin-left: -425px;top: 50px;}
    .b2b2c .section-12 .box ul li{float: left;width: 240px;height: 240px;border-radius: 50%;border:5px solid #fff;margin-right: 50px;margin-bottom: 30px;}
    .b2b2c .section-12 .box ul li.row-last{margin-right: 0}
    .b2b2c .section-12 .box a.btn-a{display: block;width: 170px;height: 60px; line-height: 60px; border-radius: 5px; border: 2px solid #fff; background-color: #ff61a8;color: #fff;font-size: 24px;position: absolute;right: 220px;bottom: 260px;}
    .b2b2c .section-12 .box ul li.one{background-color: #1a9dd0;}
    .b2b2c .section-12 .box ul li.two{background-color: #57cc68;}
    .b2b2c .section-12 .box ul li.three{background-color: #2fbfe3;}
    .b2b2c .section-12 .box ul li.four{background-color: #d088f5;}
    .b2b2c .section-12 .box ul li.five{background-color: #3e8cb1;}
    .b2b2c .section-12 .box ul li p{font-size: 18px;color: #fff;line-height: 30px;padding-top: 10px;}
    .b2b2c .section-12 .box ul li img{padding-top: 55px;}
    .b2b2c .section-13{background-color: #fff;}
    .b2b2c .section-13 .section-wrapper{padding: 80px 0;}
    .b2b2c .section-13 .f-l{padding-left: 290px;width: 400px;}
    .b2b2c .section-13 .f-r{width: 460px;padding-top: 80px;}
    .b2b2c .section-13 .f-r p{font-size: 24px;line-height: 40px;}
    .b2b2c .section-13 .f-r div{height: 40px;overflow: hidden;position: relative;margin-top: 20px;}
    .b2b2c .section-13 .f-r div p{color: #3ebfff;line-height: 20px;display: inline-block;}
    .b2b2c .section-13 .f-r div a{display: block;position: absolute;left: 0;top: 4px;height: 30px;}
    .b2b2c .section-13 .f-r div a img{vertical-align: bottom;}
    .b2b2c .section-14{background-color: #333;padding-top: 60px;}
    .b2b2c .section-14 .ul-tab{width: 100%;}
    .b2b2c .section-14 .ul-tab li{float: left;height:100px;line-height: 100px;width: 302px;margin-right: 1px;background-color: #555;color: #fff;font-size: 24px;cursor: pointer;position: relative;}
    .b2b2c .section-14 .ul-tab li img{position: absolute;left: 50%;margin-left: -11px;top: 100px;z-index: 3;display: none;}
    .b2b2c .section-14 .ul-tab li.last{margin-right: 0;width: 301px;}
    .b2b2c .section-14 .ul-tab li.active{background-color: #eb437a;}
    .b2b2c .section-14 .ul-tab li.active img{display: block;}
    .b2b2c .section-14 .tab-con{width: 100%;height:450px;overflow: hidden;position: relative;}
    .b2b2c .section-14 .box-wrap{
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        z-index: 1;
    }
    .b2b2c .section-14 .box-wrap.show{
        position: relative;
        opacity: 1;
        filter: alpha(opacity=1);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        z-index: 2;
    }
    .b2b2c .section-14 .box-wrap .con-body{width: 100%;height: 346px;border-bottom:1px solid #ddd;overflow: hidden;text-align: left;}
    .b2b2c .section-14 .box-wrap .fl{float: left;height:100%;}
    .b2b2c .section-14 .box-wrap .fr{float: right;height:100%;}
    .b2b2c .section-14 .box-wrap .con-body ul li{font-size: 18px;line-height: 30px;}
    .b2b2c .section-14 .box-wrap .con-body .left{width: 490px;text-align: center;}
    .b2b2c .section-14 .box-wrap .con-body .left img{margin-top: 38px;}
    .b2b2c .section-14 .box-wrap .con-body .center{width: 350px;}
    .b2b2c .section-14 .box-wrap .con-body .right{width: 310px;padding: 0 30px;}
    .b2b2c .section-14 .box-wrap .con-body .right .up{font-size: 24px;padding: 30px 0 10px;}
    .b2b2c .section-14 .box-wrap .con-body .right ul{padding: 20px 0; }
    .b2b2c .section-14 .box-wrap .con-body .right ul li{background: url(../images/tab-g.png) no-repeat left center;padding-left: 35px;line-height: 40px;}
    .b2b2c .section-14 .box-wrap .con-body .right .text{font-size: 18px;color: #eb437a;line-height: 30px;}
    .b2b2c .section-14 .box-wrap .con-body .right .b-text{font-size: 16px;color: #888;}
    .b2b2c .section-14 .box-wrap .con-body .c-t{background-color: #ddf2fe;height: 145px;padding: 30px;width: 290px;}
    .b2b2c .section-14 .box-wrap .con-body .c-t .up{font-size: 24px;color: #216d98;}
    .b2b2c .section-14 .box-wrap .con-body .c-t ul{padding-top: 10px;}
    .b2b2c .section-14 .box-wrap .con-body .c-t ul li{padding-left: 30px;line-height: 35px;}
    .b2b2c .section-14 .box-wrap .con-body .c-t ul li.iphone{background: url(../images/tab-iphone.png) no-repeat left center;}
    .b2b2c .section-14 .box-wrap .con-body .c-t ul li.android{background: url(../images/tab-android.png) no-repeat left center;}
    .b2b2c .section-14 .box-wrap .con-body .c-t ul li.ipad{background: url(../images/tab-ipad.png) no-repeat left center;}
    .b2b2c .section-14 .box-wrap .con-body .c-b{background-color: #eefbd8;height: 117px;width: 260px;position: relative;padding: 25px 0 0 90px;overflow: hidden;}
    .b2b2c .section-14 .box-wrap .con-body .c-b .y{width: 140px;height: 140px;border-radius: 50%;background-color: #80b430; position: absolute; left: -70px;top: -70px;}
    .b2b2c .section-14 .box-wrap .con-body .c-b .p{width: 50px;height: 55px;line-height: 55px;color: #fff;font-size: 25px; position: absolute; left: 0;top: 0;text-align: center;}
    .b2b2c .section-14 .box-wrap .con-footer{width: 100%;height: 104px;overflow: hidden;}
    .b2b2c .section-14 .box-wrap .con-footer .fl{line-height: 104px;font-size: 36px;margin-left: 50px;}
    .b2b2c .section-14 .box-wrap .con-footer .fr{padding-right: 230px;position: relative;}
    .b2b2c .section-14 .box-wrap .con-footer .fr span.left{color: #eb437a;font-size: 18px;}
    .b2b2c .section-14 .box-wrap .con-footer .fr span.right{color: #eb437a;font-size: 48px;line-height: 104px;}
    .b2b2c .section-14 .box-wrap .con-footer .fr a{display: inline-block;padding: 10px 35px; border-radius: 5px;font-size:24px;background-color: #eb437a;color:#fff;position: absolute;right:50px;top:25px; }
    .b2b2c .section-14 .box-wrap .con-body .b-t{font-size: 18px;line-height: 30px;}
    .b2b2c .section-14 .box-wrap.box3 .c-t{height: 100%;}

	.b2b2c .section-25{background-color: #fff;}
    .b2b2c .section-25 .section-wrapper .box{padding: 60px 0 100px;}
    .b2b2c .section-25 .section-wrapper .box ul{position: absolute;top: 40px;}
    .b2b2c .section-25 .section-wrapper .box ul li{padding-top: 80px}
    .b2b2c .section-25 .section-wrapper .box ul.left{text-align: right;left: 35px;}
    .b2b2c .section-25 .section-wrapper .box ul.left li.one{margin-right: -50px;margin-top: 1px;}
    .b2b2c .section-25 .section-wrapper .box ul.left li.two{;margin-top: 10px;}
    .b2b2c .section-25 .section-wrapper .box ul.left li.three{margin-right: -50px;margin-top: -25px;}
    .b2b2c .section-25 .section-wrapper .box ul.right{text-align: left;right: 45px;}
    .b2b2c .section-25 .section-wrapper .box ul.right li.one{margin-left: -50px;}
    .b2b2c .section-25 .section-wrapper .box ul.right li.two{margin-top: 15px;}
    .b2b2c .section-25 .section-wrapper .box ul.right li.three{margin-top: -25px;margin-left: -50px;}
    .b2b2c .section-25 .section-wrapper .box ul li p.up{font-size: 24px;color: #4ba4dc;line-height: 40px;}
    .b2b2c .section-25 .section-wrapper .box ul li p.down{font-size: 14px;line-height: 30px;}
    .b2b2c .section-25 .section-wrapper .box a.learn-more-a{display: block; width: 180px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #fe5991;border-radius: 5px; font-size: 18px; position: absolute;left: 515px;bottom:70px;}

	.b2b2c .section-23{background-color: #fff;padding-bottom: 80px;position: relative;}
    .b2b2c .section-23-1{height: 750px;}
    .b2b2c .section-23 .bottom{width: 100%;height: 280px;background-color: #cdeaf8;border-bottom: 10px solid #acdcf3;position: absolute;left: 0;bottom: 0;}
    .b2b2c .section-23 .img1{position: absolute;width: 948px;height: 571px;left: 50%;margin-left: -474px;bottom: 10px;z-index: 2;}
    .b2b2c .section-23 .title{padding-bottom: 60px;}
    .b2b2c .section-3 .title2{padding-top: 0;}
    .b2b2c .section-23 .title p.up{color: #42b8f1;}
    .b2b2c .section-23 .title p.up span{margin-left: 30px;position: relative;}
    .b2b2c .section-23 .title p.up span img{vertical-align: middle;}
    .b2b2c .section-23 .title p.up span strong{width: 430px; font-size: 48px;line-height: 80px; text-align: center;color: #fff;position: absolute;}
    .b2b2c .section-23 .title p.mid-title{font-size: 36px;color: #42b8f1;padding-top: 85px;}
    .b2b2c .section-23 .box{position: relative;}
    .b2b2c .section-23 .box p{position: absolute;font-size: 18px;color: #fff;text-align: left; line-height: 30px;}
    .b2b2c .section-23 .box p.p1{left: 110px;top: 102px;}
    .b2b2c .section-23 .box p.p2{right: 107px;top: 102px;}
    .b2b2c .section-23 .box p.p3{color: #333;bottom: 15px;left: 580px;}
	
	.b2b2c .section-33{background-color: #fff;padding-bottom: 80px;position: relative;}
    .b2b2c .section-33-1{height: 750px;}
    .b2b2c .section-33 .bottom{width: 100%;height: 280px;background-color: #cdeaf8;border-bottom: 10px solid #acdcf3;position: absolute;left: 0;bottom: 0;}
    .b2b2c .section-33 .img1{position: absolute;width: 948px;height: 571px;left: 50%;margin-left: -474px;bottom: 10px;z-index: 2;}
    .b2b2c .section-33 .title{padding-bottom: 60px;}
    .b2b2c .section-33 .title2{padding-top: 0;}
    .b2b2c .section-33 .title p.up{color: #42b8f1;}
    .b2b2c .section-33 .title p.up span{margin-left: 30px;position: relative;}
    .b2b2c .section-33 .title p.up span img{vertical-align: middle;}
    .b2b2c .section-33 .title p.up span strong{width: 430px; font-size: 48px;line-height: 80px; text-align: center;color: #fff;position: absolute;}
    .b2b2c .section-33 .title p.mid-title{font-size: 36px;color: #42b8f1;padding-top: 85px;}
    .b2b2c .section-33 .title p.mid-title1{font-size: 26px;color: #0d6ccd;}
    .b2b2c .section-33 .box{position: relative;}
    .b2b2c .section-33 .box p{position: absolute;font-size: 18px;color: #fff;text-align: left; line-height: 30px;}
    .b2b2c .section-33 .box p.p1{left: 110px;top: 102px;}
    .b2b2c .section-33 .box p.p2{right: 107px;top: 102px;}
    .b2b2c .section-33 .box p.p3{color: #333;bottom: 15px;left: 580px;}
	
	.b2b2c .section-43{background-color: #fff;padding-bottom: 80px;position: relative;}
    .b2b2c .section-43-1{height: 750px;}
    .b2b2c .section-43 .bottom{width: 100%;height: 280px;background-color: #cdeaf8;border-bottom: 10px solid #acdcf3;position: absolute;left: 0;bottom: 0;}
    .b2b2c .section-43 .img1{position: absolute;width: 948px;height: 571px;left: 50%;margin-left: -474px;bottom: 10px;z-index: 2;}
    .b2b2c .section-43 .title{padding-bottom: 60px;}
    .b2b2c .section-43 .title2{padding-top: 0;}
    .b2b2c .section-43 .title p.up{color: #42b8f1;}
    .b2b2c .section-43 .title p.up span{margin-left: 30px;position: relative;}
    .b2b2c .section-43 .title p.up span img{vertical-align: middle;}
    .b2b2c .section-43 .title p.up span strong{width: 430px; font-size: 48px;line-height: 80px; text-align: center;color: #fff;position: absolute;}
    .b2b2c .section-43 .title p.mid-title{font-size: 36px;color: #42b8f1;padding-top: 85px;}
    .b2b2c .section-43 .box{position: relative;}
    .b2b2c .section-43 .box p{position: absolute;font-size: 18px;color: #fff;text-align: left; line-height: 30px;}
    .b2b2c .section-43 .box p.p1{left: 110px;top: 102px;}
    .b2b2c .section-43 .box p.p2{right: 107px;top: 102px;}
    .b2b2c .section-43 .box p.p3{color: #333;bottom: 15px;left: 580px;}

    .b2b2c .section-53{background-color: #fff;padding-bottom: 80px;position: relative;}
    .b2b2c .section-53-1{height: 750px;}
    .b2b2c .section-53 .bottom{width: 100%;height: 280px;background-color: #cdeaf8;border-bottom: 10px solid #acdcf3;position: absolute;left: 0;bottom: 0;}
    .b2b2c .section-53 .img1{position: absolute;width: 948px;height: 571px;left: 50%;margin-left: -474px;bottom: 10px;z-index: 2;}
    .b2b2c .section-53 .title{padding-bottom: 60px;}
    .b2b2c .section-53 .title2{padding-top: 0;}
    .b2b2c .section-53 .title p.up{color: #42b8f1;}
    .b2b2c .section-53 .title p.up span{margin-left: 30px;position: relative;}
    .b2b2c .section-53 .title p.up span img{vertical-align: middle;}
    .b2b2c .section-53 .title p.up span strong{width: 430px; font-size: 48px;line-height: 80px; text-align: center;color: #fff;position: absolute;}
    .b2b2c .section-53 .title p.mid-title{font-size: 36px;color: #42b8f1;padding-top: 85px;}
    .b2b2c .section-53 .box{position: relative;}
    .b2b2c .section-53 .box p{position: absolute;font-size: 18px;color: #fff;text-align: left; line-height: 30px;}
    .b2b2c .section-53 .box p.p1{left: 110px;top: 102px;}
    .b2b2c .section-53 .box p.p2{right: 107px;top: 102px;}
    .b2b2c .section-53 .box p.p3{color: #333;bottom: 15px;left: 580px;}

     .b2b2c .section-24{background-color: #474e5d;padding-bottom: 25px;overflow: visible;position: relative;}
    .b2b2c .section-24 .title p.up{color: #fff;}
    .b2b2c .section-24 .title-down{font-size: 24px;color: #fff;text-align: center;width: 830px;height: 60px;line-height: 60px;background-color: #119fde;border-radius: 10px;margin: 30px auto 50px;}
    .b2b2c .section-24 .box .row{height: 150px;width: 1125px;position: relative;margin: 0 auto 50px;}
    .b2b2c .section-24 .box .row div{position: absolute;top: 0;}
    .b2b2c .section-24 .box .row .relative{position: relative;height: 100%;}
    .b2b2c .section-24 .box .row.r-l .relative div{width: 120px;height:70px;padding-top: 25px;text-align: center;top: 15px;right: 0;}
    .b2b2c .section-24 .box .row.r-r .relative div{width: 120px;height:70px;padding-top: 25px;text-align: center;top: 15px;left: 0;}
    .b2b2c .section-24 .box .row.r-l .l{width: 135px;height: 150px;left: 0;top:0;background: url(../images/section4.png) no-repeat center;}
    .b2b2c .section-24 .box .row.r-l .r{width: 1010px;height: 105px;background-color: #fff;top: 0; right: 0;border-radius: 10px;}
    .b2b2c .section-24 .box .row p{font-size: 18px;text-align: left;}
    .b2b2c .section-24 .box .row p.up{color: #333;padding-left: 50px;padding-top: 18px;line-height: 35px;}
    .b2b2c .section-24 .box .row p.down{color: #888;position: absolute;right: 50px;bottom: 20px;}
    .b2b2c .section-24 .box .row.r-r .r{width: 135px;height: 150px;right: 0;top:0;background: url(../images/section4-4.png) no-repeat center;}
    .b2b2c .section-24 .box .row.r-r .l{width: 1010px;height: 105px;background-color: #fff;top: 0; left: 0;border-radius: 10px;}
    .b2b2c .section-24 .bottom-round{width: 840px;height: 400px;position: absolute;left: 50%;margin-left: -420px;}
    .b2b2c .section-24 .bottom-round .relative{position: relative;width: 100%;height: 100%;text-align: center;}
    .b2b2c .section-24 .bottom-round .img1{left: 0;top: 50%;margin-top:-86px;position: absolute;}
    .b2b2c .section-24 .bottom-round .img3{right: 3px;top: 50%;margin-top:-86px;position: absolute;}
    .b2b2c .section-24 .bottom-round .text{position: absolute;}
    .b2b2c .section-24 .bottom-round .text p.up{font-size: 24px;line-height: 40px;}
    .b2b2c .section-24 .bottom-round .text p.down{font-size: 18px;line-height: 30px;}
    .b2b2c .section-24 .bottom-round .text-l{left: -90px;bottom: 10px;}
    .b2b2c .section-24 .bottom-round .text-m{left: 378px;bottom: 142px;}
    .b2b2c .section-24 .bottom-round .text-r{right: -70px;bottom: 10px;}
    .b2b2c .section-24 .bottom-round .text-l .up{color: #ea6868;}
    .b2b2c .section-24 .bottom-round .text-m .up{color: #5ca3e1;}
    .b2b2c .section-24 .bottom-round .text-r .up{color: #36d68e;}

    .b2b2c .section-add{background-color: #555;width: 100%;padding: 23px 0 15px; }
    .b2b2c .section-add .section-wrapper{overflow: hidden;width: 1010px;margin:0 auto;}
    .b2b2c .section-add .l{float: left;overflow: hidden;}
    .b2b2c .section-add .r{float: right;}
    .b2b2c .section-add .fa-l{width: 400px;padding-top: 37px;}
    .b2b2c .section-add .r-text{font-size: 24px;line-height: 40px;color: #fff;margin-top:20px;}
    .b2b2c .section-add .fa-r{width: 550px;}
    .b2b2c .section-add .fa-r ul{width: 100%;}
    .b2b2c .section-add .fa-r ul li{float: left; width: 150px;margin-right: 50px;}
    .b2b2c .section-add .fa-r ul li.last{margin-right: 0;}
    .b2b2c .section-add .fa-r ul li img{width: 100%;}
    .b2b2c .section-add .fa-r ul li p{font-size: 18px;line-height: 30px;color: #fff;text-align: center;}
    .b2b2c .section-add-video{width: 100%;height: 947px;background: url(../images/video_bg.jpg) no-repeat center;}
    .b2b2c .section-add-video .title p.up,
    .b2b2c .section-add-video .title p.down{color: #fff;}
    .b2b2c .section-add-video .title p.down{padding-top: 0;}
    .b2b2c .section-add-video .video{width: 900px;height: 563px;margin: 60px auto 0;border: 10px solid #005576;border-radius: 10px;}
    .b2b2c .section-add-2{background-color: #fff;padding-bottom: 80px;}
    .b2b2c .section-add-2 .section-wrapper{height:830px;position: relative;}
    .b2b2c .section-add-2 .section-wrapper div.title p.up span{color: #ff4747;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list{ padding: 60px 0;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li{float: left; width: 33.3333%;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div{width: 90%;border: 1px #ddd solid;  height: 560px; }
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div div.img{padding-top: 40px;border-bottom: 1px #ddd solid;height: 320px;position: relative;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div div.img .pos{position: absolute;top:15px; left: 15px;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div div.img p{font-size: 24px;line-height: 1.5;padding-top: 20px;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div div.img p  span{color:#ff4747;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div div.img p  s{color:#888; font-size: 18px;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div>p{font-size: 14px; color: #333; line-height: 1.8;padding: 20px 0;height: 80px;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div>p span.red{color:#ff4b4b;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list ul li>div>p span.green{color:#059e01;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list a{  display: block;  height: 50px;  width: 160px;  margin: 0 auto;  border: #ddd 1px solid;  border-radius: 10px;color: #40aefa;font-size: 18px; line-height: 50px; cursor: pointer;}
    .b2b2c .section-add-2 .section-wrapper div.sale-list a img{vertical-align: middle; padding-right: 8px;}
    /**
     * 多商户（服务特色）
     */
    .b2b2c_buy_now .content .clear-botn{clear: both;}
    .b2b2c_buy_now .content .banner{margin-top: 60px;background: url(../images/b_n_banner_bg.jpg) no-repeat center top;width: 100%;height: 799px;}
    .b2b2c_buy_now .banner-mid{width: 1210px;height: 100px;margin: 0 auto;padding-top: 0;}
    .b2b2c_buy_now .banner-mid-up{width: 100%;height: 267px;background: url(../images/b_n_banner_mid_up.jpg) no-repeat center;}
    .b2b2c_buy_now .banner-mid-cen{width: 100%;height: 267px;background: url(../images/b_n_banner_mid_cen.jpg) no-repeat center;}
    .b2b2c_buy_now .banner-mid-down{width: 100%;height: 265px;background: url(../images/b_n_banner_mid_down.jpg) no-repeat center;}
    .b2b2c_buy_now .content .section-bn-1{background-color: #e54f37;}
    .b2b2c_buy_now .section-bn-1 .section-wrapper{overflow: hidden;}
    .b2b2c_buy_now .fl{float: left;}
    .b2b2c_buy_now .fr{float: right;}
    .b2b2c_buy_now .section-bn-1 .title p.up,
    .b2b2c_buy_now .section-bn-1 .title p.down{color: #fff;text-align: left;}
    .b2b2c_buy_now .section-bn-1 ul{overflow: hidden;padding: 30px 0;}
    .b2b2c_buy_now .section-bn-1 ul li{float: left;height:80px;width: 200px;padding-left: 60px;font-size: 24px;color: #fff;line-height: 80px;}
    .b2b2c_buy_now .section-bn-1 ul li.one{background: url(../images/b-n1-1.png) no-repeat left center;}
    .b2b2c_buy_now .section-bn-1 ul li.two{background: url(../images/b-n1-2.png) no-repeat left center;}
    .b2b2c_buy_now .section-bn-1 ul li.three{background: url(../images/b-n1-3.png) no-repeat left center;}
    .b2b2c_buy_now .section-bn-2 {overflow: visible;background-color: #fff;}
    .b2b2c_buy_now .section-bn-2 .fr{width: 650px;padding-right: 50px;}
    .b2b2c_buy_now .section-bn-2 .title{text-align: left;}
    .b2b2c_buy_now .section-bn-2 .section-wrapper{position: relative;overflow: visible;height: 500px;}
    .b2b2c_buy_now .section-bn-2 .img1{position: absolute;left: 0;top: -200px;z-index: 2;}
    .b2b2c_buy_now .section-bn-2 .img2{position: absolute;width: 207px;height: 60px;background: url(../images/b-n2-2.png) no-repeat center;right: 300px;bottom: 180px;font-size: 18px;color: #fff;line-height: 60px;text-align: right;padding-right: 10px;}
    .b2b2c_buy_now .section-bn-2 .img3{position: absolute;width: 207px;height: 60px;background: url(../images/b-n2-3.png) no-repeat center;right: 50px;bottom: 180px;font-size: 18px;color: #fff;line-height: 60px;text-align: right;padding-right: 10px;}
    .b2b2c_buy_now .section-bn-2 .img4{position: absolute;width: 375px;height: 60px;background: url(../images/b-n2-4.png) no-repeat center;right: 130px;bottom: 100px;font-size: 18px;color: #fff;line-height: 60px;text-align: right;padding-right: 10px;}
    .b2b2c_buy_now .section-bn-3 {overflow: visible;background-color: #363d48;}
    .b2b2c_buy_now .section-bn-3 .section-wrapper{position: relative;overflow: visible;height: 700px;}
    .b2b2c_buy_now .section-bn-3 .title p.up,
    .b2b2c_buy_now .section-bn-3 .title p.down{color: #fff;}
    .b2b2c_buy_now .section-bn-3 .img{position: absolute;left: 0;bottom: -150px;}
    .b2b2c_buy_now .section-bn-4 {background-color: #ed9313;padding-top: 200px;}
    .b2b2c_buy_now .section-bn-4 .section-wrapper{position: relative;overflow: hidden;}
    .b2b2c_buy_now .section-bn-4 .title p.up,
    .b2b2c_buy_now .section-bn-4 .title p.down{color: #fff;text-align: left;}
    .b2b2c_buy_now .section-bn-4 .fl{width: 550px;}
    .b2b2c_buy_now .section-bn-4 .fl img{margin: 40px 0 ;}
    .b2b2c_buy_now .section-bn-4 .fr img{margin-top: 80px;}
    .b2b2c_buy_now .section-bn-5{background-color: #5a497e;}
    .b2b2c_buy_now .section-bn-5 .title{position: absolute;width: 100%;left: 0;top: 0;z-index: 3;}
    .b2b2c_buy_now .section-bn-5 .title p.up,
    .b2b2c_buy_now .section-bn-5 .title p.down{color: #fff;}
    .b2b2c_buy_now .section-bn-5 .section-wrapper{position: relative;height: 650px;}
    .b2b2c_buy_now .section-bn-5 .img{position: absolute;left: 0;top: 0;}
    .b2b2c_buy_now .section-bn-6{width: 100%;height: 245px;background: url(../images/b-n6.jpg) no-repeat center;}
    .b2b2c_buy_now .content .section-new ,
    .b2b2c_buy_now .content .android_eleven {background-color: #464646;}
    .b2b2c_buy_now .content .section-new .title p{color: #fff;}
    .b2b2c_buy_now .content .section-new ul{width: 1140px;overflow: hidden;margin: 0 auto;padding-top: 50px;}
    .b2b2c_buy_now .content .section-new ul li{float: left;width: 100px; margin-right: 30px;}
    .b2b2c_buy_now .content .section-new ul li.last{margin-right: 0;}
    .b2b2c_buy_now .content .section-new ul li span{color: #fff;padding-top: 15px;display: block;}
    .b2b2c_buy_now .section-bn-2{background-color: #fff;}


    /**
     * 多商户（赢利点）
     */
    .b2b2c_profit .content{position: relative;overflow: hidden;}
    .b2b2c_profit .content .banner{margin-top: 60px;background: url(../images/banner-profit-bg.jpg) no-repeat center top;width: 100%;height: 600px;}
    .b2b2c_profit .content .banner-mid{width: 1210px;height: 100%;margin: 0 auto;padding-top: 0;}
    .b2b2c_profit .content .banner-mid-up{width: 100%;height: 300px;background: url(../images/banner-profit-mid-up.jpg) no-repeat center;}
    .b2b2c_profit .content .banner-mid-down{width: 100%;height: 300px;margin: 0 auto;background: url(../images/banner-profit-mid-down.jpg) no-repeat center;}
    .b2b2c_profit .content ul.fixed-nav-ul{width: 165px;position: fixed;right: 20px;top: 200px;z-index: 2;}
    .b2b2c_profit .content ul.fixed-nav-ul li{width: 100%;height: 36px;margin-bottom: 10px;background: url(../images/fixed-nav.png)no-repeat center;cursor: pointer;}
    .b2b2c_profit .content ul.fixed-nav-ul li span{height: 36px;text-align: center; display: block;}
    .b2b2c_profit .content ul.fixed-nav-ul li span.span-l{font-size: 14px;width:125px;line-height: 35px;float: left;}
    .b2b2c_profit .content ul.fixed-nav-ul li span.span-r{font-size: 18px;width: 30px;line-height: 33px;float: right;}
    .b2b2c_profit .content .section .section-wrapper{padding-top: 80px;}
    .b2b2c_profit .content .section .pro-title{width: 100%;position: relative;overflow: hidden;color: #fff}
    .b2b2c_profit .content .section .pro-title .fl{float: left;width: 120px;height: 122px;line-height:120px;font-size:60px;text-align: center;color: #fff;font-family: "Arial";font-weight: bold;}
    .b2b2c_profit .content .section .pro-title .fr{float: left;padding-left: 60px;text-align: left;width: 435px;}
    .b2b2c_profit .content .section .pro-title .fr p.up{font-size: 24px;padding-top: 10px;}
    .b2b2c_profit .content .section .pro-title .fr p.down{font-size: 48px;font-weight: bold;}
    .b2b2c_profit .content .section .pro-title .fr p.desc{font-size: 18px;line-height: 35px;padding-top: 20px;}
    .b2b2c_profit .content .section-profit-1{background-color: #ffe49d;width: 100%;padding-bottom: 80px;}
    .b2b2c_profit .content .section-profit-1 .pro-title{background: url(../images/p-r-1.png) no-repeat left center;height: 122px;}
    .b2b2c_profit .content .section-profit-1 .pro-title p.up{color: #333;}
    .b2b2c_profit .content .section-profit-1 .pro-title p.down{color: #e83c38;}
    .b2b2c_profit .content .section-profit-1 table{width: 100%;margin: 40px 0;}
    .b2b2c_profit .content .section-profit-1 table td{border:1px solid #ffb674;}
    .b2b2c_profit .content .section-profit-1 table tr.one td{padding: 10px 20px;color: #fff;background-color: #f79842}
    .b2b2c_profit .content .section-profit-1 table tr.one,
    .b2b2c_profit .content .section-profit-1 table tr.three{font-size: 14px;}
    .b2b2c_profit .content .section-profit-1 table tr.two td,
    .b2b2c_profit .content .section-profit-1 table tr.three td{padding: 15px 20px;color: #333;}
    .b2b2c_profit .content .section-profit-1 table tr.two{font-size: 18px;background-color: #fef9d9;}
    .b2b2c_profit .content .section-profit-1 table tr.three{background-color: #fff;}
    .b2b2c_profit .content .section-profit-1 .chart{width: 100%;overflow: hidden;text-align: left;}
    .b2b2c_profit .content .section-profit-1 .chart .fl{float: left;background: url(../images/profit-1.png) no-repeat left bottom;height: 400px;width: 773px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul{width: 100%;overflow: hidden;height: 100%;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li{float: left;height: 100%;text-align: center;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.one{width: 160px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.two{width: 167px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.three{width: 222px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.four{width: 180px;text-align: left;padding: 0 20px 0 22px}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li p{line-height: 25px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.one p.up{padding-top: 140px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.one p.down{color: #fff;font-size: 18px;padding-top: 165px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.two p.up{padding-top: 95px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.two p.down{color: #fff;font-size: 20px;padding-top: 195px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.three p.up{padding-top: 30px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.three p.down{color: #fff;font-size: 24px;padding-top: 230px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.four p.up{color: #fff;font-size: 30px;padding-top: 190px;}
    .b2b2c_profit .content .section-profit-1 .chart .fl ul li.four p.down{color: #fff;font-size: 18px;padding-top: 13px;line-height: 30px;}
    .b2b2c_profit .content .section-profit-1 .chart .fr{float: right;width: 384px;height: 362px;padding-top: 38px;}
    .b2b2c_profit .content .section-profit-1 .chart .fr .box{width: 300px;height: 268px;border:17px solid #4183b1;border-radius: 10px;background-color: #fff;padding: 30px 20px 30px 30px}
    .b2b2c_profit .content .section-profit-1 .chart .fr .box p.up{font-size: 30px;color:#db3325;}
    .b2b2c_profit .content .section-profit-1 .chart .fr .box p.down{font-size: 18px;color:#333;line-height: 30px;padding-top: 10px;}
    .b2b2c_profit .content .section.h610{height: 610px;overflow: hidden;width: 100%;}
    .b2b2c_profit .content .section-profit-2{background-color: #9053b8;width: 100%;}
    .b2b2c_profit .content .section-profit-2 .section-wrapper{background: url(../images/banner.png) no-repeat right bottom;}
    .b2b2c_profit .content .section-profit-2 .pro-title{background: url(../images/p-r-2.png) no-repeat left top;height: 530px;}
    .b2b2c_profit .content .section-profit-3{background-color: #57bcd0;width: 100%;}
    .b2b2c_profit .content .section-profit-3 .section-wrapper{background: url(../images/profit-3.png) no-repeat right bottom;}
    .b2b2c_profit .content .section-profit-3 .pro-title{background: url(../images/p-r-3.png) no-repeat left top;height: 530px;}
    .b2b2c_profit .content .section-profit-4{background-color: #627ddd;width: 100%;}
    .b2b2c_profit .content .section-profit-4 .section-wrapper{background: url(../images/profit-4.png) no-repeat right bottom;}
    .b2b2c_profit .content .section-profit-4 .pro-title{background: url(../images/p-r-4.png) no-repeat left top;height: 530px;}
    .b2b2c_profit .content .section-profit-5{background-color: #e87b4b;width: 100%;}
    .b2b2c_profit .content .section-profit-5 .section-wrapper{background: url(../images/profit-5.png) no-repeat 644px top;}
    .b2b2c_profit .content .section-profit-5 .pro-title{background: url(../images/p-r-5.png) no-repeat left top;height: 530px;}
    .b2b2c_profit .content .section-profit-6{background-color: #81b445;width: 100%;}
    .b2b2c_profit .content .section-profit-6 .section-wrapper{background: url(../images/profit-6.png) no-repeat right bottom;}
    .b2b2c_profit .content .section-profit-6 .pro-title{background: url(../images/p-r-6.png) no-repeat left top;height: 530px;}
    .b2b2c_profit .content .section-profit-7{background-color: #d34a5b;width: 100%;}
    .b2b2c_profit .content .section-profit-7 .section-wrapper{background: url(../images/profit-7.png) no-repeat right bottom;}
    .b2b2c_profit .content .section-profit-7 .pro-title{background: url(../images/p-r-7.png) no-repeat left top;height: 530px;}
    .b2b2c_profit .content ul.fixed-nav-ul2{width: 180px;position: fixed;top: 200px;right: 0;z-index: 10;}
    .b2b2c_profit .content ul.fixed-nav-ul2 div{position: relative;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li{position: absolute;width: 155px;padding: 10px 0 10px 25px;font-size: 18px;background-color: #555555;color: #fff;border-bottom-left-radius: 30px;border-top-left-radius: 30px;right:-140px;cursor: pointer;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.one{top: 0;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.two{top: 60px;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.three{top: 120px;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.four{top: 180px;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.five{top: 240px;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.six{top: 300px;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.seven{top: 360px;}
    .b2b2c_profit .content ul.fixed-nav-ul2 li.active{background-color: #bc2222;}


    /**
     * 多商户（功能特色）
     */
    .b2b2c_function .banner{margin-top: 60px;background: url(../images/bf-banner-bg.jpg) no-repeat center top;width: 100%;height: 960px;}
    .b2b2c_function .banner-mid{width: 1210px;height: 100%;margin: 0 auto;padding-top: 0;}
    .b2b2c_function .banner-mid-up{width: 100%;height: 320px;background: url(../images/bf-banner-mid-up.jpg) no-repeat center;}
    .b2b2c_function .banner-mid-cen{width: 100%;height: 320px;background: url(../images/bf-banner-mid-cen.jpg) no-repeat center;}
    .b2b2c_function .banner-mid-down{width: 100%;height: 320px;background: url(../images/bf-banner-mid-down.jpg) no-repeat center;}
    .b2b2c_function .content .section{position: relative;overflow: visible;}
    .b2b2c_function .content .section div.top-round{width: 180px;height: 180px;position: absolute;left: 50%;margin-left: -90px;top: -90px;z-index: 2;}
    .b2b2c_function .content .section .section-wrapper{overflow: hidden;}
    .b2b2c_function .content .section .section-wrapper .fl{float: left;}
    .b2b2c_function .content .section .section-wrapper .fr{float: right;}
    .b2b2c_function .content .section-func-1{width: 100%;background-color: #fff;padding-bottom: 170px;}
    .b2b2c_function .content .section-func-1 .section-wrapper ul{width: 945px;overflow: hidden;margin: 0 auto;padding-top: 60px;}
    .b2b2c_function .content .section-func-1 .section-wrapper ul li{float: left; width: 195px;margin-right: 55px;}
    .b2b2c_function .content .section-func-1 .section-wrapper ul li.last{margin-right: 0;}
    .b2b2c_function .content .section-func-1 .section-wrapper ul li div.img{width: 185px;}
    .b2b2c_function .content .section-func-1 .section-wrapper ul li p.up{font-size: 18px;padding: 20px 0 10px;}
    .b2b2c_function .content .section-func-1 .section-wrapper ul li p.down{color: #888;line-height: 25px;}
    .b2b2c_function .content .section-func-2{width: 100%;background-color: #3d9de7;padding-top: 100px;}
    .b2b2c_function .content .section-func-2 .section-wrapper .fr{width: 565px;}
    .b2b2c_function .content .section-func-2 .section-wrapper .fr ul{padding-top: 100px;}
    .b2b2c_function .content .section-func-2 .section-wrapper .fr ul li{height: 60px; padding-left: 15px; line-height: 60px;font-size: 18px;color: #fff; margin-bottom: 20px;}
    .b2b2c_function .content .section-func-2 .section-wrapper .fr ul li.one{background: url(../images/b-func2-1.png)no-repeat center;}
    .b2b2c_function .content .section-func-2 .section-wrapper .fr ul li.two{background: url(../images/b-func2-2.png)no-repeat center;}
    .b2b2c_function .content .section-func-2 .section-wrapper .fr ul li.three{background: url(../images/b-func2-3.png)no-repeat center;}
    .b2b2c_function .content .section-func-3{width: 100%;background-color: #fff;padding: 100px 0;}
    .b2b2c_function .content .section-func-3 .section-wrapper ul{width: 100%;padding-bottom: 60px;overflow: hidden;background: url(../images/b-func3-4.png)no-repeat center 265px;}
    .b2b2c_function .content .section-func-3 .section-wrapper ul li{float: left; width: 373px;margin-right: 45px;}
    .b2b2c_function .content .section-func-3 .section-wrapper ul li.last{margin-right: 0;}
    .b2b2c_function .content .section-func-3 .section-wrapper ul li p.up{font-size: 36px;line-height: 50px;padding-top: 10px;}
    .b2b2c_function .content .section-func-3 .section-wrapper ul li p.down{font-size: 18px;line-height: 30px;padding-top: 30px;}
    .b2b2c_function .content .section-func-4{width: 100%;background-color: #bc374c;padding: 100px 0 60px;}
    .b2b2c_function .content .section-func-4 .section-wrapper{overflow: hidden;}
    .b2b2c_function .content .section-func-4 .section-wrapper .fl{float: left;width: 490px;}
    .b2b2c_function .content .section-func-4 .section-wrapper .fr{float: right;}
    .b2b2c_function .content .section-func-4 .section-wrapper .title p{color: #fff;text-align: left;}
    .b2b2c_function .content .section-func-4 .section-wrapper .title p.en{font-size: 24px;line-height: 30px;}
    .b2b2c_function .content .section-func-5{width: 100%;background-color: #fff;padding-top: 60px;}
    .b2b2c_function .content .section-func-5 .section-wrapper .fl{float: left;}
    .b2b2c_function .content .section-func-5 .section-wrapper .fr{float: right;width: 555px;padding-top:50px;padding-right: 50px; text-align: left;background: url(../images/b-func5-2.png)no-repeat left 95px;}
    .b2b2c_function .content .section-func-5 .section-wrapper .title p.up{padding-left: 120px}
    .b2b2c_function .content .section-func-6{width: 100%;background-color: #e0f4ff;}
    .b2b2c_function .content .section-func-6 .section-wrapper{position: relative;overflow: hidden;padding-bottom: 100px;}
    .b2b2c_function .content .section-func-6 .section-wrapper .title{padding-bottom: 40px;}
    .b2b2c_function .content .section-func-6 .section-wrapper .title p.up{color: #2586bc;}
    .b2b2c_function .content .section-func-6 .section-list-wrap{width: 1150px;margin: 0 auto;}
    .b2b2c_function .content .section-func-6 .section-list{width:350px; height:auto; margin:0 35px 35px 0; float:left;text-align: left;}
    .b2b2c_function .content .section-func-6 .section-list .text{ height:70px; line-height:70px; font-size:24px; color:#fff; background:#65c4ed; padding-left:75px; position:relative;border-top-left-radius: 10px;border-top-right-radius: 10px;}
    .b2b2c_function .content .section-func-6 .section-list .section-desc{padding:20px 18px 0;height: 175px; background:#fff; font-size:18px; line-height:30px; color:#333333;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
    .b2b2c_function .content .section-func-6 .section-list .num{ width:30px; height:30px; display:block; position:absolute; border-radius:50%; background:#fff; color:#65c4ed; line-height:30px; text-align:center; left:20px; top:20px;font-family: "arial"}
    .b2b2c_function .content .section-func-6 .section-list:hover .text{ background:#eb5154; cursor:pointer; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;}
    .b2b2c_function .content .section-func-6 .section-list:hover .num{ color:#eb5154;}
    .b2b2c_function .content .section-func-6 .section-list.last{margin-right: 0;}
    .b2b2c_function .content .section-func-6 a.btn-a{display:block; position: absolute;left: 50%;margin-left: -115px;bottom: 40px;font-size: 24px;color: #fff;text-align: center;line-height: 60px; width: 230px;height: 63px;background: url(../images/b-func-btn.png) no-repeat center;}

    /**
     * 多商户（后台管理）
     */

    /* .b2b2c_backstage .content .section{max-width: 1920px;}
    .b2b2c_backstage .content .section .section-bg{padding-top: 56.25%;background: url(../images/more_businesses/bs_bg.jpg) no-repeat center;background-size: cover;}
    .b2b2c_backstage .content ul.r-btns{width: 15px;position: fixed;right: 20px;top: 300px;}
    .b2b2c_backstage .content ul.r-btns li{height: 15px;border-radius: 50%;margin-bottom: 10px;background-color: #7e59dc;}
    .b2b2c_backstage .content ul.r-btns li.current{background-color: #fff;}
    .b2b2c_backstage .content .section .title p{color: #fff;} */
    .b2b2c_backstage .section{overflow: visible;}
    .b2b2c_backstage .section .section-wrapper{position: relative;overflow: visible;}
    .b2b2c_backstage .section-bs-1{background: url(../images/backstage/bs1-bg.jpg) no-repeat center top;position: relative;}
    .b2b2c_backstage .section-bs-1 .section-wrapper{height: 730px;}
    .b2b2c_backstage .section-bs-1 img{position: absolute;z-index: 2;}
    .b2b2c_backstage .section-bs-1 .img1{left: 50%;margin-left: -359px;top: 100px;}
    .b2b2c_backstage .section-bs-1 .img2{left: -55px;bottom:-77px;}
    .b2b2c_backstage .section-bs-1 .img3{right: -55px;bottom:-77px;}
    .b2b2c_backstage .section-bs-2{background: url(../images/backstage/bs2-bg.jpg) no-repeat center top #13132b; height:605px; padding-top: 150px;padding-bottom: 100px;}
    .b2b2c_backstage .section-bs-2 p{color: #fff;}
    .b2b2c_backstage .section-bs-2 p.top{font-size: 31px;background-color: #2fa5d8;width:400px; margin:0 auto; padding: 5px 10px;border-radius: 10px;}
    .b2b2c_backstage .section-bs-2 p.desc{font-size: 18px;line-height: 40px;padding-top: 40px; }
    .b2b2c_backstage .section-bs-2 p.title{font-size: 48px;padding-top: 300px;}
    .b2b2c_backstage .section-bs-2 p.title span{color: #1bb5f8;}
    .b2b2c_backstage .section-bs-3{background-color: #0076ca;}
    .b2b2c_backstage .section-bs-3 .section-wrapper{height: 375px;position: relative;}
    .b2b2c_backstage .section-bs-3 ul{width: 198px;position: absolute;top:-10px;z-index: 3;}
    .b2b2c_backstage .section-bs-3 ul li{height:72px;line-height: 72px; cursor: pointer;margin-bottom: 20px;font-size: 24px;color: #fff;}
    .b2b2c_backstage .section-bs-3 ul.left{left: 0;}
    .b2b2c_backstage .section-bs-3 ul.left li{border-bottom-left-radius: 40px;text-align: right;padding-right: 45px;}
    .b2b2c_backstage .section-bs-3 ul.left li.one{background-color: #3eb493;}
    .b2b2c_backstage .section-bs-3 ul.left li.two{background-color: #ef891b;}
    .b2b2c_backstage .section-bs-3 ul.left li.three{background-color: #8452d7;}
	.b2b2c_backstage .section-bs-3 ul.left li.four{background-color: #00a0e9;}
    .b2b2c_backstage .section-bs-3 ul.right{right: 0;}
    .b2b2c_backstage .section-bs-3 ul.right li{border-bottom-right-radius: 40px;text-align: left;padding-left: 45px;}
    .b2b2c_backstage .section-bs-3 ul.right li.one{background-color: #82bc45;}
    .b2b2c_backstage .section-bs-3 ul.right li.two{background-color: #e46943;}
    .b2b2c_backstage .section-bs-3 ul.right li.three{background-color: #8581d2;}
	.b2b2c_backstage .section-bs-3 ul.right li.four{background-color: #00a023;}
    .b2b2c_backstage .section-bs-3 img{position: absolute;left: 50%;margin-left: -512px;top: -80px;z-index: 2;}
    .b2b2c_backstage .top-box{width: 100%;height: 520px;position: absolute;left: 0;top: 0;}
    .b2b2c_backstage .tab-con .section{background-color: #fff;position: relative;overflow: hidden;}
    .b2b2c_backstage .tab-con .section-wrapper{position: relative;}
    .b2b2c_backstage .tab-con .img-wrap{position: absolute;left: 0;text-align: left;}
    .b2b2c_backstage .tab-con .img-wrap .text{width: 266px;height: 94px;position: absolute;left: 0;top: 0;overflow: hidden;color: #fff;}
    .b2b2c_backstage .tab-con .img-wrap .text .left{float: left;font-size: 36px;line-height: 65px;padding-left: 20px;}
    .b2b2c_backstage .tab-con .img-wrap .text .right{float: right;width: 170px;}
    .b2b2c_backstage .tab-con .img-wrap .text .right p.top{font-size: 24px;}
    .b2b2c_backstage .tab-con .img-wrap .text .right p.bottom{font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
    .b2b2c_backstage .tab-con .img-wrap img{margin-left: 23px;margin-top: 25px;}
    .b2b2c_backstage .tab-con .b-p{font-size: 18px;line-height: 30px; text-align: left;position: absolute;bottom: 50px; left:23px; z-index: 3;color:#333;}
    .b2b2c_backstage .section-bs-4 .section-wrapper{height: 720px;padding-top: 150px;}
    .b2b2c_backstage .section-bs-4 .top-box{background-color: #c5e8de;}
    .b2b2c_backstage .section-bs-4 .img-wrap .text{background: url(../images/bs4-1.png) no-repeat center;}
    .b2b2c_backstage .section-bs-5 .section-wrapper{height: 640px;padding-top: 20px;}
    .b2b2c_backstage .section-bs-5 .top-box{background-color: #fadbba;}
    .b2b2c_backstage .section-bs-5 .img-wrap .text{background: url(../images/ht.png) no-repeat center -114px;}
    .b2b2c_backstage .section-bs-6 .section-wrapper{height: 640px;padding-top: 20px;}
    .b2b2c_backstage .section-bs-6 .top-box{background-color: #dacbf3;}
    .b2b2c_backstage .section-bs-6 .img-wrap .text{background: url(../images/ht.png) no-repeat center -228px;}
    .b2b2c_backstage .section-bs-7 .section-wrapper{height: 635px;padding-top: 20px;}
    .b2b2c_backstage .section-bs-7 .top-box{background-color: #daebc7;}
    .b2b2c_backstage .section-bs-7 .img-wrap .text{background: url(../images/ht.png) no-repeat center -342px;}
    .b2b2c_backstage .section-bs-8 .section-wrapper{height: 635px;padding-top: 20px;}
    .b2b2c_backstage .section-bs-8 .top-box{background-color: #f8d2c7;}
    .b2b2c_backstage .section-bs-8 .img-wrap .text{background: url(../images/ht.png) no-repeat center -456px;}
    .b2b2c_backstage .section-bs-9 .section-wrapper{height: 629px;padding-top: 20px;}
    .b2b2c_backstage .section-bs-9 .top-box{background-color: #b2e2f8;}
    .b2b2c_backstage .section-bs-9 .img-wrap .text{background: url(../images/ht.png) no-repeat center -570px;}
    .b2b2c_backstage .section-bs-10{background-color: #1d1c48;padding-bottom: 80px;}
    .b2b2c_backstage .section-bs-10 .title{font-size: 48px;color: #fff;padding-bottom: 30px;}
    .b2b2c_backstage .section-bs-10 .title span{color: #1bb3f6;}
    .b2b2c_backstage .section-bs-10 .box{width: 100%;background: url(../images/b2b2c_backstage/bs-bg.png) repeat-y center top;padding-top: 50px;margin-top: 50px;position: relative;}
    .b2b2c_backstage .section-bs-10 .box .top-round{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;position: absolute;left: 50%;margin-left: -20px;top: 0;}
    .b2b2c_backstage .section-bs-10 .box .row{width: 100%;overflow: hidden;padding: 30px 0 50px;position: relative;}
    .b2b2c_backstage .section-bs-10 .box .row .kuang{width: 505px;height: 130px;padding: 0 25px;text-align: left; position: relative;background-color: #29265f;}
    .b2b2c_backstage .section-bs-10 .box .row .fl{float: left;}
    .b2b2c_backstage .section-bs-10 .box .row .fr{float: right;}
    .b2b2c_backstage .section-bs-10 .box .row .yuan{width: 21px;height: 21px;border-radius: 50%;border:1px solid #fff;background-color: #1a1c45; position: absolute;left: 50%;margin-left:-12px;bottom:0;}
    .b2b2c_backstage .section-bs-10 .box .row .kuang img{position: absolute;bottom: -16px;}
    .b2b2c_backstage .section-bs-10 .box .row .fl img{right: 0;}
    .b2b2c_backstage .section-bs-10 .box .row .fr img{left: 0;}
    .b2b2c_backstage .section-bs-10 .kuang p{color: #fff;}
    .b2b2c_backstage .section-bs-10 .kuang p.up{font-size: 24px;line-height: 40px;padding: 8px 0 2px;}
    .b2b2c_backstage .section-bs-10 .kuang p.down{font-size: 16px;line-height: 30px;}
    .b2b2c_backstage .section-bs-10 .kuang .l{width: 80px;height: 80px;margin-top: 25px; font-size: 60px;text-align: center; font-family: "Arial"; line-height: 80px;color: #8586d8;background-color: #1d1c48; border-radius: 50%;}
    .b2b2c_backstage .section-bs-10 .kuang .r{width: 400px;}
    .b2b2c_backstage .section-bs-10 p.b-p-t{font-size:24px;color: #8686d6;padding: 20px 0;}
    .b2b2c_backstage .section-bs-10 p.b-p-b{font-size: 24px;color: #fff;}
    .b2b2c_backstage .section-bs-10 .btns{width: 454px;overflow: hidden;margin: 30px auto 0;}
    .b2b2c_backstage .section-bs-10 .btns a{outline: none;display: block;width: 205px;height: 60px;line-height: 60px;text-align: center;font-size: 18px; border-radius: 30px;float: left;margin-right: 40px;}
    .b2b2c_backstage .section-bs-10 .btns a.l{border:1px solid #8686d6;color: #8686d6;}
    .b2b2c_backstage .section-bs-10 .btns a.r{margin-right: 0; border:1px solid #6844c5;background-color: #6844c5;color: #fff;}
    .b2b2c_backstage .section-bs-10 .btns a.l:hover{border-color: #7952df;}
    .b2b2c_backstage .section-bs-10 .btns a.r:hover{background-color: #7952df;}


	/**
     * 多商户 fix-nav 通用头部
     */


    /**
     * 多商户（手机端）
     */
    .pt-delay100 {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
    }
    .pt-delay180 {
        -webkit-animation-delay: .180s;
        -moz-animation-delay: .180s;
        animation-delay: .180s;
    }
    .pt-delay200 {
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        animation-delay: .2s;
    }
    .pt-delay300 {
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        animation-delay: .3s;
    }
    .pt-delay400 {
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s;
        animation-delay: .4s;
    }
    .pt-delay500 {
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        animation-delay: .5s;
    }
    .pt-delay700 {
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        animation-delay: .7s;
    }
    .pt-delay1000 {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s;
    }
    .xuanzhuan0{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -webkit-transition:1s ease;
        -moz-transition:1s ease;
        -o-transition:1s ease;
        transition:1s ease;
    }
   /* @-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    90% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    90% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    animation-iteration-count:1;
    animation-duration:1s;
}*/
    .mobile-mod {position: relative; background:#fff;}
    .mobile-h1 {text-align: center;padding: 80px 0 20px;font-size: 60px;font-weight: normal;}
    .mobile-h2 {color: #555;text-align: center;line-height: 30px;font-size: 18px;font-weight: normal;}
    .mobile-title {position: relative;display: inline-block;width: auto;height: 60px;line-height: 60px;border-left: 1px solid #f2a5ae;border-bottom: 1px solid #f2a5ae;font-size: 50px;padding: 10px 15px;}
    .mobile-title span {position: absolute;left: 15px;bottom: 15px;}
    .mobile-title p {font-size: 16px; padding-left: 120px;line-height: 14px; padding-top: 10px;}
    .mobile-title i {display: block; width: 10px;height: 10px;border: 1px solid #f2a5ae;border-radius: 10px; background: #fff;position: absolute;left: -5px;bottom: -5px;z-index: 1;}
    .mobile-title.mobile-title-right {border-left: none;border-right: 1px solid #f2a5ae;}
    .mobile-title.mobile-title-right i {left: auto;right: -5px;bottom: -5px;}
    .mobile-pamod {position: absolute;left: 50%;margin-left: -605px;width: 1210px;border-top: 1px solid #ccc;}
    .mobile-dbdh {margin-top: 180px;}
    .mobile-dbdh .mobile-pamod {border:none;}
    .mobile-pamod .mobile-h1 {text-align: left;font-size: 50px;}
    .mobile-pamod .mobile-h2 {text-align: left;}

    /*区域代码区域*/
    .content {position: relative;}
    .mobile-banner {margin-top: 60px;background: url(../images/b2b2c_mobile/banner_bj.jpg) no-repeat center center;width: 100%;height: 1000px;}
    .mobile-banner .banner-mid{width: 1210px;height: 100%;margin: 0 auto;}
    .mobile-banner .banner-mid-up{width: 100%;height: 500px;background: url(../images/b2b2c_mobile/banner-mid-up.jpg) no-repeat center;}
    .mobile-banner .banner-mid-down{width: 100%;height: 500px;background: url(../images/b2b2c_mobile/banner-mid-down.jpg) no-repeat center;}
    .mobile-banner .banner-QRcode {position: absolute;left: 50%;top: 640px;margin-left: -525px;width: 461px;height: 247px;background: url(../images/b2b2c_mobile/banner_qrcode.png) no-repeat center center;}
    .mobile-banner .banner-img {position: absolute;left: 50%;top: 75px;margin-left: 100px;background: url(../images/b2b2c_mobile/banner_img.png) no-repeat center center;}
    .mobile-banner .img{position: absolute;top: 440px;left: 50%; margin-left: -580px;}
    .mobile-header {height: 1280px;background: url(../images/b2b2c_mobile/mob-bj.jpg) repeat left top;position: relative;overflow: visible;}
    .mobile-header .mobile-h1{color: #fff;position: absolute;width: 800px;height: 59px; left: 50%;margin-left: -400px;top: -120px; z-index: 2;}
    .mobile-header .mobile-h2{color: #fff; position: absolute;width: 613px;left: 50%;margin-left: -306px;top: 60px;z-index: 2;}
    .mobile-header .header-img {width: 1029px; position: absolute;left: 50%;margin-left: -515px;top: -50px;z-index: 1;}
    .mobile-header .img{color: #fff;font-size: 48px;width: 852px;height: 58px;left: 50%;margin-left: -406px;position: absolute;top: 1000px;z-index: 2;}
    .mobile-header .ecjia-list {position: absolute;left: 50%;margin-left: -533px;width: 1066px;height: 322px;bottom: -161px;z-index: 3;}
    .mobile-header .ecjia-list li { float: left;width: 322px;height: 322px;margin-right: 50px;}
    .mobile-header .ecjia-list li:nth-of-type(3n) {margin-right: 0;}
    .mobile-why {height: 500px;background: url(../images/b2b2c_mobile/header_bj.jpg) repeat-x center center;}
    .mobile-why h1 {color: #fff;margin-bottom:60px;}
    .mobile-why .ecjia-list li h3 {text-align: center;margin: 65px 0 10px;font-size: 55px;color: #fff;font-weight: normal;}
    .mobile-why .ecjia-list li p {text-align: center;font-size: 20px;color: #fff; font-weight: normal;}
    .mobile-content1 { height: 900px;}
    .mobile-content1 .mobile-h1{padding-top: 160px;}.mobile-content1 .mobile-h2{color: #32bcf4;}
    .mobile-content1 .content1-img {position: absolute;top: 380px;left: 50%;margin-left: -605px;width: 1210px;height: 604px;background: url(../images/b2b2c_mobile/content1.jpg) no-repeat center center; z-index: 3;}
    .mobile-area {height: 690px;}
    .mobile-area .area-bj { position: absolute; top: 370px; left: 50%; margin-left: -460px; width: 920px; height: 327px;background: url(../images/b2b2c_mobile/content_area_bj.png) no-repeat center center;z-index: 1;}
    .mobile-area .area-img {position: absolute;top: 260px;left: 50%;margin-left: -496px; width: 712px;height: 610px;background: url(../images/b2b2c_mobile/content_area_1.png) no-repeat center center;z-index: 1;}
    .mobile-area .area-img2 {position: absolute;top: 365px;left: 50%;margin-left: 166px;width: 70px;height: 460px;background: url(../images/b2b2c_mobile/content_area_2.png) no-repeat center center;z-index: 1;}
    .mobile-area .area-title {position: absolute; top: 335px;left: 50%;margin-left: 125px;width: 355px;height: 81px;background: url(../images/b2b2c_mobile/content_area_3.png) no-repeat center center; z-index: 1;}
    .mobile-index .index-bj {position: relative;width: 100%;height: 980px; background: url(../images/b2b2c_mobile/content_index_bj_1.jpg) no-repeat center center;}
    .mobile-index .index-bj.index-bj2 {height: 925px;background: url(../images/b2b2c_mobile/content_index_bj_2.jpg) no-repeat center center;}
    .mobile-index .index-bj.index-bj3 {height: 831px; background: url(../images/b2b2c_mobile/content_index_bj_3.jpg) no-repeat center center;}
    .mobile-index .mobile-title {top: 380px;left: 50%;margin-left: -500px;z-index: 2;}
    .mobile-index .index-bj .info { position: absolute;top: 515px;left: 50%; margin-left: 14px; width: 528px; height: 556px; background: url(../images/b2b2c_mobile/content_index_1.png) no-repeat center center;z-index: 1;}
    .mobile-index .index-bj.index-bj2 .info { top: 115px; margin-left: -565px;width: 535px;height: 415px;background: url(../images/b2b2c_mobile/content_index_2.png) no-repeat center center;}
    .mobile-index .index-bj.index-bj3 .info { top: -50px; margin-left: 5px;width: 552px;height: 448px; background: url(../images/b2b2c_mobile/content_index_3.png) no-repeat center center;}
    .mobile-goodslist { height: 950px;}
    .mobile-goodslist .mobile-title {top: 0px;left: 50%; margin-left: -550px;z-index: 2;}
    .mobile-goodslist .goodslist-title {position: absolute;top: 100px;left: 50%;font-size: 20px;margin-left: -530px;z-index: 1;}
    .mobile-goodslist .goodslist-img {position: absolute;top: 165px;left: 50%;margin-left: -570px;width: 345px;height: 751px;background: url(../images/b2b2c_mobile/content-goodscategory_1.png) no-repeat center center;z-index: 1;}
    .mobile-goodslist .goodslist-img.goodslist-img2 {margin-left: -172px;background: url(../images/b2b2c_mobile/content-goodscategory_2.png) no-repeat center center; }
    .mobile-goodslist .goodslist-img.goodslist-img3 {margin-left: 230px;background: url(../images/b2b2c_mobile/content-goodscategory_3.png) no-repeat center center;}
    .mobile-goodscategory { height: 1180px;}
    .mobile-goodscategory .mobile-title {top: 40px;left: 50%;margin-left: 240px;z-index: 2;}
    .mobile-goodscategory .goodscategory-img {position: absolute;top: 200px;left: 50%; margin-left: 150px;width: 385px;height: 782px;background: url(../images/b2b2c_mobile/content_goodscategory_1.png) no-repeat center center;z-index: 2;}
    .mobile-goodscategory .goodscategory-img:nth-of-type(2) {top: 125px;margin-left: -585px;width: 748px;height: 506px;background: url(../images/b2b2c_mobile/content_goodscategory_2.png) no-repeat center center;}
    .mobile-goodsinfo { height: 1250px;background: #302e5d url(../images/b2b2c_mobile/content_goodsinfo_bj.jpg) repeat-x bottom center;}
    .mobile-goodsinfo .mobile-title {top: -440px; left: 50%;margin-left: -540px;z-index: 2;}
    .mobile-goodsinfo .goodsinfo-bj { position: absolute;top: -300px;left: 50%;margin-left: -593px; width: 1186px;height: 810px;background: url(../images/b2b2c_mobile/content_goodsinfo_1.jpg) no-repeat center center;z-index: 1;}
    .mobile-goodsinfo .goodsinfo-bj:nth-of-type(2) {position: absolute; top: 481px;left: 50%;margin-left: -593px;width: 1000px; height: 660px;background: url(../images/b2b2c_mobile/content_goodsinfo_2.png) no-repeat left center;z-index: 1;}
    .mobile-goodsinfo .goodsinfo-bj span { position: absolute;font-size: 18px;color: #fff;top: 680px;left: 570px;}
    .mobile-goodsinfo .goodsinfo-bj span:nth-of-type(2) {top: 710px;left: 880px;}
    .mobile-goodsinfo .goodsinfo-bj:nth-of-type(2) span { position: absolute; font-size: 18px; color: #fff; top: 110px;left: 460px;}
    .mobile-goodsinfo .goodsinfo-bj:nth-of-type(2) span:nth-of-type(1) {font-size: 28px;}
    .mobile-goodsinfo .goodsinfo-bj:nth-of-type(2) span:nth-of-type(2) {top: 255px; left: 500px;}
    .mobile-goodsinfo .goodsinfo-bj:nth-of-type(2) span:nth-of-type(3) {top: 320px;left: 500px;}
    .mobile-goodsinfo .goodsinfo-bj:nth-of-type(2) span:nth-of-type(4) {top: 440px;}
    .mobile-watch .watch-bj {position: absolute;top: 280px;left: 50%;margin-left: -507px;width: 1015px;height: 729px;background: url(../images/b2b2c_mobile/content_watch1.png) no-repeat center center;z-index: 1;}
    .mobile-watch .mobile-wrapper{width: 1210px; margin: 0 auto;text-align: left; position: relative; height: 920px;border-bottom: 1px solid #ddd;}
    .mobile-watch .mobile-wrapper .watch{width: 260px;position: absolute;}
    .mobile-watch .mobile-wrapper .watch1{left: 0;bottom: 50px;}
    .mobile-watch .mobile-wrapper .watch2{ left: 316px; bottom: 70px;}
    .mobile-watch .mobile-wrapper .watch3{right: 316px;bottom: 150px;}
    .mobile-watch .mobile-wrapper .watch4{ right: 0;top: 70px;}
    .mobile-watch .mobile-wrapper .mobile-h1,
    .mobile-watch .mobile-wrapper .mobile-h2{padding: 0; text-align: left;}
    .mobile-watch .mobile-wrapper .mobile-h1{padding: 50px 0 20px;}
    .mobile-watch .watch-info {position: absolute;bottom: 100px;left: 50%;width: 600px;margin-left: -300px;text-align: center;}
    .mobile-watch .watch-info h3 {font-size: 26px;line-height: 40px;}
    .mobile-watch .watch-info p {font-size: 18px;color: #eb8185;}


    /*.mobile-sms-register{width: 100%;}*/
    .mobile-sms-register .add-section-wrapper{width: 1210px;margin: 0 auto;text-align: center;position: relative;}
    .mobile-sms-register{background-color: #fff;padding-top: 80px;}
    .mobile-sms-register .box{width: 100%;border-bottom:1px solid #ddd;}
    .mobile-sms-register .box ul li{float: left;height: 550px;margin-right: 45px;position: relative;}
    .mobile-sms-register .box ul li.last{margin-right: 0;}
    .mobile-sms-register .box ul li p{font-size: 18px;text-align: center;line-height: 60px;}
    .mobile-sms-register .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;}
    .mobile-sms-register .box1 ul{width: 1137px;overflow: hidden;padding-left: 10px;}
    .mobile-sms-register .box2 ul{width: 1080px;overflow: hidden;margin: 0 auto;padding-top: 60px;}
    .mobile-sms-register .box2 ul li,
    .mobile-sms-register .box1 ul li.two,
    .mobile-sms-register .box1 ul li.last{width: 330px;}
    .mobile-sms-register .box1 ul li.one .yuan{left:70px;}
    .mobile-sms-register .box1 ul li.one p{text-align: left;padding-left: 150px;}
    .mobile-sms-register .box1 ul li.two p{text-align: left;padding-left: 70px;}
    .mobile-sms-register .box1 ul li.one{background: url(../images/b2b2c_mobile/register_1.png) no-repeat center bottom;width: 387px;}
    .mobile-sms-register .box1 ul li.two{background: url(../images/b2b2c_mobile/register_2.png) no-repeat center bottom;}
    .mobile-sms-register .box1 ul li.last{background: url(../images/b2b2c_mobile/register_3.png) no-repeat center bottom;}
    .mobile-sms-register .box2{border-bottom: none;}
    .mobile-sms-register .box2 ul li.one{background: url(../images/b2b2c_mobile/register_4.png) no-repeat center bottom;}
    .mobile-sms-register .box2 ul li.two{background: url(../images/b2b2c_mobile/register_5.png) no-repeat center bottom;}
    .mobile-sms-register .box2 ul li.last{background: url(../images/b2b2c_mobile/register_6.png) no-repeat center bottom;}
    .mobile-sms { height: 480px;}
    .mobile-sms .mobile-h1 { padding-left: 540px; padding-top: 100px;}
    .mobile-sms .mobile-h2 { padding-left: 540px;padding-right: 50px;}
    .mobile-sms .sms-bj {position: absolute;top: 88px;left: 50%;margin-left: -507px;width: 342px;height: 386px;padding: 85px 17px 0 25px;background: url(../images/b2b2c_mobile/content_sms_register_1.png) no-repeat 0 0;z-index: 1;}
    .mobile-sms .sms-list { position: absolute;top: 280px;left: 50%;width: 330px;height: 260px;margin-left: -57px;}
    .mobile-sms .sms-list li {position: relative;height: 50px; line-height: 48px;padding-left: 70px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 25px;border-bottom-left-radius: 25px; font-size: 16px;color: #fff;background: #666; margin-bottom: 10px;cursor: pointer;}
    .mobile-sms .sms-list li i {position: absolute;top: 3px;left: 3px;display: block; width: 44px;height: 44px;border-radius: 22px;background: #fff;font-size: 28px;color: #666;text-align: center;line-height: 44px;}
    .mobile-sms .sms-list li.active {background: #58b3ef;}
    .mobile-sms .sms-list li.active i {color: #58b3ef;}
    .mobile-smsshipping { height: 560px;}
    .mobile-smsshipping .mobile-h1 {padding-right: 680px; padding-left: 50px;}
    .mobile-smsshipping .mobile-h2 {padding-right: 680px;padding-left: 50px;}
    .mobile-smsshipping .smsshipping-title {position: absolute;top: 340px;left: 50%;margin-left: -360px;width: 411px;height: 170px;padding: 85px 17px 0 25px;background: url(../images/b2b2c_mobile/content_sms_shipping_2.png) no-repeat 0 0;z-index: 1;}
    .mobile-smsshipping .smsshipping-img { position: absolute;top: 88px;left: 50%;margin-left: 107px;width: 342px;height: 386px; padding: 85px 17px 0 25px;background: url(../images/b2b2c_mobile/content_sms_shipping_1.png) no-repeat 0 0; z-index: 1;}
    .mobile-unionpay .unionpay-img {position: absolute;top: 88px;left: 50%;margin-left: -580px;width: 658px;height: 471px;background: url(../images/b2b2c_mobile/content_unionpay_1.jpg) no-repeat 0 0;z-index: 1;}
    .mobile-unionpay h1 {position: absolute;width: 330px;left: 50%;margin-left: 80px;}
    .mobile-unionpay h2 {position: absolute;width: 450px;left: 50%; margin-top: 160px;margin-left: 80px;}
    .mobile-smjl .smjl-img {position: absolute;top: 68px;left: 50%;margin-left: -580px; width: 658px;height: 471px;background: url(../images/b2b2c_mobile/mob_05.jpg) no-repeat 0 0;z-index: 1;}
    .mobile-smjl h1 {position: absolute;width: 450px;left: 50%;}
    .mobile-smjl h2 {position: absolute;width: 450px;left: 50%;margin-top: 160px;}
    .mobile-fxhd .fxhd-img {position: absolute;top: 68px;left: 50%;margin-left: -580px;width: 658px;height: 471px;background: url(../images/b2b2c_mobile/mob_03.jpg) no-repeat 0 0;z-index: 1;}
    .mobile-fxhd h1 {position: absolute;width: 450px;left: 50%;}
    .mobile-fxhd h2 {position: absolute;width: 450px;left: 50%;margin-top: 160px;}
    .mobile-dbdh .dbdh-img {position: absolute;top: 68px;left: 50%;margin-left: -580px;width: 658px;height: 471px;background: url(../images/b2b2c_mobile/mob_01.jpg) no-repeat 0 0;z-index: 1;}
    .mobile-dbdh h1 {position: absolute;width: 450px;left: 50%;}
    .mobile-dbdh h2 { position: absolute;width: 450px;left: 50%;margin-top: 160px;}
    .mobile-login .login-title {position: absolute;top: 340px; left: 50%; margin-left: -360px; width: 411px;height: 170px;padding: 85px 17px 0 25px;z-index: 1;}
    .mobile-login .login-img {position: absolute;top: 68px;left: 50%;margin-left: 80px; width: 658px;height: 471px;background: url(../images/b2b2c_mobile/mob_04.jpg) no-repeat 0 0;z-index: 1;}
    .mobile-login h1 {position: absolute;width: 450px;left: 50%;margin-left: -580px;}
    .mobile-login h2 {position: absolute;width: 450px;left: 50%;margin-top: 160px;margin-left: -580px;}
    .mobile-ztj .ztj-title {position: absolute;top: 340px;left: 50%;margin-left: -360px; width: 411px;height: 170px;padding: 85px 17px 0 25px;z-index: 1;}
    .mobile-ztj .ztj-img {position: absolute;top: 68px;left: 50%;margin-left: 80px;width: 658px;height: 471px;background: url(../images/b2b2c_mobile/mob_02.jpg) no-repeat 0 0;z-index: 1;}
    .mobile-ztj h1 {position: absolute;width: 450px;left: 50%;margin-left: -580px;}
    .mobile-ztj h2 {position: absolute; width: 450px;left: 50%;margin-top: 160px;margin-left: -580px;}
    .mobile-btn-default{color: #fff;font-size: 24px;background-color: #42b8f1;padding: 10px 20px;border-radius: 10px;}
    .btn-more{height: 50px;text-align: center;margin-top: 50px;}
    .mobile-cart { height: 1080px;background: #3f3c57;}
    .mobile-cart .mobile-h1 {color: #fff;}
    .mobile-cart .cart-title {position: absolute; left: 50%;top: 235px;margin-left: -475px;width: 943px;height: 79px;background: url(../images/b2b2c_mobile/content_cart_title.png) no-repeat 0 0;z-index: 5;}
    .mobile-cart .cart-img { position: absolute;left: 50%;top: 280px;margin-left: -555px;width: 1110px;height: 835px;background: url(../images/b2b2c_mobile/content_cart_1.jpg) no-repeat center center;z-index: 4;}
    .mobile-order {height: 1080px;}
    .mobile-order .mobile-h2 {color: #fff;}
    .mobile-order .order-title {position: absolute;left: 50%;top: 300px;margin-left: 35px;width: 535px;height: 418px;background: url(../images/b2b2c_mobile/content_order_title.png) no-repeat 0 0; z-index: 2;}
    .mobile-order .order-img {position: absolute; left: 50%;top: 280px;margin-left: -575px;width: 1154px; height: 798px; background: url(../images/b2b2c_mobile/content_order.jpg) no-repeat center center;z-index: 1;}
    .mobile-order {height: 1080px;}
    .mobile-order .mobile-h2 {color: #fff;}
    .mobile-order .order-title {position: absolute;left: 50%;top: 300px;margin-left: 35px;width: 535px;height: 418px;background: url(../images/b2b2c_mobile/content_order_title.png) no-repeat 0 0;z-index: 2;}
    .mobile-order .order-img { position: absolute;left: 50%; top: 280px; margin-left: -575px; width: 1154px; height: 798px;background: url(../images/b2b2c_mobile/content_order.jpg) no-repeat center center;z-index: 1;}
    .mobile-cartshipping {height: 420px;}
    .mobile-cartshipping .mobile-h1,
    .mobile-cartshipping .mobile-h2 {padding-top: 10px;color: #fff;padding-right: 600px;z-index: 3;position: relative;}
    .mobile-cartshipping .cartshipping-img { position: absolute;left: 50%; margin-left: -566px;bottom: 0; width: 1132px;height: 448px;background: url(../images/b2b2c_mobile/content_shipping.png) no-repeat bottom center;z-index: 1;}
    .mobile-cartshipping .cartshipping-bj {position: absolute; bottom: 0; width: 100%;height: 229px;background: url(../images/b2b2c_mobile/content_shopping_bj.png) no-repeat bottom center; z-index: 2;}
    .mobile-user {background: #d4e3fe;}
    .mobile-user .ecjia-list {position: inherit;width: 1120px; margin: 50px auto 0;overflow: hidden;}
    .mobile-user .ecjia-list li {float: left;display: block;width: 340px;margin-right: 50px;padding-bottom: 10px;margin-bottom: 95px;}
    .mobile-user .ecjia-list li img {float: left;display: block;width: 340px;}
    .mobile-user .ecjia-list li h3 { font-size: 20px;line-height: 50px;text-align: center;}
    .mobile-user .ecjia-list li p {padding: 0 20px; font-size: 14px;line-height: 20px;text-align: center;}
    .mobile-user .ecjia-list li:nth-of-type(3n) {margin-right: 0;}
    .mobile-user .ecjia-list li:nth-of-type(3n+1) {clear: both;}

    /**
     * 多商户（ipad）
     */
    .b2b2c_ipad .section-ipad-1{background-color: #fff;padding: 160px 0 80px;}
    .b2b2c_ipad .section-ipad-1 .section-wrapper .box{background: url(../images/b-ipad1-1.jpg) no-repeat left bottom;height: 610px;padding-top: 50px;width: 100%;position: relative;}
    .b2b2c_ipad .section-ipad-1 .section-wrapper .box p{font-size: 18px;position: absolute;right:140px;}
    .b2b2c_ipad .section-ipad-1 .section-wrapper .box img{position: absolute;}
    .b2b2c_ipad .section-ipad-1 .section-wrapper .box .img1{bottom: 0;left: 50px;}
    .b2b2c_ipad .section-ipad-1 .section-wrapper .box .img2{bottom: 40px;right: 47px;}
    .b2b2c_ipad .section-ipad-2{background-color: #292a2e;overflow: visible;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper{overflow: visible;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper{position: relative;width: 100%;height: 1300px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .img1{position: absolute;right: 0;top: 0;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .top-left{border-left:1px solid #6a6a6d;border-bottom:1px solid #6a6a6d;text-align: left;float: left;padding-left: 30px;padding-right: 50px; margin-left: 50px;margin-top: 50px;position: relative;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .top-left .up{font-size: 48px;color: #3fbefc;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .top-left .middle{font-size: 30px;color: #fff;line-height: 50px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .top-left .yuan{width: 16px;height: 16px;border-radius: 50%;border:1px solid #6a6a6d;position: absolute;left: -9px;bottom: -9px;background-color: #292a2e;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .down{font-size: 18px;text-align: left;float: left;padding-left: 80px;color: #fff;clear: both;padding-top: 10px;line-height: 30px;position: absolute;top: 180px;z-index: 2;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .img2{position: absolute;left: 50%;margin-left: -505px;top: 210px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .img3{position: absolute;left: 0;bottom: -165px;z-index: 2;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .img4{position: absolute;right: 390px;bottom: 192px;z-index: 2;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .bottom-right{border-right:1px solid #6a6a6d;border-bottom:1px solid #6a6a6d;text-align: right;padding-right: 30px;position: relative;margin-top: 600px;position: absolute;right: 55px;bottom: 380px;z-index: 2;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .bottom-right .up{font-size: 48px;color: #3fbefc;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .bottom-right .middle{font-size: 30px;color: #fff;line-height: 50px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper .bottom-right .yuan{width: 16px;height: 16px;border-radius: 50%;border:1px solid #6a6a6d;position: absolute;right: -9px;bottom: -9px;background-color: #292a2e;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper p.b-p{font-size: 18px;color: #fff;position: absolute;z-index: 2;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper p.b-p1{right: 150px;bottom: 325px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper p.b-p2{right: 120px;bottom: 180px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper ul.b-ul{width: 420px;overflow: hidden;position: absolute;right: 40px;bottom: -85px;z-index: 2;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper ul.b-ul li{float: left; width: 90px;margin-right: 20px;margin-bottom: 15px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper ul.b-ul li.row-last{margin-right: 0;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper ul.b-ul li p{font-size: 18px;color: #fff;padding-top: 5px;}
    .b2b2c_ipad .section-ipad-2 .section-wrapper .box-wrapper ul.b-ul li p.black{color: #333;}
    .b2b2c_ipad .section-ipad-3{background-color: #fff;padding-top: 200px;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper{position: relative;height: 2150px;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title-box{position: absolute; border-left: 1px solid #ddd;border-bottom:1px solid #ddd;text-align: left;padding-left: 30px;left: 10px;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title-box .yuan{width: 16px;height: 16px;border-radius: 50%;border:1px solid #ddd;position: absolute;left: -39px;bottom: -9px;background-color: #fff;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title-box .relative{position: relative;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title-box .up{font-size: 48px;color: #3fbefc;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title-box .middle{font-size: 30px;line-height: 50px;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title1{padding-right: 110px;top: 100px;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper p.down{position: absolute;font-size: 18px;text-align: left;clear: both;padding-top: 10px;line-height: 30px;top: 220px;left: 5px;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .img1{position: absolute; right: 0;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .title2{top: 700px;z-index: 2;}
    .b2b2c_ipad .section-ipad-3 .section-wrapper .img2{position: absolute; top: 810px;left: 10px}
    .b2b2c_ipad .section-ipad-3 .section-wrapper p.right{font-size: 18px;position: absolute;top: 800px;left: 610px;}
    .b2b2c_ipad .section-ipad-3 .title3{bottom: 390px;left: 10px;}
    .b2b2c_ipad .section-ipad-3 .title3 p.title-r{font-size: 18px;line-height: 35px; position: absolute;left: 300px;top: 30px;width: 520px;text-align: left;}
    .b2b2c_ipad .section-ipad-4{background-color: #292a2e;overflow: visible;}
    .b2b2c_ipad .section-ipad-4 .section-wrapper{overflow: visible;height: 1300px;position: relative;}
    .b2b2c_ipad .section-ipad-4 .section-wrapper .img1{position: absolute;left: 50%;margin-left: -561px;top: -350px;}
    .b2b2c_ipad .section-ipad-4 .section-wrapper .img2{position: absolute;left: 50%;margin-left: -605px;bottom: -417px;}
    .b2b2c_ipad .section-ipad-4 .section-wrapper .img3{position: absolute;bottom: 120px;left: 230px;z-index: 2;}
    .b2b2c_ipad .section-ipad-4 p.little{color: #fff;font-size: 18px;position: absolute;bottom:360px;left: 140px;}
    .b2b2c_ipad .section-ipad-4 p.big{color: #fff;font-size: 48px;position: absolute;bottom:350px;left: 420px;}
    .b2b2c_ipad .section-ipad-4 .tab-box{width: 931px;height: 570px;background-color: #f7f7f7;position: absolute;left: 50%;margin-left: -481px;top:225px;}
    .b2b2c_ipad .section-ipad-4 .tab-box ul.tab-btn{width: 560px;overflow: hidden;margin: 0 auto;padding: 20px 0;}
    .b2b2c_ipad .section-ipad-4 .tab-box ul.tab-btn li{float: left;width: 140px;height: 40px;line-height: 40px;font-size: 18px; text-align: center;color: #888;border-radius: 20px;background-color: #f7f7f7;cursor: pointer;}
    .b2b2c_ipad .section-ipad-4 .tab-box ul.tab-btn li.active{background-color: #f56466;color: #fff;}
    .b2b2c_ipad .section-ipad-4 .tab-box .tab-box-con ul{position: relative;overflow: hidden;height: 470px;}
    .b2b2c_ipad .section-ipad-4 .tab-box .tab-box-con ul li{position: absolute;left: 0;top:0; }
    .b2b2c_ipad .section-ipad-5{background-color: #fff;padding: 380px 0 100px;}
    .b2b2c_ipad .section-ipad-5 .section-wrapper{overflow: visible;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper{position: relative;width: 100%;height: 750px;padding-top: 60px;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper img{position: absolute;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper .img1{left:-160px; top: 90px;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper .img2{left: 300px;top: 90px;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper .img3{right: 295px;top: 63px;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper p{position: absolute;font-size: 18px;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper p.p1{left: 200px;top: 78px;}
    .b2b2c_ipad .section-ipad-5 .box-wrapper p.p2{right: 170px;top: 50px;}
    .b2b2c_ipad .section-ipad-6{background-color: #292a2e;}
    .b2b2c_ipad .section-ipad-6 .title{width: 1210px;position: absolute;left: 50%;margin-left: -605px;z-index: 3;}
    .b2b2c_ipad .section-ipad-6 .title p.up,
    .b2b2c_ipad .section-ipad-6 .title p.down{color: #fff;}
    .b2b2c_ipad .section-ipad-6 .section-wrapper{overflow: visible;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper{position: relative;width: 100%;height: 650px;padding-top: 60px;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper img{position: absolute;bottom: 0;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper .img1{left:-90px;z-index: 2;top: 50px;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper .img2{right:-80px;z-index: 3;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper p{position: absolute;font-size: 18px;color: #fff;z-index: 3;top: 225px;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper p.p1{left: 255px;}
    .b2b2c_ipad .section-ipad-6 .box-wrapper p.p2{right: 270px;}
    .b2b2c_ipad .section-ipad-7{background-color: #fff;}
    .b2b2c_ipad .section-ipad-7 .box-wrapper{width: 100%;position: relative;padding-top: 30px;}
    .b2b2c_ipad .section-ipad-7 a.btn-a{display: block;width: 185px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #29b6fa;border-radius: 5px;font-size: 18px;position: absolute;left: 50%;margin-left: -92px;}
    .b2b2c_ipad .section-ipad-8{background: url(../images/b-ipad8-1.jpg) no-repeat center;height:880px; text-align: center;}
    .b2b2c_ipad .section-ipad-8 .section-wrapper{position: relative;height: 20px;overflow: visible;}
    .b2b2c_ipad .section-ipad-8 .title{position: absolute;width: 100%;top: 0;z-index: 3;left: 0}
    .b2b2c_ipad .section-ipad-8 .title p.up,
    .b2b2c_ipad .section-ipad-8 .title p.down{color: #fff;text-align: left;}
    .b2b2c_ipad .section-ipad-9{background-color: #fff;}
    .b2b2c_ipad .section-ipad-9 .box{width: 100%;overflow: hidden;position: relative;}
    .b2b2c_ipad .section-ipad-9 .fl{float: left;}
    .b2b2c_ipad .section-ipad-9 .fr{float: right;}
    .b2b2c_ipad .section-ipad-9 .box p.big{font-size: 48px;}
    .b2b2c_ipad .section-ipad-9 .box p.small{font-size: 18px;}
    .b2b2c_ipad .section-ipad-9 .box p{position: absolute;}
    .b2b2c_ipad .section-ipad-9 .box1 p.big{left: 130px;top:80px;}
    .b2b2c_ipad .section-ipad-9 .box1 p.small{left: 260px;top:290px;}
    .b2b2c_ipad .section-ipad-9 .box2{padding-top: 70px;}
    .b2b2c_ipad .section-ipad-9 .box2 p.big{right: 150px;top:130px;}
    .b2b2c_ipad .section-ipad-9 .box2 p.small{right: 210px;top:250px;}
    .b2b2c_ipad .section-ipad-10{background-color: #fff;border-top:1px solid #ddd;}
    .b2b2c_ipad .section-ipad-10 ul.tab{width: 1012px;margin:0 auto;padding: 30px 0 100px;}
    .b2b2c_ipad .section-ipad-10 ul.tab li{width: 150px;height: 40px;float: left;margin-right: 20px;border-radius: 20px;border:1px solid #ccc;text-align: center;line-height: 40px;color: #fff;font-size: 18px;background-color: #ccc;cursor: pointer;}
    .b2b2c_ipad .section-ipad-10 ul.tab li.last{margin-right: 0;}
    .b2b2c_ipad .section-ipad-10 ul.tab li img{vertical-align: middle;}
    .b2b2c_ipad .section-ipad-10 ul.tab li span{display: inline-block;}
    .b2b2c_ipad .section-ipad-10 ul.tab li.active{background-color: #f33a7c;border-color: #fc6163;color: #fff;}
    .b2b2c_ipad .section-ipad-10 .tab-con ul{width: 100%;overflow: hidden;height: 464px;position: relative;}
    .b2b2c_ipad .section-ipad-10 .tab-con ul li{position: absolute;left: 0;top: 0;}
    .b2b2c_ipad .section-ipad-11{background-color: #242424;text-align: center;position: relative;height: 870px;}
    .b2b2c_ipad .section-ipad-11 img{position: absolute;left: 50%;margin-left: -788px;bottom: 0;}
    .b2b2c_ipad .section-ipad-11 .title{padding-bottom: 50px;}
    .b2b2c_ipad .section-ipad-11 .title p.up,
    .b2b2c_ipad .section-ipad-11 .title p.down{color: #fff;}
    .b2b2c_ipad .cover{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 20;display: none;}
    .b2b2c_ipad .cover .wrapper{position: relative;width: 100%;height: 100%;}
    .b2b2c_ipad .cover .wrapper .btns{width: 80% ;height: 77px;position: absolute;margin-left: 10%;top: 50%;margin-top: -25px;z-index: 21;}
    .b2b2c_ipad .cover .wrapper .btns div{width: 40px;cursor: pointer;}
    .b2b2c_ipad .cover .wrapper .btns .l-btn{float: left;}
    .b2b2c_ipad .cover .wrapper .btns .r-btn{float: right;}
    .b2b2c_ipad .cover .wrapper ul{position: absolute;top: 0;z-index:20;}
    .b2b2c_ipad .cover .wrapper ul li{float: left;width: 100%;height:100%;}
    .b2b2c_ipad .cover .wrapper ul li.one{background-color: #fc8080;}
    .b2b2c_ipad .cover .wrapper ul li.two{background-color: #fff;}
    .b2b2c_ipad .cover .wrapper ul li.three{background-color: #333;}
    .b2b2c_ipad .cover .wrapper .close{width: 100px;height: 100px;text-align: center;line-height: 100px;font-size: 40px;color: #fff;border-radius: 50%;background-color: #333;position: absolute;right: 50px;top: 50px;cursor: pointer;z-index: 21;}
    .b2b2c_ipad .content,
    .morph-content{background-color: #fff;}
    .b2b2c_ipad .content .fa{width: 100%;padding-bottom: 80px;}
    .b2b2c_ipad .content .fa1{background-color: #fff;}
    .b2b2c_ipad .content div.wrap{width: 1210px;margin:0 auto; text-align: center;}
    .b2b2c_ipad .content h1{font-size: 48px;padding-top: 50px;text-align: center;}
    .b2b2c_ipad .content .img-wrap{width: 100%;position: relative;}
    .b2b2c_ipad .content .img-wrap img{margin-top: 0;}
    .b2b2c_ipad .content .img-wrap h2{font-size: 36px;color: #ea3073;padding:50px 200px 30px;text-align: left;}
    .b2b2c_ipad .content .img-wrap h3{font-size: 24px;padding:70px 200px 40px;text-align: left;}
    .b2b2c_ipad .content .img-wrap p{font-size: 18px;position: absolute;}
    .b2b2c_ipad .content .fa1 .wrap{text-align: left;}
    .b2b2c_ipad .content .img-wrap1 .p1{left: 10px;top: 160px;}
    .b2b2c_ipad .content .img-wrap1 .p2{right: 40px;bottom: 260px;}
    .b2b2c_ipad .content .fa2{background-color: #f5f5f5;}
    .b2b2c_ipad .content .fa2 .img-wrap2 p{right:55px;top: 310px;}
    .b2b2c_ipad .content .fa3{background-color: #fff;}
    .b2b2c_ipad .content .fa p.big{font-size: 36px;text-align: center;padding: 50px 0 30px;}
    .b2b2c_ipad .content .fa p.bottom{font-size: 24px;text-align: center;padding-top:30px}
    .b2b2c_ipad .morph-content .icon-close{width: 100px;height: 100px;line-height: 100px; border-radius: 50%;text-align: center;color: #fff;font-size: 50px; background-color: #333;z-index:10;cursor: pointer; position: absolute;right: 50px;top: 50px;}


    /*ipad 样式*/
    .ipad-mod {position: relative;background:#fff;}
    .ipad-mod .ipad-h1,
    .ipad-mod .ipad-h2 {text-align: center;color: #fff;font-size: 38px;line-height: 40px;}
    .ipad-mod .ipad-h2 {font-size: 16px;padding-top: 10px;}
    .ipad-mod .color-green {color: #58dc71;}
    .ipad-banner { position: relative;height: 1038px;background: url(../images/b2b2c_ipad/banner-bj.jpg) no-repeat bottom center;margin-top: 60px;}
      .ipad-banner .banner-mid{width: 1210px;height: 100px;}
      .ipad-banner .banner-mid-up{ width: 100%; height: 351px;background: url(../images/b2b2c_ipad/banner-mid-up.jpg) no-repeat center;}
      .ipad-banner .banner-mid-cen{width: 100%;height: 351px;background: url(../images/b2b2c_ipad/banner-mid-cen.jpg) no-repeat center;}
      .ipad-banner .banner-mid-down{width: 100%;height: 336px; background: url(../images/b2b2c_ipad/banner-mid-down.jpg) no-repeat center;}
      .ipad-banner .banner-info {position: absolute;top: 350px;left: 50%; margin-left: -300px;width: 700px;height: 100px;line-height: 50px;text-align: left;font-size: 30px; color: #fff;font-weight: normal;}
      .ipad-banner .banner-info .tlt2 {color: #ddd;font-size: 18px;}
      .ipad-banner .banner-title {position: absolute;top: 355px;left: 50%;margin-left: 110px;width: 112px;height: 40px;background: url(../images/b2b2c_ipad/banner-title.jpg) no-repeat bottom center;}
      .ipad-turntable {position: relative;height: 724px;padding-top: 20px;background: #250a51;}
      .ipad-turntable .turntable-bj {position: absolute;left: 50%;top: 220px;margin-left: -432px;width: 868px;height: 434px;background: url(../images/b2b2c_ipad/turntable_bj.png) no-repeat 0 0;z-index: 1;}
      .ipad-turntable .turntable-1 {position: absolute;left: 50%;top: 315px;margin-left: -335px;width: 674px;height: 674px;background: url(../images/b2b2c_ipad/turntable_1.png) no-repeat 0 0;z-index: 2;}
      .ipad-turntable .turntable-title {position: absolute;left: 50%;top: 350px;margin-left: -545px;width: 773px;height: 202px;background: url(../images/b2b2c_ipad/turntable_title.png) no-repeat 0 0;z-index: 3;}
      .ipad-turntable .turntable-info {position: absolute; left: 50%;top: 255px;margin-left: 335px;width: 100px;height: 100px;line-height: 30px;font-weight: normal;z-index: 5;color: #fff;font-size: 20px;text-align: center;}
      .ipad-turntable .turntable-info .title {font-size: 80px; line-height: 70px;font-family: 'arial';}
      .ipad-content1 {position: relative; height: 800px;background: #250a51;}
      .ipad-content1 .content1-img {position: absolute;left: 50%;top: 0;margin-left: -575px;margin-top: -90px;width: 1150px;height: 863px;background: #fff url(../images/b2b2c_ipad/content_1_img.jpg) no-repeat 0 0;z-index: 2;-webkit-animation:movemode 2s linear infinite; -moz-animation:movemode 2s linear infinite;-ms-animation:movemode 2s linear infinite; animation: 2s linear 0s normal none infinite running movemode;}
      .ipad-content1 .content1-line {position: absolute;left: -100%;top: 350px;width: 200%;height: 80px;background: url(../images/b2b2c_ipad/content_1_line1.png) repeat-x 0 0;z-index: 1;-webkit-animation:movecline 10s linear infinite; -moz-animation:movecline 10s linear infinite;-ms-animation:movecline 10s linear infinite; animation: 10s linear 0s normal none infinite running movecline;}
      .ipad-content1 .content1-line2 {top: 345px; background: url(../images/b2b2c_ipad/content_1_line2.png) repeat-x 30px 10px;-webkit-animation:movecline 18s linear infinite; -moz-animation:movecline 18s linear infinite;-ms-animation:movecline 18s linear infinite; animation: 18s linear 0s normal none infinite running movecline;}
      .ipad-content1 .content1-line3 {top: 355px;background: url(../images/b2b2c_ipad/content_1_line3.png) repeat-x 60px 15px;-webkit-animation:movecline 16s linear infinite; -moz-animation:movecline 16s linear infinite;-ms-animation:movecline 16s linear infinite; animation: 16s linear 0s normal none infinite running movecline;}
      .ipad-content1 .content1-line4 {background: url(../images/b2b2c_ipad/content_1_line4.png) repeat-x 90px 20px;-webkit-animation:movecline 20s linear infinite; -moz-animation:movecline 20s linear infinite;-ms-animation:movecline 20s linear infinite; animation: 20s linear 0s normal none infinite running movecline;}
      .ipad-content2 {position: relative;height: 695px;background: #250a51;}
      .ipad-content2 .content2-img {position: absolute;left: 50%;top: 0;margin-left: -550px;margin-top: 100px; width: 1210px;height: 800px;background: url(../images/b2b2c_ipad/content_2_img.jpg) no-repeat 0 0;z-index: 1;}
      .ipad-content2 .content2-title {position: absolute; left: 50%;top: 0;margin-left: -70px;margin-top: 220px; width: 656px;height: 245px;background: url(../images/b2b2c_ipad/content_2_title.png) no-repeat 0 0;z-index: 2;}
      /* movecline */
      @-webkit-keyframes movecline{
          0%{left:-100%;}
          100%{left:0%;}
      }
      @-moz-keyframes movecline{
          0%{left:-100%;}
          100%{left:0%;}
      }
      @-ms-keyframes movecline{
          0%{left:-100%;}
          100%{left:0%;}
      }
      @keyframes movecline{
          0%{left:-100%;}
          100%{left:0%;}
      }
      /*movemode*/
      @-webkit-keyframes movemode{
          50%{transform: translateY(-9px);}
      }
      @-moz-keyframes movemode{
          50%{transform: translateY(-9px);}
      }
      @-ms-keyframes movemode{
          50%{transform: translateY(-9px);}
      }
      @keyframes movemode{
          50%{transform: translateY(-9px);}
      }
/*shopstreet start*/
.shopstreet_wrap .title_h1 { font-size:48px; font-weight:bold;}
.shopstreet_wrap .title_h2 { font-size:24px;padding: 20px 0;}
.shopstreet_wrap { text-align:center; height:auto; overflow-y:auto; min-width:1200px;color: #fff;}
/* .shopstreet_wrap div{ overflow:hidden} */
.shopstreet_wrap .floor_banner { height:700px;width: 100%; background:url(../images/b2b2c_shopstreet/banner-bg.jpg) no-repeat center; margin-top:60px}
.shopstreet_wrap .floor_banner .banner-mid{height: 100%;width: 1210px;margin: 0 auto;}
.shopstreet_wrap .floor_banner .banner-mid-up{height: 350px;width: 100%;background: url(../images/b2b2c_shopstreet/banner-mid-up.jpg) no-repeat center;}
.shopstreet_wrap .floor_banner .banner-mid-down{height: 350px;width: 100%;background: url(../images/b2b2c_shopstreet/banner-mid-down.jpg) no-repeat center;}
.shopstreet_wrap .floor_1 { height:640px; background-color:#885FD9;}
.shopstreet_wrap .floor_1 .title_h1{padding-top: 80px;}
.shopstreet_wrap .floor_2_top{ height:158px; padding-top:140px;background:url(../images/b2b2c_shopstreet/2_title_bg.png) no-repeat center #885FD9;}
.shopstreet_wrap .floor_2_center{ height:780px; background:url(../images/b2b2c_shopstreet/2.jpg) no-repeat center #1ACBBB;}
.shopstreet_wrap .floor_3 {background-color:#885FD9;}
.shopstreet_wrap .floor_3_top{ height:135px; padding-top:240px; background:url(../images/b2b2c_shopstreet/3_title_bg.jpg) no-repeat center top ;}
.shopstreet_wrap .floor_3_center{ height:780px; background:url(../images/b2b2c_shopstreet/3.png) no-repeat center ;}

.shopstreet_wrap .floor_4 {height:860px; background:url(../images/b2b2c_shopstreet/4_bg.jpg) no-repeat center bottom #885FD9 ;}
.shopstreet_wrap .floor_5 { height:1800px; background-color:#474E5E}
.shopstreet_wrap .floor_5_center {height:855px; margin:40px 0; background:url(../images/b2b2c_shopstreet/5_1.jpg) no-repeat center;}
.shopstreet_wrap .floor_5_bottom {height:602px; margin:40px 0; background:url(../images/b2b2c_shopstreet/5_2.jpg) no-repeat center;}
.shopstreet_wrap .floor_6 { height:1500px; background-color:#1BB1A5;overflow: hidden;}
.shopstreet_wrap .floor_6 .title_h1 { padding-top:75px;}
.shopstreet_wrap .floor_6_top {height:230px;  background:url(../images/b2b2c_shopstreet/6_top_bg.png) repeat-x top;}
.shopstreet_wrap .floor_6_center {height:529px; margin:40px 0; background:url(../images/b2b2c_shopstreet/6_1.png) no-repeat center;}
.shopstreet_wrap .floor_6_bottom {height:555px; margin:40px 0; background:url(../images/b2b2c_shopstreet/6_2.png) no-repeat center;}
.shopstreet_wrap .section-wrapper { text-align:left;}
.section-13{background-color: #fff;width: 100%;}
.section-13 .section-wrapper{padding: 80px 0;width: 1210px;margin: 0 auto;overflow: hidden;position: relative;}
.section-13 .f-l{padding-left: 290px;width: 400px;float: left;}
.section-13 .f-r{width: 460px;padding-top: 140px;float: right;}
.section-13 .f-r p{font-size: 24px;line-height: 40px;color: #333;}
.section-13 .f-r div{height: 40px;overflow: hidden;position: relative;margin-top: 20px;}
.section-13 .f-r div p{color: #3ebfff;line-height: 20px;display: inline-block;}
.section-13 .f-r div a{display: inline-block;position: absolute;top: 4px;}
.section-13 .f-r div a img{vertical-align: bottom;}
/*shopstreet end*/

    /**
     * 多商户（快捷导航）
     */
.b2b2c .fast-nav{border:none; display: none; width: 70px;position: fixed;left:10px;z-index: 55;background: url(../images/fast-nav-xt.png) repeat-y center top;}
.b2b2c .fast-nav li{width: 100%;height: 20px;line-height: 20px;margin-bottom: 8px; text-align: center;background-color: #848484; font-size: 14px;color: #fff;border-radius: 10px;cursor: pointer;}
.b2b2c .fast-nav li.last{margin-bottom: 0;}
.b2b2c .fast-nav li.curr,
.b2b2c .fast-nav li:hover{background-color: #e45d8a;}

}



/******mobile兼容样式******/
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 1024px) {
    .index, .suspension,.back_top{display: none;}
    .suspension-mobile .suspension-box{display: block;}

    /* 首页开场动画 START */
    html{ height:100%;}
    body{ height:100%;}
    .loading{ position:absolute;left:50%;top:50%;}
    .index_mobile{ position:absolute; height:100%; width:100%;}
    .wraper{height:100%;width:100%; position:absolute;left:0;top:0; overflow:hidden; z-index:10;}
    .wraper .wraps{width:100%; position:absolute;left:0;top:0;}
    .wraper .wraps .steps{width:100%; position:relative;left:0;top:0; overflow:hidden;}
    .wraps .steps_1{ background:#000 url(../images/firstpagebg.jpg) no-repeat center center;}

    .imgnav{width:17px; height:180px;position:absolute; z-index:100;top:50%;right:50px;margin-top:-90px;}
    .imgnav li{ width:12px; height:12px;margin:12px auto; background:white;border-radius:50%; cursor:pointer;}
    .imgnav li.active{ width:15px; height:15px;border:1px solid white; background:none;}
    .mouse{margin-top:20px;}

    .doMoves{ background:white; position:absolute;left:0;top:0; width:100%; height:100%; z-index:900; overflow:hidden;}
    .loading{ height:140px; width:140px;margin:-70px 0 0 -70px; background:url(../images/loading.gif) no-repeat left top;}
    .blue_bg{ background:#42B8F1; position:absolute; width:0; height:0; overflow:hidden;left:50%;top:50%}
    .whitelogo{height:460px; width:480px;margin:-230px 0 0 -240px;text-align:center;color:white; position:absolute;top:50%;left:50%;opacity:0;filter:alpha(opacity=0);}
    .w_logo{ height:233px; position:relative;}
    .logo_img{float:left;margin-left:55px;}
    .plus{ position:absolute;top:33px; opacity:0;filter:alpha(opacity=0);right:0;}
    .transform{
        -webkit-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transition:1s ease;
        -moz-transition:1s ease;
        -o-transition:1s ease;
        transition:1s ease;
    }
    .ecjia{ position:absolute;/* bottom:0px;*/left:100px;bottom:-50px;opacity:0;filter:alpha(opacity=0);}
    .whitelogo div dt{ font-size:40px;color:#fff;line-height:70px;}
    .whitelogo div dd{ font-size:16px;color:#fff;}
    /* 首页开场动画 END */
    body{ margin:0; padding:0; border:0; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; font-size:22px; color:#555; background:#fff; }
    h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; border:0; padding:0;}
    input,button{margin:0;font-size:12px;vertical-align:middle;}
    table{border-collapse:collapse;border-spacing:0;}
    ul,li,dt,dd ,span{list-style-type:none;}
    .clear{ margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both; visibility: hidden; border:0;}
    em{ font-style:normal;}
    a{color:#555; text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */}
    a:hover{ color:#e84028; border:0;}
    .aa{font-size:40px; color:#fff;}
    .bb{font-size:24px; color:#fff;}
    .f30{font-size:30px;}
    .cc{color:#2d9b1e;}
    .dd{color:#42b8f1; font-size:36px; font-family:Arial, Helvetica, sans-serif; line-height:60px;}


    #bady{width:100%; min-width: 640px; margin:0 auto; background:#f7f7f7; overflow: hidden;}
    #top{width:100%; float:inherit; background:#252525; padding:25px 0 25px 0;}
    .top-lb{float:left; padding:13px 0 0 25px;}
    .logo{text-align: center;}
    .tel{float:right; color:#fff; padding:15px 25px 0 0;}


    .steps{width:100%; position:relative;left:0;top:0; overflow:hidden;}
    .steps_1{ background:#000 url(../images/firstpagebg.jpg) no-repeat center center;}
    .steps_one{ height:460px; width:480px;margin: 10px auto;text-align:center;color:white;}
    .steps_one div{margin-top:100px;}
    .steps_one div dt{ font-size:40px;color:#e7e7e7;line-height:70px;}
    .steps_one div dd{ font-size:16px;color:#bbb;}

    #banner{width:100%; float:inherit; height:300px; background:url(../images_mobile/banner.jpg); text-align:center; line-height:48px; color:#bbb; padding-top:180px;}
    .s1{float:inherit; background:url(../images_mobile/s-1.jpg) no-repeat bottom ; padding:70px 50px 260px 50px;}
    .s1-bt{float:inherit; padding-bottom:36px; width: 100%; text-align: center;}
    .s1-wz{float:inherit; line-height:36px; text-indent:2em; font-size: 20px;}

    .s2{width:100%; float:inherit; background:url(../images_mobile/s-bj.jpg) repeat; height:auto;}
    .s2-j{padding:70px 50px 0 50px;}
    .s2-bt{float:inherit; padding-bottom:60px; text-align: center;}
    .s2-nr{float:inherit; width:100%;}
    .s2-s{width:100%; float:inherit; padding-bottom:50px;}
    .s2-s1{width:100px; float:left; text-align: center;}
    .s2-s2{padding-left:100px; line-height:24px; color:#ccc;}
    .s2-sbt{ color:#fff; font-size:24px; line-height:36px;}
    .s2-sz{color:#ffb829;}
    .s2-sz1{color:#1281b8;}
    .s2-sz2{color:#238c12;}
    .s2-sz3{color:#a31e00;}
    .s2-sz4{color:#6e6e6e;}
    .s2-sz5{color:#4bd4e3;}

    .s3{width:100%; height: 370px; float:inherit; background:url(../images_mobile/s-9.jpg) repeat center center; text-align:center; padding-top:50px; font-size:30px; color:#fff;}
    .s3-anniu a{width:190px; height:60px; line-height:60px; text-align:center; background:#fff; color:#333; display:block; font-size:24px; margin:40px auto 0;}

    .s3 .steps_four{width:100%;}
    .s3 .timewrap{height:130px; margin-bottom: 50px;}
    .s3 .years,.months,.days{float: left; height:130px; text-align:center;color:white; font-size:80px;border-radius:5%; position:relative;}
    .s3 .years{width:36%; margin-left: 10%;}
    .s3 .months,.days{width:20%;}
    .s3 .years,.months{ background:#45B8F1;}
    .s3 .days{margin-left:25px; background:#9ECC16;}
    .s3 .months{margin-left:25px;}
    .s3 .years p,.months p,.days p{ line-height:130px;font-family:Arial;font-weight:bold;  }
    .s3 .years span,.months span,.days span{ position:absolute; font-size:16px;right:11px; bottom:11px; height:24px; width:24px; text-align:center; line-height:24px;border-radius:15%;}
    .s3 .years span,.months span,.days span{ background:white;}
    .s3 .years span,.months span{color:#45B8F1;}
    .s3 .days span{color:#9ECC16;}

    .ty{width:100%; float:inherit; padding:30px 0 30px 0;}
    .ty-wz{width:100%; float:inherit; text-align:center; font-size:18px; color:#333; line-height:40px; padding-bottom:30px;}
    .ty-1{width:100%; float:inherit; color:#888; border-top:1px solid #ddd;}
    .ty-k{width:50%; float:left; background:#fff; height:120px; border-bottom:1px solid #ddd; overflow: hidden;}
    a:nth-child(2n) .ty-k{border-left:1px solid #ddd; margin-left: -1px;}
    .ty-k1{float:left; width:90px; padding:20px 0 0 30px;}
    .ty-k2{width:100%; padding-top:30px;color: #fff;}



    /*iphone*/
    .ny-top{float:left; padding:16px 0 0 25px;}
    /*.ny-logo{float:left; padding-left:140px;}*/
    #i-bt{width:100%; float:inherit; height:90px;}
    .i-btk{float:left; width:25%; height:90px; text-align:center; line-height:90px; background: #eee; opacity: 0.8;}
    .i-btk:nth-child(n+2){border-left: 1px solid #333;margin-left: -1px;}
    .i-btk.active a{background: #42b8f1; color: #fff;}

    .i-btk a{display:block;font-size: 24px;}
    .i-bbti{width:300px; height:240px; float:inherit; margin:0 auto; line-height:70px; text-align:center; font-size:36px;background:url(../images_mobile/b-iphone.png) no-repeat center center; color:#fff;}
    .i-bbti.android{background:url(../images_mobile/b-android.png) no-repeat center center;}
    .i-bbti.ipad{background:url(../images_mobile/b-ipad.png) no-repeat center center;}
    .i-bbti.backstage{background:url(../images_mobile/b-backstage.png) no-repeat center center;}
    .i-bbt{position: relative; width:320px; height:70px; line-height:70px; float:inherit; margin:0 auto; font-size:36px; text-align:center; color:#fff; cursor: pointer;}
    .i-bbtn{width:320px; height:70px; background: url(../images_mobile/i-2.png) no-repeat center center; transition: all 0.6s ease 0s;}
    .i-bwz{width:100%; float:inherit; margin-top:20px; color:#fff; text-align:center;}

    /* 发光按钮动画特效 */
    .i-bbt:hover .i-bbtn{background:#c44f22 url(../images_mobile/i-2.png) no-repeat center center;}
    .i-bbts{width:260px; height:70px; opacity: 0; line-height: 70px; position: absolute; left: 50%;top: 0; z-index: 2; margin-left: -130px; 2; border-radius: 6px; -webkit-animation:pulsejg 1s linear infinite; -webkit-box-shadow:rgba(243, 123, 37, 1) 0 0 12px 5px inset; box-shadow: 0 0 12px 5px rgba(243, 123, 37, 1) inset; box-sizing: border-box; animation: 1s linear 0s normal none infinite running pulsejg;}
    .i{width:100%; float:inherit;}
    .i-1{background-color: #ffffe5;padding-bottom: 80px;}
    .i-1j{padding:80px 50px 0 50px;}
    .i-nr{width:100%; float:inherit; line-height:36px; margin-top:20px;text-align: center;}
    .i-2{background-color: #f5f5f5;}
    .i-3{background-color: #ffffff;padding-bottom: 80px;}
    .i-4{background-color: #f5f5f5;}
    .i-5{background-color: #ffffff;}
    .i-6{background-color: #eeeeff;}
    .i-7{background-color: #ffffff;}
    .i-8{background-color: #ffffff;padding-bottom: 80px;}
    .i-7 .i-1j.last .box{overflow:hidden;width:380px;margin:0 auto;height: 200px;}
    .i-7 .i-1j.last .box .l{float: left;}
    .i-7 .i-1j.last .box .r{float: right;}
    .i-7 .i-1j.last .box .l img{padding-top: 60px;}
    /*iphone*/


    /*anroid*/

    .a-1{background-color:#fff ;}

    .a-2{background-color:#f5f5f5 ;}
    .a-3{background-color:#fff ;padding-bottom: 80px;}
    .a-4{background-color:#f5f5f5 }
    .a-5{background-color:#fff ;}
    .a-6{background-color:#eeeeff ;}
    .a-7{background-color:#fff ;}
    .a-8{background-color:#fff ;}
    /*anroid*/

    #b-banner{width:100%; float:inherit; background:url(../images_mobile/b-bj.jpg); height:480px;}
    /*ipad*/
    .ip-1.old{background-color: #cdf8f3;}

    .ip-2{background-color: #ffffff;}
    .ip-3{background-color: #f5f5f5;}
    .ip-4{background-color: #ffffff; padding-bottom:80px;}
    .ip-5{background-color: #f5f5f5; padding-bottom:80px;}
    .ip-6{background-color: #ffffff; padding-bottom:80px;border-bottom: 1px solid #ccc;}
    .ip-7{padding-bottom:50px; background:#fff;}
    .ip-8{background-color: #f1fbff; padding-bottom:80px;}
    .ip-9{background-color: #ffffff; padding-bottom:80px;border-bottom: 1px solid #ccc;}
    .ip-10{background-color: #f5f5f5; }
    /*ipad*/

    #lc{background:#42b8f1; width:100%; float:inherit;}
    .lc-j{padding:40px;}
    .lc-top{width:100%; background:url(../images_mobile/lc-top.jpg) no-repeat bottom; padding-bottom:120px; text-align:center; font-size:24px; color:#fff;}
    .lc-k{float:inherit; position: relative; background:#fff; padding:40px 20px; text-align:center; line-height:36px; margin-top: 50px}
    .lc-k i.lc-ki{display:block;margin-left: -14px; left: 50%; top: -50px; z-index: 999; position: absolute; width:28px; height: 60px; background:url(../images_mobile/lc.png) center top no-repeat;}

    .app{width:100%; background:#fff; padding-top:50px;}
    .app-bt{height:35px;margin-bottom: 25px;}
    .app-nr{width:100%; padding-top:110px;}
    .app-k{width:33%; float:left; text-align:center; margin-bottom:40px;}
    .app-k1{width:100%; float:inherit;}
    .app-k2{width:100%; float:inherit; padding-top:20px; font-size:24px;}

    .bg{width:100%; background:#333;}
    .bg-j{padding:50px 20px 20px 20px;}
    .bg-bt{width:100%; height:38px; background:url(../images_mobile/ty-2.png) no-repeat center;}
    .bg-nr{width:100%; float:inherit; padding:30px 0 30px 0; line-height:36px; color:#bbb;}
    .bg-k{width:100%; height:auto; padding-top:22px;margin-bottom: 50px;}
    .bg-k img{width:100%;}
    /*.bg-k table tr td{height:165px; line-height:30px;font-size:16px;}*/
    .bg-c{ padding:20px 30px 0 20px;}
    .bg-h{color:#888; padding:20px 20px 0 40px;}
    #copyright{width:100%; float:inherit; background:#000; line-height:80px; text-align:center; font-size:24px; color:#fff;}

    .top-btn-go{display:none;position:absolute;width:100%;height:88px;}
    .top-btn-go .btn{float:left; width: 50%; height: 88px; background: #42b8f1; color:#fff; font-size: 30px; line-height: 88px; text-align: center;}
    .top-btn-go .btn.btn-right{background: #9ecc17;}

    /*******产品首页*******/
    .product{ position:absolute; height:100%;width:100%;left:0;top:0;}
    .product_wrap_mobile{width: 100%; height: 565px; background: #ccc; position:relative;}
    .product_wrap_mobile .f_l{width:25%; float: left; height: 100%;}
    .pro_next{height:100%;padding: 10px;padding-top:50px;}
    .pro_next1{ background:#2AC275;}
    .pro_next2{ background:#19A1DD;}
    .pro_next3{ background:#E6A82C;}
    .pro_next4{ background:#535353;}
    .kinds{ height:430px; width:auto; margin: 0px;color:white; overflow:hidden;}
    .kinds dl dt{ text-align:center; height:211px;}
    .kinds dl dd{ line-height:24px; font-size: 18px;}
    .kinds dl dd.tit{ text-align:center; line-height:36px; height:36px; font-size:28px;margin:65px 0 18px 0px;}
    .copyright-product{display: none;}

    /* add by huangkai */
    .i-bt-h2{font-size: 48px;font-weight: normal;text-align: center;}
    .i-bt-h3{font-size: 36px;font-weight: normal;text-align: center;color: #a4a4a4;}
    .span-col-blue{color: #28a0e2;}
    .i-1j {text-align: center;}
    .i-1j img{margin-top: 60px;}
    .a-7 .i-1j,.a-8 .i-1j,.i-7 .i-1j{border-bottom: 1px solid #ccc;}
    .a-8 .i-1j{padding-bottom: 80px;}
    .a-8 .i-1j ul li,.i-8 .i-1j ul li,.ip-7 .i-1j ul li{font-size: 24px; line-height: 40px;color: #888888;}
    .color-pink{color: #fc8080}
    /* .i-1 a{background: #9fc718 none repeat scroll 0 0;border-radius: 5px;color: #fff;display: block;font-size: 36px;line-height: 22px;margin: 20px auto 0;padding: 20px;width: 200px;;} */
    .text-20{font-size: 20px;line-height: 30px;}
    .text-30{font-size: 30px;line-height: 50px;}
    .i-1 .i-1j{margin-top: 0px;}
    .Span08-toggle {color: #888888;cursor: pointer;font-size: 18px;}
    .ip-1.add{background-color: #fffcf1;}
    .ip-2.add{background-color: #ffffff;}
    .ip-3.add{background-color: #f5f5f5;}
    .ip-4.add{background-color: #ffffff;border-bottom: 1px solid #ddd;padding-bottom: 0;}
    .ip-5.add{background-color: #ffffff;padding-bottom: 0;}
    .ty-1.new{border-top: none;}
    .ty-k.new{width: 100%;background-color: #fff;border-bottom: none;}
    .ty-k.new .ty-k2{color: #000!important;}
    .ip-2.add .i-1j{overflow: hidden;}
    .ip-2.add .i-1j .two{width: 540px;height: 540px;position: relative;margin:0 auto;margin-bottom: 80px;}
    .ip-2.add .i-1j .two img{margin-top: 0;}
    .ip-2.add .i-1j .two h3{font-size: 36px;position: absolute;color: #000;left: 50%;margin-left: -145px;top: -30px;}
    .ip-2.add .i-1j .ip-bt h2{font-size: 36px;color: #000;}
    .ip-2.add .i-1j .three{width: 355px;height: 483px;position: relative;margin:0 auto;margin-bottom: 60px;}
    .ip-2.add .i-1j .three p{position: absolute;color: #000;left: 50%;margin-left: -120px;top: 40px;}



    /* end by huangkai */
    /**
     * more-businesses（多商户）
     */
    .more-businesses .a-1{background-color: #f5f5f5;}
    .more-businesses .a-2{background-color: #fff;}
    .more-businesses .a-3{background-color: #f5f5f5;padding-bottom: 0;}
    .more-businesses .a-4{background-color: #fff;}
    .more-businesses .a-5{background-color: #f5f5f5;}
    .more-businesses .a-6{background-color: #fff;}
    .more-businesses .a-7{background-color: #f5f5f5;}
    .more-businesses .a-8{background-color: #fff;}
    .more-businesses .a-8 .i-1j{padding-bottom: 0;}
    .more-businesses .a-9{background-color: #fff;}
    .more-businesses .a-9 ul{width: 640px;height: 450px;margin: 0 auto;overflow: hidden;position: relative;}
    .more-businesses .a-9 ul li{float: left;width: 212px;border:1px solid #ddd;border-right:none;height: 212px;margin-top: 80px;}
    .more-businesses .a-9 ul li.last{border-right: 1px solid #ddd;}
    .more-businesses .a-9 ul li p.title{font-size: 24px;line-height: 40px;margin-top: 18px;}
    .more-businesses .a-9 ul li p.text{font-size: 15px;line-height: 30px;}
    .more-businesses .a-9 .i-1j img{margin-top: 20px;}
    .more-businesses .a-9 .i-1j a{display: block;width: 200px;color: #fff; background: url(../images/btn14.png) no-repeat scroll 30px center #5fc4f4;border-radius: 10px;height: 50px;line-height: 50px;position: absolute;left: 50%;margin-left: -100px;bottom: 50px;}
    .more-businesses .a-9 .i-1j a span{margin-left: 50px;}
    .more-businesses .a-10 {height: 110px;background-color: #bce1fb;padding-top: 40px;}
    .more-businesses .a-10 .i-bt-h2{color: #fff;}
    .more-businesses .a-11{background-color: #f5f5f5;}
    .more-businesses .a-12{background-color: #fff;}
    .more-businesses .a-13{background-color: #fff;}
    .more-businesses .a-14{background-color: #f5f5f5;}
    .more-businesses .a-15{background-color: #f5f5f5;}
    .more-businesses .a-16{background-color: #fff;}
    .more-businesses .a-16 .i-bt-h3{color: #555;}
    .more-businesses .a-16 .i-1j.has-b-b{border-bottom: 1px solid #ddd;}
    .m-t-20{margin-top:20px;}


    /**
     *touch
     */
    .touch .i-1{background-color: #fff;}
    .touch .i-2{background-color: #fffcf5;}
    .touch .i-3{background-color: #57b7e5;padding-bottom: 0;}
    .touch .i-3 .i-1j{position: relative;}
    .touch .i-3 .i-1j .i-nr{color: #fff;}
    .touch .i-3 .i-1j .box ul{overflow: hidden;position: absolute;width: 90px;left: 50%;margin-left: -45px;bottom: 25px;}
    .touch .i-3 .i-1j .box ul li{width: 10px;height: 10px;border-radius: 5px;background: #fff;float: left;margin-right: 10px;}
    .touch .i-3 .i-1j .box ul li.last{margin-right: 0;}
    .touch .i-3 .i-1j .box{background: url(../images/touch/mob-bg3.png) no-repeat center bottom;width: 100%;height:400px;position: relative; }
    .touch .i-3 .i-1j .box ul li.active{background-color: #0f92ce;}
    .touch .i-3 .i-1j .box img{position: absolute;left: 50%;margin-left:-231px;top:10px;width: 462px;}
    .touch .i-4 .i-1j ul{overflow: hidden;}
    .touch .i-4 .i-1j ul li{width: 30%;margin-right: 5%;float: left;}
    .touch .i-4 .i-1j ul li.last{margin-right: 0;}
    .touch .i-4 .i-1j ul li img{width: 100%;}
    .touch .i-4 .i-1j ul li p{line-height: 36px;font-size: 26px;margin-top: 30px;}
    .touch .i-4 .i-1j ul li p.text{color: #888;margin:30px 0;}
    .touch .i-5{background: url(../images/touch/mob-bg5.png) no-repeat center center #fff;width:100%;height: 802px;border-bottom: 1px solid #ddd;}
    .touch .i-6{background-color: #fff;border-bottom: 1px solid #ddd;}
    .touch .i-6 ul{overflow: hidden;margin-top: 50px;}
    .touch .i-6 ul li{float: left; width: 30%;background: url(../images/touch/mob-img6-3.png) no-repeat left center;height: 50px;margin-right: 5%;}
    .touch .i-6 ul li.last{margin-right: 0;text-align: right;}
    .touch .i-6 ul li p{height: 50px; line-height: 50px;font-size: 26px;}
    .touch .i-7{background-color: #ebf9ff;}
    .touch .i-7 .i-1j{border-bottom: none;}
    .touch .i-7 .i-1j .i-bt-h2.one{margin-top: 80px;}
    .touch .i-8{background-color: #f5f5f5;}
    .touch .i-9{background-color: #fff;}
    .touch .i-10{background-color: #f5f5f5;}
    .touch img.img{margin-top: 60px;}
    .touch .i-11{background-color: #fffcf5;}
    .touch .i-12{background-color: #fff;}
    .touch .i-13{background-color: #f5f5f5;}
    .touch .i-14{background-color: #fff;}
    .touch .i-15{background-color: #f5f5f5;}
    .touch .i-16{background-color: #fff;}
    .touch .i-17{background-color: #f5f5f5;}
    .touch .i-18{background-color: #fff;}
    .touch .ty{background-color: #fff;}
    .touch .ty-k.new.last{border-bottom:1px solid #ddd;}


    /**
     * shopkeeper（掌柜）
     */
    .shopkeeper .i-1{background-color: #fff;}
    .shopkeeper .i-1 .i-1j{padding-bottom: 80px;}
    .shopkeeper .i-2{background-color: #f5f5f5;}
    .shopkeeper .i-3{background-color: #fff;padding-bottom: 0;}
    .shopkeeper .i-3 .i-1j{padding-bottom: 0;}
    .shopkeeper .i-4{background-color: #f5f5f5;}
    .shopkeeper .i-5{background-color: #fff;}
    .shopkeeper .i-5 .i-1j{border-bottom:1px solid #ddd;}
    .shopkeeper .i-5 .i-1j.no-p-b{padding-bottom: 0;}
    .shopkeeper .i-6{background-color: #f5f5f5;}
    .shopkeeper .i-6 .i-1j ul{width: 100%;overflow: hidden;}
    .shopkeeper .i-6 .i-1j ul li{width: 30%;margin-right: 5%;float: left;}
    .shopkeeper .i-6 .i-1j ul li.three{margin-right: 0;}
    .shopkeeper .i-6 .i-1j ul li p{font-size: 26px;line-height: 30px;margin-top: 30px;}
    .shopkeeper .i-6 .i-1j ul li p.text{color: #888;margin: 30px 0;}
    .shopkeeper .i-7{background-color: #fff;}
    .shopkeeper .i-7 h3.i-bt-h3{color: #555;font-size: 36px;margin-top:20px;font-weight: normal;text-align: center;}


    /**
     * b2b2c（手机端导航）
     */
    .b2b2c .mob-fix-nav{width: 100%;height: 5em;background-color: #333;position: absolute;top:0;overflow: hidden;}
    .b2b2c .mob-fix-nav .l{float: left;margin-left: 1.5em;}
    .b2b2c .mob-fix-nav .l img{margin-top: 25px;float: left;}
    .b2b2c .mob-fix-nav .l .top div{color: #fff;font-size: 30px;float: left;margin-top: 35px;margin-left: 20px;}
    .b2b2c .mob-fix-nav .r{float: right;height: 100%;width: 100px; text-align: center;margin-right: 1.5em; cursor: pointer;}
    .b2b2c .mob-fix-nav .r img{margin-top:37px;}
    .b2b2c ul.hide-nav{width: 100%;border-top: 1px solid #ccc;background-color: #333;position: absolute;top:5em;padding: 1em 0;display: none;overflow: hidden;z-index: 10;}
    .b2b2c ul.hide-nav a{font-size: 1em;line-height: 20px;color: #9d9d9d;display: block;width: 100%;padding: 1em 1.5em;}
    .b2b2c ul.hide-nav a:hover{color: #fff;}
    .b2b2c .mob-b2b2c-nav{width: 100%;background-color: #fff;position: absolute;top: 5em;overflow: hidden;border-bottom: 1px solid #ddd;z-index:6;}
    .b2b2c .mob-b2b2c-nav .l{float: left;width: 30%;height: 1em;line-height: 1em;font-size: 2em;text-align: center; margin: 1em 0;border-right:1px solid #ddd;}
    .b2b2c .mob-b2b2c-nav .r{float: right;width: 69%;height: 1em; line-height: 1em;font-size: 2em;margin: 1em 0;overflow: hidden;}
    .b2b2c .mob-b2b2c-nav ul{width: 100%;overflow: hidden;}
    .b2b2c .mob-b2b2c-nav ul a{display: block;width: 100%;height: 100%;}
    .b2b2c .mob-b2b2c-nav ul.nav li{float: left;text-align: center;width: 40%;}
    .b2b2c .mob-b2b2c-nav ul.nav li:nth-of-type(1){width: 20%;}
    .b2b2c .mob-b2b2c-nav ul.nav li img{vertical-align: middle;width:10%;}
    .b2b2c .mob-b2b2c-nav .have-child img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg);/* Safari 和 Chrome */
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .b2b2c .mob-b2b2c-nav .have-child.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .b2b2c .fa-wrap{position: fixed;width: 100%;top:3em;z-index:8;}
    .b2b2c ul.nav-child{width:100%; background-color: #fff;position: absolute;left: 0;top: 8.06em;display:none;z-index: 8;overflow: hidden;}
    .b2b2c ul.nav-child.show{z-index: 9;}
    .b2b2c ul.nav-child li{height: 3em;line-height: 3em; font-size: 1.5em;border-bottom:1px solid #ddd;}
    .b2b2c ul.nav-child li a{display: block;height: 100%;width: 90%;padding-left: 10%;text-decoration: none;}

    /**
     * 手机端底部
     */
    .mob_footer{width: 100%;background-color: #16192d;padding: 35px 0;color: #fff;}
    .mob_footer .row{margin: 0 40px;overflow: hidden;}
    .mob_footer .l{float: left;width: 30%;}
    .mob_footer .r{float: right;width: 67%;font-size: 34px;line-height: 110px;}
    .mob_footer .l img{width: 100%;}


    /**
     * b2b2c（首页）
     */
    .b2b2c .banner{margin-top:242px;}
    .b2b2c .banner img{width: 100%;}
    .b2b2c .i-1j{position: relative;}
    .b2b2c .relative{position: relative;}

    .download-btn a{display: block; background: #333; width: 14em; height: 3em;border-radius: .4em; font-size: 1.8em;margin: 0 auto;margin-bottom: 1em;text-align: center; line-height: 3em;color: #fff;}
    .download-btn a img{width: 2em; vertical-align: middle;}
    .download-btn .btn-bgc{background-color: #97c024;}
    .download-btn .ipad-bgc{background-color: #888;}

    .mob-9{text-align: center;}
    .mob-9 h2{font-weight: normal;font-size: 3em;line-height: 2em;}
    .mob-9 p{font-size: 1.8em;line-height: 1.5;padding-bottom: 1em;}
    .mob-9 .row .ewm{float: left;width: 33%;}
    .mob-9 .row .ewm img{width: 80%;}
    .mob-9 .row .ewm p{font-size: 2em;}
    .a-index-1 ul{margin-top: 1.5em;}
    .a-index-1 ul li{width: 100%;height: 100px;font-size: 35px; overflow: hidden;color: #fff;margin-bottom: 1em;}
    .a-index-1 ul li .l{float: left;width: 10%;text-align: center;height: 100%;line-height: 100px;font-family: "Arial";font-size: 60px;}
    .a-index-1 ul li .r{float: right;width: 85%;padding-left: 5%;height: 100%;line-height: 100px;}
    .a-index-1 ul li.one .l{background-color: #f4a327;}
    .a-index-1 ul li.one .r{background-color: #fdbf2d;}
    .a-index-1 ul li.two .l{background-color: #435562;}
    .a-index-1 ul li.two .r{background-color: #667580;}
    .a-index-1 ul li.three .l{background-color: #55be9f;}
    .a-index-1 ul li.three .r{background-color: #76dabd;}
    .a-index-1 ul li.four .l{background-color: #53b1d1;}
    .a-index-1 ul li.four .r{background-color: #6dcbea;}
    .a-index-1 p{color: #fd7d82;text-align: center;font-weight: bold;}
    .a-index-1 p.b-p{font-size: 1.5em;}
    .a-index-1 p.b-b-p{font-size: 2.5em;padding: 20px 0 80px;}
    .a-index-2{background-color: #1a71cc;position: relative;}
    .a-index-2 .i-bt-h2{color: #fdeb4b;font-weight: bold;}
    .a-index-3{background-color: #fff;padding-bottom: 0;}
    .a-index-3 h2{color: #49b9ef;text-align: center;}
    .a-index-3 h2 span{color: #fff;display: inline-block; padding: 15px 30px ;margin: 0 10px; border-radius: 10px;background-color: #49b9ef;}
    .a-index-3 p.blue{font-size:36px;color:#49b9ef;padding-top: 30px}
    .a-index-3 .color-box{height: 250px; margin-top:330px; width: 100%; background-color: #ceeaf7; border-bottom: 20px solid #aedcf2;position: relative;}
    .a-index-3 .color-box img{ width: 90%;position: absolute;left: 5%;bottom: 0;}
    .a-index-4{background-color: #fff;padding-bottom: 80px;}
    .a-index-4 h2{color: #49b9ef;}
    .a-index-4 .b-p{position: absolute;text-align: left; font-size: 30px;line-height: 50px; bottom: 0;left: 40%;}
    .a-index-5{background-color: #474e5d;padding-bottom: 200px;}
    .a-index-5 h2{color: #fff;}
    .a-index-5 .box{background-color: #21a0db;color: #fff;font-size: 36px;line-height: 55px;padding: 20px 0;border-radius: 20px;margin-top: 30px;}
    .a-index-5 .row{position: relative;height:200px;margin-top: 50px;}
    .a-index-5 .row img{margin-top: 0;}
    .a-index-5 .row div{position: absolute;}
    .a-index-5 .row .l{left: 0;top: 0;}
    .a-index-5 .row .r{right: 0;top: 0;}
    .a-index-5 .yuan{width: 20%;}
    .a-index-5 .yuan img{width: 100%;}
    .a-index-5 .kuang{width: 82%;height:200px;border-radius: 10px;background-color: #fff;}
    .a-index-5 .kuang p{padding: 0 50px;font-size: 30px;line-height: 50px;}
    .a-index-5 .kuang .up{text-align: left;padding: 20px 50px 10px;}
    .a-index-5 .kuang .down{text-align: right;}
    .a-index-5 .pic-wrap{width: 100%;height:110px;}
    .a-index-5 .pic-wrap .mid{font-size: 30px;position: absolute;top: 25%;left: 43%;text-align: center;}
    .a-index-5 .pic-wrap .mid span{color: #5fa4df;font-size: 40px;}
    .a-index-5 .pic-wrap .left{font-size: 40px;color: #e8696b;float: left;margin-left: 80px;}
    .a-index-5 .pic-wrap .right{font-size: 40px;color: #21a0db;float: right;margin-right: 100px;}
    .a-index-5 .pic-wrap .desc{clear: both;text-align: center;font-size: 30px;line-height: 50px;padding-top: 50px;}
    .a-index-6{background-color: #fff;padding: 710px 0 100px;}
    .a-index-6 img{width: 45%;}
    .a-index-6 .row{width: 100%;overflow: hidden;}
    .a-index-6 .row .l{float: left;}
    .a-index-6 .row .r{float: right;}
    .a-index-7{background: url(../images/mob_b2b2c/index7_bg.jpg) no-repeat center bottom #30b8fc;background-size: cover;padding-bottom: 80px;}
    .a-index-7{color: #fff;}
    .a-index-7 h2 span{color: #feee35;}
    .a-index-8{background: url(../images/mob_b2b2c/index8_bg.jpg) no-repeat center bottom #141729;background-size: cover;color: #fff;height: 1070px;}
    .a-index-8 .i-nr{color: #52afed;}
    .a-index-9{background-color: #fff;padding: 250px 0 100px;}
    .a-index-10{background: url(../images/mob_b2b2c/index10_bg.jpg) no-repeat center bottom #30215d;background-size: cover;color: #fff;height:900px;}
    .a-index-10 img{margin: 60px 0 0 10%;}
    .a-index-11{background-color: #f5f5f5;padding-top: 100px;}
    .a-index-11 img{margin-top: 60px;}
    .a-index-12{background-color: #fff;}
    .a-index-12 ul{width: 100%;}
    .a-index-12 ul li{padding: 160px 50px 50px;border:2px solid #ddd;position: relative;margin-top: 185px;}
    .a-index-12 ul li .pic-wrap{width: 30%;position: absolute;left: 35%;top: -165px;background-color: #fff;}
    .a-index-12 .title{font-size: 46px;line-height: 60px;}
    .a-index-12 .mid{font-size: 40px; color: #888;line-height: 55px;padding: 15px 0 10px;}
    .a-index-12 .desc{font-size: 30px;line-height: 50px;}
    .a-index-13{background-color: #fff;}
    .a-index-13 ul{width: 100%;padding-bottom: 80px;}
    .a-index-13 ul li{border:2px solid #ddd;border-radius: 30px;padding:40px 50px;margin-top: 60px; font-size: 40px;line-height: 80px;text-align: left;}
    .a-index-13 .up{overflow: hidden;}
    .a-index-13 .up .l{float: left;color: #25b4dc;}
    .a-index-13 .up .r{float: right; color: #ff5b5b;}


    /**
     * b2b2c_mobile（手机端）
     */
    .b2b2c_mob .banner{}
    .b2b2c_mob .banner .img{ position: absolute; width: 48%;right:50px;top: 350px;z-index: 2}
    .a-mob-1{background-color: #171625;color: #fff;padding-top: 150px;}
    .a-mob-1 img{margin-top:80px;}
    .a-mob-1 .i-1j:nth-of-type(2){position: relative;height:1000px;}
    .a-mob-1 .img{position: absolute;}
    .a-mob-1 .img1{bottom: 350px;left: 20px;}
    .a-mob-1 .img2{bottom: 350px;right: 20px;}
    .a-mob-1 .img3{bottom: 80px;left: 27.5%;}
    .a-mob-2{background-color: #fff;}
    .a-mob-3{background-color: #fff;}
    .a-mob-3 img{margin-top:50px;}
    .a-mob-4{background-color: #fff;position: relative;}
    .a-mob-4 img{width: 100%;}
    .a-mob-4 img:nth-of-type(1){margin-top:60px;}
    .a-mob-4 .text{text-align: center;font-size: 40px; line-height: 60px; color: #fff;position: absolute;bottom: 1150px;right:60px;}
    .a-mob-5{background-color: #fff;}
    .a-mob-5 img{width: 80%;margin-top:60px;}
    .a-mob-6{background-color: #fff;}
    .a-mob-6 .row{width: 100%;overflow: hidden;padding-top: 40px;}
    .a-mob-6 .row img{width: 47%;}
    .a-mob-6 .row .l{float: left;}
    .a-mob-6 .row .r{float: right;}
    .a-mob-7{background-color: #fff;}
    .a-mob-7 .pic-wrap{width: 100%;position: relative; text-align: center; padding-top: 220px; border-bottom:2px solid #ddd;}
    .a-mob-7 .pic-wrap img{width: 80%;}
    .a-mob-7 .pic-wrap .yuan{width: 150px;height: 150px;line-height: 150px;font-size: 90px;font-family: "Arial";color: #fff;background-color: #65cbfd;border-radius: 50%;position: absolute;top: 70px;left:110px;}
    .a-mob-7 .pic-wrap .r-text{font-size: 40px;position: absolute;left: 300px;top: 120px;}
    .a-mob-7 .pic-wrap-bottom{width: 100%;text-align: center; border-bottom:2px solid #ddd;}
    .a-mob-7 .pic-wrap-bottom img{margin-top:80px;width: 80%;}
    .a-mob-8{background-color: #3e3d57;color: #fff;}
    .a-mob-8 img{width: 100%;}


    /**
     * b2b2c_ipad（ipad端）
     */
    .b2b2c h2.h2-title{font-size: 48px;text-align: center;font-weight: normal;padding-top: 80px;}
    .b2b2c_ipad .pic-wrap{width: 100%;position: relative;padding-top: 50px;}
    .b2b2c_ipad .pic-wrap .position{font-size: 30px;position: absolute;}
    .b2b2c_ipad .pic-wrap img{width: 100%;}
    .a-ipad-1{background-color: #250a51;color: #fff;}
    .a-ipad-1 img{width: 100%;}
    .a-ipad-2{background-color: #fff;padding-bottom: 80px;}
    .a-ipad-2 .pic-wrap p{right:50px;top: 55px;}
    .a-ipad-3{background-color: #292a2e;}
    .a-ipad-3 h2.h2-title{color: #3fc0ff;}
    .a-ipad-3 img{width: 100%;margin-top: 60px;}
    .a-ipad-4{background-color: #fff;}
    .a-ipad-4 h2.h2-title{color: #3fc0ff;}
    .a-ipad-4 img{width: 100%;}
    .a-ipad-4 .pic-wrap .position{right:290px;top: 30px;}
    .a-ipad-5{background-color: #292a2e;color: #fff;}
    .a-ipad-5 .pic-wrap .position{left: 5px;top: 30px;}
    .a-ipad-6{background-color: #fff;padding-bottom: 80px;}
    .a-ipad-6 .pic-wrap .l{left: 15px;top: 65px}
    .a-ipad-6 .pic-wrap .r{right: 20px;top: 40px}
    .a-ipad-7{background-color: #292a2e;border-bottom: 2px solid #ddd;color: #fff;}
    .a-ipad-7 .pic-wrap .l{left: 280px;top: 40px}
    .a-ipad-7 .pic-wrap .r{right: 20px;top: 40px}
    .a-ipad-8{background-color: #fff;}
    .a-ipad-8 img{width: 100%;margin-top:60px;}
    .a-ipad-9{background-color: #2a2b2f;padding-bottom: 80px;color: #fff;}
    .a-ipad-9 img{width: 100%;margin-top:60px;}
    .a-ipad-10{background-color: #fff;}
    .a-ipad-10 .pic-wrap:nth-of-type(1) .position{bottom: 180px;left: 20px;}
    .a-ipad-10 .pic-wrap:nth-of-type(2) .position{bottom: 320px;right: 40px;}
    .a-ipad-11{background-color: #202020;padding-bottom: 80px;color: #fff;}
    .a-ipad-11 img{width: 100%;margin-top:60px;}


    /**
     * b2b2c_shopstreet（店铺街）
     */
    .b2b2c_shopstreet .pic-wrap{width: 100%;position: relative;padding-top: 50px;}
    .b2b2c_shopstreet .pic-wrap .position{font-size: 30px;position: absolute;}
    .b2b2c_shopstreet .pic-wrap img{width: 100%;}
    .b2b2c_shopstreet .banner{background-color: #885fd9;}
    .a-shopstreet-1{background-color: #885fd9;color: #fff;}
    .a-shopstreet-1 img{width: 100%;margin-top:60px;}
    .a-shopstreet-2{background-color: #1acbbb;color: #fff;padding-bottom: 60px;}
    .a-shopstreet-2 .position{top: 180px;}
    .a-shopstreet-3{background-color: #885fd9;color: #fff;padding-bottom: 60px;}
    .a-shopstreet-4{background-color: #474e5e;color: #fff;padding-bottom: 60px;}
    .a-shopstreet-4 .position{left:330px;top: 40px;line-height: 50px;}
    .a-shopstreet-4 .desc{font-size: 24px;line-height: 40px;text-align: center;padding-top: 80px;}
    .a-shopstreet-5{background-color: #1bb2a3;color: #fff;padding-bottom: 60px;}
    .a-shopstreet-5 .i-1j{padding: 0 50px;}


    /**
     * b2b2c_backstage（后台管理）
     */
    .b2b2c_backstage .pic-wrap{width: 100%;position: relative;padding-top: 50px;}
    .b2b2c_backstage .pic-wrap .position{font-size: 30px;position: absolute;}
    .b2b2c_backstage .pic-wrap img{width: 100%;}
    .a-bs-1{background-color: #13132b;color: #fff;padding-bottom: 60px;}
    .a-bs-1 img{width: 100%;}
    .a-bs-2{background-color: #32468f;color: #fff;}
    .a-bs-2 h2 span{color: #1bb6f8;}
    .a-bs-3{background-color: #c4e8de;padding-bottom: 60px;}
    .a-bs-4{background-color: #fadcba;padding-bottom: 60px;}
    .a-bs-5{background-color: #dacbf4;padding-bottom: 60px;}
    .a-bs-6{background-color: #daebc7;padding-bottom: 60px;}
    .a-bs-7{background-color: #f8d2c7;padding-bottom: 60px;}
    .a-bs-8{background-color: #b2e2f8;padding-bottom: 60px;}
    .a-bs-9{background-color: #1d1c48;padding-bottom: 60px;color: #fff;}
    .a-bs-9 h2 span{color: #1bb6f8;}
    .a-bs-9 ul{padding: 60px 50px 0;}
    .a-bs-9 ul li{position: relative;height: 250px; margin-bottom: 40px; background-color: #29265f;color: #fff;}
    .a-bs-9 .yuan{width: 150px;height: 150px;line-height: 150px; position: absolute;top: 50px;left: 25px; border-radius: 50%;text-align: center;font-size: 100px; font-family: "Arial"; color: #8586d8;background-color: #1d1c48;}
    .a-bs-9 ul li p{padding: 40px 25px 0 200px;}
    .a-bs-9 .up{font-size: 40px;}
    .a-bs-9 .down{font-size: 32px;padding-top: 10px;line-height: 50px;}


    /**
     * b2b2c_buy（服务特色）
     */
    .a-buy-1{background-color: #e54f37;color: #fff;padding-bottom: 60px;}
    .a-buy-1 ul{width: 100%;overflow: hidden;margin-top: 60px;}
    .a-buy-1 ul li{float: left;width: 48%;margin-right: 4%;height: 150px;text-align: left;margin-bottom: 30px;overflow: hidden;}
    .a-buy-1 ul li:nth-of-type(2){margin-right: 0;}
    .a-buy-1 ul li:nth-of-type(3){float: right; margin-right: 0;}
    .a-buy-1 ul li img{float: left;height: 100%;margin-top: 0;}
    .a-buy-1 ul li p{line-height: 150px;padding-left: 180px;font-size: 40px;}
    .a-buy-2{position: relative;background-color: #fff;}
    .a-buy-2 .img1{width: 100%;position: absolute;top: -240px;left: 0;}
    .b2b2c_buy .a-buy-2 h2.h2-title{padding-top: 840px;}
    .a-buy-2 ul{padding: 60px 50px 80px;overflow: hidden;}
    .a-buy-2 ul li{float: left; width: 47%; height: 120px; border-radius: 20px; margin-right: 6%;position: relative;color: #fff;}
    .a-buy-2 ul li .yuan{position: absolute;width: 130px;height: 130px;left: -30px;top: -10px;text-align: center;font-size: 60px; line-height: 130px;border:5px solid #fff;border-radius: 50%; background-color: inherit;}
    .a-buy-2 ul li p{padding-left: 120px; line-height: 120px;font-size: 40px;}
    .a-buy-2 ul li:nth-of-type(1){background-color: #54c8ff;}
    .a-buy-2 ul li:nth-of-type(2){margin-right: 0;background-color: #59d876;}
    .a-buy-2 ul li:nth-of-type(3){width:70%; margin-top: 60px; margin-right: 0;background-color: #ff6497;}
    .a-buy-2 ul li:nth-of-type(3) .yuan{left: 90px;}
    .a-buy-2 ul li:nth-of-type(3) p{display: inline-block;}
    .a-buy-2 ul li:nth-of-type(3) .l{padding-left: 25px;}
    .a-buy-2 ul li:nth-of-type(3) .r{padding-left: 180px;}
    .a-buy-3{background-color: #ed9313;color: #fff;padding-bottom: 80px;}
    .a-buy-3 ul{padding: 60px 50px 0;overflow: hidden;}
    .a-buy-3 ul li{float: left;width: 30%;margin-right: 5%;}
    .a-buy-3 ul li:nth-of-type(3){margin-right: 0;}
    .a-buy-3 ul li img{width: 100%;}
    .a-buy-3 ul li p{text-align: center;font-size: 36px;color: #fff;padding-top: 20px;}
    .a-buy-4{background-color: #5c4b81;color: #fff;position: relative;overflow: hidden;}
    .a-buy-4 ul{padding: 60px 50px 80px;overflow: hidden;text-align: center;}
    .a-buy-4 img{width: 100%;}
    .a-buy-4 li.yuan{float: left;width: 50%;position: relative;}
    .a-buy-4 p.text{position: absolute;bottom: 55px;width: 100%; font-size: 40px;}
    .a-buy-4 li:nth-of-type(3){margin-left: 25%;margin-top:-7%;}


    /**
     * b2b2c_function（功能特色）
     */
    .a-func-1{background-color: #fff;}
    .a-func-1 img{width: 100%;}
    .a-func-1 ul{padding: 60px 50px 80px;overflow: hidden;}
    .a-func-1 ul li{float: left;width: 48%;margin-right: 4%; margin-bottom:50px;text-align: center;}
    .a-func-1 ul li:nth-of-type(2n){margin-right: 0;}
    .a-func-1 ul li .up{font-size: 40px;padding: 30px 0 20px;}
    .a-func-1 ul li .down{font-size: 34px;line-height: 55px;color: #888;}
    .b2b2c_function .title-round{width: 30%;position: absolute;top: -120px;left: 35%;}
    .a-func-2{background-color: #3d9de7;position: relative;padding: 180px 0;text-align: center;}
    .a-func-2 ul{padding: 0 50px 60px;}
    .a-func-2 ul li{padding: 20px 30px;border-radius: 20px;line-height: 60px;text-align: left; margin-bottom: 50px; font-size: 36px;color: #fff;}
    .a-func-2 ul li:nth-of-type(1){background-color: #4e5f6f;}
    .a-func-2 ul li:nth-of-type(2){background-color: #2cc4cc;}
    .a-func-2 ul li:nth-of-type(3){background-color: #e19839;}
    .a-func-3{background-color: #fff;position: relative;padding: 150px 0;text-align: center;}
    .a-func-3 img{width: 100%;}
    .a-func-3 ul{padding: 0 50px;}
    .a-func-3 ul li{margin-bottom: 50px;}
    .a-func-3 .up{font-size: 40px;padding: 30px 0 20px;}
    .a-func-3 .down{font-size: 36px;line-height: 55px;}
    .a-func-4{background-color: #bc374c;position: relative;padding: 100px 0 150px;text-align: center;color: #fff;}
    .a-func-4 .desc{font-size: 36px;padding: 30px 50px 60px;line-height: 55px;}
    .a-func-5{background-color: #fff;position: relative;padding-top: 100px;text-align: center;}
    .a-func-5 .desc{font-size: 36px;padding: 30px 50px 60px;line-height: 55px;}
    .a-func-6{background-color: #e0f4ff;}
    .a-func-6 .h2-title{color: #2586bc;}
    .a-func-6 ul{padding: 60px 50px 40px;overflow: hidden;}
    .a-func-6 ul li{margin-bottom: 50px;}
    .a-func-6 .header{height: 100px;background-color: #42b0ec; padding: 20px 0;border-top-left-radius: 30px; border-top-right-radius: 30px;position: relative;}
    .a-func-6 .yuan{position: absolute; left: 40px;top:30px; width: 80px;height: 80px;line-height: 80px;border-radius: 50%;text-align: center;font-size: 60px;font-family: "Arial";color:#73c0f0;background-color: #fff;}
    .a-func-6 .text{line-height: 100px;padding-left: 160px;font-size: 43px;color: #fff;}
    .a-func-6 .body{padding: 50px 40px; background-color: #fff;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;font-size: 40px;line-height: 70px;}


    /**
     * b2b2c_profit（盈利特色）
     */
    .b2b2c_profit .pic-wrap{width: 100%;position: relative;padding-top: 50px;color: #fff;}
    .b2b2c_profit .pic-wrap .position{font-size: 30px;position: absolute;}
    .b2b2c_profit .pic-wrap img{width: 100%;}
    .b2b2c_profit p.desc{font-size: 36px;padding: 30px 50px 60px;line-height: 55px;text-align: center;}
    .a-profit-1{background-color: #ffe49d;}
    .a-profit-1 .pic-wrap{margin-top: 50px;}
    .a-profit-1 .position:nth-of-type(1){bottom: 20px;left: 40px;}
    .a-profit-1 .position:nth-of-type(2){bottom: 40px;left: 245px;font-size: 34px;}
    .a-profit-1 .position:nth-of-type(3){bottom: 80px;right: 350px;font-size: 38px;}
    .a-profit-1 .position:nth-of-type(4){bottom: 255px;right: 50px;font-size: 44px;}
    .a-profit-1 .position:nth-of-type(5){bottom: 15px;right: 10px;font-size: 32;width: 250px;}
    .a-profit-1 .position:nth-of-type(6){top: 150px;left: 20px;color: #333;text-align: center;}
    .a-profit-1 .position:nth-of-type(7){top: 100px;left: 250px;color: #333;text-align: center;}
    .a-profit-1 .position:nth-of-type(8){top: 15px;right: 250px;color: #333;text-align: center;}
    .a-profit-1 .h2-title{color: #e83c38;}
    .a-profit-1 .text-wrap{border:30px solid #4183b1;border-radius: 50px;background-color: #fff;padding: 30px  50px;margin-top: 60px;}
    .a-profit-1 .title{font-size: 42px;color: #db3325;padding-bottom: 15px;}
    .a-profit-1 .text{font-size: 36px;line-height: 60px;}
    .a-profit-2{background-color: #9053b8;color: #fff;text-align: center;}
    .a-profit-3{background-color: #57bcd0;color: #fff;text-align: center;}
    .a-profit-4{background-color: #627ddd;color: #fff;text-align: center;}
    .a-profit-5{background-color: #e87b4b;color: #fff;text-align: center;padding-bottom: 50px;}
    .a-profit-6{background-color: #81b445;color: #fff;text-align: center;}
    .a-profit-7{background-color: #d34a5b;color: #fff;text-align: center;padding-bottom: 80px;}
}

@media (max-width: 800px) {
    .s3 .years span,.months span,.days span{right:5px; bottom:5px;}
}
@media (max-width: 1000px) {
    .product_wrap_mobile .f_l{width:100%; height: auto;}
    .pro_next{padding:0px; height: auto;}
    /*.kinds{padding-top:50px;}*/
    .kinds{  height: 300px;width:auto; margin: 0px;}
    .kinds dl dt{float:left; height:300px; width: 150px; background: url(../images_mobile/p-iphone.png) no-repeat center center;}
    .pro_next2 .kinds dl dt{background: url(../images/banner.png) no-repeat center center;}
    .pro_next3 .kinds dl dt{background: url(../images_mobile/p-ipad.png) no-repeat center center;}
    .pro_next4 .kinds dl dt{background: url(../images_mobile/p-pc.png) no-repeat center center;}
    .kinds dl dt img{display: none;}
    .kinds dl dd{ line-height:24px; font-size: 18px; padding:20px 50px 0px 150px;}
    .kinds dl dd.tit{ text-align:left; line-height:36px; height:36px; font-size:28px;margin:0px;padding-top: 95px;}
    .copyright-product{display: block;}
}

/* 发光按钮动画 */
@keyframes pulsejg {
    0% {opacity: 0;transform: scale(1.1);}
    40% {opacity: 0.2;transform: scale(1.2);}
    50% {opacity: 0.3;transform: scale(1.3);}
    60% {opacity: 0.5;transform: scale(1.4);}
    80% {opacity: 0.2;transform: scale(1.7);}
    100% {opacity: 0;transform: scale(1.8);}
}
@-webkit-keyframes pulsejg {
    0% {opacity: 0;-webkit-transform: scale(1.1);}
    40% {opacity: 0.2;-webkit-transform: scale(1.2);}
    50% {opacity: 0.3;-webkit-transform: scale(1.3);}
    60% {opacity: 0.5;-webkit-transform: scale(1.4);}
    80% {opacity: 0.2;-webkit-transform: scale(1.7);}
    100% {opacity: 0;-webkit-transform: scale(1.8);}
}







/******h5动画******/
@-webkit-keyframes zhuan{
    100% { -webkit-transform: rotate(360deg);}
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}

@-moz-keyframes zhuan{
    100% { -moz-transform: rotate(360deg); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
@-o-keyframes zhuan{
    100% { -o-transform: rotate(360deg); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}

@-webkit-keyframes swinging{
    0% { -webkit-transform: rotate(1deg); }
    5% { -webkit-transform: rotate(10deg); }
    10% { -webkit-transform: rotate(-9deg); }
    15% { -webkit-transform: rotate(8deg); }
    20% { -webkit-transform: rotate(-7deg); }
    25% { -webkit-transform: rotate(6deg); }
    30% { -webkit-transform: rotate(-5deg); }
    35% { -webkit-transform: rotate(4deg); }
    40% { -webkit-transform: rotate(-3deg); }
    45% { -webkit-transform: rotate(2deg); }
    50% { -webkit-transform: rotate(1deg); } /* Come to rest at 50%. The rest is just stillness */
    100% { -webkit-transform: rotate(1deg); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}


@-moz-keyframes swinging{
    0% { -moz-transform: rotate(1deg); }
    5% { -moz-transform: rotate(10deg); }
    10% { -moz-transform: rotate(-9deg); }
    15% { -moz-transform: rotate(8deg); }
    20% { -moz-transform: rotate(-7deg); }
    25% { -moz-transform: rotate(6deg); }
    30% { -moz-transform: rotate(-5deg); }
    35% { -moz-transform: rotate(4deg); }
    40% { -moz-transform: rotate(-3deg); }
    45% { -moz-transform: rotate(2deg); }
    50% { -moz-transform: rotate(1deg); } /* Come to rest at 50%. The rest is just stillness */
    100% { -moz-transform: rotate(1deg); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}

@-o-keyframes swinging{
    0% { -o-transform: rotate(1deg); }
    5% { -o-transform: rotate(10deg); }
    10% { -o-transform: rotate(-9deg); }
    15% { -o-transform: rotate(8deg); }
    20% { -o-transform: rotate(-7deg); }
    25% { -o-transform: rotate(6deg); }
    30% { -o-transform: rotate(-5deg); }
    35% { -o-transform: rotate(4deg); }
    40% { -o-transform: rotate(-3deg); }
    45% { -o-transform: rotate(2deg); }
    50% { -o-transform: rotate(1deg); } /* Come to rest at 50%. The rest is just stillness */
    100% { -o-transform: rotate(1deg); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}



@-webkit-keyframes scales{
    0% {-webkit-transform:scale(1); }
    50% {-webkit-transform:scale(1.5); }
    60% {-webkit-transform:scale(1);}
    100% {-webkit-transform:scale(1); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}

@-moz-keyframes scales{
    0% {-moz-transform:scale(1); }
    50% {-moz-transform:scale(1.5); }
    60% {-moz-transform:scale(1);}
    100% {-moz-transform:scale(1); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}

@-o-keyframes scales{
    0% {-o-transform:scale(1); }
    50% {-o-transform:scale(1.5); }
    60% {-o-transform:scale(1);}
    100% {-o-transform:scale(1); }
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}


@-webkit-keyframes z{
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}
@-moz-keyframes z{
    from {

    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {

    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}

@-o-keyframes z{
    from {

    -o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {

    -o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}

@-webkit-keyframes y {
  from {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
  to {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}


/*
                   _ooOoo_
                  o8888888o
                  88" . "88
                  (| -_- |)
                  O\  =  /O
               ____/`---'\____
             .'  \\|     |//  `.
            /  \\|||  :  |||//  \
           /  _||||| -:- |||||-  \
           |   | \\\  -  /// |   |
           | \_|  ''\---/''  |   |
           \  .-\__  `-`  ___/-. /
         ___`. .'  /--.--\  `. . __
      ."" '<  `.___\_<|>_/___.'  >'"".
     | | :  `- \`.;`\ _ /`;.`/ - ` : | |
     \  \ `-.   \_ __\ /__ _/   .-` /  /
======`-.____`-.___\_____/___.-`____.-'======
                   `=---='
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
            佛祖保佑       永无BUG

                 BY：WeiDong
*/

/*公用代码区域*/









    .b2b2c .section-35{background-color: #fff;}
    .b2b2c .section-35 .section-wrapper .box{padding: 60px 0 100px;}
    .b2b2c .section-35 .section-wrapper .box ul{position: absolute;top: 40px;}
    .b2b2c .section-35 .section-wrapper .box ul li{padding-top: 80px}
    .b2b2c .section-35 .section-wrapper .box ul.left{text-align: right;left: 35px;}
    .b2b2c .section-35 .section-wrapper .box ul.left li.one{margin-right: -50px;margin-top: 1px;}
    .b2b2c .section-35 .section-wrapper .box ul.left li.two{;margin-top: 10px;}
    .b2b2c .section-35 .section-wrapper .box ul.left li.three{margin-right: -50px;margin-top: -25px;}
    .b2b2c .section-35 .section-wrapper .box ul.right{text-align: left;right: 45px;}
    .b2b2c .section-35 .section-wrapper .box ul.right li.one{margin-left: -50px;}
    .b2b2c .section-35 .section-wrapper .box ul.right li.two{margin-top: 15px;}
    .b2b2c .section-35 .section-wrapper .box ul.right li.three{margin-top: -25px;margin-left: -50px;}
    .b2b2c .section-35 .section-wrapper .box ul li p.up{font-size: 24px;color: #4ba4dc;line-height: 40px;}
    .b2b2c .section-35 .section-wrapper .box ul li p.down{font-size: 14px;line-height: 30px;}
    .b2b2c .section-35 .section-wrapper .box a.learn-more-a{display: block; width: 180px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #fe5991;border-radius: 5px; font-size: 18px; position: absolute;left: 515px;bottom:70px;}