/*样式重置*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,from,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:1em;font-family:Arial;}
li{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none; color:#000;}
#banner img,#content img,#pic img,#tab img{
    display: block;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    border: none;
}
/*页面样式开始*/
#banner::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){
	#banner::before{width: 70%; padding: 5% 25% 5% 5%;}
}
@media screen and (max-width:600px){
	#banner::before{width: 75%; padding: 5% 20% 5% 5%;font-size: 1rem;max-height: 100%;min-height: 45%;}
}
@media screen and (max-width:400px){
	#banner::before{width: 85%; padding: 5% 10% 5% 5%;font-size: 0.9rem;}
		
}

/*海报*/
#banner{max-width: 1000px; margin: 0 auto;}

/*==========================content===========================*/
#content{max-width: 998px;background: #fff; margin: 0 auto;border-left:0.07em solid #d1d1d1;border-right:0.07em solid #d1d1d1;border-top: 0.07em solid #fff;padding-bottom: 1.5%;}
.content{
    -webkit-box-shadow: 0px 8px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 8px 15px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 8px 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 8px 15px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 15px rgba(0,0,0,0.2);
    margin-bottom: 1.5%;padding-top: 2%;padding-right: 2%;word-wrap: break-word;}
#content .content::before{
	display: inline-block;
  	content: 'Note: Professional installation would be highly recommended.';
  	color: red;
  	margin: 10px 0;
  	font-size: 1.5rem;
  	padding:0  30px;
}
#content h3{color: #be0909;text-shadow: 2px 3px 5px rgba(0,0,0,0.4);margin: 2% 0 1% 1%;font-size: 1.1em;}
#content h3:first-child{margin-top: 0;}
#content p{margin-left: 2em;line-height: 130%;}
#content p:last-child{padding-bottom: 2%;}

/*==========================pic===========================*/
#pic{max-width: 998px; margin: 0 auto;border-left: 0.07em solid #d1d1d1;border-right:0.07em solid #d1d1d1;}
#pic img{border-bottom: 0.7em solid #dddddd;}
#pic img:last-child{border-bottom:0;}

/*==========================tab===========================*/
/*服务板块*/
#tab{/*display: none;*/max-width:1000px; margin: 0 auto; position: relative; padding-bottom: 10%;height: 30em;}
.tab li{float: left;width: 25%;}
.tab::after{content: '';display: block; clear: both;}
.tab input{position: absolute; top: -9999px;left: -9999px;display: none;}
.tab label{width:100%; text-align: center; display: block; font-size: 1.4em; background: #d1d1d1; transition: 0.3s; cursor: pointer;padding: 2% 0;}
.tab .tab_content{width: 99.6%;  position: absolute;left: 0; display: none;border-left: 0.1em solid #d1d1d1;border-right: 0.1em solid #d1d1d1;border-bottom: 0.1em solid #999;font-size: 1em;}
.tab label:hover{background: #d1d1d1;}
.tab input[type="radio"]:checked + label{background: #f8c30b;}
.tab input[type="radio"]:checked ~ div[id^=tab_content]{display: block;}
#tab_content1{background-image:url(../img/shipping_bg.gif);background-repeat: no-repeat;background-size: 100%;padding-bottom: 10%;}
#tab_content2{background-image:url(../img/payment_bg.gif);background-repeat: no-repeat;background-size: 100%;padding-bottom: 13%;}
#tab_content3{background-image:url(../img/return_bg.gif);background-repeat: no-repeat;background-size: 100%;padding-bottom: 14%;}
#tab_content4{background-image:url(../img/About-Us_bg.gif);background-repeat: no-repeat;background-size: 100%;padding-bottom: 23%;}
#tab_content1 dl{margin: 2% 42% 0 2%;}

.tab_content dl dd{margin-bottom: 2%;}
.tab_content dl dd::before{content: url(../img/yuandian.gif); float: left;padding: 0.1em 0;}
#tab_content2 dl,#tab_content3 dl{margin:10% 40% 0 3%}
#tab_content2 dl dd,#tab_content3 dd{margin-bottom: 3.5%;}
#tab_content4 dl{margin:7% 44% 0 3%}
#tab_content4 dd{margin-bottom: 4%;}

/*响应式布局 800px以下*/
@media screen and (max-width:800px){
    /*选项卡   */
    #tab{width: 98%;height: auto; padding: 0 1%;}
    #tab .tab li{width:100%;border-bottom:0.11em solid #c7c7c7;border-top:0.11em solid #e0e0e0;}
    .tab label{text-align: left;padding:1.4% 1.5%;width: 97%;}
    .tab .tab_content{position: static;border: none;}
    #tab_content1{background-image:none;}
    #tab_content2{background-image:none;}
    #tab_content3{background-image:none;}
    #tab_content4{background-image:none;}
    #tab_content1 dl{margin:2% 0;}
    #tab_content2 dl{margin:2% 0;}
    #tab_content3 dl{margin:2% 0;}
    #tab_content4 dl{margin:2% 0;}
    .tab_content{padding: 0 !important;}
    .tab label::after{content: "+";display: block;color: black;float: right;}
    .tab [id^="tab"]:checked + label::after {content: "-";display: block;color: black;float: right;margin-right: 0.5%;}
    /*去除两侧边框*/
    #content,#pic{border: none;}
    
}

@media screen and (max-width:480px){
    .tab label{font-size:1.125em ;}
    #tab .tab_content{font-size: 0.875em;}
}