*{
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-family: Arial;
/*    font-size: 0.833vw;*/
    background-size:100% 100%;
    -moz-background-size:100% 100%;}

body,div,ul,li,p,h3{
	padding:0px;
	margin:0px auto;
	border:0px;
    font-family: Arial;
  
    
	}

ul li{list-style: none;}
a{color: #000;text-decoration: none;}
.body_all{
    max-width: 935px;
    height: auto;
    margin: 0 auto;
    background-size: 100% 100%;
}
.body_a{width:100%;height: auto;background: #000;}
.body_a::before {
	content:'Delivery might be delayed,and some commercial addresses in the US East region even can not be delivered due to the epidemic. Please kindly confirm whether the region of yours can be normally delivered before purchasing.';
	display: block;
	width: 55%;
	max-height: 500px;
	min-height: 160px;
	padding: 17% 40% 5% 5%;
	background-image: url(https://photo.yitagroup.com/gd_Photos/ebay/html-20200225/funsport/img/WL_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100%;
	color:#fff;
	font-weight: bold;
	font-size: 1.4rem;
	border-bottom: 1px #151515 solid;
}
@media screen and (max-width:800px){
	.body_a::before{width: 70%; padding: 5% 25% 5% 5%;}
}
@media screen and (max-width:600px){
	.body_a::before{width: 75%; padding: 5% 20% 5% 5%;font-size: 1rem;max-height: 100%;min-height: 45%;}
}
@media screen and (max-width:400px){
	.body_a::before{width: 85%; padding: 5% 10% 5% 5%;font-size: 0.9rem;}
		
}

/***********banner***********/

.banner img{width:100%;height: auto !important; display: block;}

/*导航条开始*/
.Nav{
    padding-left: 1%;
    width: 99%;
    height: 99%;
    background-image: url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/DH-bg1.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.Navcon li{
    display: block;
    width: 14.22%;
/*   background: #545;*/
/*    margin-left: 10px;*/
/*    text-align: center;*/
    float: left;
}

.Navcon li a{
    width: 60%;
    height: 60%;
    padding-bottom: 45%;
    padding-right: 25%;
    padding-left: 0;
    display: block;
}


.DBT{width:97.8%;height:auto;background-image: url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/DBT-bg.jpg);margin: 0 auto;padding-top: 50px;}

.dongt .as{
    position: absolute;
    left: 18%;
    top: 10px;
    width: 68px;
    height: 42px;
    background:url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/360.png);
}
.dongt{
    overflow: hidden;
    position:relative;
    width: 65.57% !important;
    height: 100% !important;
    background-size: auto 100%;
    animation: dongt 9s steps(20) infinite;
}
   
@keyframes dongt{
        from{
            background-position: 0 0;
        }
        to{
            background-position: -2000% 0px;
        }
    }

/*------切换按钮设置--------- */


.LR, .RR {
  height: 100%;
  top: 0px;
  width: 10%;
  position: absolute;
  z-index: 5;
  padding: 1%;
  cursor: pointer;
  opacity: 0.1; 
}
  .LR:hover, .RR:hover {
    opacity: 0.5;
}
  .LR span, .RR span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 55px;
    color: #eee;
    width: 69px;
    height: 113px;
    display: inline-block;
/*    text-align: center;*/
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); 
}

.LR {
  left: 1%;
  text-align: left; 
}
  .LR span{
background-image: url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/L-jian-H.png);}

.RR {
  right: 0.7%;
  text-align: right; 
}
  .RR span{
    background-image: url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/R-jian-H.png);}

/*
.fimage:first-child .LR {
  display: none; }
*/

.RR[data-next-image=""], .RR[data-next-image="<!-- missing"] {
  display: none; }

/*
@media screen and (max-width: 780px){
    .fimage .XT li {
        display: none;
    }
}
*/


.fimage .XT li {
  border: 1px solid #fff;
  width: 109px;
  height: 109px;
  margin-bottom: 5px;
  transition: opacity 0.5s;
  opacity: 1;
  position: relative;
  cursor: pointer;
  color: #fff;
  text-align: center;
  position: relative;
  display: block;
  padding: 1px;
  background: #fff; 
}

  .fimage .XT li:hover {
    opacity: 0.7; 
}
  .fimage .XT li img {
    max-width: 107px;
    max-height: 107px;
    width: auto;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); 
}

