body,div,dl,dt,dd,ul,ol,li { margin: 0; padding: 0; }
ol,ul,li { list-style: none; }
h1,h2,h3,h4,h5,p{padding: 0px;margin: 0px;}
/* css common - layout */
.opacity0{
　　/* older safari/Chrome browsers */  
    -webkit-opacity: 0;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0;  
    /* IE9 + etc...modern browsers */  
    opacity: 0;  
    /* IE 4-9 */  
    filter:alpha(opacity=0);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  
}
.dpn{display: none!important;}
.cl:after{height: 0px;display: block;content: ' ';clear: both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl:after,.cl_after:after{height: 0px;display: block;content: ' ';clear: both;}
.clearfix { zoom: 1; }
.fLeft { float: left; }
.fRight { float: right; }
.fCenter { text-align: center; }
    .fCenter > span { display: inline-block; vertical-align: middle; margin-top: -1px; }
.clear { clear: both; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }
.dis { display: block; }
.hid { display: none; }
.hid-important{display: none !important;}
.vid{visibility: hidden;}
.ovh { overflow: hidden; }
.font-bold{ font-weight:bold;}
/* box model */
.box { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* font overflow */
.wOver { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w12{
    font-size: 12px;
}
.w14{
    font-size: 14px;
}
html,body {margin: 0;width: 100%;height:100%;background-color: #FFF;font: 12px/1 Helvetica,Arial,STXihei,'Microsoft YaHei'; }

.dpil{display: inline-block;}
.main{
    min-width: 1280px;
    width: 100%;
    padding-bottom: 20px;
    /*min-height: 100%;*/
}

.head {
    width: 100%;
    height: 50px;
    background-color: #FFF;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #e6e6e6;
}

.head-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    /*position: relative;*/
}

.head-content .logo {
    width: 26px;
    height: 26px;
    margin-top: 11px;
    margin-left: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.head-content .nav {
    margin-left: 75px;
}

.head-content .nav li {margin-right: 65px;}
.head-content .nav li span{font-family:ArialMT;
                            display: inline-block;
                            padding: 0px 25px 1px;
                            line-height: 50px;
                            color: #333;
                            cursor: pointer;}

.head-content .nav li span:hover {
    color: #ff5520;
}

.head-content .nav li:last-child {
    margin-right: 0;
}

.head-content .search {
    width: 400px;
}

.search-icon {
    width: 26px;
    height: 26px;
    margin-top: 12px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: none;
}

.search-icon.mouse-click {
    margin-left: 40px;
    margin-right: 21px;
}

.search-word {
    font-family:ArialMT;
    padding-left: 17px;
    width: 220px;
    outline: 0;
    border: 0;
    font-size: 14px;
    line-height: 20px;
    height: 30px;
    border-left: 1px solid #999;

    top: 10px;
    position: relative;
}

.top-language-click{
    height: 100px !important;
}
.langicon-sel{background: #fff;}
.langicon-sel div{width: 26px;
                  height: 26px;
                  margin: 0px auto;
                  background-size: contain;
                  background-repeat: no-repeat;
                  background-position: center;}
.top_langs{
    width:50px;
    position: relative;
    background-color:#fff;
}
.cn-icon,.en-icon,.de-icon,.ja-icon{
    width: 26px;
  height: 50px;
  margin: 0px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.langsele{display: none;}
.top_langs:hover .langsele{display: block;} 
/*.top-language div:first-child{
    width: 26px;
    height: 26px;
    margin-top: 12px;
    margin-left: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.langicon-sel div{
    width: 26px;
    height: 26px;
    margin-left: 12px;
    margin-top: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}*/

.en-icon:hover{
    background-image: url('https://resource.snoppa.com/web/images/snoppaweb/images/nav_En_hover.png');
}
.cn-icon:hover{
    background-image: url('https://resource.snoppa.com/web/images/snoppaweb/images/nav_Cn_hover2.png');
}
.de-icon:hover{
    background-image: url('https://resource.snoppa.com/web/images/snoppaweb/images/nav_De_hover2.png');
}
.ja-icon:hover{
    background-image: url('https://resource.snoppa.com/web/images/snoppaweb/images/nav_Ja_hover2.png');
}
.nav-products{
    font-family: ArialMT;
    width: 100%;
    position: absolute;
    height: 230px;
    /*padding-top: 20px;*/
    top: 51px;
    background: #FFF;
    box-shadow: 1px 2px 10px 1px rgba(204,204,204,0.5);
}

.nav-product span{
    cursor: pointer;
    line-height: 24px;
    display: block;
}
.nav-product .name{
    display: block;
    margin-bottom: 16px;
}
.nav-product span:hover{
    color:#ff5520;
}

.nav-snoppa-m1{
    color: #666;
    width: 85px;
    margin-right: 70px;
}

.nav-snoppa-go{
    color: #666;
    width: 85px;
    cursor: pointer;
}

.prev-product,.hover-product{
    margin-left: 225px;
    height: 90%;
}

.hover-product img{
    height: 100%;
}
.prev-product:last-child{
    margin-left: 10px;
}
.prev-product img{width: 290px;}
.support-list{
    position: absolute;
    font-family:ArialMT;
    width: 154px;
    height:170px;
    font-size: 14px;
    /*font-size: 12px;*/
    background: #FFF;
    box-shadow: 1px 2px 10px 1px rgba(204,204,204,0.5);
    padding: 30px 26px;
    line-height: 20px;
    color: #333;
    z-index: 999;
    cursor: pointer;
    top: 51px;
}
.support-list ul li{padding: 5px 0px;}
.support-list ul li:hover{
    color:#ff5200;
}

.main .content{
    min-height: calc(100% - 60px - 260px);
}

.bottom {
    margin-top: 10px;
    width: 100%;
    height: 250px;
    background-color: #f5f5f5;
}

.bottom-main {
    font-family:ArialMT;
    width: 1124px;
    margin: 0 auto;
    padding-top:50px;
    overflow: hidden;
}

.bottom-nav span{
    cursor: pointer;
}

.bottom-nav div ul li:first-child{
    margin-bottom: 14px;
    font-size: 16px;
    color: #666;
}
.bottom-nav span:hover{
    color:#666;
}
.bottom-our-product{
    width: 126px;
    margin-right: 15px;
    color:#999;
    line-height: 24px;
}

.bottom-support{
    width: 126px;
    margin-right: 15px;
    color: #999;
    white-space: nowrap;
    line-height: 24px;
}
.bottom-about-us{
    color:#999;
    line-height: 21px;
    width: 126px;
    margin-right: 14px;
}

.bottom-logo img{
    width: 102px;
}

.bottom-logo{
    text-align: center;
    margin-left: 50px;
    position: relative;
}

.bottom-logo a{
    position: absolute;
    top: 115px;
    right: 30px;
}
.bottom-logo a.a-mobile,
.bottom-logo a.beian{
    position: relative;
    top:0px;right: 0px;
    margin: 0px 6px;
    color: #666;
    cursor: pointer;
}
.bottom-logo a.a-mobile:hover{cursor: pointer;}
.copy-right{
    margin-top:22px;
    color:#999;
    display: block;
    /*transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);*/
}

.icp-number{
    text-align: center;

    padding-top: 10px;
    color:#999;
    display: block;
    /*transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);*/
}

.bottom-language{
    margin-left:68px;
    width: 106px;
}
.use-language {
    overflow: hidden;
    padding-top: 18px;
    line-height: 16px;
    cursor: pointer;
}

.language-en-icon,.language-cn-icon,.language-de-icon,.language-ja-icon{
    display: inline-block;
    width: 22px;
    height: 14px;
    margin-right: 10px;
    margin-top: 1px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.language-name{
    color:#666;
}

.language-triangle-icon{
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-top: 4px;  
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.language-list{
    overflow: hidden;
    background: #fff;
    width: 126px;
    margin-left: -10px;
    margin-top: 10px;
    border-radius: 5px;
}

.language-cn{
    font-family:PingFangSC-Regular;
}

.language-list ul li{
    overflow: hidden;
    padding: 5px 10px;
    cursor: pointer;
}
.language-list ul li:hover{
    background:#d8d8d8;
}

.bottom-share{
    margin-left: 98px;
    margin-top: 18px;
}
.facebook,.ins,.weibo,.weixin,.youtube{
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    cursor: pointer;
}
.weixin{
    margin-right: 0;
}

.weixin-qr-code{
    position: absolute;
}

.weixin-qr-code img{
    width: 130px;
}
/*zxy 修改导航*/
.navpro_inner{width: 1200px;height: 100%;margin: 0px auto;}
.navpro_item{float: left;
             text-align: center;
             font-size: #333;
             font-size: 14px;
             height: 100%;
             width: 170px;
             position: relative;}
.navpro_item:hover{cursor: pointer;}
.navitem_shade{position: absolute;top:0px;left: 0px;
               height: 100%;width: 100%;
               background: rgba(255,255,255,0.4);}
.navpro_item p{margin:0px;}
.navpro_innerleft{padding-left: 80px;height:100%;}
.navpro_item.snoppa-m1 img{height:156px;padding-top: 24px;width: auto;}
.navpro_item.snoppa-go img{height:154px;padding-top: 26px;width: auto;}
.navpro_item.snoppa-kylin img{height:158px;padding-top: 25px;width: auto;}
.navpro_item.snoppa-vmate img{height: 148px;padding-top: 25px;width: auto;margin-bottom: 8px;margin-top: 4px;}
.navpro_item.snoppa-atom2 img{height: 154px;padding-top: 18px;width: auto;margin-bottom: 8px;margin-top: 4px;}
.navpro_item.snoppa-atom img{height: 148px;padding-top: 25px;width: auto;margin-bottom: 8px;margin-top: 4px;}
.navpro_item.snoppa-m1 p{padding-top: 7px;}
.navpro_item.snoppa-go p{padding-top: 7px;}
.navpro_item.snoppa-kylin p{padding-top:3px;}
/*众筹*/
.prepare-iconen.prepare-icon,
.prepare-icon-other{color: #fff;
                            font-size: 16px;
                            position: fixed;
                            bottom: 30%;
                            right: 30px;
                            background: url(https://resource.snoppa.com/web/images/snoppaweb/images/newkylin/preparen.png) no-repeat;
                            background-size: cover;
                            width: 108px;
                            line-height: 19px;
                            text-align: center;
                            padding: 8px 0px 17px;
                            text-decoration: none;
                            z-index: 9;}
.prepare-iconen.prepare-icon:hover,.prepare-icon-other:hover{cursor: pointer;}
.prepare-allen.prepare-all{background: #fff;
                           position: fixed;
                           bottom:30%;
                           right:192px;
                           width: 350px; 
                           border:1px #ed1079 solid;
                           -webkit-border:1px #ed1079 solid;
                           -moz-border:1px #ed1079 solid;
                           -o-border:1px #ed1079 solid;
                           border-radius: 4px;
                           -webkit-border-radius: 4px;
                           -moz-border-radius: 4px;
                           -o-border-radius: 4px;
                           z-index: 9;}
.prepare-title{height: 50px;}
.prepare-allen .prepare-title h2{font-size: 26px;
                                  color:#333;
                                  line-height: 50px;
                                  margin-left: 24px;
                                  float: left;
                                  font-weight: normal;}
.prepare-allen .prepare-close{vertical-align: middle;
                             float: right;
                             margin-right: 24px;
                             margin-top: 20px;}
.prepare-allen .prepare-close:hover{cursor: pointer;}
.prepare-allen .prepare-close img{width: 15px;}
.prepare-allen .prepare-cont-auto{height: 100%;
                                   padding-bottom: 56px;
                                   overflow: auto;}
.prepare-allen .prepare-cont{padding:0px 24px 18px;
                            color:#333;
                            font-size: 14px;
                            line-height: 22px;}
.roseo{color:#ed1079;}
.prepare-allen .prepare-cont input,
.prepare-allen .prepare-cont textarea{width: 278px;
                                      line-height: 38px;
                                      font-size: 16px;
                                      padding: 0px 12px;
                                      border:1px #ed1079 solid;
                                      -webkit-border:1px #ed1079 solid;
                                      -moz-border:1px #ed1079 solid;
                                      -o-border:1px #ed1079 solid;
                                      border-radius: 4px;
                                     -webkit-border-radius: 4px;
                                     -moz-border-radius: 4px;
                                     -o-border-radius: 4px;
                                     margin-top: 20px;}
.prepare-allen .prepare-cont input{margin-top: 0px}
.prepare-allen .prepare-cont textarea{height: 136px;resize:none;}
.prepare-allen .error{text-align: center;
                     font-size: 16px;
                     height:30px;
                     color:#ff0000;line-height: 30px;} 
.prepare-allen .prepare-submin{width: 100%;color:#ed1079;
                              line-height: 42px;
                              border:1px #ed1079 solid;
                              -webkit-border:1px #ed1079 solid;
                              -moz-border:1px #ed1079 solid;
                              -o-border:1px #ed1079 solid;
                              border-radius: 42px;
                             -webkit-border-radius: 42px;
                             -moz-border-radius: 42px;
                             -o-border-radius: 42px;
                             text-align:center;}
.prepare-allen .prepare-submin:hover{cursor: pointer;color:#fff;background: #ed1079;}
.prepare-allen .prepare-going{color:#ed1079;font-size: 16px;line-height: 44px;text-align: center;}
/*.prepare-thanks{margin: 168px 30px 0px;
              line-height: 70px;
              font-size: 24px;
              color: #454545;}
.prepare-thanks span{font-size:30px;color:#ed1079;line-height: 44px;display: block;} */
.inplable{position: relative;margin-top: 20px;}
.inplable label{width: 100%;
                height: 100%;
                position: absolute;
                top: 0px;
                left: 0px;
                font-size: 16px;
                line-height: 40px;}
.inplable label span{color: #757575;padding-left: 12px;} 
.inplable.indieemail label span{color:red;}
/*高光扫描*/
.prepare-iconen.prepare-icon,
.prepare-icon-other{font-size: 18px;
                             width: 154px;
                             line-height: 36px;
                             overflow: hidden;}
/**/
@keyframes indegogo{
  from{margin-left: -60px;}
  to{margin-left: 260px;}
}
@-webkit-keyframes indegogo{
  from{margin-left: -60px;}
  to{margin-left: 260px;}
}
@-moz-keyframes indegogo{
  from{margin-left: -60px;}
  to{margin-left: 260px;}
}
@-ms-keyframes indegogo{
  from{margin-left: -60px;}
  to{margin-left: 260px;}
}
.prepare-icon:before,
.prepare-icon-other:before{content: ' ';
                     position: absolute;
                     top: 0px;
                     left: -190px;
                     width: 60px;
                     height: 42px;
                     /*margin-top: -10px;*/
                     margin-left: 260px;
                     overflow: hidden;
                     background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);

                      background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));

                      background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);

                      background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(25deg)
                      -webkit-animation:indegogo 3s ease-in 0s infinite normal;

                      -moz-animation:indegogo 3s ease-in 0s infinite normal;

                      -o-animation:indegogo 3s ease-in 0s infinite normal;

                      animation:indegogo 3s ease-in 0s infinite normal;}
/*众筹 end*/
/*头部 动画*/
/**/
     .nav-products{overflow: hidden;
                   height: 0px;
                   left:0px;
                   transition:height 0.3s ease-in-out;
                   -moz-transition:height 0.3s ease-in-out;
                   -webkit-transition:height 0.3s ease-in-out;
                   -o-transition:height 0.3s ease-in-out;}
    .navpro_item{opacity: 0;margin-left: 60px;}
    .active.nav-products{height: 230px;
                   transition:height 0.4s ease-in-out;
                   -moz-transition:height 0.4s ease-in-out;
                   -webkit-transition:height 0.4s ease-in-out;
                   -o-transition:height 0.4s ease-in-out;}

    .active.nav-products .navpro_item{opacity: 1;
                                      margin-left: 0px;
                                      transition:all 0.7s ease-in-out;
                                      -moz-transition:all 0.7s ease-in-out;
                                      -webkit-transition:all 0.7s ease-in-out;
                                      -o-transition:all 0.7s ease-in-out;
                                      -webkit-transition-delay: -13.08ms;
                                      -moz-transition-delay: -13.08ms;
                                      -o-transition-delay: -13.08ms;
                                      transition-delay: -13.08ms;}

    .active.nav-products .navpro_item:nth-child(2){-webkit-transition-delay: 10ms;
                                      -moz-transition-delay: 10ms;
                                      -o-transition-delay: 10ms;
                                      transition-delay: 10ms;}
    .active.nav-products .navpro_item:nth-child(3){-webkit-transition-delay:40ms;
                                      -moz-transition-delay:40ms;
                                      -o-transition-delay:40ms;
                                      transition-delay:40ms;}
    .support-list{height: 0px;
                   transition:height 0.3s ease-in-out;
                   -moz-transition:height 0.3s ease-in-out;
                   -webkit-transition:height 0.3s ease-in-out;
                   -o-transition:height 0.3s ease-in-out;
                   padding-top: 0px;
                   padding-bottom: 0px;
                   overflow: hidden;}
    .active.support-list{height: 260px;
                         opacity: 1;
                         transition:height 0.4s ease-in-out;
                         -moz-transition:height 0.4s ease-in-out;
                         -webkit-transition:height 0.4s ease-in-out;
                         -o-transition:height 0.4s ease-in-out;}
    .support-list ul {margin-top: 30px;margin-bottom: 30px;}
    .langsele{background: #fff;
              position: absolute;
              top: 50px;
              width: 50px;
              left: 0px;
              height: 0px;
              overflow: hidden;
             transition:height 0.4s ease-in-out;
             -moz-transition:height 0.4s ease-in-out;
             -webkit-transition:height 0.4s ease-in-out;
             -o-transition:height 0.4s ease-in-out;}
    .langsele.active{height: 150px;
                     transition:height 0.4s ease-in-out;
                     -moz-transition:height 0.4s ease-in-out;
                     -webkit-transition:height 0.4s ease-in-out;
                     -o-transition:height 0.4s ease-in-out;}
    .top_langs:hover{cursor: pointer;}
/*头部 动画end*/


/*阿童木*/
.astro1-logo{background: #000;min-height: 858px;}
.astro1-logoall{width: 1280px;
                position: relative;
                margin:0px auto;height: 100%;
                overflow: hidden;}
.astro1-logoall video,
.astro1-logoall img.astro1-img2{position: absolute;
                                bottom: 0px;
                                right:  0%;
                                height: 90%;
                                width:auto;} 
.astro1-cont{position: absolute;
            bottom: 0px;
            left: 30px;
            color: #fff;
            top: 0px;
            height: 100%;}
.astro1-ctable{height: 100%;display: table;}
.astro1-tcell{display: table-cell;vertical-align: middle;}
.astro1-logimg img{width: 274px;margin-bottom: 50px;}
.astro1-cont p{color:#ccc;font-size: 20px;line-height: 36px;}
.astro1-cont a{color: #e6f2f9;
              font-size: 26px;
              line-height: 56px;
              display: inline-block;
              background: #20f2eb;
              background:-moz-linear-gradient(30deg,#189be6,#20f2eb);
              background:-webkit-gradient(linear,30deg,#189be6,#20f2eb);
              background:-webkit-linear-gradient(30deg,#189be6,#20f2eb);
              background:-o-linear-gradient(30deg,#189be6,#20f2eb); 
              border-radius: 46px;
              padding: 0px 45px;
              cursor: pointer;
              margin-top: 104px;}
.astro1-cont a:hover{background:#189be6;}
.astro1-imgall{width: 100%;position: relative;}
.astro1-imgall img{height:780px;width:auto;}
/*clip 是让自己显示多少 且要和 absolute或者fixed一起使用*/
.astro1-imgbttom{background: #ffefef;
                 height:780px;
                 padding: 150px 0px;
                 text-align: center;}
.astro1-imgtop{background: #101010;
               text-align: center;
               height:780px;
               padding: 150px 0px;
               position: absolute;top:0px;left: 0px;
               width: 100%;height: 100%;
               /*clip: rect(0px 158px 1080px 0px);*/
                transition:all 0.3s ease-in-out;
                -moz-transition:all 0.3s ease-in-out;
                -webkit-transition:all 0.3s ease-in-out;
                -o-transition:all 0.3s ease-in-out;}
.astro1-imgtop h1{font-size: 80px;
                  color:#2b2b2b;
                  line-height: 780px;
                  position: absolute;
                  top:80px;}
.astro1-imgbttom h1{font-size: 80px;
                  color:#ffd8d8;
                  line-height: 780px;
                  position: absolute;
                  top:80px;}
.astro1-imgtop.active1 h1,
.astro1-imgbttom.active1 h1{opacity: 0;}

.astro1-imgtop.active{position: absolute;
                      /*clip: rect(0px 500px 1021px 0px);*/
                      transition:all 0.3s ease-in-out;
                      -moz-transition:all 0.3s ease-in-out;
                      -webkit-transition:all 0.3s ease-in-out;
                      -o-transition:all 0.3s ease-in-out;}

.astro1-imgtop.unactive{position: absolute;
                        /*clip: rect(0px 0px 1080px 0px);*/
                        transition:all 0.3s ease-in-out;
                        -moz-transition:all 0.3s ease-in-out;
                        -webkit-transition:all 0.3s ease-in-out;
                        -o-transition:all 0.3s ease-in-out;}
.astro1-selectall{width: 1280px;height: 0px;margin: 0px auto;position: relative;}
.astro1-imgselect{position: absolute;top:-1080px;}
.astro1-imgselect.astro1-imgselectl{left: 12px;padding: 300px 200px 390px 20px;}
.astro1-imgselect.astro1-imgselectr{right: 12px;padding: 300px 20px 390px 200px;}
.astro1-imgsx{width: 92px;
              margin-bottom: 50px;
              cursor:pointer;
              height: 92px;
              border-radius: 6px;
              text-align: center;}

.astro1-imgsx img{height:90%;width: auto;padding-top: 5%;}
.astro1-imgselectr .astro1-imgsx.active{background: #ffe5e5;cursor: pointer;}
.astro1-imgselectl .astro1-imgsx.active{background: #202020;cursor: pointer;}
.astro1-imgseshow{text-align: center;position: absolute;top:0px;left: 0px;width:100%;padding:150px 0px;}
.astro2{background: #101010;width: 100%;padding-bottom: 122px;}
.astro2-in{width: 1080px;margin: 0px auto;padding-top:122px;text-align: center;}
.astro2-title{text-align: center;
              color:#fff;
              line-height: 66px;
              font-size: 18px;
              width:100%;}
.astro2-title p{line-height: 32px;}
.astro2-title h2{line-height: 85px;font-size: 42px;}
.astro2-iconl{float: left;margin-right:64px;
              color:#ccc;line-height: 44px;
              font-size: 18px;
              text-align: center;
              cursor: pointer;}
.astro2-iconl h3{color:#4cb848;
                 font-size: 60px;
                 line-height: 64px;
                 font-weight: 200;
                 opacity: 0;}
.astro2-iconl.m_r160{margin-right: 160px;}
.astro2-select{display: inline-block;width: auto;margin-top: 80px;}
.astro2-img1{width: 80px;
             height:53px;
             margin: 0px auto;
             cursor: pointer;
             margin-top: 4px;margin-bottom: 7px;}
.astro2-img2{width: 70px;
             height:51px;
             margin: 0px auto;
             margin-top: 8px;margin-bottom: 7px;
             cursor: pointer;}
.astro2-line{width: 2px;height: 50px;
             background: #101010;}

.astro2-iconl.active .astro2-line{background: #20f2eb;
                                 background:-moz-linear-gradient(top,#189be6,#20f2eb);
                                 background:-webkit-gradient(linear,top,#189be6,#20f2eb);
                                 background:-webkit-linear-gradient(top,#189be6,#20f2eb);
                                 background:-o-linear-gradient(top,#189be6,#20f2eb);}
.astro2-scont1,
.astro2-scont2{width: 100%;height:600px;
               background: #13171e;
               position: relative;}
.astro2-scont1in{position: absolute;
                 bottom: 0px;left: 0px;
                 text-align: center;
                 width:100%;}
.astro2-scont1in img{width: 754px;}
.astro2-lyall{position: absolute;
              bottom: 326px;
              left: 393px;
              width: 40px;
              height: 40px;}
.astro2-ly{width: 100%;height: 100%;position: relative;}
.astro2-scont2in{position: relative;}
.astro2-s2-1{position: absolute;bottom:115px;left: 232px;
             font-size: 18px;color:#333841;
             text-align: left;
             line-height: 24px;}
.astro2-s2-1 p,.astro2-s2-2 p{margin-bottom: 18px;}
.astro2-s2-1 img{width: 128px;}
.astro2-s2-2{position: absolute;bottom:115px;right: 232px;
             font-size: 18px;color:#333841;
             text-align: left;
             line-height: 24px;}
.astro2-s2-2 img{width:164px;}
.astro2-s2-imgbg{position: absolute;
                  bottom: 60px;
                  left: 459px;
                  width: 156px;
                  -webkit-animation: astro2bg 2s ease-in 0s infinite normal;
                  -moz-animation: astro2bg 2s ease-in 0s infinite normal;
                  -o-animation: astro2bg 2s ease-in 0s infinite normal;
                  animation: astro2bg 2s ease-in 0s infinite normal;}
@keyframes astro2bg{
  0%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }
  50%{opacity: 1;
     -o-opacity: 1;
     -moz-opacity: 1;
     -khtml-opacity: 1;
  }
  100%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }

}
@-webkit-keyframes astro2bg{
  0%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }
  50%{opacity: 1;
     -o-opacity: 1;
     -moz-opacity: 1;
     -khtml-opacity: 1;
  }
  100%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }

}
@-moz-keyframes astro2bg{
  0%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }
  50%{opacity: 1;
     -o-opacity: 1;
     -moz-opacity: 1;
     -khtml-opacity: 1;
  }
  100%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }

}
@-ms-keyframes astro2bg{
  0%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }
  50%{opacity: 1;
     -o-opacity: 1;
     -moz-opacity: 1;
     -khtml-opacity: 1;
  }
  100%{-o-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
  }

}
.astro2-ly:before{content: '';
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                  box-shadow: 0 0 10px #189be6 inset;
                  －webkit-box-shadow: 0 0 10px #189be6 inset;
                  -moz-box-shadow: 0 0 10px #189be6 inset;
                  -o-box-shadow: 0 0 10px #189be6 inset;
                  -webkit-animation: astro2ly 4s ease-in 0s infinite normal;
                  -moz-animation: astro2ly 4s ease-in 0s infinite normal;
                  -o-animation: astro2ly 4s ease-in 0s infinite normal;
                  animation: astro2ly 4s ease-in 0s infinite normal;}
.astro2-ly:after{content: '';
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                  box-shadow: 0 0 10px #189be6 inset;
                  －webkit-box-shadow: 0 0 10px #189be6 inset;
                  -moz-box-shadow: 0 0 10px #189be6 inset;
                  -o-box-shadow: 0 0 10px #189be6 inset;
                  -webkit-animation: astro2ly 4s ease-in 1.3s infinite normal;
                  -moz-animation: astro2ly 4s ease-in 1.3s infinite normal;
                  -o-animation: astro2ly 4s ease-in 1.3s infinite normal;
                  animation: astro2ly 4s ease-in 1.3s infinite normal;}
.astro2-lyin{position: absolute;
              top: 0px;
              left: 0px;
              width: 40px;
              height: 40px;
              border-radius: 50%;
              box-shadow: 0 0 10px #189be6 inset;
              －webkit-box-shadow: 0 0 10px #189be6 inset;
              -moz-box-shadow: 0 0 10px #189be6 inset;
              -o-box-shadow: 0 0 10px #189be6 inset;
              -webkit-animation: astro2ly 4s ease-in 2.5s infinite normal;
              -moz-animation: astro2ly 4s ease-in 2.5s infinite normal;
              -o-animation: astro2ly 4s ease-in 2.5s infinite normal;
              animation: astro2ly 4s ease-in 2.5s infinite normal;}
 @keyframes astro2ly{
        0%{-o-opacity: 0.65;
              -moz-opacity: 0.65;
              -khtml-opacity: 0.65;
              opacity: 0.65;
              transform:scale(1,1);
              -ms-transform:scale(1,1);   /* IE 9 */
              -moz-transform:scale(1,1);  
              -webkit-transform:scale(1,1); 
              -o-transform:scale(1,1);
        }
        80%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(3,3);
           -ms-transform:scale(3,3);   /* IE 9 */
           -moz-transform:scale(3,3);  
           -webkit-transform:scale(3,3); 
           -o-transform:scale(3,3); 
        }
        100%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(1,1);
           -ms-transform:scale(1,1);   /* IE 9 */
           -moz-transform:scale(1,1);  
           -webkit-transform:scale(1,1); 
           -o-transform:scale(1,1); 
        }

}
 @-webkit-keyframes astro2ly{
        0%{-o-opacity: 0.65;
              -moz-opacity: 0.65;
              -khtml-opacity: 0.65;
              opacity: 0.65;
              transform:scale(1,1);
              -ms-transform:scale(1,1);   /* IE 9 */
              -moz-transform:scale(1,1);  
              -webkit-transform:scale(1,1); 
              -o-transform:scale(1,1);
        }
        80%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(3,3);
           -ms-transform:scale(3,3);   /* IE 9 */
           -moz-transform:scale(3,3);  
           -webkit-transform:scale(3,3); 
           -o-transform:scale(3,3); 
        }
        100%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(1,1);
           -ms-transform:scale(1,1);   /* IE 9 */
           -moz-transform:scale(1,1);  
           -webkit-transform:scale(1,1); 
           -o-transform:scale(1,1); 
        }

}
 @-moz-keyframes astro2ly{
        0%{-o-opacity: 0.65;
              -moz-opacity: 0.65;
              -khtml-opacity: 0.65;
              opacity: 0.65;
              transform:scale(1,1);
              -ms-transform:scale(1,1);   /* IE 9 */
              -moz-transform:scale(1,1);  
              -webkit-transform:scale(1,1); 
              -o-transform:scale(1,1);
        }
        80%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(3,3);
           -ms-transform:scale(3,3);   /* IE 9 */
           -moz-transform:scale(3,3);  
           -webkit-transform:scale(3,3); 
           -o-transform:scale(3,3); 
        }
        100%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(1,1);
           -ms-transform:scale(1,1);   /* IE 9 */
           -moz-transform:scale(1,1);  
           -webkit-transform:scale(1,1); 
           -o-transform:scale(1,1); 
        }

}
 @-ms-keyframes astro2ly{
        0%{-o-opacity: 0.65;
              -moz-opacity: 0.65;
              -khtml-opacity: 0.65;
              opacity: 0.65;
              transform:scale(1,1);
              -ms-transform:scale(1,1);   /* IE 9 */
              -moz-transform:scale(1,1);  
              -webkit-transform:scale(1,1); 
              -o-transform:scale(1,1);
        }
        80%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(3,3);
           -ms-transform:scale(3,3);   /* IE 9 */
           -moz-transform:scale(3,3);  
           -webkit-transform:scale(3,3); 
           -o-transform:scale(3,3); 
        }
        100%{opacity: 0.0;
           -o-opacity: 0;
           -moz-opacity: 0;
           -khtml-opacity: 0;
           transform:scale(1,1);
           -ms-transform:scale(1,1);   /* IE 9 */
           -moz-transform:scale(1,1);  
           -webkit-transform:scale(1,1); 
           -o-transform:scale(1,1); 
        }

}

.astro3{width:100%;background: #101010;}
.astro3-in{width: 1200px;margin: 0px auto;padding-top:122px;text-align: center;}
.astro3-title{text-align: center;
              color:#fff;
              line-height: 66px;
              font-size: 18px;
              width:100%;}
.astro3-title p{line-height: 32px;}
.astro3-title h2{line-height: 85px;font-size: 42px;}
.astro3-img{margin: 100px auto 0px;width: 1080px;}
.astro3-itemall{margin-top: 150px;padding-bottom: 150px;}
.astro3-itemc{text-align: left;margin-bottom: 44px;}
.astro3-item .astro3-itemline{display: inline-block;
                               height: 2px;width: 50px;
                               background: #333841;
                               margin-right: 20px;
                               margin-bottom: 6px;}
.astro3-item:hover .astro3-itemline{background: #20f2eb;
                                     background:-moz-linear-gradient(left,#189be6,#20f2eb);
                                     background:-webkit-gradient(linear,left,#189be6,#20f2eb);
                                     background:-webkit-linear-gradient(left,#189be6,#20f2eb);
                                     background:-o-linear-gradient(left,#189be6,#20f2eb);}

.astro3-itemc p{color:#333841;font-size: 18px;line-height: 24px;display: inline-block;}
.astro3-item:hover p{color:#fff;}
.astro3-item{display: inline-block;}
.astro3-item1{float: left;}
.astro3-item3{float: right;}
.astro3-Iimg{position: relative;overflow: hidden;width: 370px;height: 260px;}
.astro3-item:hover{cursor: pointer;}
.astro3-item .astro3-Iimg:before{content: ' ';
                                  position: absolute;
                                  top:0px;
                                  left: 0px;
                                  background: rgba(0,0,0,0.4);
                                  width: 100%;
                                  height: 100%;
                                  z-index: 1;}
.astro3-item:hover .astro3-Iimg:before{background: transparent;}
.astro3-item img{transition:all 0.4s ease-in-out;
                  -moz-transition:all 0.4s ease-in-out;
                  -webkit-transition:all 0.4s ease-in-out;
                  -o-transition:all 0.4s ease-in-out;
                   -webkit-transform: scale(1,1);
                   -moz-transform: scale(1,1);
                   -o-transform: scale(1,1);
                   transform: scale(1,1);}
.astro3-item:hover img{transition:all 0.5s ease-in-out;
                      -moz-transition:all 0.5s ease-in-out;
                      -webkit-transition:all 0.5s ease-in-out;
                      -o-transition:all 0.5s ease-in-out;
                       -webkit-transform: scale(1.1,1.1);
                       -moz-transform: scale(1.1,1.1);
                       -o-transform: scale(1.1,1.1);
                       transform: scale(1.1,1.1);}
.astro4{height: 1080px;background: url(https://resource.snoppa.com/web/images/atom/imageshd/astro4-bg.png);position: relative;}
.astro4-imgab{position: absolute;left: 0px;bottom:0px;width: 100%;}
.astro4-cont{position: absolute;bottom:0px;left:0px;
             width: 100%;
             text-align: center;
             font-size: 18px;
             color:#fff;
             line-height: 36px;}
.astro4-cont h2{color:#fff;
                 font-size: 42px;
                 line-height: 120px;}
.astro4-cont img{width: 700px;margin-top: 60px;margin-left: 130px;}
.astro4-pr{position: relative;display:inline-block;}
.astro4-imgx{position: absolute;
              top: 105px;
              left: 149px;
              width: 562px;
              height: 258px;
              overflow: hidden;}
.astro4-imgx img{width: 100%;margin: 0px;}
.astro5{position: relative;}
.astro5-cont{position:absolute;
             left: 0px;
             bottom:94px;
             text-align: center;
             width: 100%;
             color:#fff;font-size: 18px;line-height: 36px;}
.astro5-cont h2{line-height: 118px;font-size: 42px;}
.astro6{overflow: hidden;position: relative;}
.astro6-c1,
.astro6-c2,
.astro6-c3,
.astro6-c4,
.astro6-c5,
.astro6-c6,
.astro6-c7,
.astro6-c8,
.astro6-c9{width: 33.3333333333%;float: left;position: relative;}
.astro6-c1 .showimg{position: absolute;top:-34px;left: -34px;width:100%;}
.astro6-c2 .showimg{position: absolute;top:-34px;left: 0px;width:100%;}
.astro6-c3 .showimg{position: absolute;top:-34px;right: -34px;width:100%;}

.astro6-c4 .showimg{position: absolute;top:0px;left: -34px;width:100%;}
.astro6-c5 .showimg{position: absolute;top:0px;left: 0px;width:100%;}
.astro6-c6 .showimg{position: absolute;top:0px;right: -34px;width:100%;}

.astro6-c7 .showimg{position: absolute;bottom:-34px;left: -34px;width:100%;}
.astro6-c8 .showimg{position: absolute;bottom:-34px;left: 0px;width:100%;}
.astro6-c9 .showimg{position: absolute;bottom:-34px;right: -34px;width:100%;}


.astro6-c1.active .showimg{top:0px;left: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-c2.active .showimg{top:0px;left: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-c3.active .showimg{top:0px;right: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }

.astro6-c4.active .showimg{top:0px;left: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-c5.active .showimg{top:0px;left: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-c6.active .showimg{top:0px;right: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }

.astro6-c7.active .showimg{bottom:0px;left: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-c8.active .showimg{bottom:0px;left: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-c9.active .showimg{bottom:0px;right: 0px;
                           transition:all 0.6s ease-in-out 0.3s;
                            -moz-transition:all 0.6s ease-in-out 0.3s;
                            -webkit-transition:all 0.6s ease-in-out 0.3s;
                            -o-transition:all 0.6s ease-in-out 0.3s;
                           }
.astro6-xx1,
.astro6-xx2{width: 1px;
            height: 100%;
            border-right: 1px #fff dashed;
            position: absolute;
            top: 0px;
            left: 33.333333%;
            opacity: 0;}
.astro6-xx2{left: 66%;}
.astro6-xx3,
.astro6-xx4{width: 100%;
            height: 1px;
            border-top: 1px #fff dashed;
            position: absolute;
            top: 33.333333%;
            left: 0px;
            opacity: 0}
.astro6-xx4{top: 66.6666666%;}
.astro6-xkcont{position: absolute;top:0px;bottom:0px;left:0px;
               width: 100%;
               height: 100%;
               background: rgba(0,0,0,0.3);
               text-align: center;
               color:#fff;
               font-size: 18px;
               line-height: 64px;
               opacity: 0;}
.astro6-xkcont p{line-height: 32px;}
.astro6-xkcont h2{font-size: 42px;line-height: 88px;}
.astro6-xktable{width: 100%;
                height: 100%;
                display: table;
                }
.astro6-xktablein{display: table-cell;vertical-align: middle;}
.astro6 .astro6-xkincont{opacity: 0;
                         display: inline-block;
                         -webkit-transform: scale(0.6,0.6);
                         -moz-transform: scale(0.6,0.6);
                         -o-transform: scale(0.6,0.6);
                         transform: scale(0.6,0.6);}
.astro6.active .astro6-xx1,
.astro6.active .astro6-xx2,
.astro6.active .astro6-xx3,
.astro6.active .astro6-xx4{opacity: 1;
                           transition:all 0.6s ease-in-out 1s;
                            -moz-transition:all 0.6s ease-in-out 1s;
                            -webkit-transition:all 0.6s ease-in-out 1s;
                            -o-transition:all 0.6s ease-in-out 1s;}
.astro6.active .astro6-xkcont{opacity: 1;
                           transition:all 0.6s ease-in-out 1.3s;
                            -moz-transition:all 0.6s ease-in-out 1.3s;
                            -webkit-transition:all 0.6s ease-in-out 1.3s;
                            -o-transition:all 0.6s ease-in-out 1.3s;}
/*字*/
.astro6.active .astro6-xkincont{opacity: 1;
                                 -webkit-transform: scale(1,1);
                                  -moz-transform: scale(1,1);
                                  -o-transform: scale(1,1);
                                  transform: scale(1,1);
                                  transition:all 0.6s ease-in-out 1.5s;
                                  -moz-transition:all 0.6s ease-in-out 1.5s;
                                  -webkit-transition:all 0.6s ease-in-out 1.5s;
                                  -o-transition:all 0.6s ease-in-out 1.5s;}

.astro7-title{background: #fff;color:#101010;
             font-size: 16px;line-height: 28px;
             text-align: center;
             margin:128px 0px 52px;
             font-weight: 700;}
.astro7-title p{color:#101010;}
.astro7-title h2{font-size: 42px;line-height: 82px;margin-bottom: 24px;}
.astro7-img{position: relative;}

.astro8{background: #101010;}
.astro8-title{color: #fff;
              font-size: 16px;
              line-height: 28px;
              text-align: center;
              padding: 128px 0px 52px;
              font-weight: 700;}
.astro8-img{position: relative;
            min-height: 600px;
            max-height: 680px;}
.astro8-appimg{position: absolute;
               top:0px;left: 0px;
               width: 100%;
               text-align: center;}
.astro8-1img{width: 1024px;}
.astro9,.astro10{background: #202020;padding-bottom: 140px;}
.astro9 h2,.astro10 h2{color:#363636;font-size: 150px;line-height:370px;margin-left: 46px;}
.astro9-contin{width: 1200px;margin: 0px auto;}
.astro9-ctrol{color:#ffeeee;
              font-size: 36px;
              line-height: 66px;
              padding:0px 60px;
              float: left;
              overflow: hidden;
              width: 400px;}
.astro9-cticon{display: inline-block;}
.astro9-cticon1 img,
.astro9-cticon2 img,
.astro9-cticon3 img,
.astro9-cticon4 img,
.astro9-cticon5 img,
.astro9-cticon6 img{width: 34px;margin-right: 40px;}
.astro9-video{float: right;width: 600px; 
              height:auto;
              min-height: 1px;
              box-shadow: 0px 0px 30px #191919;
              -webkit-box-shadow: 0px 0px 30px #191919;
              -moz-box-shadow: 0px 0px 30px #191919;
              -o-box-shadow: 0px 0px 30px #191919;}
.astro9-item{cursor: pointer;}
.astro10-cont{width: 980px;margin: 0px auto;text-align: left;}
.astro10-contl, .astro10-contr{float: left;width: 490px;}
.astro10-cont h3{color:#e63418;
                font-size: 24px;
                line-height: 70px;
                text-align: left;
                padding: 0px;}
.astro10-cont .m1-para {margin-bottom: 15px;
                        display: table;
                        width: 100%;}
.astro10-cont .parah {width: 50%;display: table-cell;}
.astro10-cont h4,.astro10-cont p {font-size: 16px;
                                    line-height: 24px;
                                    font-weight: normal;
                                    color: #fff;}
.astro10-cont p sup{line-height: 20px;
                      margin-left: 4px;
                      color: #e63418;}
.astro10-cont p{color:#808080;}
.astro10-cont p.astro10-tip1{margin-top: 30px;}
.astro10-cont p.astro10-tip{color:#fff;}
.astro10-cont p.astro10-tip span{color: #e63418;margin-right:4px;}
.astro11{background: #131017;color:#fff;text-align: center;padding-top: 46px;padding-bottom: 70px;}
.astro11 a{color: #fff;display: inline-block;cursor: pointer;}
.astro11 a:hover{color: #e63418;}
.astro11-question{float: left;width:62px;}
.astro11 h3{font-size: 38px;float: left;line-height: 60px;margin:0px 30px;}
.astro11 p{line-height: 44px;font-size: 18px;color:#ccc;}
.astro11-a .astro11-questionjt{width: 30px;
                               float: left;
                               margin-top: 26px;
                               -webkit-transform: translate3d(0, 0, 0);
                                -moz-transform: translate3d(0, 0, 0);
                                -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
                                transition: all 0.5s linear;
                                -moz-transition: all 0.5s linear;
                                -webkit-transition: all 0.5s linear;
                                -o-transition: all 0.5s linear;}
.astro11-a.hover .astro11-questionjt{width: 30px;
                                     float: left;
                                     margin-top: 26px;
                                     -webkit-transform: translate3d(15px, 0, 0);
                                      -moz-transform: translate3d(15px, 0, 0);
                                      -o-transform: translate3d(15px, 0, 0);
                                      transform: translate3d(15px, 0, 0);
                                      transition: all 0.5s linear;
                                      -moz-transition: all 0.5s linear;
                                      -webkit-transition: all 0.5s linear;
                                      -o-transition: all 0.5s linear;}


/*参与众筹 通知我*/
.astro1-inp {display: inline-block;margin-top: 22px;}
.astro1-continput{position: relative;float: left;}
.astro1-continput input{width: 278px;
                        line-height: 38px;
                        font-size: 16px;
                        padding: 0px 12px;
                        border: 1px #ed1079 solid;
                        -webkit-border: 1px #ed1079 solid;
                        -moz-border: 1px #ed1079 solid;
                        -o-border: 1px #ed1079 solid;
                        border-radius: 4px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        -o-border-radius: 4px;}
.astro1-continput label {width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        font-size: 16px;
                        line-height: 40px;
                        text-align: left;}
.astro1-continput label span {color: #999;padding-left: 12px;}
.astro1-inp bottom.astro1-inbottom {background: #e40f74;
                                    height: 40px;
                                    display: inline-block;
                                    line-height: 40px;
                                    color: #ffff;
                                    border-radius: 4px;
                                    padding: 0px 10px;
                                    margin-left: 12px;
                                    font-size: 16px;
                                    cursor: pointer;}
.astro1-inp .errordiv {height: 40px;text-align: left;}
.astro1-inp .error {color: red;font-size: 20px;margin-top: 12px;}
.astro1-zc-gm.dpn1{display: none;}
.astro1-zc-gm.dpn2{display: none;}
.astro1-yr{padding-top: 95px;display: none;}
.astro1-yr.show1{display: block;}
.astro1-yr.show2{display: block;}
.astro1-yr h3{line-height: 44px;font-size: 30px;color:#ccc;}
.astro1-yr h3 span{color:#e40f74;}
.astro1-yr h3 span.djs-tip{font-weight: normal;font-size: 20px;margin-left: 10px;}
/*p{font-size: 14px;color:#ccc;}*/
.astro1-cont a#astro1-gm{line-height: 56px;border-radius: 46px;}








/*动画*/
.astro1-logo .astro1-logimg,
.astro1-logo .astro1-title{-webkit-transform: translate3d(0, 30px, 0);
                            -moz-transform: translate3d(0, 30px, 0);
                            -o-transform: translate3d(0, 30px, 0);
                            transform: translate3d(0, 30px, 0);
                            opacity: 0;}
.astro1-logo.active .astro1-logimg{opacity: 1;
                                  -webkit-transform: translate3d(0, 0, 0);
                                  -moz-transform: translate3d(0, 0, 0);
                                  -o-transform: translate3d(0, 0, 0);
                                  transform: translate3d(0, 0, 0);
                                  transition: all 0.5s linear;
                                  -moz-transition: all 0.5s linear;
                                  -webkit-transition: all 0.5s linear;
                                  -o-transition: all 0.5s linear;}
.astro1-logo.active .astro1-title{opacity: 1;
                                  -webkit-transform: translate3d(0, 0, 0);
                                  -moz-transform: translate3d(0, 0, 0);
                                  -o-transform: translate3d(0, 0, 0);
                                  transform: translate3d(0, 0, 0);
                                  transition: all 0.5s linear 0.4s;
                                  -moz-transition: all 0.5s linear 0.4s;
                                  -webkit-transition: all 0.5s linear 0.4s;
                                  -o-transition: all 0.5s linear 0.4s;}

/*part2*/
.astro2 .astro2-title h2,
.astro2 .astro2-title p,
.astro2 .astro2-iconl{-webkit-transform: translate3d(0, 30px, 0);
                      -moz-transform: translate3d(0, 30px, 0);
                      -o-transform: translate3d(0, 30px, 0);
                      transform: translate3d(0, 30px, 0);
                      opacity: 0;}
.astro2-line{height: 0px;}
.astro2-linew{width:2px;height: 50px;margin:0px auto 34px;}
.astro2.bgblock{background: #000;}
.astro2.active .astro2-title h2,
.astro2.active .astro2-title p,
.astro2.active .astro2-iconl{opacity: 1;
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0);
                              transition: all 0.5s linear;
                              -moz-transition: all 0.5s linear;
                              -webkit-transition: all 0.5s linear;
                              -o-transition: all 0.5s linear;}
.astro2.active .astro2-line{height: 50px;
                            transition: all 0.3s linear 0.7s;
                              -moz-transition: all 0.3s linear 0.7s;
                              -webkit-transition: all 0.3s linear 0.7s;
                              -o-transition: all 0.3s linear 0.7s;}

/*part3*/
.astro3 .astro3-title h2,
.astro3 .astro3-title p{opacity: 0;
                        -webkit-transform: translate3d(0, 30px, 0);
                        -moz-transform: translate3d(0, 30px, 0);
                        -o-transform: translate3d(0, 30px, 0);
                        transform: translate3d(0, 30px, 0);}
.astro3.active .astro3-title h2{opacity: 1;
                                -webkit-transform: translate3d(0, 0, 0);
                                -moz-transform: translate3d(0, 0, 0);
                                -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
                                transition: all 0.5s linear;
                                -moz-transition: all 0.5s linear;
                                -webkit-transition: all 0.5s linear;
                                -o-transition: all 0.5s linear;}
.astro3.active .astro3-title p{opacity: 1;
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0);
                              transition: all 0.5s linear 0.3s;
                              -moz-transition: all 0.5s linear 0.3s;
                              -webkit-transition: all 0.5s linear 0.3s;
                              -o-transition: all 0.5s linear 0.3s;}
/*part4*/
.astro4 .astro4-cont h2,
.astro4 .astro4-cont p{opacity: 0;
                      -webkit-transform: translate3d(0, 30px, 0);
                      -moz-transform: translate3d(0, 30px, 0);
                      -o-transform: translate3d(0, 30px, 0);
                      transform: translate3d(0, 30px, 0);}
.astro4.active .astro4-cont h2{opacity: 1;
                            -webkit-transform: translate3d(0, 0, 0);
                            -moz-transform: translate3d(0, 0, 0);
                            -o-transform: translate3d(0, 0, 0);
                            transform: translate3d(0, 0, 0);
                            transition: all 0.5s linear;
                            -moz-transition: all 0.5s linear;
                            -webkit-transition: all 0.5s linear;
                            -o-transition: all 0.5s linear;}
.astro4.active .astro4-cont p{opacity: 1;
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0);
                              transition: all 0.5s linear 0.3s;
                              -moz-transition: all 0.5s linear 0.3s;
                              -webkit-transition: all 0.5s linear 0.3s;
                              -o-transition: all 0.5s linear 0.3s;}
/*part5*/
.astro5 .astro5-cont h2,
.astro5 .astro5-cont p{opacity: 0;
                      -webkit-transform: translate3d(0, 30px, 0);
                      -moz-transform: translate3d(0, 30px, 0);
                      -o-transform: translate3d(0, 30px, 0);
                      transform: translate3d(0, 30px, 0);}
.astro5.active .astro5-cont h2{opacity: 1;
                                -webkit-transform: translate3d(0, 0, 0);
                                -moz-transform: translate3d(0, 0, 0);
                                -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
                                transition: all 0.5s linear;
                                -moz-transition: all 0.5s linear;
                                -webkit-transition: all 0.5s linear;
                                -o-transition: all 0.5s linear;}
.astro5.active .astro5-cont p{opacity: 1;
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0);
                              transition: all 0.5s linear 0.3s;
                              -moz-transition: all 0.5s linear 0.3s;
                              -webkit-transition: all 0.5s linear 0.3s;
                              -o-transition: all 0.5s linear 0.3s;}
/*part7*/
.astro7 .astro7-title h2,
.astro7 .astro7-title p{opacity: 0;
                      -webkit-transform: translate3d(0, 30px, 0);
                      -moz-transform: translate3d(0, 30px, 0);
                      -o-transform: translate3d(0, 30px, 0);
                      transform: translate3d(0, 30px, 0);}
.astro7.active .astro7-title h2{opacity: 1;
                                -webkit-transform: translate3d(0, 0, 0);
                                -moz-transform: translate3d(0, 0, 0);
                                -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
                                transition: all 0.5s linear;
                                -moz-transition: all 0.5s linear;
                                -webkit-transition: all 0.5s linear;
                                -o-transition: all 0.5s linear;}
.astro7.active .astro7-title p{opacity: 1;
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0);
                              transition: all 0.5s linear 0.3s;
                              -moz-transition: all 0.5s linear 0.3s;
                              -webkit-transition: all 0.5s linear 0.3s;
                              -o-transition: all 0.5s linear 0.3s;}
.astro8 .astro8-title h2{font-size: 42px;
                        line-height: 82px;
                        margin-bottom: 24px;
                        opacity: 0;
                        -webkit-transform: translate3d(0, 30px, 0);
                        -moz-transform: translate3d(0, 30px, 0);
                        -o-transform: translate3d(0, 30px, 0);
                        transform: translate3d(0, 30px, 0);}
.astro8 .astro8-tp{opacity: 0;
                  -webkit-transform: translate3d(0, 30px, 0);
                  -moz-transform: translate3d(0, 30px, 0);
                  -o-transform: translate3d(0, 30px, 0);
                  transform: translate3d(0, 30px, 0);}
.astro8.active .astro8-title h2{opacity: 1;
                                -webkit-transform: translate3d(0, 0, 0);
                                -moz-transform: translate3d(0, 0, 0);
                                -o-transform: translate3d(0, 0, 0);
                                transform: translate3d(0, 0, 0);
                                transition: all 0.5s linear;
                                -moz-transition: all 0.5s linear;
                                -webkit-transition: all 0.5s linear;
                                -o-transition: all 0.5s linear;}
.astro8.active .astro8-tp{opacity: 1;
                          -webkit-transform: translate3d(0, 0, 0);
                          -moz-transform: translate3d(0, 0, 0);
                          -o-transform: translate3d(0, 0, 0);
                          transform: translate3d(0, 0, 0);
                          transition: all 0.5s linear 0.3s;
                          -moz-transition: all 0.5s linear 0.3s;
                          -webkit-transition: all 0.5s linear 0.3s;
                          -o-transition: all 0.5s linear 0.3s;}

.astro9-item{transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;}

/*动效end*/



/*视频*/
.astrofj{width: 100%;
         position: relative;
         background: #fff;
         text-align: center;
         overflow: hidden;}
.astrofj-cont{width: 100%;}
.astrofj-video{width:auto;height: 100%;}
.astrofj-img{position: absolute;top:0px;left: 0px;width: 100%;text-align: center;background: #101010;}
.astrofj-img img{height:100%;width: auto;text-align: center;}
.astrofj-img .astrofj-img3{background: rgba(0,0,0,0.3);position: relative;}
.astrofj-imgpr{position: absolute;
              top:0px;
              left:0px;
              height: 100%;}
.astrofj-imgpr{position: absolute;top:0px;left: 0px;
               width: 100%;height: 100%;}
.astrofj-imgtable{height: 100%;
                  display: table;
                  width: 1200px;
                  margin: 0px auto;}
.astrofj-imgcell{display: table-cell;
                vertical-align: middle;
                text-align: left;}
.astrofj-imgcell h2{font-size: 42px;
                    color:#fff;
                    line-height: 120px;}
.astrofj-img.astrofj-img3.opacity0,
.astrofj-img.astrofj-img3{transition: all 0.5s linear;
                          -moz-transition: all 0.5s linear;
                          -webkit-transition: all 0.5s linear;
                          -o-transition: all 0.5s linear;}
.astrofj-img.astrofj-img3.opacity0 h2{transition: all 0.5s linear;
                                      -moz-transition: all 0.5s linear;
                                      -webkit-transition: all 0.5s linear;
                                      -o-transition: all 0.5s linear;
                                      -webkit-transform: translate3d(0, 30px, 0);
                                      -moz-transform: translate3d(0, 30px, 0);
                                      -o-transform: translate3d(0, 30px, 0);
                                      transform: translate3d(0, 30px, 0);}
.astrofj-img.astrofj-img3 h2{transition: all 0.5s linear;
                              -moz-transition: all 0.5s linear;
                              -webkit-transition: all 0.5s linear;
                              -o-transition: all 0.5s linear;
                              -webkit-transform: translate3d(0, 0, 0);
                              -moz-transform: translate3d(0, 0, 0);
                              -o-transform: translate3d(0, 0, 0);
                              transform: translate3d(0, 0, 0);}





/*app 预览动效*/
.astro8-appall{position: relative;display: inline-block;}
.astro8-appfooter1{position: absolute;
                  right: 78px;
                  bottom: 152px;
                  width: 54px;}
.astro8-appfooter2{position: absolute;right:69px;bottom:273px;width:72px;opacity:1;}
.astro8-ivideo{position: absolute;right:82px;bottom:406px;width: 42px;opacity:1;}
.astro8-set,
.astro8-bluetooth,
.astro8-mf,
.astro8-light,
.astro8-scene,
.astro8-beauty{width: 30px;
                  height: 30px;
                  position: absolute;
                  bottom: 116px;
                  left: 99px;
                  cursor: pointer;
                  z-index:2;}
.astro8-bluetooth{left:180px;}
.astro8-mf{bottom:210px;}
.astro8-light{bottom:300px;}
.astro8-scene{bottom:392px;}
.astro8-beauty{bottom: 487px;}
.astro8-set img{width: 30px;}
.astro8-bluetooth img{height: 26px;width: auto;}
.astro8-mf img{width:30px;}
.astro8-light img{height:30px;width:auto;}
.astro8-scene img{width:30px;}
.astro8-beauty img{height: 28px;width:auto;}
.astro8-wzall{position: absolute;
              top: 250px;
              right: -46px;
              transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
              z-index: 2;}
.astro8-wzpr{width: 420px;
            overflow: hidden;
            position: relative;
            height: 30px;}
.astro8-videowz,
.astro8-photowz{width: auto;
                display: inline-block;
                position: absolute;
                top: 6px;
                left: 0px;
                font-size: 16px;
                color: #fff;
                height: 30px;
                z-index: 1;}
.astro8-videop,.astro8-photop{cursor: pointer;}
.astro8-photowz.opacity0,.astro8-videowz.opacity0{z-index: 0;}
.astro8-vpgd{position: absolute;
            top: 0px;
            bottom: 0px;
            height: 100%;
            width: 100%;
            z-index: 0;}


.astro8-videowz p,
.astro8-photowz p{float: left;margin-right:40px;}

.astro8-videowz p.active,.astro8-photowz p.active{color:red;}


.astro8-appset img,
.astro8-appset2 img,
.astro8-appset3 img{width: 370px;}
.astro8-appset{position: absolute;
                top: 80px;
                left: 135px;
                text-align: center;
                width: 703px;}
.astro8-appset2{position: absolute;
                top: 150px;
                left: 135px;
                text-align: center;
                width: 703px;}
.astro8-appset3{position: absolute;
                top: 202px;
                left: 135px;
                text-align: center;
                width: 703px;}
.astro8-appset2in{display: inline-block;width: auto;position: relative;overflow: hidden;}
.astro8-appset2ab{position: absolute;top:0px;left: 0px;}
.astro8-appset2ab img{width: 434px;}
.astro8-appset2ab.active{-webkit-animation:appset 1.2s ease-in 0.5s;
                  -moz-animation:appset 1.2s ease-in 0.5s;
                  -o-animation:appset 1.2s ease-in 0.5s;
                  animation:appset 1.2s ease-in 0.5s;}
@keyframes appset{
  0%{left:0px;}
  65%{left: -65px;}
  100%{left: 0px;}
}
@-webkit-keyframes appset{
  0%{left:0px;}
  65%{left: -65px;}
  100%{left: 0px;}
}
@-moz-keyframes appset{
  0%{left:0px;}
  65%{left: -65px;}
  100%{left: 0px;}
}
@-ms-keyframes appset{
  0%{left:0px;}
  65%{left: -65px;}
  100%{left: 0px;}
}


/*需要隐藏的*/
.astro8-appset{opacity: 0;
              -webkit-transform: scale(0.5,0.5);
              -moz-transform: scale(0.5,0.5);
              -o-transform: scale(0.5,0.5);
              transform: scale(0.5,0.5);}
.astro8-appset.active{opacity: 1;
                      -webkit-transform: scale(1,1);
                      -moz-transform: scale(1,1);
                      -o-transform: scale(1,1);
                      transform: scale(1,1);
                      transition: all 0.2s linear;
                      -moz-transition: all 0.2s linear;
                      -webkit-transition: all 0.2s linear;
                      -o-transition: all 0.2s linear;}
.astro8-xqall{position: absolute;
              right: 190px;
              top: 52px;
              height:427px;
              width: auto;}
.astro8-xqallpr{height: 100%;}
.astro8-xqt img{width: auto;height:427px; }
.astro8-xqt{width: 0px;overflow: hidden;text-align: right;}
.astro8-xqt,.astro8-sjx{float: left;cursor: pointer;}
.astro8-sjx img{width: 6px;
                margin-top: 210px;
                margin-right: 10px;}
.astro8-xqall.active .astro8-sjx img{transition: all 0.2s linear;
                                      -moz-transition: all 0.2s linear;
                                      -webkit-transition: all 0.2s linear;
                                      -o-transition: all 0.2s linear;
                                      transform:rotate(180deg);
                                      -ms-transform:rotate(180deg);   /* IE 9 */
                                      -moz-transform:rotate(180deg);  
                                      -webkit-transform:rotate(180deg); 
                                      -o-transform:rotate(180deg);  /* Opera */}
.astro8-qd{position: absolute;
          top: 50%;
          left: 50%;
          color: #fff;
          width: auto;
          margin-top: -40px;
          margin-left: -40px;
          font-size: 14px;
          line-height: 22px;
          text-align: center;}
.astro8-qd img{width: 50px;}
.astro8-dtpr{position: relative;
              display: inline-block;
              width: auto;}
.astro8-dtab{position: absolute;
            top: 15px;
            right: 0px;}
.astro8-dtadd img{width: 44px;
                  height: auto;
                  margin-right: 24px;
                  margin-bottom: 14px;}
.astro8-dtgroup img{width: 70px;
                    height: auto;
                    margin-right: 5px;
                    margin-bottom: 25px;}
.astro8-mb{position: absolute;
            top: 48px;
            left: 49px;
            opacity: 0.7;
            z-index:1;}
.astro8-mb img{height: 426px;width: auto;}
.astro8-mbz img{height: 427px;width: auto;}
.astro8-gesture{margin-top: 46px;
                display: inline-block;}
.astro8-gesture a{color:#189be6;line-height: 54px;float: left;font-size: 20px;}
.astro8-gesture img{width: 32px;float: left;margin-left: 12px;}
.astro8-mbpr{position: relative;
              width: 100%;
              height: 100%;}
.astro8-mbab{position: absolute;
              top: 50%;
              left: 50%;
              color: #fff;
              font-size: 16px;
              line-height: 28px;
              margin-top: -9px;
              margin-left: -128px;}
.astro8-mbz{position: absolute;
            top: 52px;
            left: 44px;
            opacity:0.9;
            z-index:4;}
.astro8.active2 .astro8-mbz{opacity:0;
                            transition: all 1s linear;
                            -moz-transition: all 1s linear;
                            -webkit-transition: all 1s linear;
                            -o-transition: all 1s linear;}
.astro8-videocha{position: absolute;
                  right: 82px;
                  bottom: 406px;
                  width: 42px;
                  opacity: 1;
                  height: 90px;
                  cursor: pointer;}
.astro8-comshow{position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -140px;
                margin-top: -200px;}
.astro8-comshow img{height: 300px;width: auto;}
.astro8-imgdb{position: absolute;
              top: 52px;
              left: 44px;
              z-index: 0;
              width: 921px;
              height: 426px;
              overflow: hidden;
              border-radius: 53px;}
.astro8-imgdb img,.astro8-shadow img{height: 426px;width: auto;}
.astro8-shadow{position: absolute;
              top: 52px;
              left: 44px;
              z-index: 0;}
.astro8-zoomadd,
.astro8-zoomleast{position: absolute;bottom: 114px;left: 372px;width: 24px;}
.astro8-zoomleast{left: 620px;}
.astro8-zoom{position: absolute;    
            height: 18px;
            border-radius: 50%;
            background: #fdfdfd;
            left: 540px;
            width: 18px;
            bottom: 118px;
            transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;}
.astro8-flashlight{position: absolute;top: -52px;left: -95px;}
.astro8-flashlight img{width:400px;height:auto;}
.astro8-zooall{position: absolute;
                bottom: 114px;
                left: 372px;
                width: 272px;
                height: 26px;
                cursor: pointer;
                z-index: 2;}
.astro8-zoom.active{left: 520px;
                    transition: all 0.5s linear;
                    -moz-transition: all 0.5s linear;
                    -webkit-transition: all 0.5s linear;
                    -o-transition: all 0.5s linear;}
.astro8-djtip{position: absolute;
              top: 250px;
              right: 200px;}
.astro8-djtipin{border-radius: 4px;
                color: #fff;
                background: #2b2525;
                font-size: 18px;
                line-height: 35px;
                padding: 0px 17px;
                position: relative;}
.astro8-djtipin:after{content: '';
                      position: absolute;
                      top: 9px;
                      right: -12px;
                      width: 0;
                      height: 0;
                      border-width: 8px 0 10px 14px;
                      border-style: solid;
                      border-color: transparent transparent transparent #2b2525;}
.astro8-camera{position: absolute;left:44px;top:140px;}
.astro8-camera img{width: 35px;}
.astro8-imgdb.active img{-webkit-transform: scale(1.3,1.3);
                          -moz-transform: scale(1.3,1.3);
                          -o-transform: scale(1.3,1.3);
                          transform: scale(1.3,1.3);
                          transition: all 0.6s linear;
                          -moz-transition: all 0.6s linear;
                          -webkit-transition: all 0.6s linear;
                          -o-transition: all 0.6s linear;}
.astro8-imgdb.active2 img{-webkit-transform: scale(1,1);
                          -moz-transform: scale(1,1);
                          -o-transform: scale(1,1);
                          transform: scale(1,1);
                          transition: all 0.3s linear;
                          -moz-transition: all 0.3s linear;
                          -webkit-transition: all 0.3s linear;
                          -o-transition: all 0.3s linear;}
/*阿童木 end*/
/*视频 质量选择*/
.p_r{position: relative;}
.quality_frame{position: relative;
               text-align: center;
                margin: 0;
                padding: 0;
                height: 100%;
                width: auto;}
.vjs-control-bar .quality_frame{line-height: 3em;}
.quality_frame .quality_setting{padding-top: 0px;padding-bottom: 0px;color:#a7a7a7;min-width: 55px;}
.quality_frame .quality_setting.able{cursor: pointer;color:#fff;}
.vjs-control-bar .quality_ul{position: absolute;
                            bottom: 36px;
                            left: 0px;
                            padding: 0px;
                            list-style-type: none;
                            width: 100%;
                            background: rgba(43,51,63,.7);
                            text-align: center;
                            z-index: 1;}
.quality_li{cursor: pointer;}
.quality_li a{display: inline-block;width: 100%;height: 100%;}
.quality_li a:hover{color:#fff;}
.quality_bg{position: absolute;top:0px;left: 0px;width: 100%;height:100%;z-index: 0;}

/*order*/
.order{width: 100%;background: #fff;}
.order-inner{margin:0px auto;width:1080px;padding-top: 30px;}
.order-nav a{margin-right: 92px;
             color:#999;
             font-size: 14px;
             cursor: pointer;
             float: right;
             line-height: 30px;}
.order-nav a:hover{text-decoration: underline;}
.order-nav a.m_r0{margin-right: 0px;}
.order-cont1 h3{color:#454545;font-size: 38px;line-height: 48px;float: left;}
.order-cont1-img{float: left;width:32px;margin-top:6px;margin-right: 20px;}
.order-seach1{margin-top: 34px;}
.order-seach1-input{float: left;position: relative;}
.order-seach1-input input{border:1px #d8d8d8 solid;
                          border-right: none;
                          width: 460px;
                          line-height: 40px;
                          height:40px;
                          font-size: 16px;
                          outline:none;
                          padding:0px 15px;
                          color:#454545;}
.order-seach1-bottom{height: 40px;
                     line-height: 40px;
                     border:1px #c63418 solid;
                     background: #c63418;
                     color:#f5f5f5;
                     font-size: 16px;
                     padding:0px 30px;
                     float: left;
                     cursor: pointer;}
.order-inner{position: relative;}
.order-cont1{text-align: center;}
.order-title1{display: inline-block;}
.order-cont2-img{float: left;width: 28px;}
.order-cont2-img img{margin-top: 6px;}
.order-title2{padding-top: 30px;padding-bottom: 20px;}
.order-title2 h3{color:#454545;
                  font-size: 28px;
                  line-height: 42px;
                  float: left;
                  margin:0px 36px 0px 18px;}
.order2-input{float: left;position: relative;}
.order-clear{position: absolute;
              top: 0px;
              right: 0px;
              height: 100%;
              cursor: pointer;}
.order-clear img{width:30px;margin-top: 7px;}
.order2-input input{padding:0px 28px 0px 15px;
                    height: 40px;
                    line-height: 40px;
                    border:1px #e63418 solid;
                    font-size: 16px;
                    color:#454545;
                    width: 460px;}
.order2-bottom{color:#f5f5f5;
               background: #e63418;
               border:1px #e63418 solid;
               font-size: 16px;
               height: 40px;
               line-height: 40px;
               float: left;
               padding:0px 14px;
               cursor: pointer;}
.order2-bottom-checking{background: #bababa;
                        color: #686868;
                        border: 1px #bababa solid;}
.order2-item{margin-top: 60px;}
.order2-item-cont{border-top:4px #e63418 solid;
                  box-shadow: 2px 2px 50px #dbdbdb;
                  -moz-box-shadow: 2px 2px 50px #dbdbdb;
                  -webkit-box-shadow: 2px 2px 50px #dbdbdb;
                  -o-box-shadow: 2px 2px 50px #dbdbdb;}
.order2-item-title{display: flex;display: -webkit-flex;
                  align-items:center;
                  border-bottom:1px #ebf0f3 solid;}
.order2-item-title{font-size: 16px;color:#101010;line-height: 24px;}
.order2-item-title p{color:#999;}
.order2-item-title1{width: 290px;
                    border-right:1px #ebf0f3 solid;
                    height: 90px;
                    display: flex;
                    display: -webkit-flex;}
.order2-item-title1 h4{display: flex;display: -webkit-flex;align-items:center;padding-left: 40px;}
.order2-item-title2{width: 470px;
                    border-right:1px #ebf0f3 solid;
                    height: 90px;
                    display: flex;
                    display: -webkit-flex;}
.order2-item-title2in{display: flex;
                        display: -webkit-flex;
                        align-items:center;
                        padding-left: 40px;}
.order2-item-title3{width: 318px;text-align: center;}
.order2-item-title3 img{width:43px;}
.order2-item h3{font-size: 28px;line-height: 60px;color:#e63418;font-weight: normal;}
.order2-item-detail{display: table;position: relative;}
.order2-item-detail1{display: table-cell;width:290px;
                     border-right:1px #ebf0f3 solid;
                     padding-top: 20px;padding-bottom: 28px;}
.order2-item-detail2{display: table-cell;width: 470px;
                     border-right:1px #ebf0f3 solid;
                     padding-top: 20px;padding-bottom: 28px;}
.order2-item-detail3{display: table-cell;width: 318px;
                     padding-top: 20px;padding-bottom: 28px;}
.order2-item-detail1in,
.order2-item-detail2in,
.order2-item-detail3in{padding:0px 40px;}
.order2-scontall p{font-size: 14px;line-height: 20px;color:#454545;}
.order2-address-edit{text-align: center;
                      font-size: 14px;
                      line-height: 22px;
                      color: #e63418;
                      cursor: pointer;
                      margin-top: 20px;
                      padding: 0px 12px;}
.order2-item-detail1in{line-height: 90px;font-size: 38px;color:#333;}
.order2-item-detail1in h4 span{color:#999;
                               font-weight: normal;
                               font-size: 28px;
                               display: inline-block;
                               margin-left: 12px;}
.order-dstin{position: relative;padding-left: 46px;}
.order-dstitem{font-size:14px;
                line-height:22px;
                color: #d8d8d8;
                margin-bottom: 10px;
                position: relative;}
.order-dstcircle{position: absolute;
                  top: 0px;
                  left:-46px;
                  margin-left: -5px;
                  z-index: 1;}
.order-dstcircle span {display: inline-block;
                        width: 9px;
                        height: 9px;
                        border-radius: 50%;
                        background: #d8d8d8;}
.order-dstline{position: absolute;
              left: 0px;
              top: 10px;
              bottom: 7px;
              width: 1px;
              border-left: 1px #ccc dashed;
              z-index: 0;
              margin-left: -1px;}
.order-dstitem-kd{color: #999;}
.order-dstitem-kdl{display: inline-block;margin-right: 6px;}
.order-dstitem-ib{display: inline-block;}
a.order-dstitem-ib{color: #e63418;
                  text-decoration: underline;
                  margin-left: 8px;
                  cursor: pointer;}
.order-dstitem.actived .order-dstcircle span{background: #e63418;}
.order-dstitem.actived{color:#454545;}
.order-xg{color:#999;}
.order2-address-item{margin-bottom: 10px;
                     line-height: 22px;
                     font-size: 14px;
                     color:#454545;
                     display: flex;
                     display: -webkit-flex;}
.order2-cont-tp{width:auto;}
.order2-cont-nr{flex:1;}
.order2-cont-nr span{display: inline-block;margin-right: 6px;}
.order-error{font-size: 18px;
              color: red;
              line-height: 24px;
              margin-left: 190px;}
/**/
.order-edit-dpib{display: inline-block;
                 margin-right: 10px;
                 color:#999;
                 font-size: 14px;
                 line-height: 26px;
                 margin-bottom: 4px;}
.order-edit-longip{width:360px;border:1px #e4eaec solid;padding:0px 12px;border-radius: 4px;}
.order-edit-shortip{width:162px;border:1px #e4eaec solid;padding:0px 12px;border-radius: 4px;}
.order-edit-alltex{width: 558px;border:1px #e4eaec solid;padding:6px 12px;border-radius: 4px;}
.order-edit-shortsele{width:186px;border:1px #e4eaec solid;border-radius: 4px;}
.order-edit-longip input,
.order-edit-shortip input,
.order-edit-alltex textarea,
.order-edit-shortip .layui-input,
.order-edit-shortip .layui-select{width: 100%;height: 26px;
                                       line-height: 26px;
                                       font-size: 14px;
                                       color:#454545;
                                       border: none;}

.order-edit-alltex textarea{height:auto;overflow:auto;resize:none;}
.order-edit-dkitem{margin-bottom: 12px;}
.order-edit-dkbottom{display:inline-block;
                     background: #e63418;
                     border-radius: 4px;
                     width: auto;
                     color:#fff;
                     line-height: 28px;
                     padding:0px 25px;
                     cursor: pointer;}
.order-edit-dktjtip{color:#e63418;font-size: 14px;line-height: 28px;}
.order-edit-dk{margin-left: 30px;margin-top: 20px;}
.order-yzin{float: left;
            line-height: 28px;
            height: 28px;
            border-radius: 2px;
            border: 1px #d8d8d8 solid;}
.order-yzin input{padding: 0px 10px;
                  width: 206px;
                  line-height: 28px;
                  height: 28px;
                  border: none;
                  color:#454545;}
.order-yzget{float: left;
              padding: 0px 10px;
              line-height: 28px;
              background: #d3d3d3;
              color: #8b8b8b;
              margin-left: 10px;
              border-radius: 4px;
              cursor: default;}
.order-yzcanget1{background: #fa0000;
                color: #fff;
                cursor: pointer;}
.order-verify{width: 100%;
              margin-top: 17px;
              height: 28px;
              line-height: 28px;
              background: #fa0000;
              color: #fff;
              border-radius: 4px;}
.order2-address-edityz{text-align: center;margin-top: 90px;}
.order2-address-edityzin{display: inline-block;width:342px;}
.order2-address-edityz p{line-height: 24px;
                        margin: 6px 0px 18px;
                        color: #454545;
                        text-align: left;
                        margin-top: 18px;}
#count-down{display: inline-block;}
.tkclose{position: absolute;top:15px;right: 15px;
         width: 16px;height: 16px;
         z-index: 2;
         cursor: pointer;}
.order-cont2{padding-bottom: 40px;}
/**/
.order-seach1-sr{margin-bottom: 16px;position: relative;}
.order-seach1-srinp{padding: 0px 30px 0px 15px;
                    border: 1px #d8d8d8 solid;
                    color: #454545;
                    border-radius: 4px;}
.order-seach1-srinp input{line-height: 40px;
                          height: 40px;
                          font-size: 16px;
                          outline: none;
                          border: none;
                          width: 100%;}

.order-seach1-xxcode{height: 40px;
                    line-height: 40px;
                    border: 1px #c63418 solid;
                    background: #c63418;
                    color: #f5f5f5;
                    font-size: 16px;
                    padding: 0px 30px;
                    float: left;
                    cursor: pointer;
                    border-radius: 0px 4px 4px 0px;}
.order-seach1-input input{width: 360px;border-radius: 4px 0px 0px 4px;}
.order-seach1-bottom{float: none;border-radius: 4px;margin-top: 16px;}
.order-seach1{margin-top: 42px;}
.order2-input-sr{float: left;position: relative;margin-right: 12px;}
.order2-input-sr input{padding: 0px 28px 0px 15px;
                      height: 40px;
                      line-height: 40px;
                      border: 1px #e63418 solid;
                      font-size: 16px;
                      color: #454545;
                      width: 310px;
                      border-radius: 4px;}
.order2-input input{width: 250px;border-radius: 4px 0px  0px 4px;}
.order2-bottom-getxxcode{color: #f5f5f5;
                        background: #e63418;
                        border: 1px #e63418 solid;
                        font-size: 16px;
                        height: 40px;
                        line-height: 40px;
                        float: left;
                        padding: 0px 14px;
                        cursor: pointer;
                        border-radius: 0px 4px 4px 0px;
                        margin-right: 12px;}
.order2-bottom{border-radius: 4px;}
/**/
.store-link{display: inline-block;
            color: #fff;
            background: #F46435;
            line-height: 32px;
            margin-top: 9px;
            font-size: 16px;
            padding: 0px 14px;
            border-radius: 4px;
            cursor: pointer;
            margin-right: 15px;
            text-decoration: none;}
.kylin0-cell a.kylin-store{margin-top: 40px;
                           padding: 6px 48px;
                           font-size: 26px;
                           background:#FF6821;
                           background: -webkit-linear-gradient(30deg,#FF6821,#9240E6);
                           background: -moz-linear-gradient(30deg,#FF6821,#9240E6);
                           background: -o-linear-gradient(30deg,#FF6821,#9240E6);}
.m1-store{margin-top: 20px;
          padding: 6px 48px;
          font-size: 26px;
          background: #31A6EC;
          background: -webkit-linear-gradient(30deg,#31A6EC,#47CAF7);
          background: -moz-linear-gradient(30deg,#31A6EC,#47CAF7);
          background: -o-linear-gradient(30deg,#31A6EC,#47CAF7);
          border-radius: 30px;
          line-height: 45px;
          cursor: pointer;
          display: inline-block;}
/*客服en*/
.helpall{position: relative;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        cursor: pointer;}
.helpall-icon{width: 28px;height:28px;margin: 6px 12px 0px;
              background: url(https://resource.snoppa.com/web/images/snoppaweb/images/help.png) no-repeat;
              background-size: contain;}
.help-public{position: absolute;top:50px;left: -78px;
             padding-top:0px;width: 220px;
             height: 0px;
             overflow: hidden;
             transition: height 0.2s ease-in-out;
              -moz-transition: height 0.2s ease-in-out;
              -webkit-transition: height 0.2s ease-in-out;
              -o-transition: height 0.2s ease-in-out;}
.help-publicin{background: #F6F6F6;
              font-size: 16px;line-height: 22px;
              text-align: center;padding:10px 0px;
              border:1px #979797 solid;}
.help-public img{width: 166px;padding-top: 10px;}
.helpall:hover .helpall-icon{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/help2.png) no-repeat;background-size: contain;}
.helpall:hover .help-public{height: 264px;
                            padding-top:18px;
                            transition: height 0.4s ease-in-out;
                            -moz-transition: height 0.4s ease-in-out;
                            -webkit-transition: height 0.4s ease-in-out;
                            -o-transition: height 0.4s ease-in-out;}