@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*/
.head{ height: 105px; background: #f0f1f0;padding-top: 13px; }
.headAd{ float: right; width: 960px; width: 350px;}
.logo{ float: left;}
.banner{ display: block}
.bannerPh{ display: none; }
/*nav*/
.nav{ height: 50px; background:url("../images/nav_bg.jpg"); padding-top: 12px;}
.nav ul li{ width: 115px; height: 40px; border-radius: 6px; text-align: center; line-height: 40px; margin-left: 12px;   }
.nav ul .home{  background: #2e85df; }
.nav ul .search{ float: right; width: 252px; margin-right: 15px;}
.nav ul li a{ color: #fff; font-size: 16px; }
.nav ul li a:hover{ color:#101010;}
/*banner*/
/*main content*/
.contentLeft{  float: left; width: 189px; height: 500px;  border-radius: 5px;box-sizing: border-box; }
.contentRight{  float: right; width: 760px;  height: auto; border-radius: 5px;}
.descriptionRight{ box-sizing: border-box; border: 1px solid #a0a0a0; margin-bottom: 10px;}
.productTitle{ height: 40px; border-bottom: 1px dashed #a0a0a0; padding: 0px 8px; line-height: 40px; overflow: hidden; white-space: nowrap; font-weight: 600; text-overflow: ellipsis;}
.productContent{ padding: 0px 8px;}
.productContent ul li{ float: none;}
.productImgTitle{ width: 759px; height: 36px; background: url("../images/title_bg.jpg");  line-height: 40px; font-weight: 600; color: #ffffff;}
.productImg{  box-sizing: border-box; border: 1px solid #a0a0a0; padding-bottom: 12px; margin-bottom: 15px; }
.bigImg{ width: 758px; overflow: hidden; height: 758px; }
.bigImg img{ width: 100%; }
.smallImg a{ width: 118px; height: 118px; border: 1px solid #a0a0a0;  display: inline-block; margin-left: 2px;    }
.smallImg a img{  width: 100%; height: auto; }
/*content left*/
.moreTitle{ width: 189px; height: 37px; background: url("../images/left_title.jpg"); text-align: center; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 37px;}
.moreItem{ border: 1px solid #a0a0a0; width: 100%;box-sizing: border-box; height:auto;margin-bottom: 20px; padding-bottom: 25px; }
.moreItem ul li{ width: 162px; height:225px; padding: 4px; background:#e5e5e5; float: none; margin: 0 auto; margin-top: 10px;   }
.moreItem ul li a{ font-size: 12px; color: #1e1e1f; word-wrap: break-word; display: block; }
.moreItem ul li a img{ width: 100%;}
.moreItem div p{ margin-top: 28px;  }
.moreItem div p .chooseIcon{ margin-left: 10px; }
.moreItem div p .chooseIconTxt{ width: 95px; display: inline-block; font-size: 14px; margin-left: 10px; vertical-align:top; word-wrap: break-word; }
.payment p{ text-align: center; margin-top: 35px;}
.otherDescription{ margin-bottom: 15px; }
.otherProduct{ border: 1px solid #a0a0a0; box-sizing: border-box; padding-bottom: 20px;}
.otherLikeItem ul li{  width: 165px; height: 210px; padding-top: 4px; box-sizing: border-box; margin-left: 22px; background: #e5e5e5; border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; margin-top: 15px;   }
.otherLikeItem ul li a{ color: #666464; word-wrap: break-word; padding: 0 5px; display: block; font-size: 12px; }
.otherLikeItem ul li a img{  width: 100%; }
.buyLink{ text-align: center;}
main {
 min-width: 320px;
 max-width: 960px;
 margin: 0 auto;
 background:#e9eae9;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 padding-top: 10px;
 border: 1px solid #a0a0a0;
}
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 -1px;
 padding: 7px 11px;
 text-align: center;
 color:#000000;
 border: 1px solid transparent;
 width: auto;
 background-color:none;
 text-align: center;
 font-weight: 600;
 text-transform:uppercase;
}
main .labelS{
 width:28%;
}
label:hover {
 color: #000000;
 cursor: pointer;
}

input:checked + label {
 color:#ffffff;
 font-size:16px;
 background:#2981dd;
 font-weight: 600;
 text-transform:uppercase;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
}
#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: 15px;
 padding-top:20px;

}
/*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 img{ width: 98%;}
.otherContent{ margin-bottom: 30px; }
section p{ line-height: 30px;}

#content4 .question{ margin: 18px 0px; }
.faq_bg{background: url(../images/question.png) no-repeat; padding-left: 20px; padding-bottom: 30px; }
.answer{ background: url(../images/answer.png) no-repeat; padding-left: 40px; padding-bottom: 30px; padding-top: 10px;}
/* other item*/
@media only screen and (max-width: 481px){
 .wrap{ width: 100%;}
 .banner { width: 100%; }
 .banner img{width: 100%;}
 .bannerPh{ display: block;}
 .bannerPh img{ width: 100%;}
 .banner img{ width: 100%;}
 .choose img{ width: 100%;}
 .logo{ text-align: center; width: 100%;}
 .logo img{ width: 80%; height: auto; }
 .head{ height: 185px; padding-top: 0px;}
 .headAd{ width: 245px; float: none; margin: 0 auto;}
 .headAd li{ width: 80px; height: auto; }
 .headAd li img{ width: 100%;}
 .nav ul li{ width: 70px; }
 .nav ul .search{ display: none;}
 .contentLeft{ display: none;}
 .contentRight{ width: 100%; float: none;}
 .productImgTitle{ width: 100%; font-size: 13px;}
 .bigImg{ width: 100%; height: auto;}
 .smallImg a{ width: 80px; height: 80px; }
 label{ padding: 7px 10px; font-size: 14px;  }
 input:checked + label{ font-size: 14px;}
 .tfree_tabs tr td{ padding: 0px;}
 .tfree_tabs tr td span{ display: block; width: 100px; word-wrap: break-word;}
 .otherLikeItem ul li{ margin-left: 15px; }
 #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 { font-size: 12px;}
}
@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%;}
}