#DBT-1_B [type=radio]:checked ~ .XT li {
  border: 1px solid #333; 
}

 #DBT-1 {
  position: relative;
  clear: both;
  margin: 0px auto; 
}

.fimage [type=radio] {
  display: none; }

.Bimage {
  position: absolute;
  top: 0px;
  margin: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  animation-name: lightboxout;
  animation-duration: 0.5s; 
}

@keyframes lightbox {
  from {
    opacity: 0;
    transform: scale(0); 
    }

  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes lightboxout {
  from {
    transform: scale(1.5); }

  to {
    background: rgba(0, 0, 0, 0);
    transform: scale(1); } }

#DBT-1_B [type=radio]:checked ~ .XT {
  color: #fff;
  z-index: 1; }

#DBT-1_B [type=radio]:checked ~ .Bimage {
  opacity: 1;
  z-index: 2;
  padding: 0px 0px 0px 0px; }


#DBT-1_B [type=checkbox]:checked ~ .Bimage {
  right: 0px;
  z-index: 100;
  background: #fff; }

#DBT-1_B [type=checkbox]:checked ~ .Bimage img {
  display: block;
  margin: 0px auto; }

#DBT-1_B [type="checkbox"]:checked ~ .Bimage span {
  display: none; }

.Bimagecb {
  display: none; }


#DBT-1 {
  height: auto;
  width: 100%; }

#DBT-1 .Bimage, #DBT-1 .Bimage div {
  height: 600px;
  width: 100%; }

#DBT-1 #DBT-1_B {
  height: auto;
  width: 100%;
  padding-top: 610px;
  margin: 0 auto;
	
}

#DBT-1 .Bimage {
  left: 0px; }

#DBT-1 #DBT-1_B {
  box-sizing: border-box;
  text-align: center; }

#DBT-1 .fimage {
  display: inline-block;
  height: 94px;
  margin-bottom: 5px; }

#DBT-1 .fimage .XT {
  margin: 10px 1px; }
  #DBT-1 .fimage .XT li {
    margin-right: 3px; }

#DBT-1 .Bimage img {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#DBT-1 #DBT-1_B [type=checkbox]:checked ~ .Bimage{
  animation-name: lightbox;
  animation-duration: 0.5s;
  padding: 0px;
  position: fixed;
  width: 100vw;
  left: 0px;
  right: 0px;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6); 
}
    #DBT-1 #DBT-1_B [type=checkbox]:checked ~ .Bimage{
  animation-name: lightbox;
  animation-duration: 0.5s;
  padding: 0px;
  position: fixed;
  width: 100vw;
  left: 0px;
  right: 0px;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6); 
}
  #DBT-1 #DBT-1_B [type=checkbox]:checked ~ .Bimage > div{
    background: #fff;
    position: static;
    position: relative;
    box-sizing: content-box;
    top: 0px;
    max-height: 80vh;
    width: 100%;
    height: auto;
    max-width: 60vw;
    margin: auto;
    margin-top: 10vh;
    padding: 10px;
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);
    }
  #DBT-1 #DBT-1_B [type=checkbox]:checked ~ .Bimage > div img{
    max-height: 80vh;
    transform: none;
    top: auto; }
  #DBT-1 #DBT-1_B [type=checkbox]:checked ~ .Bimage > div::after{
    background: #fff;
/*    border-radius: 0px 0px 6px 6px;*/
    color: #666;
    content: "Click to close";
    font-size: 16px;
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }

#DBT-1 .fimage[data=""],#DBT-1 .fimage[data*="<!-- missing"] {
  display: none; }

.ps p{
    display: inline-block;
    width:30%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 15px;
    z-index: 100;
    font-family: Arial;
    font-size: 1.4em;
    color: #585858;
}
.ps p::before{
    content: url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/bulbs.png);
    margin-right: 5px;
}

/*=========xunaxianka==========*/



div#tabs {
  margin: 0 auto;
  display: block;
