@charset "utf-8";
/*----------------公共部分----------------*/
html{overflow-x:hidden; overflow-y:auto;}
body{ background-repeat:no-repeat; background-position:left top; position:relative;}
body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p,select{ margin: 0px; padding: 0px; list-style-type:none; font-size: 12px; /*解决ie6缓动*/ background-attachment: fixed; font:12px/1.5 tahoma,arial,"Microsoft YaHei";outline: 0 none; color:#333;}
em,i{font-style:normal;}
a{color:#333;}
a{text-decoration:none;}
*{margin:0px; padding:0px;outline: none !important;}
.view{z-index: 1;position: absolute;}
.horizontal .view{position:relative; float:left;}
.vertical .view{position:relative;}
.view_contents{position:relative; width:100%; margin:0 auto; padding:0; z-index:10; height:100%; overflow: hidden;}
.layout{ position: relative; width: 100%; margin: 0px auto; padding: 0px; z-index: 1;}
.layout > .view_contents{ /*overflow: visible;*/ cursor:default;}
/*流布局*/
.flow .view_contents > .view{float: left;}
.clear { clear: both; }
/*苹果去除样式*/
select,input[type='button'],input[type="reset"],input[type='submit'],input[type='text'],input[type="password"],input[name='query'],input[name='d']{-webkit-appearance: none; border-radius:0px}
input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

/*模块分页*/
.page_btn{clear: both; margin-top: 20px; width: 100%; text-align: center;}
.page_btn a{display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei';}
.page_btn a.cur,.page_btn a:hover{border:1px solid #4c4c4c;}
.prev_btn,.next_btn{font-family: '黑体' !important; border: 0 !important;}
.no_page{border: 0 !important;}
@media screen and (max-width:768px){
/*分页*/
.page_btn a:nth-child(n+5){display: none;}
.page_btn a:nth-last-child(1),.page_btn a:nth-last-child(2),.page_btn a:nth-last-child(3){display: inline-block !important;}
}

/*图片放大样式*/
.imgBox{position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;}
.imgBox img{ position: absolute; width: auto; max-width: 80%; /*max-height: 65%;*/ border: 20px solid #fff;top: 40%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.imgBox.scroll{overflow-y:scroll;overflow-x:hidden;}
.imgBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
.imgBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);}
.imgBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
.imgBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
.imgBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;}

.imgBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);}
.pos_fixed{position: fixed; width: 100%;}
.imageButton{position: fixed; bottom: 15%; left: 50%; 
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	-o-transform: translateX(-50%); 
	transform: translateX(-50%); 
}
.imageButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-transition: all ease .2s; 
	-moz-transition: all ease .2s; 
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s; 
	transition: all ease .2s; 
}
.imageButton span:hover{opacity: .8;}
.imageButton span.closeShowPic{ font-size: 40px; border-radius: 100%;font-family: serif; line-height: 1; background-color: #fff; padding: .2em; text-align: center;}
@media screen and (max-width: 768px){/*mobi*/
	.imgBox img{border-width: 10px;}
	.imgBox.scroll img{top:5%; margin-bottom: 10vh;}
}

body{ background-position:left top; }


 #image_style_01_1538190441534{width:11.904761904761903%;height:200px;position:absolute;left:44.04761904761905%;top:12px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1538190441534{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:12px;}}   @media screen and (max-width:640px) {#image_style_01_1538190441534{width:110%;height:161px;top:0px;left:-5.066666666666666%;}} #image_style_01_1538190441534 > .view_contents{overflow:visible;}  #layout_diy_1538097855{height:600px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1538097855{height:600px;}}   @media screen and (max-width:640px) {#layout_diy_1538097855{height:178px;}} 


 #image_style_01_1538193471556{width:16.666666666666664%;height:200px;position:absolute;left:41.66666666666667%;top:22px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1538193471556{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:22px;}}   @media screen and (max-width:640px) {#image_style_01_1538193471556{width:54%;height:49px;top:25px;left:23%;}} #image_style_01_1538193471556 > .view_contents{overflow:visible;} 

 #text_style_01_1538193525767{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:34.58333333333333%;top:30px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1538193525767{width:38.54166666666667%;left:30.729166666666664%;top:30px;}}   @media screen and (max-width:640px) {#text_style_01_1538193525767{width:35.199999999999996%;top:13px;left:32.4%;}}  #text_style_01_1538193525767>.view_contents {box-sizing:border-box;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1538193525767>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1538193525767>.view_contents {box-sizing:border-box;text-align:center;font-size:16px;}}

 #text_style_01_1538193580173{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:34.58333333333333%;top:37px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1538193580173{width:38.54166666666667%;left:30.729166666666664%;top:37px;}}   @media screen and (max-width:640px) {#text_style_01_1538193580173{width:36.53333333333333%;top:38px;left:31.733333333333334%;}}  #text_style_01_1538193580173>.view_contents {box-sizing:border-box;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1538193580173>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1538193580173>.view_contents {box-sizing:border-box;text-align:center;}}

 #text_style_01_1538193601770{width:30.833333333333336%;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;position:absolute;left:34.58333333333333%;top:44px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1538193601770{width:38.54166666666667%;left:30.729166666666664%;top:44px;}}   @media screen and (max-width:640px) {#text_style_01_1538193601770{width:38.13333333333333%;top:57px;left:30.933333333333334%;}}  #text_style_01_1538193601770>.view_contents {box-sizing:border-box;font-size:12px;color:#333;line-height:1.6;font-family:Microsoft YaHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1538193601770>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1538193601770>.view_contents {box-sizing:border-box;text-align:center;border-top-color:#83c6e1;border-right-color:#83c6e1;border-bottom-color:#83c6e1;border-left-color:#83c6e1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;}} #layout_1538192287543{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1538192287543{}}   @media screen and (max-width:640px) {#layout_1538192287543{height:114px;}} #layout_1538192287543 > .view_contents{overflow:visible;max-width:1200px;} 


 #prodscreen_style_01_1538196622030{width:41.66666666666667%;position:absolute;left:29.166666666666664%;top:19px;}   @media screen and (min-width:641px) and (max-width:1200px) {#prodscreen_style_01_1538196622030{width:52.083333333333336%;left:23.958333333333332%;top:19px;}}   @media screen and (max-width:640px) {#prodscreen_style_01_1538196622030{width:100%;top:0px;left:0%;}}  @media screen and (max-width:640px) { #prodscreen_style_01_1538196622030 .sortnameSet {font-size:12px;}} @media screen and (max-width:640px) { #prodscreen_style_01_1538196622030 .sortzmSet {font-size:14px;}} @media screen and (max-width:640px) { #prodscreen_style_01_1538196622030 .selected .sortcurSet {font-size:14px;}} #layout_1538196582163{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1538196582163{}}   @media screen and (max-width:640px) {#layout_1538196582163{height:238px;}} #layout_1538196582163 > .view_contents{overflow:visible;max-width:1200px;} 


 #productList_style_01_1538195907438{width:75%;position:absolute;left:12.5%;top:49px;}   @media screen and (min-width:641px) and (max-width:1200px) {#productList_style_01_1538195907438{width:100%;left:0%;top:49px;}}   @media screen and (max-width:640px) {#productList_style_01_1538195907438{width:92%;top:3px;left:4%;}} #productList_style_01_1538195907438 > .view_contents{overflow:visible;}  @media screen and (max-width:640px) { #productList_style_01_1538195907438 .priceSet {font-size:22px;text-align:center;color:#f973a6;padding-left:60px;}} @media screen and (max-width:640px) { #productList_style_01_1538195907438 .titleSet {text-align:center;color:#83c6e1;}} @media screen and (max-width:640px) { #productList_style_01_1538195907438 .btnaSet {background:#83c6e1;line-height:6px;height:28px;}} #layout_1538192286357{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1538192286357{}}   @media screen and (max-width:640px) {#layout_1538192286357{height:874px;}} #layout_1538192286357 > .view_contents{overflow:visible;max-width:1200px;} 
 #layout_1538196591178{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1538196591178{}}   @media screen and (max-width:640px) {#layout_1538196591178{height:44px;}} #layout_1538196591178 > .view_contents{overflow:visible;max-width:1200px;} 

	#image_style_01_1538190441534 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1538190441534 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1538190441534 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}

	#image_style_01_1538193471556 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1538193471556 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1538193471556 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}

{width: 100%;}

.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
.imgStyle img{box-sizing: border-box;}
.prodscreenStyle_1{width:100%; background:#fff;}
.prodscreenStyle_1 .select{padding:5px 10px;font-size:14px; width:100%; box-sizing:border-box; border:1px solid #eee;}
.prodscreenStyle_1 .select li{list-style:none;padding:10px 0 5px 80px}
.prodscreenStyle_1 .select li:last-child{border-bottom: 0 !important;}
.prodscreenStyle_1 .select .select-list{}
.prodscreenStyle_1 .select dl{zoom:1;position:relative;line-height:24px;min-height: 24px;}
.prodscreenStyle_1 .select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.prodscreenStyle_1 .select dt{width:75px;margin-bottom:5px;position:absolute;top:0;left:-75px;text-align:right;color:#666;height:24px;line-height:24px}
.prodscreenStyle_1 .select dd{float:left;display:inline;margin:0 0 5px 5px;}
.prodscreenStyle_1 .select a{display:inline-block;white-space:nowrap;height:24px;line-height:24px;padding:0 10px;text-decoration:none;color:#666;border-radius:2px;}
/*.prodscreenStyle_1 .select a:hover{color:#fff;background-color:#149DEC}*/
.prodscreenStyle_1 .select .selected a{color:#fff;background-color:#149DEC; }
.prodscreenStyle_1 .select .selected a span.close{font-family: 黑体;transition:all .7s;-webkit-transition:all .7s; -moz-transition:all .7s; -o-transition:all .7s;}
/*.prodscreenStyle_1 .select .selected a:hover span.close{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
*/
.prodscreenStyle_1 .select-result{border-bottom:#eee 1px dashed;}
.prodscreenStyle_1 .select-result dt{font-weight:bold}
.prodscreenStyle_1 .select-no{color:#999; line-height: 24px; font-size: 12px;}
.prodscreenStyle_1 .select .select-result a{background-color:#149DEC;}
.prodscreenStyle_1 .select .select-result a span.close{margin-left:2px; display:inline-block;}/*产品样式*/
.prod_default{width:100%; clear: both;}
.prod_default *{transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box;}
.prod_default ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;}
.prod_default .prod_Item{list-style:none; height:auto; padding: 0px; box-sizing:border-box; margin-bottom: 1%;}
.prod_default .relative{position:relative; width:100%; height:auto; overflow:hidden;}
.prod_default .prodImg_box{position:relative; width:100%; overflow: hidden; background: #eee; box-sizing: border-box;}
.prod_default .prod_img{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
.prod_default .prod_img span{position: absolute; left: 35%; top: 35%; right: 35%; bottom: 35%; background: none;}
.prod_default .prod_Item:hover .prod_img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.prod_default .prod_Item:hover .prod_img span{background: rgba(255,255,255,.25); left: 0; top: 0; right: 0; bottom: 0;}
.prod_default .prod_img img.horizontal{width:100%; height:auto; position: absolute; top: 50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.prod_default .prod_img img.vertical{width:auto; height:100%; position: absolute; left: 50%; top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.prod_default .dummy{margin-top:75%}/*控制产品图片显示比例*/
.prod_default .prod_info {overflow: hidden; width: 100%; padding-top: 10px; box-sizing: border-box; }
.prod_default .p_name {margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #333; line-height: 1.4; width: 100%;}
.prod_default .p_name a {font-size: inherit; color: inherit; line-height: inherit; display: block;}/*文字两行后自动超出隐藏*/
.prod_default .p_detail { font-size: 12px; color: #666; display: block; margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}/*文字两行后自动超出隐藏*/
.prod_default .p_group {float: left; display: block;max-width:50%; color: #666; font-size: 12px;}
.prod_default .p_group .p_lb{display: none;}
.prod_default .p_line{margin-bottom: 5px; width: 100%;}
.prod_default .p_num { margin-bottom: 5px; display: block; float: right; text-align: right; max-width: 50%; color: #666; font-size: 12px;}
.prod_default .p_jg{display: none;}
.prod_default .p_price {float: left; line-height: 1; white-space: nowrap;display: block !important; }
.prod_default .p_value {color: #ff002a; font-size:26px;}
.prod_default .zhekou {color: #ff002a; font-size:16px;font-weight: bold;}
.prod_default .unit {color: #ff002a;font-size: 16px;}
.prod_default .p_vip {display: block; float: right; text-align: right; line-height:30px; height: 26px; white-space: nowrap;position: absolute;right:0;}
.prod_default .p_vip .v_jg{color:#666; font-size: 12px;}
.prod_default .v_value {color: #333; font-size: 18px;}
.prod_default .v_unit {color: #333;font-size: 12px;}
.prod_default .pro_button {margin: 10px 0; clear: both;}
.prod_default .p_link { float: left; width: 48%; text-align: center;}
.prod_default .p_link a {display: block; padding: 10px 15px;}
.prod_default .p_cart { text-align: center;}
.prod_default .p_cart a {display: block; padding: 10px 15px; background: #f00; color: #fff;}
.prod_default a{text-decoration:none; }  
.prod_default .p_price2 {clear:both; line-height: 1; white-space: nowrap;font-size:12px !important;color:gray !important;}
.prod_default .p_price2 .p_jg{font-size:14px;color:gray;}
.prod_default .p_price2 .unit{font-size:14px;color:gray;}
.prod_default .p_price2 .p_value{font-size:14px;color:gray;}
.prod_default .p_price2 .p_value{font-size:14px;color:gray;}

/*分页*/
.prod_default .page_btn{clear: both; margin-top: 20px; width: 100%; text-align: center;}
.prod_default .page_btn a{display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei';}
.prod_default .page_btn a.cur,.prod_default .page_btn a:hover{border:1px solid #4c4c4c;}
.prod_default .page_btn a:nth-child(n+12){display: none;}
.prod_default .page_btn a:nth-last-child(1),.prod_default .page_btn a:nth-last-child(2),.prod_default .page_btn a:nth-last-child(3){display: inline-block !important;}
.prod_default .prev_btn,.prod_default .next_btn{font-family: '黑体' !important; border: 0 !important;}
.prod_default .no_page{border: 0 !important;}
.prod_default .page_btn a:nth-child(n+10){display: none;}
.prod_default .p_line p{font-size:16px;line-height:28px;float:left;}

@media screen and (max-width: 640px){
	.prod_default .p_price2 {padding-top: 5px;}
	.prod_default .prod_info{padding: 6px;}
	.prod_default .unit,.prod_default .p_vip .v_jg,.prod_default .v_unit{font-size: 12px;}
	.prod_default .p_vip{height: 18px; line-height: 23px;}
	.prod_default .v_value{font-size: 14px;}
	.prod_default .p_value{font-size: 18px;}
	.prod_default .prod .p_detail{display: none !important;}
	.prod_default .p_vip {position: relative;float: none !important;clear:both;text-align: left !important;}
	/*分页*/
	/* .prod_default .page_btn a:nth-child(n+5){display: none;} */
}

			#productList_style_01_1538195907438 li{width: 49%;}
			
	
	/*标题 简介显示*/
	#productList_style_01_1538195907438 .p_detail.mobile {display:block;}
	#productList_style_01_1538195907438 .p_detail.pc, #productList_style_01_1538195907438 .p_detail.pad {display:none;}
	#productList_style_01_1538195907438 .p_name.mobile {display:block;}
	#productList_style_01_1538195907438 .p_name.pc, #productList_style_01_1538195907438 .p_name.pad {display:none;}

	

				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0;z-index:999999}
				.bottomMenu ul{width:100%; height: 40px; padding:6px 0; background-color: #fff; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuIco{width: 26px; height: 26px; overflow: hidden; margin: auto;}
				.bottomMenu ul li .menuIco img{width: 100%;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #333; line-height: 18px;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd;}
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					body{padding-bottom:55px;}
				}