
@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-color:#ffffff; }
body{ background-position:left top; }


 #image_style_01_1539247598313{width:10.416666666666668%;height:200px;position:absolute;left:44.791666666666664%;top:8px;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1539247598313{width:20.833333333333336%;height:200px;left:39.58333333333333%;top:8px;}}   @media screen and (max-width:640px) {#image_style_01_1539247598313{width:100%;height:210px;top:0px;left:0%;}} #image_style_01_1539247598313 > .view_contents{overflow:visible;} 

 #searchbox_style_01_1539247598323{width:25.104166666666668%;position:absolute;left:37.447916666666664%;top:130px;}   @media screen and (min-width:641px) and (max-width:1200px) {#searchbox_style_01_1539247598323{width:50.208333333333336%;left:24.895833333333332%;top:130px;}}   @media screen and (max-width:640px) {#searchbox_style_01_1539247598323{width:78.13333333333333%;top:149px;left:10.933333333333337%;}} #searchbox_style_01_1539247598323 > .view_contents{overflow:visible;}  @media screen and (max-width:640px) { #searchbox_style_01_1539247598323 .btnaSet {background:#ff750d;border-top-color:#ff750d;border-right-color:#ff750d;border-bottom-color:#ff750d;border-left-color:#ff750d;color:#ffffff;border-top-right-radius:34px;border-bottom-right-radius:34px;}} @media screen and (max-width:640px) { #searchbox_style_01_1539247598323 .inputSet {background:#ffffff;border-top-color:#ffffff;border-right-color:#ffffff;border-bottom-color:#ffffff;border-left-color:#ffffff;border-top-left-radius:31px;border-bottom-left-radius:34px;}} #layout_1539247598306{height:600px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1539247598306{height:600px;}}   @media screen and (max-width:640px) {#layout_1539247598306{height:210px;}} #layout_1539247598306 > .view_contents{overflow:visible;max-width:1200px;} 


 #text_style_01_1539169329878{width:30.833333333333336%;font-size:32px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:27px;left:34.583333333333336%;z-index:2;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1539169329878{top:27px;left:34.58211823966066%;}}   @media screen and (max-width:640px) {#text_style_01_1539169329878{width:58.75%;font-size:12px;color:#333;line-height:1.6;top:19px;left:20.625%;}}  #text_style_01_1539169329878>.view_contents {box-sizing:border-box;font-size:28px;color:#ff7811;line-height:1.8;font-family:Microsoft YaHei;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1539169329878>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1539169329878>.view_contents {box-sizing:border-box;font-size:18px;color:#ff750d;line-height:1.6;}} #layout_1539169329876{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1539169329876{}}   @media screen and (max-width:640px) {#layout_1539169329876{height:66px;}} #layout_1539169329876 > .view_contents{overflow:visible;} 


 #couponList_style_18_1535181828924{width:263px;left:39.041666666666664%;top:32.265625px;position:absolute;}   @media screen and (min-width:641px) and (max-width:1200px) {#couponList_style_18_1535181828924{width:263;left:36.30208333333333%;top:32.265625px;}}   @media screen and (max-width:640px) {#couponList_style_18_1535181828924{width:96%;left:2%;top:0px;}}  #layout_1535181826809{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1535181826809{}}   @media screen and (max-width:640px) {#layout_1535181826809{height:381px;}} #layout_1535181826809 > .view_contents{overflow:visible;} 
 #layout_1535182340898{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1535182340898{}}   @media screen and (max-width:640px) {#layout_1535182340898{height:17px;}} #layout_1535182340898 > .view_contents{overflow:visible;} 

	#image_style_01_1539247598313 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1539247598313 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1539247598313 .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;}
.searchStyle_1{position: relative;min-width: 200px;}
.searchStyle_1 *{box-sizing: border-box; transition:all ease .2s; -webkit-transition:all ease .2s; -moz-transition:all ease .2s; -o-transition:all ease .2s; -webkit-appearance:none ;
-moz-appearance:none ;
appearance: none;}
.searchStyle_1 .searchForm{width: 100%; border-radius: 0;box-sizing: border-box;background:url(../img/searchbox/style_01/searchp.png);background-repeat: no-repeat;background-position:15px 50%;background-size: auto 20px;}
.searchStyle_1 .searchForm .search-btn{float: right; width:20%; text-align: center; height: 40px; background: none; font-size: 14px;color: #333; border:1px solid #666; outline: none; cursor: pointer; border-left: 0;}
.searchStyle_1 .searchForm .search_input{ background: transparent;width: 80%; outline: none; padding-left:45px; height:40px; font-size: 14px;color: #333; border:1px solid #666;}
.searchPos-r{position: relative;}
.searchPos-r i{position: absolute; top: 50%; left: 15px; font-size: 20px; color: #999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.keyWord{margin-top: 5px;}
.keyWord a{font-size: 14px; color: #666; margin-right: 5px;}
@media screen and (max-width: 768px) {
.searchStyle_1 .searchForm .search-btn, .searchStyle_1 .searchForm .search_input{height: 32px;}

}
/*优惠券列表样式*/
.couponStyle_20 *{ font-family: '微软雅黑';}
.couponStyle_20{ text-align: center; display: flex; justify-content:space-between; flex-wrap: wrap;}
.couponStyle_20 .coupon_Item{box-shadow: #cccccc 0px 0px 6px;position: relative;text-align: center; display:inline-block;margin-bottom:2%;padding: 6px;box-sizing: border-box;}
.couponStyle_20 .coupon_Item .cpinfo{padding:26px 4px;box-sizing: border-box;width:100%; height:100%;position: relative;}
.couponStyle_20 .zuoshang{width:30px;height: 40px;border-width: 1px 0 0 1px;border-style: solid;position:absolute;left: 0;top: 0;}
.couponStyle_20 .youxia{width:30px;height: 40px;border-width: 0 1px 1px 0;border-style: solid;position:absolute;right: 0;bottom: 0;}
.couponStyle_20 .name{ font-size: 16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:inline-block;}
.couponStyle_20 .condition{ width:100%; margin:0 auto;font-size:12px;margin-top: 12px; margin-bottom:2px;line-height: 1; display:inline-block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.couponStyle_20 .price{line-height:1;}
.couponStyle_20 .price .f{ font-size:14px;}
.couponStyle_20 .price .m{ font-size:32px; }
.couponStyle_20 .duihuan{ font-size:20px; line-height: 1;}
.couponStyle_20 .zhekouf{ font-size:12px; }
.couponStyle_20 .zhekoum{ font-size:32px; }
/*.couponStyle_20 .f{ font-size: 16px; }*/
.couponStyle_20 .item{width:100%;}
.couponStyle_20 .item .itemdiv{ margin:0 auto; }
.couponStyle_20 .couponbtn{line-height: 36px;height: 36px; width:36px;margin: 16px auto 2px auto;font-size: 16px;color:white;border-radius: 40px;}
	
	
	#couponList_style_18_1535181828924 .coupon_Item{width:48%; margin-bottom:4%;}

	

				.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;}
				}
				