@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;}
/*head nav*/
.headNav{ height: 68px; background: url("../images/nav.png"); position: relative;margin-top:20px; }
.nav .home{ width: 107px; height: 50px; background: url("../images/home_bg.png");}
.logo{ float: left; position: absolute; top:-15px; margin-left:25px;}
.nav{ float:right; margin-right:40px;  }
.nav li{ margin-top: 5px; margin-left:33px; position: relative; top:0px;  }
.nav li:hover{ top:-3px; transition: .3s;  }
.banner{ height: 320px; display: block;  }
.bannerPh{ display: none; }
/*description*/
.descriptionTitle{ height: 68px; background: url("../images/description_bg.png"); width: 872px; padding: 0px 44px; }
.descriptionTitleTxt{ float: left; margin-top:24px;}
.paypal{ float:right; margin-top: 15px;}
.descriptionContent{ width: 100%;padding:0px 15px; margin-bottom: 15px; box-sizing: border-box;}
.description{ border: 1px solid #a0a0a0;}
.descriptionLine{ height:6px; background:#f0e400; width: 97%; margin: 0 auto; margin-bottom: 15px; }
/*product img*/
.productImg{ padding: 0 40px; margin-bottom: 20px;}
.bigImg{ width: 535px; height: 535px;box-sizing: border-box; border: 1px solid #9a9999;overflow: hidden; float: left; }
.bigImg img{ width: 100%; height: 100%;}
.smallImg{ width: 295px; float: left; margin-left: 45px; }
.smallImg a{ width: 130px; height: 130px; border: 1px solid #9a9999;display: inline-block; margin-left:11px;}
.smallImg a:hover{ border:1px solid #efe200;  }
.smallImg img{ width: 100%; height: 100%; }
.buyLink{ width: 100%; text-align: center;}
.buyLink a{ color: #222121; font-size:20px; display: block; margin-top: 8px;}
.buyLink a:hover{ color: #484747;}
.promotionLink{ margin-top: 15px; margin-bottom: 20px;}
.mainBg{ width:718px; height: 46px; background: url("../images/main_bg.png") no-repeat;  }
.bottom{ margin-top:25px;}
/*feedback*/
.tfeedbackdetail{ padding:0px 30px 0px 15px;}
.tfeedbackdetail .tfree_tabs tr{ background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}
.tfeedbackdetail .tfree_tabs tr .tdheadOne{ width:386px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadTwo{ width:129px;  }
.tfeedbackdetail .tfree_tabs tr .tdheadThree{ width:149px;  }
.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;
}
.tfree_tabs tr th{
 border-right:1px solid #dedede;border-bottom:1px solid #dedede;color:#999;
 padding:5px 20px;height:40px;line-height:40px;font-size:14px;font-weight:bold;
}
.tfree_tabs tr td{
 border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;padding:10px 20px;
 line-height:20px;font-size:14px;color:#666;font-weight:normal;text-align:left;
}
.feedbackImg{ display: block;}
.feedbackImg img{ width: 98%; }
.feedbackPh{ width: 100%;  display: none;}
.feedbackPh img{ width: 100%;}
.otherLeft{ float: left; }
.otherRight{  float: right; width: 217px; }
.otherRight .weproduct{ width: 100%;}
.weproduct ul li{ width: 96%;  margin: 0 auto; float: none;}
.weproduct ul li{ font-size: 12px; margin-bottom: 20px;}
.weproduct ul li span{ padding: 0 5px; color:#686565; display: block; }
.weproduct ul li img{ width: 100%;border: 1px solid #7d7d7d;}
.weproduct ul li img:hover{ border:1px solid #efe300;}
main {
 min-width: 320px;
 max-width: 718px;
 margin-top: -45px;
}
section {
 display: none;
 padding: 20px 0 0;
 border-top: 1px solid #1b1919;
 background:#FFF;
 text-align: left;
}
input {
 display: none;
}
label {
 display: inline-block;
 margin: 0 0 -9px;
 padding: 7px 8px;
 text-align: center;
 color:#ffffff;
 width: auto;
 text-align: center;
 font-weight: 600;
 text-transform:uppercase;
 margin-left:15px;
}
.tab4{ padding: 7px 67px; }
main .labelS{
}
label:hover {
 color: #ffffff;
 cursor: pointer;
}
input:checked + label {
 color:#ffffff;
 font-size:16px;
 font-weight: 600;
 text-transform:uppercase;
}
#tab1+label{ background: url(" ../images/main_title1.png ") no-repeat ; width: 106px; height:33px; margin-top: 4px;  }
#tab2+label{ background: url(" ../images/main_title2.png ") no-repeat ; width: 106px; height:33px;  }
#tab3+label{ background: url(" ../images/main_title3.png ") no-repeat ; width: 106px; height:33px;  }
#tab4+label{ background: url(" ../images/main_title4.png ") no-repeat ; width: 106px; height:33px;  }
#tab1:checked+label{background: url(" ../images/main_title_1.png ") no-repeat ;}
#tab2:checked+label{background: url(" ../images/main_title_2.png ") no-repeat ;}
#tab3:checked+label{background: url(" ../images/main_title_3.png ") no-repeat ;}
#tab4:checked+label{background: url(" ../images/main_title_4.png ") no-repeat ;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5
{
 display: block;
 border: none;
 font-size:16px;
 color:#666;
 padding:8px;
 padding-top:20px;
 border-left: 1px solid #2e2d2d;
 border-right:1px solid #2e2d2d; ;
 border-bottom:1px solid #2e2d2d;;
}
@media only screen and (max-width: 481px) {
 .wrap{ width: 100%;}
 .logo{  margin-left:55px; }
 .banner{ width: 100%; display: none;}
 .bannerPh{ display: block; width: 100%; height: auto; }
 .bannerPh img{ width: 100%;}
 .bannerPh a{ display: block; width: 100%;}
 .nav{ display: none;}
 .description{ border: none; }
 .descriptionTitle{ width: 100%; padding: 0px; }
 .descriptionTitleTxt{ width: 100%; text-align: center;}
 .paypal img{ display: none;}
 .productImg{ padding: 0px;}
 .bigImg{ width: 100%; height: auto;}
 .promotionLink{ margin-bottom: 15px;}
 .promotionLink img{ width: 100%;}
 .smallImg{ margin-left: 0px; width: 100%; }
 .smallImg a{ margin-left:0px; width: 119px; margin-left: 0px;}
 .bottom img{ width: 100%;}
 .mainBg{ width: 100%;}
 .otherLeft{ width: 100%; float: none;}
 .otherRight{ width: 100%; float: none;}
 .moreItemTitle{ text-align: center; margin-top: 15px;}
 .shippingImg img{ width: 100%;}
 label{ padding: 7px 0px; margin-left: 0px;}
 #tab1+label{ background: url(" ../images/main_ph1.png ") no-repeat ; width: 90px; height:33px; margin-top: 4px;  }
 #tab1:checked+label{background: url(" ../images/main_ph1.png ") no-repeat ;}
 #tab2+label{ background: url(" ../images/main_ph2.png ") no-repeat ; width:90px; height:33px;  }
 #tab2:checked+label{background: url(" ../images/main_ph2.png ") no-repeat ;}
 #tab3+label{ background: url(" ../images/main_ph3.png") no-repeat ; width: 90px; height:33px;  }
 #tab3:checked+label{background: url(" ../images/main_ph3.png") no-repeat ;}
 #tab4+label{ background: url(" ../images/main_ph4.png ") no-repeat ; width: 90px; height:33px;  }
 #tab4:checked+label{background: url(" ../images/main_ph4.png ") no-repeat ;}
 .tab3{ padding-right:30px;  }
 .tab2{ padding-right:9px;}
 .tfree_tabs tr th{ padding: 5px 0px; }
 .tfree_tabs tr td{ padding: 0px; text-align: center;}
 .tfree_tabs tr td span{ display: block; width: 110px; word-wrap: break-word; padding: 0px 4px; }
 .tfeedbackdetail{ padding: 0px;}
 .feedbackImg{ display: none;}
 .feedbackPh{ display: block;}
 #content1 .gesbk p{ font-size: 12px; }
 #content2 .gesbk p{ font-size: 12px; }
 #content3 .gesbk p{ font-size: 12px; }
 #content4 .gesbk p{ font-size: 12px; }
}
/*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%;}
}