/*  text-align: center;*/
    width: 97.8%;
    position: relative;
}
  div#tabs [type=radio] {
    display: none; }
  div#tabs label.mobile_tab {
    display: none; }

  div#tabs label li {

    font-size: 16px;
    font-family:Arial;
    border-radius: 0px 0px 0px 0px;
    float: left;
    list-style: none;
    cursor: pointer;
    width: 20%;
    text-align: center;
    background: #0c0c1c;
    padding: 8px 0px 14px;
    transition: all 0.5s;
    font-weight: 500;
    position: relative; }
  div#tabs label li a {
    color: #fff;
    text-decoration: none; }



  div#tabs [type=radio]:checked + label li, div#tabs label li:hover {
    background: #0c0c1c; }
  div#tabs [type=radio]:checked + label li a, div#tabs label li:hover a {
    color: #fff; }
  div#tabs [type=radio]:checked + label li a:after, div#tabs label li:hover a:after {
    position: absolute;
    width: 70%;
    display: block;
    height:2px;
    background: #eac11b;
    bottom: 6px;
    left: 16%;
    content: ""; }
  div#tabs #tab-1:checked ~ .content1, div#tabs #tab-2:checked ~ .content2, div#tabs #tab-3:checked ~ .content3, div#tabs #tab-4:checked ~ .content4, div#tabs #tab-5:checked ~ .content5 {
    display: block; }
  div#tabs #tab-1:checked ~ .content1 .tabcontent, div#tabs #tab-2:checked ~ .content2 .tabcontent, div#tabs #tab-3:checked ~ .content3 .tabcontent, div#tabs #tab-4:checked ~ .content4 .tabcontent, div#tabs #tab-5:checked ~ .content5 .tabcontent, div#tabs #tab-1:checked ~ .content1 h4, div#tabs #tab-2:checked ~ .content2 h4, div#tabs #tab-3:checked ~ .content3 h4, div#tabs #tab-4:checked ~ .content4 h4, div#tabs #tab-5:checked ~ .content5 h4 {
    animation-name: tabIn;
    animation-duration: 1.2s; }

  div#tabs .content {
      width: 93.9%;
    border-radius: 0px 0px 0px 0px;
    animation-duration: 0.5s;
    clear: both;
    padding: 0px 3% 15px;
    border: 0px solid #c6c6c6;
    background: #0c0c1c;
    display: none; }
  div#tabs .content h4.tabtitle {
    display: none; }
  div#tabs .content li {
    text-align: left; }
  div#tabs .content .tabcontent {
    white-space: normal;
    padding-top: 20px;
    margin: 0px;
    display: block;
     color: #000;
      line-height: 20px;
 }
  div#tabs .content .tabcontent 30px 140px a {
    color: #196696;
       background: #545;
    text-decoration: underline; }

div#tabs label li a {
  display: block;
  pointer-events: none; }

