@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{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{text-decoration:none;display: block;}a:hover{text-decoration:none;}
i,em{font-style:normal;display: block;}
li{ float:left;}
/* 清浮动*/
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.container{background:#fff;width: 960px;margin: 0 auto;}
header{background-color: #1d1b1c;width: 100%;padding: 0 20px;box-sizing: border-box;height:72px;display: flex;align-items: center; }
nav{display: flex;width: 100%;align-items: center;}
nav a{width: 30%;text-align: center;display: inline-block;color: white;font-size: 30px;font-family: PingFang-SC-Heavy;border-right: 1px solid white;}
nav a:last-child{border-right: none;}
.banner {width: 100%;}
.banner img{width: 100%;vertical-align: middle;}
.why{width: 94%;box-shadow: 0px 2px 1px 0px
rgba(0, 0, 0, 0.57);background-color: #1d1b1c;margin:0 auto;}
.why .w_wrap{display: flex;justify-content: space-between;width: 100%;color: white;height: 76px;margin-top: 10px;}
.why .w_wrap li{display: flex;align-items: center;	font-size: 15px;font-family: PingFang-SC-Medium;}
.why .w_wrap li img{margin-right: 5px;}
.product{width: 100%;padding: 0 10px;box-sizing: border-box;margin-top: 10px;}
.product .p_wrap{display: flex;justify-content: space-between;}
.product .p_wrap .p_left{color:white;background: url("../images/p_left.png") no-repeat;background-size: 100% 100%;width: 38%;display: flex;justify-content: center;flex-direction: column;padding: 10px 20px;box-sizing: border-box;}
.product .p_wrap .p_right{width: 61%;display: flex;justify-content: space-between;}
.product .p_wrap .p_left .p_title{	font-size: 14px;font-family: PingFang-SC-Medium;}
.product .p_wrap .p_left .line{display: block;height: 2px;width: 100%;background: #fccc77;margin: 15px 0;}
.product .p_wrap .p_left .p_left_wrap{width: 95%;}
.product .p_wrap .p_left .p_left_wrap li{display: flex;align-items: center;margin-bottom: 20px;}
.product .p_wrap .p_left .p_left_wrap li p{font-size: 14px;font-family: ArialMT;margin-left: 10px;}
.product .p_wrap .p_left .p_left_wrap li span{display:block;font-size: 18px;font-family: Arial-BoldMT;font-weight: bold;}
.product .p_wrap .p_left  .buyTxt{	font-size: 19px;font-family: PingFang-SC-Medium;color: #fccc77;text-align: center;}
.product .p_wrap .p_left  .buyNow{letter-spacing: 1px;height:39px;line-height:39px;text-align:center;background-image: linear-gradient(180deg,
rgba(0, 0, 0, 0.39) 17%,
rgba(255, 255, 255, 0.39) 100%),
linear-gradient(
        #f7c98a,
        #f7c98a);
    background-blend-mode: overlay,
    normal;
    box-shadow: 0px 3px 3px 0px
    rgba(0, 0, 0, 0.75);
    border: solid 1px rgba(202, 145, 70, 0.79);width: 60%;margin: 20px auto 0 auto;color: #1d1b1c;font-size: 21px;font-family: PingFang-SC-Heavy;}
.product .p_wrap .p_right .p_big{width: 79%;height: 453px;overflow: hidden;}
.product .p_wrap .p_right .p_sm{width: 19%;height: 453px;overflow-y: scroll;}
.product .p_wrap .p_right .p_big img,.product .p_wrap .p_right .p_sm img{width: 100%;border: 1px solid #fccc77;box-sizing: border-box;}
.product .p_wrap .p_right .p_sm a{margin-bottom: 5px;}
label {
    display: inline-block;
    color: #000;
    font-family: Lato-Regular;
    font-size: 20px;
    height: 59px;
    line-height: 59px;
    padding: 0 10px;
    box-sizing: border-box;
    width: 17%;
    text-align: center;
    margin-right: 7%;
}
.main label.faqtab{
    margin-right: 0 !important;
}
input {
    display: none;
}
input:checked + label {
    background-color: #1d1b1c;box-shadow: 0px 3px 7px 0px
rgba(252, 204, 119, 0.2);color: white;
    font-family: Arial-BoldMT;
}
section {
    display: none;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6 {
    display: block;
    font-size: 16px;
    color: #666;
    text-align: left;
}
.title{background: url("../images/title_bg.png") no-repeat center;width: 60%;height: 57px;text-align: center;line-height: 57px;
    background-size: 100% 100%;font-family: Lato-Bold;font-size: 30px;	color: #fccc77;margin: 0 auto 30px auto;}
main{margin-top: 40px;color: white;background: #fccc77;}
#content1{
    background-color: #1d1b1c;
}
.description .d_wrap{
    padding:15px 30px;box-sizing: border-box; }
.description li{float: none;}
.description .d_wrap .d_main{width: 100%; font-family: Arial-BoldMT;padding: 15px;box-sizing: border-box;background: white;}
.versand .top,.versand {background: url("../images/versand_bg.png") no-repeat;background-size: 100% 100%;
  padding: 20px;box-sizing: border-box;color: white;}
.versand .top .spanBox{padding:0 10px;box-sizing:border-box;
    display: flex;justify-content:space-between;width: 43%;background-color: #fccc77;height: 40px;line-height: 40px;color: #000;}
.versand .top h6{color: #fccc77;font-size: 20px;margin-bottom: 15px;}
.versand .top p,.versand .bottom p{margin-bottom: 15px;}
.versand .bottom h6{font-size: 18px;color: #b20000;font-family: Arial-BoldMT;}
.versand .top .v_left,.versand .bottom .v_right{width: 50%;float: right;color: #000;}
.versand .bottom .v_right{float: left;}
.gewa .g_wrap{background: url("../images/description_bg.png") no-repeat;background-size: 100% 100%;padding: 20px;box-sizing: border-box;color: white;}
.gewa .g_wrap p{margin-top: 20px;width: 100%;color: #fff;}
.faq{background: url("../images/description_bg.png") no-repeat;background-size: 100% 100%;padding: 20px;box-sizing: border-box;}
.faq .f_wrap{width: 100%;background-color: #343434;opacity: 0.8;padding: 20px;box-sizing: border-box; }
.faq .f_wrap li{color: #fff;padding: 15px 30px;box-sizing: border-box;margin-bottom: 10px;}
.faq .f_wrap li span{margin-bottom:10px;color: #fccc77;font-size: 20px;font-family: SimSun;line-height: 30px;display: block;}
.bewe{padding: 20px 100px;box-sizing: border-box;background: url("../images/description_bg.png") no-repeat;background-size: 100% 100%;}
.bewe img{width: 100%;}
.o_wrap li{margin: 0 0 15px 8px;}
.o_wrap li img{width: 100%;border: solid 1px #fccc77;box-sizing: border-box;}
.o_wrap li{width: 24%;}
.others{padding: 40px 20px;box-sizing: border-box;background: url("../images/other_bg.png") no-repeat;background-size: 100% 100%;}
.o_title{width: 46%;height: 57px;}

@media only screen and (max-width: 768px) {
    .container{width: 100%;}
    .product .p_wrap .p_left .buyTxt,.product .p_wrap .p_left .buyNow{font-size: 17px;}
    .product .p_wrap .p_right .p_big,.product .p_wrap .p_right .p_sm{height: 361px;}
    label{margin-right: 3%;}
    .title{width: 77%;}
    .o_wrap li{width: 23%;margin: 0 0 15px 11px;}
}

@media only screen and (max-width: 481px) {
    nav a{font-size: 13px;}
    .why{display: none;}
    .product .p_wrap{display: block;}
    .product .p_wrap .p_left,.product .p_wrap .p_right{width: 100%;}
    .product .p_wrap .p_right .p_big,.product .p_wrap .p_right .p_sm{height: 281px;}
    label{height: 50px;line-height: 50px;font-size: 15px;}
    .description .d_wrap,.versand .top, .versand,.gewa .g_wrap,.faq .f_wrap,.bewe,.others{padding: 10px;font-size: 12px;}
    .description .d_wrap .d_main,.faq .f_wrap li{padding: 0;}
    .versand .top .spanBox{width: 80%;}
    .versand .top p,.versand .top h6{margin-bottom: 6px;}
    .gewa .g_wrap p{margin-top: 10px;}
    .faq .f_wrap li span{font-size: 14px;line-height: inherit;}
    .title{font-size: 20px;width: 100%;}
    .o_wrap li{width: 47%;margin: 0 0 15px 7px;}
}