[v-cloak]{display:none;}
.font-title{font-size:.5rem}
.font-text{font-size:.18rem}
@keyframes topAnimate{0%{opacity:0;transform:translate3d(0,100%,0)}
100%{opacity:1;transform:translate3d(0,0%,0)}
}.index{width:100%;min-height:100vh}

.index-main{
    padding-top: 74px;
    padding-bottom: 0;
}

.right-nav{
    position: fixed;
    right: .5rem;
    top: 1.06rem;
    z-index: 99;
}
.right-nav ul li{
    margin-bottom: .1rem;
}
.right-nav ul li i{
    font-style: normal;
    margin-right: .125rem;
    color: #8e8e8e;
}
.right-nav ul li a{
    font-size: .1rem;
    letter-spacing: 0px;
	color: #8e8e8e;
    padding: .1rem;
    display: inline-block;
}
.right-nav ul li a:hover{
    background: #000;
    border-radius: 15px;
	color: #fff;
    padding: .1rem;
    display: inline-block;
}
.right-nav ul li:hover i{
	color: #fff;
}
.right-nav ul .on a{
    background: #000;
    border-radius: 15px;
	color: #fff;
    padding: .1rem;
    display: inline-block;
}
.right-nav ul .on i{
	color: #fff;
}

/* 黑五活动 */
.section-b5{
	width: 100%;
	height: .8rem;
	color: #fff;
	background-image: url(https://r.tourboxtech.com/en/src/images/index/christmas-top-bg-red.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-b5 a{
	color: #fff;
}
.section-b5 .b5-bg{
	width: 70%;
	margin: 0 auto;
}
.section-b5 .b5-bg .logo{
	display: inline-block;
	width: 2.8rem;
	height: auto;
	text-align: center;
	float: left;
	margin: .16rem 0 0 0;
}
.section-b5 .b5-bg .text-one{
	font-size: .5rem;
	margin: .14rem .15rem 0 .4rem;
	float: left;
}
.section-b5 .b5-bg .text-two{
	display: inline-block;
	width: 2rem;
	float: left;
	margin: .2rem 0 0 0;
}
.section-b5 .b5-bg .package{
	display: inline-block;
	width: 1.2rem;
	height: .6rem;
	float: left;
	margin: .1rem 0 0 .5rem;
}
/* 黑五活动 */

/* 1 */
.section-first{
    height: 8.5rem;
    width: 100%;
    position: relative;
    background: #1a1a1a;
    background: -moz-linear-gradient(top, #1a1a1a 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top, #1a1a1a 0%,#000000 100%);
    background: -o-linear-gradient(top, #1a1a1a 0%,#000000 100%);
    background: -ms-linear-gradient(top, #1a1a1a 0%,#000000 100%);
    background: linear-gradient(to bottom, #1a1a1a 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=0 );
}
.section-first .first-banner{
    width: 5.83rem;
    height: 5rem;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro1-banner.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.section-first .first-text{
    margin: 0 auto;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.section-first .first-text .dance-title{
	font-size: .77rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    margin-bottom: 0;
}
.section-first .first-text .dance-title .dance-text{
	font-size: .77rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    animation: bounce 1s cubic-bezier(0.05, 0, 0.2, 1) 2 alternate;
    display: inline-block;
    transform: translate3d(0, 0, 0);
}
.section-first .first-text .dance-title .dance-text:nth-child(1) {
    animation-delay: 0s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(2) {
    animation-delay: 0.0833333333s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(3) {
    animation-delay: 0.1666666667s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(4) {
    animation-delay: 0.25s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(5) {
    animation-delay: 0.3333333333s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(6) {
    animation-delay: 0.4166666667s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(7) {
    animation-delay: 0.5s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(8) {
    animation-delay: 0.58s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(9) {
    animation-delay: 0.66s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(10) {
    animation-delay: 0.75s;
  }
  .section-first .first-text .dance-title .dance-text:nth-child(11) {
    animation-delay: 0.83s;
  }
  @keyframes bounce {
    0% {
      transform: translate3d(0, 0, 0);
      text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
    }
    100% {
      transform: translate3d(0, -30px, 0);
      text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
    }
  }

  .section-first .first-text p{
    font-size: .16rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.section-first .bottom-img{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* 2 */
.section-second{
    width: 100%;
    height: 6rem;
    background-color: #fff;
}
.section-second .second-weight{
    width: 8.5rem;
    margin: 0 auto;
}
.section-second .second-text{
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding-top: .5rem;
    margin-bottom: .3rem;
}
.section-second .second-text h1{
    font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.section-second .second-index{
    position: relative;
}
.section-second .second-index video{
    position: absolute;
    top: 0;
    left: 0;
    width: 4.85rem;
    z-index: 3;
}
.section-second .second-index .second-content{
    position: absolute;
    top: 0.5rem;
    right: 0;
    z-index: 2;
    width: 4rem;
    height: 2.9rem;
    background: #434343;
    padding: .3rem .45rem .3rem .65rem;
}
.section-second .second-index .second-content h3{
    font-size: .125rem;
    color: #8e8e8e;
}
.section-second .second-index .second-content h4{
    font-size: .125rem;
    color: #fff;
    margin: .13rem 0 .15rem 0;
}
.section-second .second-index .second-content h5{
    font-size: .125rem;
    color: #8e8e8e;
    margin-bottom: .2rem;
}
.section-second .second-index .second-content .second-logo{
    width: 2.165rem;
    height: .785rem;
    display: block;
}


/* 3 */
.section-third{
    height: 6rem;
    background-color: #000;
}

.section-third .third-top{
    
}
.section-third .third-top img{
    width: 30%;
	height: 2.41rem;
    margin: .7rem .21rem 0 .21rem;
}
.section-third .third-middle{
    margin: .09rem 0;
}
.section-third .third-bottom{
    
}

/* 轮播 */
.picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
.picMarquee-left .hd{ overflow:hidden;  height:1rem; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 .09rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:1.8rem; height:1rem; display:block;}



/* 4 */
.section-fourth{
    height: 7.5rem;
    margin-top: -1px;
    background: #fff;
}
.section-fourth .fourth-left{
    float: left;
    width: 6.8rem;
}
.section-fourth .fourth-right{
    float: right;
    width: 7.01rem;
}
.section-fourth .fourth-left .fourth-img1{
    width: 6.8rem;
	height: 4.9rem;
    margin-bottom: .65rem;
    background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro4-bg1.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -1px;
}
.section-fourth .fourth-left .fourth-text1{
    width: 3.15rem;
    margin-left: 3.1rem;
}
.section-fourth .fourth-left .fourth-text1 p{
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.section-fourth .fourth-right .fourth-img2{
    bottom: 1.22rem;
    width: 7rem;
    height: 4.3rem;
    background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro4-bg2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}
.section-fourth .fourth-right .fourth-text2{
    margin: .88rem 0 .6rem 0;
}
.section-fourth .fourth-right .fourth-text2 h2{
    font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}

/* 5 */
.section-fifth{
    height: 6rem;
    width: 100%;
    background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro5-bg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}
.section-fifth h1{
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    margin: 0 auto .73rem auto;
    padding-top: 1.285rem;
    text-align: center;
}
.section-fifth img{
	width: 3.5rem;
    margin: 0 auto;
    display: block;
}

/* 6 */
.section-sixth{
    height: 12rem;
    width: 100%;
    background: #fff;
}
.section-sixth .sixth-weight{
    width: 8rem;
    margin: 0 auto;
}
.section-sixth .sixth-title{
    margin: 0 0 .625rem 0;
    text-align: center;
    width: 100%;
    padding-top: 1rem;
}
.section-sixth .sixth-title h1{
    font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.section-sixth .sixth-index{
    height: 2.78rem;
    clear: both;
    margin-bottom: .32rem;
    position: relative;
}
.section-sixth .sixth-index h2{
	font-weight: normal;
	font-stretch: normal;
    font-size: .22rem;
	letter-spacing: 0px;
	color: #000000;
    margin-bottom: .22rem;
}
.section-sixth .sixth-index p{
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    margin-bottom: .25rem;
}
.section-sixth .sixth-index img{
    display: block;
    float: left;
    width: 4rem;
    height: 2.78rem;
    margin-right: .35rem;
}
.section-sixth .sixth-index2 img{
    float: right;
    margin: 0 0 0 .35rem;
}
.section-sixth .sixth-index .sixth-logo{
    position: absolute;
    width: .31rem;
    height: .31rem;
    top: 0;
    margin: 0;
}
.section-sixth .sixth-index .sixth-logo2{
    left: 1.95rem;
}
.section-sixth .sixth-index .sixth-logo1,.sixth-logo3{
    right: 1.6rem;
}

/* 7 */
.section-seventh{
    width: 100%;
    position: relative;
    text-align: center;
}
.section-seventh .seventh-bg{
    width: 100%;
    height: 5.6rem;
    position: relative;
    text-align: center;
    background-image: url(https://r.tourboxtech.com/en/src/images/product_new/pro7-top-bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}
.section-seventh .seventh-bottom .seventh-index .video-box{
    width: 100%;
    height: 3.37rem;
}
.section-seventh .seventh-bottom .seventh-index .video-box video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.section-seventh .seventh-top{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.section-seventh .seventh-top div h1{
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.section-seventh .seventh-top div{
    margin-bottom: .33rem;
}
.section-seventh .seventh-top p{
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.section-seventh .seventh-bottom{
    
}
.section-seventh .seventh-bottom .seventh-index{
    width: 50%;
    height: 3.37rem;
    display: inline-block;
    float: left;
    position: relative;
    overflow: hidden;
    background: #373737;
}
.section-seventh .seventh-bottom .seventh-index1,.seventh-index2{
    border-bottom: 1px solid #a0a0a0;
}
.section-seventh .seventh-bottom .seventh-index1,.seventh-index3{
    border-right: 1px solid #a0a0a0;
}
.section-seventh .seventh-bottom .seventh-index .seventh-no{
    position: absolute;
    top: .3rem;
    left: .3rem;
    font-size: .21rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #a8a8a8;
    z-index: 99;
}
.section-seventh .seventh-bottom .seventh-index .seventh-text{
    width: 100%;
    height: 3.37rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}
.section-seventh .seventh-bottom .seventh-index .text-box{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.section-seventh .seventh-bottom .seventh-index .seventh-text h2{
    margin-bottom: .28rem;
    color: #ffffff;
    font-size: .235rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
}
.section-seventh .seventh-bottom .seventh-index .seventh-text p{
    color: #c1c1c1;
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
}

/* 8 */
.section-eighth{
    clear: both;
    width: 100%;
    height: 15.79rem;
    margin: 0 auto;
    background: #fff;
}
.section-eighth .eighth-weight{
    clear: both;
    width: 9.71rem;
    height: 15.79rem;
    margin: 0 auto;
}
.section-eighth .eighth-top{
    margin: 0 auto;
    padding-top: 1.2rem;
}
.section-eighth .eighth-top .top-content img{
    width: 4.62rem;
    height: 3.055rem;
    display: block;
    float: left;
    margin-right: .5rem;
}
.section-eighth .eighth-top .top-content{
    margin-bottom: .61rem;
    clear: both;
    height: 3.055rem;
}
.section-eighth .eighth-top .top-content .top-text {
    width: 4.5rem;
    float: right;
    margin-top: .225rem;
}
.section-eighth .eighth-top .top-content .top-text h1{
    font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    margin-bottom: .45rem;
}
.section-eighth .eighth-top .top-content .top-text p{
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    margin-bottom: .23rem;
}
.section-eighth .eighth-top .top-content2 img{
    float: right;
    margin-right: 0;
}
.section-eighth .eighth-top .top-content2 .top-text2{
    float: left;
    margin-right: .5rem;
}
.section-eighth .eighth-middle{
    text-align: center;
    margin-bottom: .54rem;
}
.section-eighth .eighth-middle h1{
    font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    margin: 0 auto;
    margin-bottom: .135rem;
}
.section-eighth .eighth-middle p{
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.section-eighth .eighth-bottom{
    display: flex;
    width: 100%;
}
.section-eighth .eighth-bottom .bottom-content{
    flex: 1;
}
.section-eighth .eighth-bottom .bottom-content1{
    margin-right: .26rem;
}
.section-eighth .eighth-bottom .bottom-content img{
    width: 4.72rem;
    display: block;
    margin-bottom: .2rem;
}
.section-eighth .eighth-bottom .bottom-content div{
    padding: 0 .15rem;
}
.section-eighth .eighth-bottom .bottom-content div h2{
    float: left;
    font-size: .18rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.section-eighth .eighth-bottom .bottom-content div p{
    float: right;
    width: 3.2rem;
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}

/* 9 */
.section-ninth{
    width: 100%;
    height: 17.585rem;
    position: relative;
    background: linear-gradient(to right, #1a1a1a 61%, #000 39%);
}
.section-ninth .ninth-bg-black{
    position: absolute;
    top: 0;
    left: 0;
    width: 61%;
    height: 6rem;
    background: #000;
}
.section-ninth .ninth-top{
    padding-top: 1.25rem;
    position: relative;
}
.section-ninth .ninth-top .top-content1{
	height: 5.345rem;
}
.section-ninth .ninth-top .top-content1 img{
    width: 8.85rem;
	height: 5.345rem;
    float: left;
}
.section-ninth .ninth-top .top-content1 div{
    float: left;
    margin: 1.6rem 0 0 .52rem;
}
.section-ninth .ninth-top .top-content1 div h1{
    font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    margin-bottom: .2rem;
}
.section-ninth .ninth-top .top-content1 div a{
    font-size: .125rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #8e8e8e;
}
.section-ninth .ninth-top .top-content2{
    height: 5.19rem;
    position: relative;
}
.section-ninth .ninth-top .top-content2 img{
    width: 7.845rem;
	height: 6.735rem;
    position: absolute;
    right: 0;
    top: -1.55rem;
}
.section-ninth .ninth-top .top-content2 .content2-index{
    float: left;
    width: 4.08rem;
    margin: .6rem 0 0 1.86rem;
    display: none;
}
.section-ninth .ninth-top .top-content2 .content2-index .content2-text:not(:last-child){
    padding-bottom: .252rem;
    border-bottom: 1px solid #cfcfcf;
}
.section-ninth .ninth-top .top-content2 .content2-index .content2-text:not(:first-child){
    margin-top: .31rem;
}
.section-ninth .ninth-top .top-content2 .content2-index .content2-text h2{
    font-size: .16rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    margin-bottom: .05rem;
    color: transparent;
    background-image: linear-gradient(to right, #3dd2e2, #3972b5);
    -webkit-background-clip: text;
    background-clip: text;
}
.section-ninth .ninth-top .top-content2 .content2-index .content2-text p{
    font-size: .14rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #8e8e8e;
}
.section-ninth .ninth-middle{
    margin: 1.28rem 0 .435rem 0;
    width: 100%;
    height: 5.25rem;
    background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro9-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.section-ninth .ninth-middle h1{
    margin: .285rem auto .605rem auto;
    text-align: center;
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.section-ninth .ninth-middle .middle-index{
    display: flex;
    width: 6.82rem;
    margin: 0 auto;
}
.section-ninth .ninth-middle .middle-index1{
    margin-bottom: .215rem;
}
.section-ninth .ninth-middle .middle-index img{
    width: 2.165rem;
	height: 1.37rem;
}
.section-ninth .ninth-middle .middle-index img:nth-child(2){
    margin: 0 .152rem;
}
.section-ninth .ninth-bottom{
    width: 6.82rem;
    height: 4.5rem;
    margin: 1rem auto 0 auto;
}
.section-ninth .ninth-bottom{
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.section-ninth .ninth-bottom .bottom-left{
    float: left;
    margin-top: 2.38rem;
}
.section-ninth .ninth-bottom .bottom-left div{
    height: .5rem;
}
.section-ninth .ninth-bottom .bottom-left div img{
    width: .5rem;
    height: .5rem;
    margin-right: .05rem;
}
.section-ninth .ninth-bottom .bottom-left h3{
	font-size: .11rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    margin-top: .11rem;
}
.section-ninth .ninth-bottom .bottom-right{
    width: 3.25rem;
    float: right;
}
.section-ninth .ninth-bottom .bottom-right ul li{
    border-bottom: 1px solid #666666;
    line-height: .42rem;
}
.section-ninth .ninth-bottom .bottom-right ul li:last-child{
    border-bottom: 1px solid #666666;
    padding-bottom: .2rem;
}
.section-ninth .ninth-bottom .bottom-right ul li span{
	font-size: .11rem;
	letter-spacing: 0px;
	color: #ffffff;
    display:table-cell;
    vertical-align:middle;
}
.section-ninth .ninth-bottom .bottom-right ul li:last-child p{
	font-size: .11rem;
	letter-spacing: 0px;
	color: #ffffff;
    margin-left: 55%;
    line-height: 0;
}
.section-ninth .ninth-bottom .bottom-right ul li span:first-child{
    width: 55%;
    display: inline-block;
    float: left;
}

/* 10 */
.section-tenth{
    width: 100%;
    height: 5.91rem;
    background-color: #e6e6e6;
}
.section-tenth .tenth-top{
    text-align: center;
    margin-bottom: .5rem;
}
.section-tenth .tenth-top h1{
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    margin: .0 0 .11rem 0;
    padding-top: .775rem;
}
.section-tenth .tenth-top .top-border{
    width: 3.12rem;
    height: 2px;
    background-color: #bbb;
    margin: 0 auto;
}

/* 轮播 */
.section-tenth .tenth-bottom .slideBox{ width:8.1rem; height:2.65rem; position:relative; margin: 0 auto; }
.section-tenth .tenth-bottom .slideBox .hd{ height:.51rem; overflow:hidden; position:absolute; right:50%; bottom:-.7rem; z-index:1; transform: translateX(50%);}
.section-tenth .tenth-bottom .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.section-tenth .tenth-bottom .slideBox .hd ul li{ 
    width: .45rem;
    height: .45rem;
    line-height: .45rem;
    text-align: center;
    float:left;
    font-size: .11rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    cursor:pointer; 
}.section-tenth .tenth-bottom .slideBox .hd ul li:not(:last-child){ 
    margin-right: .225rem;
}
.section-tenth .tenth-bottom .slideBox .hd ul li.on{ border: 1px solid #c4c4c4; border-radius: 50%;}
.section-tenth .tenth-bottom .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.section-tenth .tenth-bottom .slideBox .bd li{ zoom:1; vertical-align:middle; }
.section-tenth .tenth-bottom .slideBox .bd img{ width:1.96rem; height:2.65rem; display:inline-block;  }

/* 下面是前/后按钮代码 */
.section-tenth .tenth-bottom .slideBox .prev,
.section-tenth .tenth-bottom .slideBox .next{
    position: absolute;
    left: 18%;
    bottom: -.7rem;
    display: block;
    width: .36rem;
    height: .45rem;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.section-tenth .tenth-bottom .slideBox .prev img,
.section-tenth .tenth-bottom .slideBox .next img{
    width: .36rem;
}
.section-tenth .tenth-bottom .slideBox .next{ left:auto; right:18%; }
.section-tenth .tenth-bottom .slideBox .prev:hover,
.section-tenth .tenth-bottom .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.section-tenth .tenth-bottom .slideBox .prevStop{ display:none;  }
.section-tenth .tenth-bottom .slideBox .nextStop{ display:none;  }

/* 11 */
.section-eleventh{
    width: 100%;
    height: 6rem;
    background-color: #f0f0f0;
}
.section-eleventh .eleventh-top{
    text-align: center;
    margin-bottom: .5rem;
}
.section-eleventh .eleventh-top h1{
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    margin: 0 0 .11rem 0;
    padding-top: .775rem;
}
.section-eleventh .eleventh-top .top-border{
    width: 3.12rem;
    height: 2px;
    background-color: #bbb;
    margin: 0 auto;
}
.section-eleventh .eleventh-bottom{
    width: 8rem;
    height: 3.5rem;
    position: relative;
    margin: 0 auto;
}
.section-eleventh .eleventh-bottom img{
    width: 8rem;
    height: 3rem;
    margin: 0 auto;
    display: block;
}
.section-eleventh .eleventh-bottom .bottom-text{
    display: flex;
    position: absolute;
    top: 1.3rem;
    width: 8.5rem;
}
.section-eleventh .eleventh-bottom .bottom-text2{
    display: flex;
    position: absolute;
    top: 3.3rem;
    width: 8rem;
    margin-left: .2rem;
}
.section-eleventh .eleventh-bottom .bottom-text span{
    flex: 1;
    text-align: center;
}
.section-eleventh .eleventh-bottom .bottom-text span:first-child{
    text-align: left;
}
.section-eleventh .eleventh-bottom .bottom-text span:last-child{
    text-align: right;
    margin-right: .2rem;
}

/* 12 */
.section-twelfth{
    width: 100%;
    height: 6.7rem;
    background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro12-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
}
.section-twelfth h1{
    padding-top: 1.5rem;
    margin-bottom: .62rem;
	font-size: .35rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.section-twelfth p{
    width: 5.075rem;
    font-size: .125rem;
    line-height: .25rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    margin: 0 auto .2rem auto;
}
.section-twelfth p:last-child{
    margin: 0 auto .425rem auto;
}
.section-twelfth a{
    cursor: pointer;
    width: 1.025rem;
	height: .24rem;
    line-height: .24rem;
    text-align: center;
    display: block;
    background: #24bdb8;
    border-radius: 5px;
    margin: 0 auto;
    font-size: .08rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}

/* 移动端下的样式 */
@media only screen and (max-width:979px){
    .font-small {
      line-height: 1.3;
      font-size: .18rem;
      color:#000
    }
    .font-title{line-height:1.3;font-size:.32rem;color:#000;font-weight: 600;}
    .font-text{line-height:1.5;font-size:.14rem;color:#000}
    .font-text>span{color:#373737}
    .index{width:100%;overflow: hidden;}
    
    .header{position:absolute}
    .header-desk .desk-language{margin-left:0}
    
    /* .header-buy{
      display: block;
      position:absolute;
      top:.44rem;left:0;right:0;
      z-index:99;width:100%;
      height:.44rem;font-size:.18rem;color:#fff;background-color:#1C1C1E;
      transform:translateY(0%);
    }
    
    .header-buy>.buy-nav {
      width: 100%;
      height: 100%;
      padding: 0 .2rem;
    }
    
    .header-buy>.buy-nav>.nav-left {
      font-size: .16rem;
      color: #fff;
    }
    
    .header-buy>.buy-nav>.nav-right {
      width: .8rem;
      height: .26rem;
      text-align: center;
      line-height: .26rem;
      font-size: .16rem;
      color: #fff;
      border-radius: .15rem;
      background-image: linear-gradient(218deg,#004ffc 4%,#3f6ef6 94%);
    }
    
    .header-buy>.buy-list {
      position:fixed;
      top:.44rem;
      left: 0;
      z-index: 9;
      visibility: hidden;
      width: 100%;
      padding-bottom:.05rem;
      background-color:rgba(0,0,0,.9);
      box-shadow:1px 1px 1px 0px #eee;
    }
    
    .header-buy>.list-active {
      visibility: visible;
    }
    
    .header-buy>.buy-list>.list-item {
      position: relative;
      width:100%;
      height:.4rem;
      padding: 0 .2rem;
      font-size: .16rem;
      color: #fff;
    }
    
    .header-buy>.buy-list>div::after {
      position: absolute;
      left: 5%;
      bottom: 0;
      display: block;
      content: "";
      width: 90%;
      height: 1px;
      background-color: #f2f2f2;
    }
    
    .header-buy>.buy-list>.list-item>.item-shopify {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 9;
      width: 280px;
      height: 100%;
    } */
    
    .right-nav{
        display: none;
    }

    /* 黑五活动 */
    .index-main{
        padding-top: 0.44rem;
    }
	.section-b5{
		width: 100%;
		height: .6rem;
		color: #fff;
		background-image: url(https://r.tourboxtech.com/en/src/images/index/m-christmas-top-bg-red.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
	}
	.section-b5 .b5-bg{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.section-b5 .b5-bg .logo{
		display: inline-block;
		width: 1rem;
		height: auto;
		text-align: center;
		float: unset;
		margin: .05rem 0 0 0;
	}
	.section-b5 .b5-bg div{
		text-align: center;
		margin: 0 .1rem;
		padding: .12rem 0 0 0;
	}
	.section-b5 .b5-bg .text-one{
		font-size: .2rem;
		margin: 0 0 0 0;
		float: unset;
	}
	.section-b5 .b5-bg div img{
		width: 1.4rem;
	}
	.section-b5 .b5-bg .text-two{
		display: inline-block;
		font-size: .05rem;
		padding: 0;
		border: unset;
		border-radius: 0;
		float: unset;
		margin: 0 0 0 0;
	}
	.section-b5 .b5-bg .package{
		display: inline-block;
		width: .8rem;
		height: .4rem;
		float: unset;
		margin: .1rem 0 0 0;
	}
    /* 黑五活动 */

    /* 1 */
    .section-first{
        height: 5.8rem;
        width: 100%;
        position: relative;
        background: #1a1a1a;
        background: -moz-linear-gradient(top, #1a1a1a 0%, #000000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#000000));
        background: -webkit-linear-gradient(top, #1a1a1a 0%,#000000 100%);
        background: -o-linear-gradient(top, #1a1a1a 0%,#000000 100%);
        background: -ms-linear-gradient(top, #1a1a1a 0%,#000000 100%);
        background: linear-gradient(to bottom, #1a1a1a 0%,#000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=0 );
    }
    .section-first .first-banner{
        width: 80%;
        height: 3rem;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro1-banner.png');
        background-repeat: no-repeat;
        background-size: contain;
    }
    .section-first .first-text{
        margin: 0 auto;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 36%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .section-first .first-text .dance-title{
        font-size: .45rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin-bottom: 0;
    }

    .section-first .first-text p{
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }

    /* 2 */
    .section-second{
        width: 100%;
        height: 6.85rem;
        background-color: #fff;
        padding: .5rem 0;
    }
    .section-second .second-weight{
        width: 100%;
        margin: 0 auto;
    }
    .section-second .second-text{
        margin: 0 auto;
        text-align: center;
        width: 100%;
        padding-top: 0;
        margin-bottom: .3rem;
    }
    .section-second .second-text h1{
        font-size: .22rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        line-height: .26rem;
    }
    .section-second .second-index{
        position: relative;
    }
    .section-second .second-index video{
        position: unset;
        top: 0;
        left: 0;
        height: auto;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .section-second .second-index .second-content{
        position: unset;
        top: 0.5rem;
        right: 0;
        z-index: 2;
        width: 85%;
        height: auto;
        background: #434343;
        padding: .7rem .2rem .3rem .2rem;
        margin-top: -.5rem;
        float: right;
    }
    .section-second .second-index .second-content h3{
        font-size: .12rem;
        color: #8e8e8e;
    }
    .section-second .second-index .second-content h4{
        font-size: .12rem;
        color: #fff;
        margin: .13rem 0 .15rem 0;
    }
    .section-second .second-index .second-content h5{
        font-size: .12rem;
        color: #8e8e8e;
        margin-bottom: .2rem;
    }
    .section-second .second-index .second-content .second-logo{
        width: 2.165rem;
        height: .785rem;
        display: block;
    }


    /* 3 */
    .section-third{
        height: auto;
        background-color: #000;
        clear: both;
    }
    .section-third .m-ad3-bg{
        width: 100%;
    }

    .section-third .third-top{
        
    }
    .section-third .third-top img{
        width: 30%;
        height: 2.41rem;
        margin: .7rem .21rem 0 .21rem;
    }
    .section-third .third-middle{
        margin: .09rem 0;
    }
    .section-third .third-bottom{
        
    }

    /* 轮播 */
    .picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
    .picMarquee-left .hd{ overflow:hidden;  height:1rem; }
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{ margin:0 .09rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .pic{ text-align:center; }
    .picMarquee-left .bd ul li .pic img{ width:1.8rem; height:1rem; display:block;}

    /* 4 */
    .section-fourth{
        height: auto;
        margin-top: 0;
        background: #fff;
        padding: .5rem 0;
    }
    .section-fourth .fourth-left{
        float: left;
        width: 6.8rem;
    }
    .section-fourth .fourth-right{
        float: right;
        width: 7.01rem;
    }
    .section-fourth .fourth-left .fourth-img1{
        width: 6.8rem;
        height: 4.9rem;
        margin-bottom: .65rem;
        background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro4-bg1.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -1px;
    }
    .section-fourth .fourth-left .fourth-text1{
        width: 3.15rem;
        margin-left: 3.1rem;
    }
    .section-fourth .fourth-left .fourth-text1 p{
        font-size: .125rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }
    .section-fourth .fourth-right .fourth-img2{
        bottom: 1.22rem;
        width: 7rem;
        height: 4.3rem;
        background-image: url('https://r.tourboxtech.com/en/src/images/product_new/pro4-bg2.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }
    .section-fourth .fourth-right .fourth-text2{
        margin: .88rem 0 .6rem 0;
    }
    .section-fourth .fourth-right .fourth-text2 h2{
        font-size: .35rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }
    .section-fourth .m-fourth-title{
        font-size: .22rem;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin: 0 auto;
        text-align: center;
        font-weight: 600;
        line-height: .26rem;
    }
    .section-fourth .m-fourth-text{
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #8e8e8e;
        text-align: center;
        margin: .2rem 0;
    }
    .section-fourth .m-fourth-img{
        width: 100%;
    }

    /* 5 */
    .section-fifth{
        height: auto;
        width: 100%;
        background-image: url(https://r.tourboxtech.com/en/src/images/product_new/pro5-bg.jpg);
        background-repeat: no-repeat;
        background-position: unset;
        background-size: cover;
        background-attachment: unset;
        padding: .5rem 0;
    }
    .section-fifth h1{
        font-size: .22rem;
        font-weight: 600;
        line-height: .26rem;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 0 auto .5rem auto;
        padding-top: 0;
        text-align: center;
    }
    .section-fifth img{
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    /* 6 */
    .section-sixth{
        height: auto;
        width: 100%;
        background: #fff;
        padding: .5rem 0;
    }
    .section-sixth .sixth-weight{
        width: 90%;
        margin: 0 auto;
    }
    .section-sixth .sixth-title{
        margin: 0;
        text-align: center;
        width: 100%;
        padding-top: 0;
        margin-bottom: .3rem;
    }
    .section-sixth .sixth-title h1{
        font-size: .22rem;
        font-weight: 600;
        line-height: .26rem;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }
    .section-sixth .sixth-index{
        height: auto;
        clear: both;
        margin-bottom: 0;
        position: relative;
    }
    .section-sixth .sixth-index:not(:last-child){
        margin-bottom: .3rem;
    }
    .section-sixth .sixth-index h2{
        font-weight: normal;
        font-stretch: normal;
        font-size: .22rem;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: .05rem;
    }
    .section-sixth .sixth-index p{
        font-size: .125rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 0;
    }
    .section-sixth .sixth-index p:not(:last-child){
        margin-bottom: .15rem;
    }
    .section-sixth .sixth-index img{
        display: block;
        float: unset;
        width: 100%;
        height: auto;
        margin: 0 auto .05rem auto;
    }
    .section-sixth .sixth-index2 img{
        float: unset;
        margin: 0 auto .05rem auto;
    }
    .section-sixth .sixth-index .sixth-logo{
        position: absolute;
        width: .31rem;
        height: .31rem;
        top: 2.2rem;
        margin: 0;
    }
    .section-sixth .sixth-index .sixth-logo2{
        right: 0;
        left: unset;
    }
    .section-sixth .sixth-index .sixth-logo1,.sixth-logo3{
        right: 0;
    }

    /* 7 */
    .section-seventh{
        width: 100%;
        position: relative;
        text-align: center;
    }
    .section-seventh .seventh-bg{
        width: 100%;
        height: auto;
        position: relative;
        text-align: center;
        background-image: url(https://r.tourboxtech.com/en/src/images/product_new/pro7-top-bg.jpg);
        background-position: unset;
        background-size: 100% 100%;
        background-attachment: unset;
        padding: .5rem 5%;
    }
    .section-seventh video{
        width: 100%;
        height: 100%;
    }
    .section-seventh .seventh-top{
        width: 100%;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
    }
    .section-seventh .seventh-top div h1{
        font-size: .22rem;
        font-weight: 600;
        line-height: .26rem;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        text-align: center;
    }
    .section-seventh .seventh-top div{
        margin-bottom: .3rem;
    }
    .section-seventh .seventh-top p{
        font-size: .125rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .section-seventh .seventh-bottom{
        
    }
    .section-seventh .seventh-bottom .seventh-index{
        width: 100%;
        height: auto;
        display: block;
        float: unset;
        position: relative;
        overflow: visible;
        background: #1a1a1a;
    }
    .section-seventh .seventh-bottom .seventh-index1,.seventh-index2{
        border-bottom: 0;
    }
    .section-seventh .seventh-bottom .seventh-index1,.seventh-index3{
        border-right: 0;
    }
    .section-seventh .seventh-bottom .seventh-index .seventh-no{
        position: absolute;
        top: .15rem;
        left: .15rem;
        font-size: .16rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #a8a8a8;
        z-index: 99;
    }
    .section-seventh .seventh-bottom .seventh-index .seventh-text{
        width: 100%;
        height: auto;
        position: unset;
        top: unset;
        left: unset;
        background: unset;
        padding-bottom: 0;
        margin-bottom: .3rem;
    }
    .section-seventh .seventh-bottom .seventh-index .text-box{
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
    }
    .section-seventh .seventh-bottom .seventh-index .seventh-text h2{
        margin-bottom: .15rem;
        padding-top: .35rem;
        color: #ffffff;
        font-size: .22rem;
        font-weight: 600;
        line-height: .26rem;
        font-stretch: normal;
        letter-spacing: 0px;
    }
    .section-seventh .seventh-bottom .seventh-index .seventh-text p{
        color: #c1c1c1;
        font-size: .125rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
    }
    .section-seventh .seventh-bottom .seventh-index .video-box{
        width: 100%;
        height: auto;
    }
    .section-seventh .seventh-bottom .seventh-index .video-box video{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    /* 8 */
    .section-eighth{
        clear: both;
        width: 90%;
        height: auto;
        margin: 0 auto;
        background: #fff;
        padding: .5rem 0;
    }
    .section-eighth .eighth-weight{
        clear: both;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .section-eighth .eighth-top{
        margin: 0 auto;
        padding-top: 0;
    }
    .section-eighth .eighth-top .top-content img{
        width: 100%;
        height: auto;
        display: block;
        float: unset;
        margin-right: 0;
        margin-bottom: .2rem;
    }
    .section-eighth .eighth-top .top-content{
        margin-bottom: 0;
        clear: both;
        height: auto;
    }
    .section-eighth .eighth-top .top-content .top-text {
        width: 100%;
        float: unset;
        margin: 0 0 .2rem 0;
    }
    .section-eighth .eighth-top .top-content .top-text2:first-child {
        margin: .4rem 0 .2rem 0;
    }
    .section-eighth .eighth-top .top-content .top-text h1{
        font-size: .22rem;
        font-weight: 600;
        line-height: .26rem;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: .2rem;
    }
    .section-eighth .eighth-top .top-content .top-text p{
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: .15rem;
    }
    .section-eighth .eighth-top .top-content2 img{
        float: unset;
        margin-right: 0;
    }
    .section-eighth .eighth-top .top-content2 .top-text2{
        float: unset;
        margin-right: 0;
    }
    .section-eighth .eighth-middle{
        text-align: left;
        margin: .5rem 0 .2rem 0;
    }
    .section-eighth .eighth-middle h1{
        font-size: .22rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin: 0 auto;
        margin-bottom: .135rem;
        font-weight: 600;
    }
    .section-eighth .eighth-middle p{
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }
    .section-eighth .eighth-bottom{
        display: unset;
        width: 100%;
    }
    .section-eighth .eighth-bottom .bottom-content{
        flex: unset;
    }
    .section-eighth .eighth-bottom .bottom-content1{
        margin-right: 0;
        clear: both;
        margin-bottom: .2rem;
    }
    .section-eighth .eighth-bottom .bottom-content1 div{
        height: 1.2rem;
    }
    .section-eighth .eighth-bottom .bottom-content2{
        margin-top: 0;
        clear: both;
    }
    .section-eighth .eighth-bottom .bottom-content2 div{
        height: 1rem;
    }
    .section-eighth .eighth-bottom .bottom-content img{
        width: 100%;
        display: block;
        margin-bottom: .2rem;
    }
    .section-eighth .eighth-bottom .bottom-content div{
        padding: 0;
    }
    .section-eighth .eighth-bottom .bottom-content div h2{
        float: left;
        font-size: .14rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }
    .section-eighth .eighth-bottom .bottom-content div p{
        float: right;
        width: 70%;
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }

    /* 9 */
    .section-ninth{
        width: 100%;
        height: auto;
        position: relative;
        background: #000;
        clear: both;
        padding: 0 0 .5rem 0;
    }
    .section-ninth .ninth-bg-black{
        position: absolute;
        top: 0;
        left: 0;
        width: 61%;
        height: 6rem;
        background: #000;
    }
    .section-ninth .ninth-top{
        padding-top: 0;
        position: relative;
    }
    .section-ninth .ninth-top .top-content1{
        height: auto;
    }
    .section-ninth .ninth-top .top-content1 img{
        width: 100%;
        height: auto;
        float: unset;
    }
    .section-ninth .ninth-top .top-content1 div{
        float: unset;
        margin: 0;
    }
    .section-ninth .ninth-top .top-content1 div h1{
        font-size: .22rem;
        line-height: .26rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        width: 90%;
        margin: .6rem auto .3rem auto;
    }
    .section-ninth .ninth-top .top-content1 div a{
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #8e8e8e;
    }
    .section-ninth .ninth-top .top-content2{
        height: auto;
        position: relative;
    }
    .section-ninth .ninth-top .top-content2 img{
        width: 100%;
        height: auto;
        position: unset;
        right: unset;
        top: unset;
        margin: 0 0 0 0;
    }
    .section-ninth .ninth-top .top-content2 .content2-index{
        float: unset;
        width: 90%;
        margin: 0 auto;
        display: none;
    }
    .section-ninth .ninth-top .top-content2 .content2-index .content2-text:not(:last-child){
        padding-bottom: .252rem;
        border-bottom: 1px solid #cfcfcf;
    }
    .section-ninth .ninth-top .top-content2 .content2-index .content2-text:not(:first-child){
        margin-top: .31rem;
    }
    .section-ninth .ninth-top .top-content2 .content2-index .content2-text h2{
        font-size: .16rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin-bottom: .1rem;
        color: transparent;
        background-image: linear-gradient(to right, #3dd2e2, #3972b5);
        -webkit-background-clip: text;
        background-clip: text;
    }
    .section-ninth .ninth-top .top-content2 .content2-index .content2-text p{
        font-size: .14rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #8e8e8e;
    }
    .section-ninth .ninth-middle{
        margin: 0 auto;
        width: 90%;
        height: auto;
        background-image: unset;
        background-repeat: unset;
        background-size: unset;
    }
    .section-ninth .ninth-middle h1{
        margin: .3rem auto;
        text-align: center;
        font-size: .35rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .section-ninth .ninth-middle .middle-index{
        display: flex;
        width: 100%;
        margin: 0 auto;
    }
    .section-ninth .ninth-middle .middle-index1{
        margin-bottom: .2rem;
    }
    .section-ninth .ninth-middle .middle-index2{
        margin-bottom: .2rem;
    }
    .section-ninth .ninth-middle .middle-index img{
        width: 47.5%;
        height: 1rem;
    }
    .section-ninth .ninth-bottom{
        font-size: .35rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        width: 90%;
        height: auto;
        margin: .5rem auto 0 auto;
    }
    .section-ninth .ninth-bottom h1{
        font-weight: 600;
        font-size: .22rem;
        line-height: .26rem;
        margin-bottom: .2rem;
    }
    .section-ninth .ninth-bottom .bottom-left{
        float: unset;
        margin-top: .2rem;
    }
    .section-ninth .ninth-bottom .bottom-left div{
        height: .5rem;
    }
    .section-ninth .ninth-bottom .bottom-left div img{
        width: .5rem;
        height: .5rem;
        margin-right: .05rem;
    }
    .section-ninth .ninth-bottom .bottom-left h3{
        font-size: .11rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin-top: .11rem;
    }
    .section-ninth .ninth-bottom .bottom-right{
        width: 100%;
        float: unset;
    }
    .section-ninth .ninth-bottom .bottom-right ul li{
        border-bottom: 1px solid #666666;
        line-height: .42rem;
    }
    .section-ninth .ninth-bottom .bottom-right ul li:last-child{
        border-bottom: 1px solid #666666;
        padding-bottom: .2rem;
    }
    .section-ninth .ninth-bottom .bottom-right ul li span{
        font-size: .11rem;
        letter-spacing: 0px;
        color: #ffffff;
        display:table-cell;
        vertical-align:middle;
        display: inline-block;
    }
    .section-ninth .ninth-bottom .bottom-right ul li:last-child p{
        font-size: .11rem;
        letter-spacing: 0px;
        color: #ffffff;
        margin-left: 60%;
        line-height: 0;
    }
    .section-ninth .ninth-bottom .bottom-right ul li span:first-child{
        width: 60%;
        display: inline-block;
        float: left;
    }

    /* 10 */
    .section-tenth{
        width: 100%;
        height: auto;
        background-color: #e6e6e6;
        padding: .5rem 0;
    }
    .section-tenth .tenth-top{
        text-align: center;
        margin-bottom: .3rem;
    }
    .section-tenth .tenth-top h1{
        font-size: .22rem;
        line-height: .26rem;
        font-weight: 600;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin: .0 0 .2rem 0;
        padding-top: 0;
    }
    .section-tenth .tenth-top .top-border{
        width: 3.12rem;
        height: 2px;
        background-color: #bbb;
        margin: 0 auto;
    }
    .section-tenth .tenth-bottom{
        padding: 0 .2rem;
    }

    /* 轮播 */
    .section-tenth .tenth-bottom .slideBox{ width:100%; height:3.65rem; position:relative; margin: 0 auto; }
    .section-tenth .tenth-bottom .slideBox .hd{ height:.51rem; overflow:hidden; position:absolute; right:50%; bottom:-.7rem; z-index:1; transform: translateX(50%);}
    .section-tenth .tenth-bottom .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .section-tenth .tenth-bottom .slideBox .hd ul li{ 
        width: .45rem;
        height: .45rem;
        line-height: .45rem;
        text-align: center;
        float:left;
        font-size: .11rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        cursor:pointer; 
    }.section-tenth .tenth-bottom .slideBox .hd ul li:not(:last-child){ 
        margin-right: .225rem;
    }
    .tempWrap{
        width: 100% !important;
    }
    .section-tenth .tenth-bottom .slideBox .pc-show{
        display: none !important;
    }
    .section-tenth .tenth-bottom .slideBox .hd ul li.on{ border: 1px solid #c4c4c4; border-radius: 50%;}
    .section-tenth .tenth-bottom .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .section-tenth .tenth-bottom .slideBox .bd li{ zoom:1; vertical-align:middle; display: inline-block; margin: 0 .13rem;}
    .section-tenth .tenth-bottom .slideBox .bd img{ width:3.1rem; height: 3.65rem; display:inline-block;  }

    /* 下面是前/后按钮代码 */
    .section-tenth .tenth-bottom .slideBox .prev,
    .section-tenth .tenth-bottom .slideBox .next{
        position: absolute;
        left: -5%;
        bottom: 50%;
        display: block;
        filter: alpha(opacity=50);
        opacity: 0.5;
        width: .4rem;
        height: .4rem;
        font-size: .2rem;
        line-height: .4rem;
        text-align: center;
        color: #fff;
        background: rgba(41, 188, 202,0.5);
        border-radius: 50%;
    }
    .section-tenth .tenth-bottom .slideBox .prev img,
    .section-tenth .tenth-bottom .slideBox .next img{
        width: .36rem;
    }
    .section-tenth .tenth-bottom .slideBox .next{ left:auto; right:-5%; }
    .section-tenth .tenth-bottom .slideBox .prev:hover,
    .section-tenth .tenth-bottom .slideBox .next:hover{ filter:alpha(opacity=100);opacity:.5;  }
    .section-tenth .tenth-bottom .slideBox .prevStop{ display:none;  }
    .section-tenth .tenth-bottom .slideBox .nextStop{ display:none;  }

    /* 11 */
    .section-eleventh{
        width: 100%;
        height: 6rem;
        background-color: #f0f0f0;
    }
    .section-eleventh .eleventh-top{
        text-align: center;
        margin-bottom: .5rem;
    }
    .section-eleventh .eleventh-top h1{
        font-size: .35rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin: 0 0 .11rem 0;
        padding-top: .775rem;
    }
    .section-eleventh .eleventh-top .top-border{
        width: 3.12rem;
        height: 2px;
        background-color: #bbb;
        margin: 0 auto;
    }
    .section-eleventh .eleventh-bottom{
        width: 8rem;
        height: 3.5rem;
        position: relative;
        margin: 0 auto;
    }
    .section-eleventh .eleventh-bottom img{
        width: 8rem;
        height: 3rem;
        margin: 0 auto;
        display: block;
    }
    .section-eleventh .eleventh-bottom .bottom-text{
        display: flex;
        position: absolute;
        top: 1.3rem;
        width: 8.5rem;
    }
    .section-eleventh .eleventh-bottom .bottom-text2{
        display: flex;
        position: absolute;
        top: 3.3rem;
        width: 8rem;
        margin-left: .2rem;
    }
    .section-eleventh .eleventh-bottom .bottom-text span{
        flex: 1;
        text-align: center;
    }
    .section-eleventh .eleventh-bottom .bottom-text span:first-child{
        text-align: left;
    }
    .section-eleventh .eleventh-bottom .bottom-text span:last-child{
        text-align: right;
        margin-right: .2rem;
    }

    /* 12 */
    .section-twelfth{
        width: 100%;
        height: auto;
        background-image: url('https://r.tourboxtech.com/en/src/images/product_new/m-pro12-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        margin: 0 auto;
        padding: .5rem 0;
    }
    .section-twelfth h1{
        padding-top: 0;
        margin-bottom: .3rem;
        font-size: .22rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        text-align: center;
    }
    .section-twelfth p{
        width: 90%;
        font-size: .12rem;
        line-height: .17rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #fff;
        margin: 0 auto .2rem auto;
    }
    .section-twelfth p:last-child{
        margin: 0 auto .4rem auto;
    }
    .section-twelfth a{
        width: 1.2rem;
        height: .3rem;
        line-height: .3rem;
        text-align: center;
        display: block;
        background: #24bdb8;
        border-radius: 5px;
        margin: 0 auto;
        font-size: .12rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }
}