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


 #couponList_style_1_1508933704809{width:21.916666666666668%;position:absolute;left:39.041666666666664%;top:83.671875px;}   @media screen and (min-width:641px) and (max-width:1200px) {#couponList_style_1_1508933704809{width:27.395833333333336%;left:36.30208333333333%;top:83.671875px;}}   @media screen and (max-width:640px) {#couponList_style_1_1508933704809{width:261px;top:20px;left:calc(50% - 130.5px);}}  #layout_1508933704800{}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1508933704800{}}   @media screen and (max-width:640px) {#layout_1508933704800{height:641px;}} #layout_1508933704800 > .view_contents{overflow:visible;max-width:1200px;} 


 #customForm_style_button_01_1509499146774{width:16.666666666666664%;position:absolute;left:41.66666666666667%;top:17px;}   @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_button_01_1509499146774{width:20.833333333333336%;left:39.58333333333333%;top:17px;}}   @media screen and (max-width:640px) {#customForm_style_button_01_1509499146774{width:53.333333333333336%;top:19px;left:23.333333333333332%;}} #customForm_style_button_01_1509499146774 > .view_contents{overflow:visible;}  @media screen and (max-width:640px) { #customForm_style_button_01_1509499146774 .btnaSet {background:#2a83bd;color:#ffffff;border-left-style:none;border-bottom-style:none;border-right-style:none;border-top-style:none;height:35px;}} #layout_1508933741766{height:300px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1508933741766{}}   @media screen and (max-width:640px) {#layout_1508933741766{height:75px;}} #layout_1508933741766 > .view_contents{overflow:visible;max-width:1200px;} 
.squareButton { width: 100%; height:32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; }
/*优惠券列表样式*/
.couponStyle_1{clear: both;}
.couponStyle_1 .coupon_Item{float: left; padding: 6px;}
.diyBox1{width:250px;text-align:left;margin:0 auto;}
.diyBox1 .diyBox_bg{background:url(../img/couponList/style_1/coupon1_top.png) left top repeat-x;color:#fff;}
.diyBox1 .diyBox{background:url(../img/couponList/style_1/coupon1_bottom.png) left bottom repeat-x;padding:20px 10px;}
.diyBox1 .diyBox .dContent{text-align:left;background:url(../img/couponList/style_1/coupon.png) right top no-repeat;padding-left:15px;padding-top:10px;}
.diyBox1 .diyBox .money{line-height:36px;} 
.diyBox1 .diyBox .money .f{text-align:left;font-size:20px;font-family:"verdana";font-weight:bold}
.diyBox1 .diyBox .money .m{font-size:55px;font-family:Impact, Charcoal, sans-serif,"verdana"}
.diyBox1 .diyBox .name{font-family:"Microsoft Yahei","verdana";font-size:26px;margin-top:5px;}
.diyBox1 .diyBox .condition{line-height:180%;color:#000;font-size:12px;text-align:left;margin-top:10px;width:215px;overflow:hidden;zoom:1;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}.squareButton { width: 100%; height:32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; }
				.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;}
				}