.xuxian{display: block;width: 100%;height: 2px; border-bottom: 1px  dashed #fff; z-index: 2; opacity: 0.5; position: relative;top: 45px;}
.dian{
    width: 93.9%;
    height: 12px;
    background-image: url();
    z-index: 10;
    top: 75px;
    left: 28px;
    position: absolute;
}
/*=======miaoshuneirong===========*/
#descriptioncontent{
    font-family: Arial;
    font-size: 16px;
    clear: both;
}
.biaoti{
    font-size: 16px;
    color: #a60203;
    font-weight: bold;
    display: block;
}
.biaoti-2{
    font-size: 16px;
    color: #a60203;
    font-weight: bold;
    display: block;
    padding-top: 20px;
    padding-bottom: 0px;
}
.biaoti-3{
    font-size: 16px;
    color: #a60203;
    font-weight: bold;
    display: block;
    padding-top: 20px;
    padding-bottom: -10px;
}
.biaoti-4{
    font-size: 16px;
    color: #a60203;
    font-weight: bold;
    display: block;
    padding-top: 20px;
    padding-bottom: -10px;
}
.note{
    color:#b30b0b; 
    clear: both;
}
.leimu{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.ss{
    width: 95.9%;
    height: auto;
    background: #909097;
    padding:0px 1%; 
    box-shadow: 0px 10px 15px #02020b;
}
.ss span{
    line-height: 1.3em;
}
.ss li{
    list-style: none;
    line-height: 2em;
}
.suo{
   
    text-indent: -1em;
    margin-left: 1em;
}
/*==========guanlianyingxiao========*/
.gl{
    width:97.8%;
    height:auto;
     border-radius: 0px 0px 15px 15px;
    background: #0c0c1c;
    padding-bottom: 15px;
  
}
.gl-t{
    width: 100%;
    height: 44px;
    background: #0c0c1c;
    border-bottom: 1px rgba(255, 255, 255, 0.5) dashed;
   
}
.gl-t p{
    display: block;
    padding: 23px 0px 5px 5px;
    font-size: 1em;
    color: #fbcf28;
    font-weight: bold;
}
.gl-b{
    width: 92.3%;
    height: auto;  
}
.gl-b li{
    list-style: none;
    float: left;
    width: 19.4%;
    height: 96%;
    margin-right: 1.2%;
    padding:3% 2.1% 0px;
    text-align: center;
}
.gl-b .tp{
    width: 113px;
    height: 113px;
    background: #fff;
   
}
.text span{
    display: block;
    padding: 10px 0px;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    color: #cacaca;
}
    

.tp img{
    width: 113px;
    height: 113px;
    border-radius:  5px 5px 5px 5px;
}
.gl-b .text p{
    padding-top: 10px; 
    display: block;
    text-align: center;
    font-size: 0.8em;
    color: darkgray;
}
/*=========foot===========*/

.foot{width: 97.8%;height: auto; background:#0c0c1c;margin-top: 10px; border-top-left-radius: 15px;border-top-right-radius: 15px;padding-top: 15px;}
.foot ul{
    width: 96.8%;
    height:auto;
/*    background: #664;*/
}
.foot li{
    width: 31.3%;
    height: auto;
/*    background:#534;*/
    float: left;
    margin-right: 2.95%;
    color: #9f9f9f;
}
.foot img{
    width: 100%;
}



@media screen and (max-width: 768px){
    div#tabs label li{
        width: 20%;
    } 
    #DBT-1 .Bimage, #DBT-1 .Bimage div {
  height: 503px;
  width: 100%; }
    
    .daohang{height: auto;}
     .fimage .XT li{
        display: none;
    } 
    
  div#tabs .content {
      width: auto;}
    .xuxian{
        display: none;}
    .DBT{
        border-bottom: 1px #787878 dashed;
        height: 610px;
    }
    .dongt,#DBT-1 .Bimage, #DBT-1 .Bimage div {
        height:600px;
        
    }
    .dian{
        display: none;
    }
    .gl-b li{
        width:19.4%;
    }
    .gl-b .text p{
        font-size: 0.6em;
    }
      .text span{
        font-size: 1em;
    }
    .foot li{
        margin-right: 2.9%;
        font-size: 0.9em;
    }
    .LR,.RR{
      opacity: 0.2; 
}
  .LR:hover, .RR:hover {
    opacity: 0.5;
}
    .dongt .as{
         left: 12%;
        top: 10px;
    }
    
    .ps p{font-size: 1.2em;}
    
}



@media screen and (max-width: 480px){
     div#tabs label li{
        width: 100%;
    }
    .RR {
        right:3%;}
    .dongt,#DBT-1 .Bimage, #DBT-1 .Bimage div {
        height: 404px;
    }
    .DBT{
        height:404px;
    }
    #DBT-1 .Bimage img,.LR span, .RR span{
        top: 50%;
    }
    .DBT{
        padding-top: 10px;
    }
    .gl-b li{
        width: 39%;
        margin-left: 4%;
        text-align: center;
    }
    .text span{
        font-size: 1em;
    }
       .foot li{
        font-size: 0.8em;
           line-height: 1em;
    }
    .LR,.RR{
      opacity: 0.2; 
}
  .LR:hover, .RR:hover {
    opacity: 0.5;
}
     .dongt .as{
         left: 5%;
        top: 30px;
         width: 45px;
        height: 28px;
         background-size: 100%;
    }
    .dongt{
    width: auto !important;
    height: 100%  !important;
     background-size:  auto 100%  !important;
    }
    .ps p{font-size: 0.5em;padding-top:10px;}
    .ps p::before{
        content: url(https://photo.yitagroup.com/gd_Photos/funsport-usa/html201906/ebaymeishipin/img/bulbsx.png);
         }

    .ps p{font-size: 1.2em;}
    
}
@media screen and (max-width:375px){
    .dongt{
    height: 90.78%  !important;
    }
}
@media screen and (max-width: 320px){
    .dongt .as{
         left: 5%;
        top: 10px;
    }
.gl-t p{
        font-size: 0.8em;}
 .dongt{
    height: 77.4%  !important;
    }
}