/* CSS Document */
.ht #heiht100 { height: 0 }
#about_banner img { display: block; max-width: 100%; margin: 0 auto; height: auto; margin: 0 auto; }
.about_info { padding: 200px 0; }
.about_lt { float: left; width: 570px; padding-right: 35px }
.about_lt .title { font-family: Fiona; font-size: 65px; color: #b36654; line-height: 0.8 }
.about_lt .desc { font-size: 16px; color: #323232; line-height: 1.4; font-weight: normal; margin-top: 80px }
.about_rt { width: 730px; float: right; position: relative }
.about_rt:after { content: ""; background: url(../images/abrd.png) no-repeat; width: 240px; height: 121px; display: block; z-index: 80; position: absolute; right: -100px; bottom: 0 }
/***/
.aboutnp_lt { float: left; width: 554px; margin-top: 200px; }
.aboutnp_rt { float: right; width: 605px; padding-top: 60px; margin-top: 150px; }
.aboutnp_rt .title { font-family: Fiona; font-size: 65px; color: #b36654; line-height: 0.8 }
.aboutnp_rt li { color: #3e5c59; font-size: 16px; width: 60%; float: left; padding-left: 60px; padding-right: 15px; position: relative; margin-bottom: 40px }
.aboutnp_rt li:nth-child(2n) {
width: 40%
}
.aboutnp_rt li:before { content: ""; position: absolute; left: 0; top: -10px; background: url(../images/icon_abr.png) no-repeat;  background-size:372px 128px; width: 40px; height: 40px; display: block }
.aboutnp_rt li:nth-child(2):before {
background-position: right top
}
.aboutnp_rt li:nth-child(3):before {
background-position: left bottom
}
.aboutnp_rt li:nth-child(4):before {
background-position: right bottom
}
.aboutnp_rt ul { margin-top: 80px; }
/***/
.can_hide { display: none }
.can_lt { float: left; width: 600px; }
.can_rt { float: right; width: 520px; padding-top: 200px }
.can_title { font-size: 24px; color: #3e5c59; margin-top: 25px; margin-bottom: 25px }
.can_htitle { color: rgba(179, 102, 84, 0.5); font-size: 90px; font-family: Fiona }
.can_htitle.on { color: rgba(179, 102, 84); }
.can_info { font-size: 18px; color: #323232; padding: 25px 0 }
.can_info a { color: rgba(179, 102, 84); }
.can_form { }
.can_form li { float: left; width: 100%; margin-bottom: 25px }
.can_form li .inputs { border: 0; border-bottom: 1px solid #3e5c59; font-family: skin; padding-bottom: 8px; display: block; width: 100%; font-size: 15px; color: #3e5c59;background:none; }
.can_form li .inputs::placeholder {
color:#3e5c59
}
.can_form li textarea { border: 1px solid #3e5c59; color: #3e5c59; padding: 8px; width: 100%; font-family: skin; }
.can_form li.submit button { display: block; padding: 18px 0; width: 100%; color: #fff; font-size: 16px; background: #3e5c59; border: 0; font-family: skin; }
/***/
.make_lt { float: left; width: 814px; position: relative }
.make_lt:after { content: ""; background: url(../images/abrd.png) no-repeat; width: 240px; height: 121px; display: block; z-index: 80; position: absolute; right: -100px; bottom: 0; }
.make_rt { float: right; width: 415px; position: relative; padding-top: 355px }
.make_rt .title { font-family: Fiona; z-index:800; font-size: 65px; color: #b36654; line-height: 0.8; position: absolute; right: 0; top: 120px; width: 535px; }
.make_rt .desc { font-size: 16px; color: #323232; line-height: 1.4; font-weight: normal; }
.make_rt .desc a,.customed_form_lt .desc a{ color: rgba(179, 102, 84);}
/***/
.npt_lt { float: left; width: 660px; margin-top: 200px }
.npt_lt ul li { float: left; width: 300px; padding-left: 60px; position: relative; margin-top: 100px; }
.npt_lt ul li.clear { width: 100%; margin: 0; padding: 0 }
.npt_lt ul li.npt_icon2, .npt_lt ul li.npt_icon4, .npt_lt ul li.npt_icon6 { float: right }
.npt_lt ul li label { font-size: 20px; display: block; color: #3e5c59; position: relative }
.npt_lt ul li:before { width: 38px; height: 40px; background: url(../images/sicon.jpg) no-repeat left top;  background-size:76px 120px; display: block; content: ""; position: absolute; left: 0; top: -5px }
.npt_lt ul li.npt_icon2:before { background-position: right top }
.npt_lt ul li.npt_icon3:before { background-position: left -40px }
.npt_lt ul li.npt_icon4:before { background-position: right -40px }
.npt_lt ul li.npt_icon5:before { background-position: left -80px }
.npt_lt ul li.npt_icon6:before { background-position: right -80px }
.npt_lt ul li.clear:before { display: none }
.npt_lt ul li p { display: block; margin-top: 20px; font-size: 16px; font-weight: normal; color: #323232; line-height: 1.2 }
.npt_rt { float: right; margin-top: 200px }
/***/
.customed_form_lt { float: left; width: 480px; margin-top: 200px }
.customed_form_lt .title { font-family: Fiona; font-size: 65px; color: #b36654; line-height: 0.8; margin-bottom: 50px }
.customed_form_lt .desc { font-size: 16px; color: #323232; line-height: 1.4; font-weight: normal; }
.customed_form_rt { float: right; width: 520px; margin-top: 200px; }
/***/
.page_info { padding:60px 0; padding-bottom:100px; }
.blog_info { padding: 100px 0 }
.blog_lt { float: left; width: 880px; }
.blog_h2 { font-family: Fiona; font-size: 70px; color: #b36654; font-weight: normal; line-height: 0.8 }
.blog_tops { float: left; width: 100%; margin-bottom: 50px; }
.blog_tops .title { }
.blog_tops p { font-size: 18px; display: block; padding-top: 25px }
.blog_tops .title a { font-family: Fiona; font-size: 50px; line-height: 0.8; color: #b36654; }
.blog_tops .thumb { margin-bottom: 25px }
.blog_tops .thumb img { width: 100%; height: 100%; display:block }
/***/
#blog_uls { margin-top: 50px }
#blog_uls li.fle { float: left; width: 100%; margin-top: 50px }
#blog_uls li.fle .thumb { width: 285px; float: left; }
#blog_uls li.fle .thumb img { width: 100%; height:100% }
#blog_uls li.fle .tifno { width: 595px; padding-left: 50px; float: left; padding-top: 25px }
#blog_uls li.fle .tifno .title { font-family: Fiona; font-size: 40px; line-height: 0.8; color: #b36654; overflow: hidden; max-height: 70px; display: block }
#blog_uls li.fle .tifno p { display: block; margin-top: 25px; font-size: 16px; max-height: 72px; }
#blog_uls li.fle .tifno .amore { text-align: right; margin-top: 35px; }
#blog_uls li.fle .tifno .amore a { display: inline-block; font-size: 16px; padding-bottom: 3px; border-bottom: 1px solid #000 }
/***/
.blog_box { margin-top:40px; color: #323232; }
.blog_box img { max-width:100%; height:auto }
/**/
.blog_rt { float: right; width: 325px; }
.sub_cate { padding-top: 50px }
.sub_cate label { font-family: Fiona; font-size: 50px; color: #b36654; display: block; margin-bottom: 35px }
.sub_cate label:after{ background:url(../images/icon_jt.png) no-repeat left center;margin-left:10px width:38px;height:28px;background-size:38px 28px; content:""; display:inline-block; }
.sub_cate li {float: left;width: 50%;margin-bottom: 15px;}
.sub_cate li a:hover, .sub_cate li.on a { color:#b36654 }
.sub_cate img { width: 130px; height: 130px; display: block; float: left; margin-right: 25px }
.sub_cate li a {font-size: 20px;padding-left:22px;display:block;position: relative;color: #333;}
.sub_cate li a:before {content:"";width:14px;height:14px;background: #858282;-webkit-border-radius: 50%;border-radius: 50%;-moz-border-radius: 50%;display:block;position:absolute;left:0;top: 9px;}
.sub_cate li a:hover{ color:#b36654}
.sub_cate li a:hover:before{background:#b36654;}
.sub_cate li.on a:before{background:#b36654;}
.sub_getemail { margin-top: 50px; }
.sub_getemail label { font-size: 16px; display: block; font-family: caien; margin-bottom: 20px }
.sub_getemail .finput { margin-bottom: 15px }
.sub_getemail input { border: 0; background: none; color: #333; border-bottom: 1px solid #999; font-size: 16px; padding-bottom: 8px; display: block; width: 100%; font-family: skin; }
.sub_getemail input::placeholder {
color:#333
}
.sub_getemail button { color: #333; border: 0; border-bottom: 1px solid #999; background: none; display: block; padding-bottom: 8px; font-family: skin; }
/***/
.product_info { padding-top:50px; padding-bottom:150px; }
.current_title { position:relative; font-family: Fiona; font-size: 65px; color:#3e5c59; z-index:80 }
.current_title font { display:block; position:relative; z-index:80 }
.current_title:before { background:url(../images/pcgs.jpg) no-repeat; width:352px; height:128px; content:""; z-index:1; display:block; position:absolute; left:-150px;top:0}
#pro_uls { margin-top:100px; position:relative; float:left; width:100% }
#pro_uls:after { background:url(../images/pgs.jpg) no-repeat right top; visibility:visible; height:240px; width:60px; content:""; position:absolute; right:-60px; bottom:120px; display:block }
#pro_uls li { width:30%; margin-right:5%; float:left; margin-bottom:5% }
#pro_uls li:nth-child(3n) {
margin-right:0
}
#pro_uls li img { display:block; width:100%; height:auto }
#pro_uls li .thumb { margin-bottom:10px; }
#pro_uls li a { font-size:16px; color:#3e5c59; line-height:1.2}
#pro_uls li .title { display:block; padding-right:100px; position:relative }
#pro_uls li .title .price { color:#3e5c59; position:absolute; right:0; top:0 }
/**/
.mui-input-range input[type=range] { position: relative; width: 100%; height:1px; margin:17px 0; padding: 0; cursor: pointer; border: 0; border-radius: 3px; outline: 0; background-color: #3e5c59; -webkit-appearance: none!important; }
.mui-input-range input[type=range]::-webkit-slider-thumb {
width:20px;
height:20px;
border-color:#3e5c59;
border-radius:50%;
background-color:#3e5c59;
background-clip:padding-box;
-webkit-appearance:none!important
}
.mui-input-range input[type=range]::slider-thumb {
width:28px;
height:28px;
border-color:#0062cc;
border-radius:50%;
background-color:#007aff;
background-clip:padding-box;
-webkit-appearance:none!important
}
.mui-tooltip { display:none }
/**/
.slide_banner { position:relative }
#slide_banner.owl-carousel .owl-item img { height:auto }
.slide_lt { float:left; width:690px; overflow:hidden; position:relative; height:1035px }
.slide_thumbs { position:absolute; left:40px; top:0; height:100%; width:40px; margin:0; padding:0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index:800; }
.slide_thumbs img { display:block; width:40px; height:40px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
.slide_thumbs .item { margin:10px 0; border:1px solid #ca9487; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; cursor:pointer; }
.slide_thumbs .item font img { filter:alpha(opacity=50); -webkit-opacity:.5; -moz-opacity:.5; -khtml-opacity:.5; -ms-opacity:.5; -o-opacity:.5; opacity:.5; cursor:pointer }
.slide_thumbs .item font.hover img { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1 }
.slide_thumbs .sxitme { position:relative; z-index:800 }
.slide_thumbs .item font { display:block }
/***/
#slide_banner .item { position:relative }
/*#slide_banner .item .textarea{ width:165px; height:400px; position:absolute; left:280px; top:390px; display:block;resize:none; border:0; background:none;  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl; font-size:50px; color:#fff;word-wrap:break-word;word-break:normal; overflow:hidden;line-height:1;
   transform: rotate(-180deg);}*/
/***/
.slide_rt { float:right; width:530px; padding-top:100px }
.slide_rt label { font-size:16px; color:#b96955; display:block; }
.slide_rt h1 { color:#b96955; font-size:60px; font-weight:normal; line-height:1; display:block; }
.slide_rt .star { font-size:16px; background:url(../images/star.jpg) no-repeat left center; padding-left:85px; margin-top:25px }
.slide_rt .price { margin-top:35px; font-size:16px }
.paclick { margin-top:60px; }
.paclick span { display:inline-block; border-bottom:1px solid #000; padding-bottom:1px; cursor:pointer }
.goods_step { margin-top:40px; float:left; width:100% }
.goods_step p { float:left; }
.goods_step p.on i { background:#b36654 }
.goods_step p.on span { color:#b36654 }
.goods_step p em { line-height:50px; display:inline-block; padding-right:35px; padding-left:15px; }
.goods_step p span { display:block; color:#d1a398; font-weight:normal; padding-top:5px; }
.goods_step p i { display:inline-block; font-style:normal; background:#d1a398; color:#fff; font-size:18px; text-align:center; line-height:50px; height:50px; width:50px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
/**/
.customized_buy { overflow:hidden }
.customized_buy_botton{text-transform:capitalize}
.button_goods,.button_bluse{ display:block; border:0; margin:0; padding:0; text-align:center; padding:18px 0; width:100%; background:#3e5c59; font-size:16px; color:#fff; cursor:pointer; margin-top:15px; font-family:skin }
.select_color { margin-top:25px; float:left; width:100%; margin-bottom:35px }
.select_color span i { display:block; width:28px; height:28px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
.select_color span i img{ display:block; width:100%; height:100%;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
.select_color span { border:1px solid #fff; padding:3px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; width:36px; display:block; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer }
.select_color span.border i { border:1px solid #cccece }
.select_color span.on { border-color:#3e5c59 }
.purchase_buy_botton { background:#ca9487 }
.goback_step { width:40% }
.goback_step .button_goods { background:none; border:1px solid #3e5c59; color:#3e5c59 }
.button_goods:before { font-family:FontAwesome; margin-right:15px }
.selected_color_value { margin-top:10px; display:block; color:#3e5c59; font-size:16px; }
/**/
.show_types { float:left; width:100%; padding-top:15px }
.owl-carousel .owl-item .show_types img { display:block; float:left; border:1px solid #ddd; width:60px; height:auto; margin-right:15px }
.owl-carousel .owl-item .show_types img.on { border-color:#3e5c59 }
.add_text p { font-size:12px; display:block; margin-bottom:15px }
.add_text #textInput { resize:none; border:1px solid #3e5c59; color:#3e5c59; padding:0 10px; height:40px; line-height:40px; overflow:hidden; width:100% }
.add_text #textInput::placeholder {
color:#3e5c59;
}
.input_text { position:relative }
.input_text #textMsg { position:absolute; right:10px; top:10px }
/***/
.format_text { margin-top:15px }
.format_text select { border:#3e5c59 1px solid; padding:10px; width:100%; color:#3e5c59; background:none }
.mui-input-range { position:relative; margin-top:15px; margin-bottom:25px }
.mui-input-range .small { position:absolute; left:0; top:25px; font-size:14px; color:#3e5c59 }
.mui-input-range .large { position:absolute; right:0; top:25px; font-size:14px; color:#3e5c59 }
.set_numbers { float:left; border:1px solid #3e5c59; width:156px; padding:8px 0; padding-bottom:10px }
.set_numbers .mui-btn.mui-btn-numbox-minus { font-size:22px; }
.set_numbers .mui-btn { border:0; background:none; margin:0; padding:0 15px; height:30px; line-height:30px; font-size:18px; font-family:skin; color:#3e5c59 }
.set_numbers input { width:60px; text-align:center; font-size:18px; color:#3e5c59; border:0; -webkit-appearance: textfield; -webkit-appearance: none; }
.addcart_btn { float:right; width:65% }
.add_carts { padding-top:15px }
.addcart_btn .button_goods { margin-top:0 }
#canvas_timgs { position:absolute; left:0; top:0; width:100%; z-index:880 }
#canvas_timgs img { display:block; width:100%; height:auto }
/***/
#html2canvas { float:left; position:relative; width:800px; height:1200px; }
#html2canvas .imgs img { display:block; width:100%; height:100% }
#html2canvas .background { width:100%; height:100%; position:absolute; left:0; top:0; z-index:800; display:block; background-repeat:no-repeat; background-position:left top }
#html2canvas .textarea { position:absolute; z-index:900; font-size:50px; color:#f5f5f5; word-wrap:break-word; word-break:normal; overflow:hidden; line-height:1; letter-spacing:0; }
#html2canvas .textarea.horizontal{ text-align:center}
#html2canvas .vertical { -o-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
#canvas_timgs #html2canvas { display:block }
#html2canvas { display:none; transform: scaleX(0.8625); -webkit-transform:scaleX(0.8625); -moz-transform: scaleX(0.8625); -o-transform: scaleX(0.8625); -ms-transform: scaleX(0.8625); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; }
.share_btn { position:relative; padding-left:65px; margin-top:50px }
.share_btn label { font-size:16px; color:#3e5c59; position:absolute; left:0; top:0 }
.share_btn .flink { position:static }
.share_btn .flink a.twitter { margin-left:2px }
/***/
.mui-control-content { display:none; float:left; width:100% }
.mui-control-content .desc { font-size:16px; color:#323232; width:570px; }
.mui-control-content.mui-active { display:block }
.product_show { background:#f4ccb2 url(../images/pbs.jpg) repeat-x left top; padding:100px; padding-bottom:0; float:left; width:100% }
.mui-segmented-control a { display:block; font-size:16px; float:left; color:rgba(62, 92, 89, 0.6); font-size:60px; font-family:Fiona; margin-right:42px; }
.mui-segmented-control a.mui-active { color:rgba(62, 92, 89, 1); }
.mui-segmented-control a:lasth-child {
margin-right:0
}
.mui-segmented-control { float:left; width:100%; margin-bottom:60px }
.pshow { float:left; margin-top:0px; position:relative; width:100%; padding-bottom:50px; }
.pshow.on { padding-bottom:0 }
.pshow.on:before { width:100%; height:600px; display:block; content:""; }
.free_uls { width:570px; }
.pshow.on .free_uls { position:absolute; left:0; top:50px; }
.free_uls li { float:left; position:relative; padding-left:52px; font-size:18px; color:#323232; width:220px; line-height:1; margin:40px 0 }
.free_uls li:before { width:42px; height:38px; background:url(../images/picssw.png) no-repeat right top; content:""; background-size:298px 136px; display:block; position:absolute; left:0; top:50%; margin-top:-17px; }
.free_uls li.co1 { padding-left:
}
.free_uls li.co1:before { width:32px; height:38px; background-position:left top }
.free_uls li.co2 { float:right }
.free_uls li.co3:before { width:32px; height:38px; background-position:left bottom }
.free_uls li.co3 { }
.free_uls li.co4 { float:right }
.free_uls li.co4:before { background-position: right bottom }
.pshow .thumbs_box { width:500px; position:absolute; right:-40px; top:50px; z-index:10 }
.pshow .thumbs_box span { display:block; position:relative; overflow:hidden }
.pshow .thumbs_box:first-child span:before { background:url(../images/gz.png); width:240px; height:121px; position:absolute; right:-40px; bottom:-60px; z-index:12; content:""; display:block }
.pshow .thumbs img { display:block; width:100%; height:100%; }
.pshow .thumbs img.curpic { position:absolute; left:0; top:0; object-fit: cover; }
.pshow .thumbs_box:last-child { width:300px; position:absolute; right:300px; margin-right:100px; top:350px; z-index:22 }
#fixeld_hgz { height:150px; }
/**/
.h1_t { display:block; padding-bottom:25px }
.h1_t h1 { font-size:40px; font-weight:normal; color:#b96955 }
.page_content { font-size:16px; }
.page_content a { color:#b96955 }
.live_box { margin-top:30px }
.live_box h3 { font-size:65px; color:#3e5c59; font-family:Fiona; display:block; font-weight:normal }
.live_box #pro_uls:after { display:none }
.live_box #pro_uls { margin-top:40px }
.product_pics { display:block; margin-top:30px; }
.product_pics img{ max-width:100%;height:auto; vertical-align:top}
.reviews_title { font-size:60px; font-family:Fiona; color:#ba6956 }
.reviews_flex { border:2px solid #eee; border-left:0; border-right:0; padding:15px 0; position:relative }
.reviews_flex a { position:absolute; left:0; top:22px; text-decoration:underline }
.frt_r { text-align:right }
.frt_r i { font-size:30px; font-style:normal; vertical-align:middle }
.frt_r img { vertical-align:middle; margin:0 15px }
.frt_r select { border:0; font-size:16px; font-family:Skin; vertical-align:middle; background:none }
.single_item { float:left; width:100%; padding-bottom:35px; margin-top:35px; position:relative; border-bottom:2px solid #eee; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.single_item .item_lt { float:left; width:30%; padding-right:102px }
.single_item .item_rt { float:left; width:70% }
.single_item .item_lt .pre { text-align:center; width:90px; height:90px; line-height:90px; display:inline-block; background:#ba6956; color:#fff; font-size:40px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; float:left; margin-right:25px }
.single_item .item_lt i { display:block; margin-top:2px }
.single_item .item_lt .name { display:block }
.single_item .item_lt .rz { display:block; color:#ba6956 }
.single_item:before { width:2px; height:60%; background:#eee; margin-left:-70px; position:absolute; left:30%; top:10%; content:""; display:block; content:""; }
.item_rt .title { font-size:25px; font-weight:normal }
.item_rt .desc { display:block; padding:20px 0; font-size:16px;}
.item_rt .author { border-top:1px solid #eee; padding-top:20px }
.item_rt .thumbs { margin-bottom:25px }
.item_rt .thumbs img { display:inline-block; height:50px; max-width:50px; margin-right:15px }
.item_rt .author i { text-align:center; font-style:normal; width:60px; height:60px; line-height:60px; display:inline-block; background:#ba6956; color:#fff; font-size:30px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; float:left; margin-right:20px }
.item_rt .author font { display:block; margin-top:5px }
.repay { display:block; padding-bottom:20px; font-size:16px; padding-left:80px; }
.item_rt .hots { color:#ba6956 }
.more { padding-bottom:50px; float:left; width:100% }
.get_more,.layui-flow-more a{ position:absolute; left:50%; bottom:0; width:90px; text-align:center; display:block; font-size:16px; text-decoration:underline }
/**************/
#review_form { background:#f5f5f5; padding:80px 0; }
#review_box { width:700px; background-color: #fff; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; -moz-box-shadow:0 1px 4px 0 rgba(0, 0, 0, .14); -webkit-box-shadow:0 1px 4px 0 rgba(0, 0, 0, .14); box-shadow:0 1px 4px 0 rgba(0, 0, 0, .14); margin:0 auto; padding:25px }
#review_form .can_htitle { text-align:center; margin-bottom:50px }
#review_form li label { display:block; font-size:16px; margin-bottom:6px }
#review_form li { margin-bottom:20px; }
#review_form li ul li { margin-bottom:0 }
#review_form li.rating label { margin-bottom:10px }
.layui-rate { padding:0 }
.layui-rate li i.layui-icon { font-size:30px; }
#review_form li.flat { float:left; width:100% }
#review_form li.first_name { width:47%; float:left }
#review_form li.last_name { width:47%; float:right }
#review_form li.first_name input, #review_form li.last_name input { display:block; width:100%; border: 1px solid #c2c2c2; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:10px; }
#review_form li.flat input, #review_form li.flat textarea { display:block; width:100%; border: 1px solid #c2c2c2; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:10px; }
#review_form li.flat textarea { min-height:120px }
#review_form li.flat .choose { display:inline-block; cursor:pointer; padding:8px 25px; background:#c2c2c2; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; color:#fff }
#review_form li.flat .choose.on { background:rgba(185, 105, 85); }
#review_form li.submit { margin-top:5px; float:left; width:100% }
#review_form .Validform_wrong { color:rgba(179, 102, 84) }
#review_form li input[type='text'].Validform_error, #review_form li textarea.Validform_error { border-color:rgba(179, 102, 84) }
#upload_btnd { display:block; float:left; background:rgba(185, 105, 85); border:0; font-family:skin; padding:12px 25px; color:#fff; cursor:pointer; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
#upload_btnd[disabled] { background:rgba(185, 105, 85, 0.5); cursor:not-allowed }
#upload_base64 .thumb_items { float:left; width:80px; margin-right:10px; position:relative; margin-top:15px }
#upload_base64 img { display:block; width:100%; height:80px; }
#upload_base64 .thumb_items i { position:absolute; right:-5px; top:-5px; line-height: 22px; border: 0px solid #F60; background: #F60; -webkit-border-radius: 30px; border-radius: 30px; -moz-border-radius: 30px; width: 22px; height: 22px; color: #fff; text-align: center; cursor:pointer; z-index:88}
/***/
.add_carts_open{ display:block; padding:15px 35px; text-align:center}
.add_carts_open span{ display:inline-block; margin-top:15px; text-decoration:underline; color:#3e5c59; cursor:pointer}
/******************/
.mui-control-content label{ font-size:25px; display:none; color:rgba(62, 92, 89, 1); font-weight:normal;} 
.add_carts_open .button_bluse{ margin-top:0}
.customized_buy.owl-carousel .owl-item{ height:1px;}
.customized_buy.owl-carousel .owl-item.active{ height:auto;}
@media all and (max-width:1400px) {
#body_pro .product_info,.product_info{ padding-bottom:10.7vw}
.slide_lt{ width:50%; height:auto}
.slide_rt{ width:50%; padding-left:50px; padding-top:50px}
.slide_rt h1{ font-size:4.28571428571429vw}
.product_show{ padding:50px}
.mui-segmented-control a{ font-size:50px;}
.mui-segmented-control a:last-child{ margin-right:0}
.free_uls li{ margin:20px 0}
.free_uls{ width:500px}
.pshow{ padding-left:600px; position:relative; width:100%; padding-top:50px}
.pshow .thumbs{ width:100%; float:left; position:static;}
.pshow .thumbs_box{ position:static; width:45%; float:left; margin:0; z-index:90}
.pshow .thumbs_box:last-child{ position:static; width:55%; margin:0; margin-top:50px; padding-left:25px}
.pshow.on:before{ display:none}
.pshow .thumbs_box:first-child span:before{ display:none}
#fixeld_hgz{ display:block; height:30px}
.product_pics{ margin-top:0;}
#body_proshow .w1300{ padding-left:0; padding-right:0}
.pro_boxy{float:left; width:100%}
.product_pics{float:left; width:100%}
.live_box{float:left; width:100%}
#body_proshow .more,.pro_boxy,.product_pics,.live_box,.reviews_box{ padding-left:50px; padding-right:50px}
.mui-segmented-control{ margin-bottom:40px}
/******************/
.blog_lt{ float:left; width:65%}
.blog_rt{ float:left; width:35%; padding-left:80px}
.blog_h2{ font-size:50px}
.sub_cate{ padding-top:26px}
.sub_cate img{ width:100px; height:100px;}
.sub_cate li a{ font-size:18px}
#blog_uls li.fle .thumb{ position:absolute; left:0; top:0; width:275px}
#blog_uls li.fle .thumb img{ display:block}
#blog_uls li.fle{ padding-left:315px; position:relative; min-height:275px}
#blog_uls li.fle .tifno{ width:100%; padding:0}
#blog_uls li.fle .tifno p{ margin-top:20px}
.blog_tops{ margin-bottom:0}
/****/
.about_info{ padding:14.28571428571429vw 0}
.about_lt{ width:55%; padding-right:0}
.about_rt{ width:45%; padding-left:50px}
.about_rt img{ display:block; width:100%; height:auto}
.about_lt .title,.aboutnp_rt .title,.make_rt .title,.customed_form_lt .title{ font-size:60px; line-height:0.8}
.about_lt .desc,.aboutnp_rt ul{ margin-top:50px}
.aboutnp_lt{ margin-top:7vw; width:50%;}
.aboutnp_lt img{ display:block; width:100%; height:auto}
.aboutnp_rt{ width:50%; margin-top:7vw; padding-left:0; padding-top:0; padding-left:50px}
/***/
.make_lt{ width:50%}
.make_rt{ width:50%; padding-top:0; padding-left:50px}
.make_lt img{ display:block; width:100%; height:auto}
.make_rt .title{ position:static}
.make_rt .desc{ margin-top:35px}
/***/
.npt_lt{ margin-top:100px; width:65%; padding-right:50px}
.npt_rt{ margin-top:100px; width:35%}
.npt_rt img{ display:block; width:100%; height:auto}
.make_rt .title{ width:100%}
.npt_lt ul li{ margin-top:25px}
/***/
.customed_form_lt{ margin-top:10vw;}
.customed_form_rt{ margin-top:10vw}
}
@media all and (max-width:1180px) {
.addcart_btn{width:55%}
.set_numbers{}
.mui-segmented-control a{ font-size:40px}
.mui-segmented-control{ margin-bottom:25px}
.mui-control-content .desc{ width:100%}
.free_uls{ width:220px}
.free_uls li{ margin-top:0; height:38px}
.free_uls li.co2:before{ margin-top:-28px}
.free_uls li.co1:before{ margin-top:-26px}
.pshow{ padding-left:300px;}
.single_item .item_lt{ padding-right:0px; width:100%}
.single_item:before{ margin-left:-45px}
.single_item:before{ display:none}
.single_item .item_rt{ width:100%}
.item_rt .desc{ padding:10px 0; font-size:14px}
.item_rt .title{ font-size:18px}
.single_item .item_lt .pre,.item_rt .author i{ width:45px; height:45px; line-height:45px; font-size:16px; margin-right:15px}
.single_item{ margin-top:15px; padding-bottom:15px}
.single_item .item_lt .name{ display:inline-block;}
.single_item .item_lt font,.single_item .item_lt font.rz{ display:inline-block; margin-left:20px}
.single_item .item_rt{ margin-top:15px}
.repay{ padding-left:60px; padding-bottom:15px; padding-top:10px; font-size:14px}
.item_rt .thumbs{ margin-bottom:15px}
/******************/
.blog_lt{ width:100%}
.blog_rt{ float:left; width:100%; padding-left:50px; display:none}
.blog_h2{ font-size:40px}
.sub_cate label{ font-size:40px}
.sub_cate{ padding-top:24px}
.blog_info{ padding:8.47457627118644vw 0}
#blog_uls li.fle{ margin-top:35px}
#blog_uls li.fle .tifno .title{ line-height:1.0; font-family:skin; font-size:30px}
.blog_tops .title a{ font-size:30px; font-family:skin}
.blog_tops p{ font-size:16px}
/****/
.about_lt .title, .aboutnp_rt .title,.make_rt .title,.customed_form_lt .title{ font-size:40px}
.aboutnp_rt li{ width:100%; margin-bottom:25px}
.about_rt:after{ display:none}
.make_lt:after{ display:none}
/****/
.npt_lt{ margin-top:80px;}
.npt_rt{ margin-top:80px;}
/***/
.customed_form_lt{ width:50%; padding-right:25px;}
.customed_form_rt{ width:50%; padding-left:25px}
}
@media all and (max-width:1258px) {
.can_lt,.can_rt{ width:50%}
.can_lt{ padding-right:25px;}
.can_rt{ padding-left:25px;}
}
@media all and (max-width:1120px) {
.npt_lt ul li{ width:100%;}
.npt_lt{ padding-right:25px}
.npt_lt ul li{ margin-top:0; margin-bottom:25px}
.npt_lt ul li:last-child{ margin-bottom:0}
/***/
.customed_form_lt{ width:50%; padding-right:15px;}
.customed_form_rt{ width:50%; padding-left:25px}
/**/
.can_htitle{ font-size:60px}
.can_info{ padding-bottom:0; font-size:16px; padding-top:0}
.can_rt{ padding-top:120px;}
.ht #heiht100{ height:70px}
}
@media all and (max-width:1000px) {
#pro_uls:after{height:160px;
    width: 40px; right:-40px; background-size:auto 100%}
#body_pro .product_info{ }
.addcart_btn{width:50%}	
.paclick{ margin-top:35px}
.select_color{ margin-bottom:25px}
.share_btn{ margin-top:25px}
.slide_thumbs{ left:25px}
#blog_uls li.fle .tifno .title{ font-size:30px; }
#blog_uls li.fle .tifno p{ font-size:14px}
#blog_uls li.fle .tifno .amore a{ font-size:14px}
}
@media all and (max-width:980px) {
.mui-segmented-control a{ font-size:35px}
#blog_uls li.fle .tifno .title{font-size:25px}
.blog_tops .title a{font-size:25px;line-height:1.2}
#blog_uls li.fle .tifno .title{ line-height:1.2}
.about_info{ padding:8vw 0}
}
@media all and (max-width:940px) {
#body_pro #top{-moz-box-shadow:2px 2px 5px rgba(188,120,104,0.4); -webkit-box-shadow:2px 2px 5px rgba(188,120,104,0.4); box-shadow:2px 2px 5px rgba(188,120,104,0.4);}
#body_pro #heiht100{ display:none}
#body_pro .product_info{ margin-top:70px; padding-top:0}
.current_title{ font-size:50px}
.current_title font{ padding-top:14px}
#pro_uls li a{ }
#pro_uls li .title{ padding-right:67px}
#pages{ margin-top:6.9vw}
.slide_rt{ padding-left:30px; padding-top:0}
#body_proshow .more,.pro_boxy,.product_pics,.live_box,.reviews_box,.product_show{ padding-left:25px; padding-right:25px; padding-top:0}
#pro_uls li{}
.npt_lt ul li p{ margin-top:15px}
/**/
.can_lt{ padding-right:20px;}
.can_rt{ padding-left:20px;}
}
@media all and (max-width:900px) {
.make_rt{ padding-left:25px}
.npt_lt,.npt_rt{ margin-top:60px}
.can_htitle{ font-size:50px}
.can_title{ margin:0}
}
@media all and (max-width:860px) {
.mui-segmented-control a{ margin-right:35px; font-size:30px}	
.mui-control-content .desc{ font-size:15px}
}
@media all and (max-width:800px) {
.slide_lt{ width:100%;}
.slide_rt{ width:100%; padding-left:0; margin-top:25px}
.addcart_btn{ float:left; margin-left:50px}
.slide_rt .price{ margin-top:20px}
.slide_rt .star{ margin-top:20px}
.paclick{ margin-top:25px}
.select_color{ margin-bottom:0px}
.product_show{margin-top:35px}
.free_uls li{ font-size:18px}
/***/
#blog_uls{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
#blog_uls li.fle{ width:48%; padding-left:0; margin-left:0}
#blog_uls li.fle:nth-child(2n){ float:right; margin-left:4%}
#blog_list #blog_uls li.fle:nth-child(2n+1){ float:right; margin-left:4%}
#blog_list #blog_uls li.fle:nth-child(2n){ float:left; margin-left:0}
#blog_uls li.fle .thumb{ position:static; width:100%; height:auto; margin-bottom:15px}
#blog_uls li.fle .thumb img{ display:block; width:100%; height:100%}
#blog_uls li.fle .tifno .title{ font-size:16px; overflow:visible;max-height:none}
#blog_uls li.fle .tifno p{ margin-top:15px; margin-bottom:10px; max-height:none;}
#blog_uls li.fle .tifno .amore{ margin-top:15px}
/***/
.customed_form_lt{ width:100%; padding-right:0px; margin-top:55px}
.customed_form_rt{ width:100%; padding-left:0px;margin-top:35px}
.customed_form_lt .title{ margin-bottom:25px}
/**/
.can_htitle{ font-size:40px}
.can_rt{ padding-top:90px}
}
@media all and (max-width:750px) {
#review_box{ width:100%}
#review_form{ padding:50px 25px;}

/***/
.about_lt{ width:100%}
.about_rt{ width:100%; padding-left:0; margin-top:35px}
.aboutnp_lt{ margin-top:35px}
.aboutnp_lt{ width:100%;}
.aboutnp_rt{ width:100%; padding-left:0}
.aboutnp_rt li:nth-child(2n){ width:100%}
/***/
.make_rt{ padding-left:0; width:100%}
.make_lt{ width:100%; margin-top:35px}
.npt_lt{ width:100%}
.npt_rt{ width:100%}
.npt_lt ul li{ margin-bottom:20px}
.npt_lt, .npt_rt{ margin-top:40px; padding-right:0}
.npt_lt ul li label{ font-size:18px}
.npt_lt ul li p{ font-size:14px; margin-top:10px}
/**/
.can_lt{ padding-right:0; width:100%}
.can_rt{ padding-left:0; width:100%; padding-top:15px}
}
@media all and (max-width:700px) {
.can_htitle{ font-size:60px}	
#review_form .can_htitle{ margin-bottom:40px}
#pro_uls li{ width:47%; margin-right:6%}
#pro_uls li:nth-child(3n){ margin-right:6%;}
#pro_uls li:nth-child(2n){ margin-right:0%;}
#pro_uls li a{ line-height:1.2; font-size:15px; display:block}
#pro_uls:after{ display:none}
#pro_uls{ margin-top:80px}
#pages a, #pages span{ margin:0 8px}
.mui-segmented-control a{ margin-right:25px}
.pshow{ padding-left:250px}
.mui-segmented-control{ display:none}
.mui-control-content{ display:block; padding-bottom:15px; margin-bottom:0px;}
.mui-control-content label{ display:block; padding-left:0px; padding-bottom:15px; border-bottom:1px solid rgba(62, 92, 89, 1); position:relative}
.mui-control-content label:after{font: normal normal normal 25px/1 FontAwesome;
    content: "\f107";
    display: block;
    position: absolute;
    right:5px;
    top:7px;}
.mui-control-content .desc{ display:none}
.mui-control-content.muic-active label:after{ content:"\f106"}
.mui-control-content.muic-active .desc{ display:block; padding-top:15px; padding-bottom:15px;border-bottom:1px solid rgba(62, 92, 89, 1)}
.pshow.on .free_uls{ position:static; width:500px}
.pshow{ padding-left:0}
.pshow .thumbs{ margin-top:20px}
.pshow .thumbs_box{ width:50%; padding-right:15px;}
.pshow .thumbs_box:last-child{ margin-top:0; width:50%; padding-left:15px; padding-right:0}
.pshow{ padding-top:25px}
.reviews_title{ font-size:40px}
.frt_r i{ font-size:18px}
.frt_r select{ font-size:14px}
.frt_r img{ margin:0 10px}
}
@media all and (max-width:600px) {
#pro_uls li .title{ padding-right:57px}
#pro_uls li .title font{padding-top:0px; display:block}
.current_title font{ font-size:35px; line-height:0.8; padding-top:20px}
.current_title:before{ top:-20px}
.pshow.on .free_uls{ width:450px;}
.goback_step{ width:60%}
.live_box h3{ font-size:50px}
.live_box{ margin-top:20px}
.live_box #pro_uls{ margin-top:20px}
.single_item .item_lt font.date{ margin-left:0; display:block}
/***/
.blog_tops .title a{ font-size:18px}
.blog_tops p{ font-size:14px; padding-top:15px; line-height:1.4}
#blog_uls li.fle .tifno p{ line-height:1.4}
#blog_uls{ margin-top:30px}
.blog_h2{ font-size:35px}
}
@media all and (max-width:520px) {
	.pshow.on .free_uls{ width:100%;}
	.free_uls li{ width:100%; margin-bottom:10px}
	.free_uls li:before{ margin-top:-25px}
	.addcart_btn{ margin-left:0; float:right}
	.mui-control-content label{ font-size:20px}
	.mui-control-content .desc{ font-size:14px}
	#body_proshow .product_info{ padding-top:30px}
	.goods_step p em{ padding-left:15px; padding-right:15px}
	.goods_step p{ text-align:center}
	.slide_rt h1{ font-size:25px;}
	.live_box h3{ font-size:40px}
	.frt_r i,.frt_r img{ display:none}
	#star_count{display:inline-block;}
	#star_image{margin:0}
	.reviews_flex a{ position:static; float:left;}
	.frt_r select{ vertical-align:middle}
	.item_rt .title{ font-size:16px;}
	.can_htitle{ font-size:50px}	
     #review_form .can_htitle{ margin-bottom:40px}
	 .about_lt .title, .aboutnp_rt .title,.make_rt .title,.customed_form_lt .title{ font-size:30px}
	 .about_lt .desc, .aboutnp_rt ul{ margin-top:35px}
	 .about_lt .desc{ font-size:14px}
	 .aboutnp_rt li{ font-size:14px}
	 .make_rt .desc{ font-size:14px; line-height:1.5}
	 .can_htitle{ font-size:40px}
}
@media all and (max-width:450px) {
#review_form li.first_name,#review_form li.last_name{ width:100%}	
#review_form li{ margin-bottom:15px}
#review_form{ background:none; padding-left:0; padding-right:0}
#review_box{ padding-top:0; padding-bottom:0}
.add_carts_open{ padding:15px}
.blog_info{ padding:35px 0}
.blog_tops .thumb{ margin-bottom:20px}
.blog_tops .title a{ font-size:16px}
.blog_tops p{ font-size:13px}
#blog_uls li.fle .tifno p{ font-size:13px}
#blog_uls li.fle .tifno .amore a{ font-size:12px}
#blog_uls li.fle .tifno .amore{ text-align:left; margin-top:10px}
}
@media all and (max-width:400px) {
    #pro_uls li .title{ padding-right:0px}
    #pro_uls li .title .price{ position:static;padding-top:8px;display:block;}
	#pro_uls li a{ font-size:14px}
	.addcart_btn{ width:100%; margin-top:15px}
	.goods_step p{ display:inline-block; float:none; vertical-align:middle}
	.goods_step{ text-align:center}
	.goods_step p span{ font-size:12px}
	.goods_step p.arrow{ height:73px}
	.goods_step p em{ padding-left:5px; padding-right:5px}
	.select_color{ text-align:center}
	.select_color span{ width:30px; margin-right:6px; margin-bottom:6px; float:none; display:inline-block;}
	.select_color span i{ width:22px; height:22px}
	.goback_step{ width:100%}
}
@media all and (max-width:359px) {
#blog_uls li.fle{ width:100%}
#blog_uls li.fle:nth-child(odd){ width:100%; margin-left:0}
}