@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* 全局 */
body,h1,h2,h3,h4,h5,h6,hr,p,pre,blockquote,dl,dd,ul,ol,th,td,form,fieldset,legend,button,input,textarea,img{margin:0;padding:0; border:none;}
h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-size:100%;}
fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}ul,li{list-style:none;}
address,cite,code,dfn,var,em,th{font-style:normal;font-weight:normal;}
button,input,textarea{outline:none;font-family:inherit;}:focus{outline:0;}
body{font-family:Arial, Helvetica, sans-serif;}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;}
a{color:#ac2424;text-decoration:none;}a:hover{text-decoration:none;}
i,em{font-weight:bold;font-style:normal;}
li{ float:left;}
/* 清浮动*/
/*
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
*/
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.wrap{ width:960px; margin:0px auto; background: #fff; }
.center{ width:960px; margin:0 auto;}
body{ font-family: Microsoft YaHei;}
/**/
/*nav*/
.nav{ height:152px; background:#e1e1e1;  }
.nav .logo{ float: left; padding-top: 50px; margin-left: 20px;}
.nav .navAd{ float: left; padding-top: 50px;}
.navAd ul li{ width: 192px; text-align: center; margin-left: 48px;}
.navContent{ height: 42px; background: url("../images/navBg.jpg") no-repeat;}
.navContent li{ width: 120px; text-align: center; height: 45px;  line-height: 45px;  }
.navContent li a { font-size: 16px; color: #000;     }
.navContent li a:hover{ text-decoration: underline;}
.navContent .search{ float: right; width: 180px; text-align: left;}
/*banner*/
.banner img{width: 100%;}
/*content*/
.content{ padding-top: 10px;}
.contentRight{ width: 782px;  float: right; border-radius: 8px;  }
.descriptionTitle{ background: #edeaea;border-radius: 8px; width: 99%; margin: 0 auto; word-wrap: break-word; padding: 5px 0px;  }
.productall{ border: 1px solid #dedede; padding-top: 5px; margin-bottom: 10px;}
.product .bigImg{ width: 512px; height: 512px; float: left; overflow: hidden;  }
.product .bigImg img{ width: 100%;}
.product .smallImg{ float: left; width: 260px;   }
.product .smallImg a{ width: 120px; height: 120px;  display: block; float: left; border: 1px solid #dedede; margin-top: 5px; margin-left: 3px; }
.product .smallImg a:hover{ border: 1px solid #fec015; }
.product .smallImg a img{ width: 100%; height: 100%;   }
.bannerPc{ display: block;}
.bannerPh{ display: none;}
    /*description*/
.description{ width: 100%;  margin-bottom: 10px;   }
 .Dtitle{ width: 100%; height: 35px; background: #fec015; border-radius:8px; margin-bottom: 8px;font-size: 16px; font-weight: 600;  }
 .Dtitle span{ display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: 3px;}
.descriptionContent{ width: 100%; box-sizing: border-box; border: 1px solid #dedede; padding: 0 6px;  }
.otherProduct li{ width: 178px; height: 280px; border: 1px solid #e1e1e1; margin-left: 12px; margin-bottom: 15px; }
.otherProduct li a{ width: 100%; color: #000; }
.otherProduct li a span{ padding: 0 6px;height: 84px;display: block;overflow: hidden;}
.otherProduct li img{ width: 100%; }

/*content left*/
.contentLeft{ width: 158px;    float: left;}
.leftOther{ border: 1px solid #dedede;border-radius: 8px; width: 100%; margin-bottom: 20px; }
.contentLeftTitle{ background: #fec015; height: 23px; border-radius: 5px; width: 95%; margin: 0 auto; margin-top: 4px; text-align: center; font-weight: 600;}
.weproduct{ width: 100%; padding-top: 10px; }
.weproduct li{ width: 100%; height: 238px; border-top: 1px solid #dedede; border-bottom:1px solid #dedede; margin-bottom: 10px; }
.weproduct li a{ font-size: 12px; color: #000; text-align: center; display: inline-block; width: 100%;overflow: hidden;}
.weproduct li img{ width: 100%;  }
.LeftShipping li{ padding:15px 0px;}
.StoreCategories{ padding-bottom: 20px;}
.StoreCategories li{ width: 90%; border-bottom: 1px dashed #dedede; margin: 0 auto; float: none; margin-top: 10px;  }
.StoreCategories li a{ text-align: center; width: 100%; color: #666;  display: block;}
.StoreCategories li a:hover{ color: #000; }
/*buy link*/
.buyLink{ width: 100%; text-align: center; margin: 20px 0px;}
.buyLink #binItems{ margin: 0 auto;}
/* faq*/
.tfree_tabs{
 padding:0;border-collapse:collapse;border-spacing:0;width:100%;font-family:Microsoft YaHei;
 border:1px solid #dedede;background:#eee;margin:0 auto;margin-bottom:20px;margin-top:20px;vertical-align:middle;
}
.tfree_tabs tr th{
 border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
 padding:2px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;vertical-align:middle;
}
.tfree_tabs tr td{
 border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;
 line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;vertical-align:middle;
 height:40px;line-height:20px;
}
.spanicon{height:20px;width:20px;display:inline-block;vertical-align:top;margin-right:5px;}
.spanicon img{width:20px;height:20px;display:inline-block;}
.tfree_tabs_tr{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
.tfree_tabs_tr .tdhead_o{ width: 902px; }
.tfree_tabs_tr .tdhead_t{ width: 260px; }
.tfree_tabs_tr .tdhead_th{ width:289px; }
.feedbackImg img{ width: 100%; }
 /*switch content*/
.otherContent{  padding-top: 25px; }
.otherContent .otherContentTxt{ width: 930px; margin: 0 auto; background: #f5f5f5; border-radius: 10px; padding-top: 25px; }
.otherContetnBg{  height: 50px; background: #f0efef; border-radius: 5px;     }
.faq_bg {
 background-image: url(../images/faq_icon1.png);
 padding-left: 20px;
 background-repeat: no-repeat;
}
.shippingImg{ width: 100%;}
.shippingContent table{ width: 75%;}
/*add picture*/
.addPicture{ text-align: center; width: 100%;}
.addPicture img{ width: 98%;}
main {
 min-width: 320px;
 max-width: 100%;
 margin: 0 auto;
 text-align: center;
 margin-top: -32px;
}
section {
 display: none;
 padding: 20px 0 0;
 text-align: left;
 border: 1px solid #a0a0a0;
 box-sizing: border-box;
}
input {
 display: none;
}

label {
 display: inline-block;
 margin: 0 0 -1px;
 padding: 5px 28px;
 text-align: center;
 color:#000;
 border: 1px solid #35495c;
 width:13.5%;
 background-color:#fff;
 text-align: center;
 font-weight: 600;
 border-radius: 8px;
}
main .labelS{
 width:28%;
}
label:hover {
 color: #35495c;
 cursor: pointer;
}

input:checked + label {
 color:#000;
 border: 1px solid #35495c;
 font-size:16px;
 background:#fec015;
 font-weight: 600;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
 display: block;
 font-size:16px;
 color:#666;
 padding:8px;
 padding-top:20px;
}
.description li{float:none;}
.description ul{list-style:inherit;}
.description ul li{ list-style:inherit; margin-left:35px; }

@media only screen and (max-width: 481px){
 .wrap{ width: 100%;}
 .banner img{ width: 100%;}
 .nav{ height: auto;}
 .nav .logo{ float: none; margin-left: 0px; text-align: center; }
 .nav .logo{ padding-top: 10px;}
 .navAd ul{ clear: both;}
 .navAd ul li{ width: 125px; margin-left: 0px;}
 .navAd ul li img{ width: 100%;}
 .nav .navAd{ float: none; padding-top: 10px; margin: 0 auto;}
 .navContent li a{ font-weight: 600;}
 .navContent{ background: none;}
 .contentLeft{ display: none;}
 .contentRight{ width: 100%;}
 .product .bigImg{ width: 100%; height: auto;}
 .product .smallImg{ width: 100%;}
 .product .smallImg a{ margin-left: 2px;}
 .otherProduct li{ margin-left: 6px;}
 label{ padding:5px; width: auto;}
 .shippingContent table{ width: 100%;}
 .tfree_tabs tr td span{ width: 100px; display: block; word-wrap: break-word;}
 /*.bannerPc{ display: none;}*/
 .banner img{width: 100%;}
 .bannerPh{ display: block;}
 /*add picture*/
 .addPicture{ text-align: center; width: 100%;}
 .addPicture img{ width: 100%;}
}

@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
}
@media (min-width: 481px) and (max-width: 769px){
}
/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
 width: 100%;
 height: 486px;
 background-size: 100% auto;
 background-color: black;
 background-position: center;
 background-repeat: no-repeat;
 display: flex;
 align-items: center;
 justify-content: center;
 margin: auto;
}
.video-container .btn{
 width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
 align-items: center;
 justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
 .video-wrap{width: 100%;}
}