@charset "utf-8";
body{
	background:#f4f4f4;
}

.h5-1yyg-v1{
	background:#f4f4f4;
	margin:0 auto;
}

.h5-1yyg-w310{
	margin:0 5px;
}

.h5-1yyg-w300{
	width:300px;
	margin:0 auto;
}

.g-main:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
}
.img-topright { padding-right: 0.8rem; padding-top: 1rem; height: 3.5rem; width: auto; float: right; }
#service_bg { top: 0; bottom: 0; z-index: 1200; width: 100%; height: 100%; background: rgba(0,0,0,.5) }
#service_bg, #service_info { position: fixed; right: 0; left: 0; display: none }
#service_info { top: 18%; z-index: 140; margin: auto; width: 70%; border-radius: 8px; background: #f7ffff }
#service_info ul { padding: 0 25px }
#service_info li { border-bottom: 1px solid #eaeaea; text-align: center; text-indent: 10px; font-size: 14px; line-height: 50px }
#service_info a { display: block; color: #5c5c5c; text-decoration: none }
#service_code {}
#service_code p { color: #5c5c5c; text-align: center; font-size: 16px;}
#service_code img { display: block; margin: 0 auto; max-width: 100%; border-radius: 8px;}
.zxjx>a:link, .zxjx>a:visited, .zxjx>a:hover, .zxjx>a:active,  .tabs>a:link, .tabs>a:visited, .tabs>a:hover, .tabs>a:active { color: #323232; }
.tab_selected { color: #f60; border-bottom: 3px solid #f60; }
.color_blue { color: #2a99e0; }
.btn_buy { font-size: 1rem; border-radius: 0.3rem; border: 1px solid #f60; color: #f60; text-align: center; padding: 0.5rem 0.3rem; }
.item_bottom_container { overflow: hidden; padding: 0 5%; margin-top: 0.8rem; font-size: 1rem; }
.jdt_container { float: left; width: 60%; }
.jdt_container div { color: #646464; }
.buy_container { float: left; width: 40%; text-align: center; }
.tab_load_more { text-align: center; color: #868686; font-size: 1.2rem; padding: 0.8rem 0rem 0rem; }
form { position: relative; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #fff }
.select { width: 100%; height: 30px; background: url(/statics/templates/yungou/images/horn.png) no-repeat 10px center; background-size: 15px; color: #dc332d; text-indent: 30px; font-size: 12px; font-family: Arial, Helvetica, Verdana; line-height: 32px }
.marginBottom { margin-bottom: 7px; }
.info { /* padding: 1rem !important;*/

}
.bg-white { background-color: #FFFFFF; border-top: 1px solid #ededed !important; }
.prelative { position: relative !important; }
.am-ellipsis, .am-text-truncate { word-wrap: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.am-padding-top-xs {  padding-top: .5rem;
}
.font-color-16 { color: #0c0c0c !important; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; font-weight: 400; }
.font-14 { font-size: 12px!important; }
.icon_cont_notice { background: url(/images/icon/cont_notice.png) no-repeat; height: 20px; width: 20px; background-size: 100%; position: absolute;  left: .4rem;
 top: .5rem;
}
.scrolllayer { /* float: left; */

overflow: hidden; height: 18px; width: 100%; display: block; margin-top: 2px;/* border: 1px red solid; */

}
.scrollmessage { float: left; text-align: left; width: 100%; font-size: 14px;/* font-family: "宋体"; */

}
.scrollmessage ul { list-style: none;     /* padding-left: 2em;*/ /* padding: 0;*/

margin: 0; }
.scrollmessage li { /* line-height: 18px;*/ font-size: 14px; padding-left: 2em;/* color: #FF0000; */

}
.scrollmessage li a { /* color: #FF0000; */

text-decoration: none; }
.font-color-16 { color: #0c0c0c !important; }
#content { height: 25px; position: relative; overflow: hidden; margin-top: -3px; }
#scroll { line-height: 25px; position: absolute; top: 0; left: 0; }
.db-main-index .zxjx>ul>li { border-bottom: none; margin-left: -1px; }
.db-main-index .zxjx>a { border-top: none; }
.swiper-container-horizontal>.swiper-pagination {  bottom: .6rem;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
 margin: 0 .3rem; width: 8px; height: 8px; }
/*json加载商品*/



.goodsNav { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd; margin-top: 5px; background: white;position: relative; }
.goodsNav ul li { float: left; height: 35px; line-height: 35px; }
.goodsNav li a { display: block; color: #999; position: relative; z-index: 9; margin: 0 5px; text-align: center; font-size: 14px; }
.goodsNav li.current a { color: #dc332d !important; height: 34px; line-height: 34px; border-bottom: 1px solid #dc332d; }
.goodsNav li b { height: 10px; background: #ddd; width: 1px; position: absolute; top: 12px; right: -5px; z-index: 10; }
.goodsNav li:nth-child(5n-4) { width: 25%; }
.goodsNav li:nth-child(5n-3), .goodsNav li:nth-child(5n-2) { width: 25%; }
.goodsNav li:nth-child(5n-1) { width: 25%; }
.goodsNav li:nth-child(5n-5) { width: 25%; position: relative; }
.goodsNav a s, .goodsNav a em { width: 0; height: 0; line-height: 0; border: 3px solid transparent; position: relative; }
.goodsNav a s { border-top-color: #bbb; top: 12px; left: -1px; }
.goodsNav a em { border-bottom-color: #bbb; top: -11px; left: 5px; }
.goodsNav a s.orange { border-top-color: #f60; }
.goodsNav a em.orange { border-bottom-color: #f60; }
.goodsNav s.arrowUp { border: 4px solid transparent; border-top-color: #bbb; left: 5px; top: 9px; }
.goodsNav ul li.gSort { border: 1px solid #ddd; border-bottom: 0; -webkit-box-sizing: border-box; margin-left: -1px; }
.goodsNav ul li.gSort a { height: 35px; line-height: 33px; background: #fff; position: relative; z-index: 20; margin: 0; padding-left: 2px; }
.goodsNav li dl { width: 380%; background: #fff; box-shadow: -1px 1px 2px #eee; border: #ddd 1px solid; position: absolute; z-index: 10; top: 34px; right: -1px; }
.goodsNav li dd { border-bottom: 1px solid #eee; BORDER-RIGHT: 1PX SOLID #EEE; margin-top: -1px; line-height: 35px!important; width: 33%; FLOAT: LEFT; }
.goodsNav li dl a { display: inline-block; width: 100%; padding-left: 10%!important; -webkit-box-sizing: border-box; color: #666; background: none!important; text-align: left; margin: 0; }
.goodsNav li dl b { display: inline-block; background-repeat: no-repeat; width: 16px; height: 16px; position: relative; top: 4px; left: 0; margin-right: 6px; }
.goodsNav li dl b.g1 { background-position: -19px 0; }
.goodsNav li dl b.g2 { background-position: -19px -19px; }
.goodsNav li dl b.g3 { background-position: -19px -39px; }
.goodsNav li dl b.g4 { background-position: -19px -59px; }
.goodsNav li dl b.g5 { background-position: -19px -78px; }
.goodsNav li dl b.g6 { background-position: -19px -98px; }
.goodsNav li dl b.g7 { background-position: -19px -117px; }
.goodsNav li dl dd.sOrange a { color: #f60; }
.goodsNav li dl dd.sOrange b.g1 { background-position: 0 0; }
.goodsNav li dl dd.sOrange b.g2 { background-position: 0 -19px; }
.goodsNav li dl dd.sOrange b.g3 { background-position: 0 -39px; }
.goodsNav li dl dd.sOrange b.g4 { background-position: 0 -59px; }
.goodsNav li dl dd.sOrange b.g5 { background-position: 0 -78px; }
.goodsNav li dl dd.sOrange b.g6 { background-position: 0 -98px; }
.goodsNav li dl dd.sOrange b.g7 { background-position: 0 -117px; }
.goodsNav dd:nth-child(7n-7) {}
.goodsList { clear: both; width: 100%; margin: 0 auto; overflow: hidden; }
.goodsList ul {height: 245px; overflow: hidden; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; float: left; position: relative; width: 50%; border-bottom: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5;  padding-bottom: .5rem !important;
background: white; }
.rateImage img{max-width: 97%;}
.u-progress { height: 6.5px; }
.listLi { height: 245px; overflow: hidden; padding-left: 1rem; padding-right: 1rem; float: left; position: relative; width: 50%; border-bottom: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5;  padding-bottom: .5rem !important;
}
.goodsList ul:after { content: "\0020"; display: block; height: 0; clear: both; }
.goodsList span.z-Limg { float: left; width: 82px; height: 82px; position: relative; overflow: hidden; z-index: 0; }
.goodsList span img { width: 80px; height: 80px; display: inline-block; overflow: hidden;}
.goodsList .goodsListR h2 { display: block; color: #666;    text-overflow: ellipsis;white-space: nowrap; text-align: left; font-size: 12px; overflow: hidden; width: 100%; }
.goodsList .goodsListR .pRate { margin-top: 8px; position: relative;}
.goodsList .Progress-bar { overflow: hidden; }
.goodsList .Progress-bar ul { padding: 0; display: none; width: 100%; border: 0 none; }
.goodsList .goodsListR a.add { display: inline-block; width: 30px; height: 30px; background-color:#dc332d; border-radius: 50%; position: relative;top: 6px;left: 17px;}
.goodsList .goodsListR a.add s { display: inline-block; background-position: -58px -29px; width: 22px; height: 22px; margin: 4px 0 0px 1px; }
.goodsList .goodsListR a.gray { background: #cecece; }
.goodsList .pTitle { width: 70px; height: 14px; padding-top: 2px; -webkit-transform: rotate(-45deg); text-align: center; position: absolute; left: -24px; top: 3px; color: #fff; font-size: 10px; }
.goodsprice{ color: #9f9f9f; margin-top: 2px; font-size: 12px;}
.goodsList .pLimitedTime { background: #f60; }
.goodsList .pNewProducts { background: #3b0; }
.goodsList .pPopularity { background: #f00; }
.rateImage { width: 130px; height: 130px; margin: 0 auto; overflow: hidden; }
.marginTop { margin-top: 0.5rem; }
.font-14 { font-size: 12px!important; }
.font-color-16 { color: #0c0c0c !important; }
.font-color-12 { color: #fe7405; }
.db-main-index .zxjx>ul>li>a>.txt>.zj>span:first-child { background-color: #ff6600; }
.db-main-index .zxjx>ul>li { width: 25%; }
.db-main-index .zxjx>ul>li>a { padding: 0.6rem 6%; }
.db-main-index .zxjx>ul>li { border-left: 1px solid transparent; border-left-color: rgba(220, 220, 220, 0.48);}
.swiper-slide img { max-width: 100% !important; }
.btn-wrap{padding:4px 0 10px}
.btn-wrap .buy-btn{display:inline-block;margin:0 auto;width:60%;height:28px;border:1px solid #dc332d;border-radius:16px;color:#dc332d;text-align:center;line-height:28px}
.goodsNav li:nth-child(5n-5) {
    position: relative;
    width: 21%;
    text-indent: 20px;
}
 img#forFun {
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        z-index: 111;
        -webkit-animation: forFun .65s ease-in-out;
        -webkit-animation-fill-mode: backwards;
    }
.goodsNav li:nth-child(5n-1),.goodsNav li:nth-child(5n-4),.goodsNav li:nth-child(5n-2),.goodsNav li:nth-child(5n-3){width:20%}
.goodsNav li:nth-child(5n-5){position:relative;width:20%;text-indent:20px}
.goodsNav li:nth-child(5n-1) a{text-align:left;text-indent:calc((100% - 40px)/ 2);text-indent:-webkit-calc((100% - 40px)/ 2);text-indent:-moz-calc((100% - 40px)/ 2)}
#sort a{text-align:left;text-indent:calc((100% - 15px)/ 2);text-indent:-webkit-calc((100% - 15px)/ 2);text-indent:-moz-calc((100% - 15px)/ 2)}
#sort b{position:absolute;left:calc((100% - 45px)/ 3);left:-webkit-calc((100% - 45px)/ 3);left:-moz-calc((100% - 45px)/ 3);width:15px;height:2px;color:#c1c1c1}
#sort b:nth-child(1){top:12px}
#sort b:nth-child(2){top:16px}
#sort b:nth-child(3){top:20px}
#sort_total{position:absolute;top:35px;z-index:9999;float:left;display:none;margin:0 auto;width:100%;height:auto;background-color:#fff;box-shadow:0 3px 6px rgba(193,193,193,.5)}
#sort_list{width:100%; float:left;}
#sort_list dd{float:left;box-sizing:border-box;width:33.33%;height:40px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;line-height:40px; position:relative;}
#sort_list dd:nth-child(3n){border-right:none}
#sort_list dd:nth-last-child(-n+1){border-bottom:none}
#sort_list a{display:block;color:#666;font-size:14px; text-indent:17px;}
#sort_list .selected{color:#dc332d!important}
.footerdi li,.footerdi{box-sizing: content-box;}
.cateChk{ display:none;}
#chk0:checked + label { background-image: url("/statics/templates/yungou/images/mobile/check_bak.png"); }
.cateChk + label { position: absolute; height: 40px; width: 40px; top: 0; right: 0; box-sizing: border-box; cursor: pointer; z-index: 1; background: transparent url("/statics/templates/yungou/images/mobile/check_.png") center 48px / 140% 400%; text-align: center; line-height: 43px; color: #CCC; }
.cateChk:checked + label, .cateChk.red:checked + label { background-position-y: -6px; color: #dc332d; }
.cateChk.red + label { background-position: center; color: #000; }
#cateAll { position: relative; width: 100%; height: 44px; text-align: center; border-top: 1px solid #eee; margin-top: -1px; float:left; }
#cateAll p { border: 1px solid #dc332d; border-radius: 3px; width: 33%; margin: 7px auto; height: 28px; color: #FFF; font-size: 15px; line-height: 28px; letter-spacing: 5px; cursor: pointer; background: #dc332d; }
#cateAll em { position: absolute; top: 0; left: 70%; height: 40px; line-height: 40px; color: #CCC; font-size: 12px }
#cateAll em.num { color: #dc332d; text-shadow: 0 0 3px #dc332d; }
.g-main{
	zoom:1;
}

.hotimg{
	margin:0 auto;
	height:150px;
	background:#fff;
	padding-top:0px;
	overflow:hidden;
	box-shadow:0 1px 1px #ccc;
}

.hotimg .flex-control-nav{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:5px;
	left:0;
}

.hotimg .flex-control-nav a{
	width:6px;
	height:6px;
	border-radius:6px;
	background:#000;
	display:inline-block;
	margin:0 3px;
	opacity:0.3;
}

.hotimg .flex-control-nav a.flex-active{
	background:#fff;
	opacity:1;
}

.hotimg .slides{
	zoom:1;
}

.hotimg .slides>li{
	display:none;
	-webkit-backface-visibility:hidden;
}

.hotimg .slides li img{
	width:320px;
	height:150px;
	display:block;
	margin:0 auto;
}

.m-tt1{
	height:30px;
	margin:5px 0;
}

.m-tt1 a{
	color:#dc332d;
}

.m-tt1 h2{
	font-size:14px;
	font-weight:normal;
	line-height:35px;
	overflow:hidden;
	padding:0 0 0 10px;
	color:#dc332d;
}

.m-tt1 .u-more .z-arrow{
	width:6px;
	height:6px;
	float:right;
	margin:4px 3px 0 0;
	border-width:2px 2px 0 0;
}

.m-tt1 .u-more .u-rs-m1,.m-tt1 .u-more .u-rs-m2{
	width:60px;
	height:20px;
	padding-top:5px;
	display:inline-block;
	margin:5px 5px 0 0;
}

.m-tt1 .u-more .u-rs-m2{
	width:60px;
	line-height:16px;
	color:#999;
}

.m-tt1 .z-tips{
	margin-top:12px;
	color:#ADADAD;
	padding-left:5px;
	font-size:10px;
}

.m-tt1 .z-rs-m1{
	padding:2px 0 1px 0;
	border-radius:10px;
	border:1px solid #FF6500;
	color:#FF6501;
	background:#fff;
	margin:6px 6px 0 0;
	display:inline-block;
}

.m-lott-li{
	padding:0;
}

.m-lott-conduct{
	border-bottom:1px solid #EEE;
	text-align:center;
	padding:7px;
	position:relative;
}

.m-lott-conduct p{
	height:34px;
	overflow:hidden;
	color:#dc332d;
	text-align:left;
	line-height:34px;
	background:#FFF49B;
	border-radius:3px;
	font-size:12px;
	padding:0 13px 0 5px;
}

.m-lott-conduct p.z-lott-tt{
	padding:0 130px 0 5px;
}

.m-lott-conduct a{
	color:#dc332d;
	display:block;
}

.m-lott-conduct .z-lott-time{
	position:absolute;
	right:24px;
	top:7px;
}

.m-lott-conduct .z-arrow{
	width:5px;
	height:5px;
	border-color:#FFC96C;
	border-width:2px 2px 0 0;
	position:absolute;
	right:15px;
	top:20px;
}

.m-lott-conduct .z-user{
	max-width:72px;
	height:30px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}

.m-lott-li li{
	width:33%;
	float:left;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	border-right:1px solid #eee;
	display:inline-block;
	-webkit-box-sizing:border-box;
}

.m-lott-li li .u-lott-pic{
	height:94px;
	overflow:hidden;
	display:inline-block;
}

.m-lott-li .u-lott-pic img{
	width:90px;
	height:90px;
}

.m-lott-li li span{
	display:block;
	white-space:nowrap;
	text-align:center;
	color:#bbb;
	font-size:10px;
}

.m-lott-li li .z-user{
	margin:0 2px;
}

.m-lott-li li span a{
	max-width:50px;
	overflow:hidden;
	display:inline-block;
}

@media only screen and (min-width:270px) and (max-width:470px){
	.m-lott-li li:nth-child(4n-4){
		display:none;
	}

	.m-lott-li li:nth-child(4n-2){
		width:34%;
	}

	.m-lott-li li span a{
		max-width:54px;
	}

	.m-lott-li li .z-user{
		margin:0 1px 0 0;
	}

	.m-lott-li li:nth-child(4n-1){
		border-right:none;
	}

}

@media only screen and (min-width:470px) and (max-width:2280px){
	.m-lott-li li{
		width:25%;
	}

	.m-lott-li li .u-lott-pic{
		height:104px;
	}

	.m-lott-li .u-lott-pic img{
		width:100px;
		height:100px;
	}

	.m-lott-li li span a{
		max-width:96px;
	}

	.m-lott-li li:nth-child(4n-4){
		border-right:none;
	}

}

.m-tj-li{
	margin-bottom:10px;
	overflow:hidden;
}

.m-tj-li li{
	width:50%;
	float:left;
	text-align:center;
	margin-top:-1px;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	display:inline-block;
	-webkit-box-sizing:border-box;
}

.m-tj-li li .m-tj-pic{
	position:relative;
	margin:10px auto;
}

.m-tj-li li .m-tj-pic ins{
	font-size:10px;
	color:#999;
	background:rgba(0,0,0,0.1);
	border-radius:3px;
	position:absolute;
	bottom:0;
	right:-1px;
	padding:1px 5px 1px;
}

.m-tj-li .Progress-bar:after{
	content:"\0020";
	display:block;
	height:0;
	clear:both;
}

.m-tj-li .Progress-bar{
	margin:0 10px 0;
	zoom:1;
	padding-bottom:15px;
}

.m-tj-li .Progress-bar li:nth-child(2n-1){
	float:left;
	color:#AEADAD;
	border:none;
	margin:0;
	box-shadow:none;
	border-radius:none;
}

.m-tj-li li .m-tj-pic img{
	width:136px;
	height:136px;
}

@media only screen and (min-width:270px) and (max-width:470px){
	.m-tj-li li .m-tj-pic{
		width:136px;
	}

	.m-tj-li li:nth-child(2n-2){
		border-right:none;
	}

}

@media only screen and (min-width:470px) and (max-width:2280px){
	.m-tj-li li{
		width:33%;
	}

	.m-tj-li li:nth-child(3n-3){
		width:34%;
		border-right:none;
	}

	.m-tj-li li .m-tj-pic{
		width:136px;
	}

	.m-tj-li li .m-tj-pic img{
		width:136px;
		height:136px;
	}

}

.g-main .overflow{
	height:183px;
	overflow:hidden;
}

.g-main .overflow .haveNot{
	line-height:143px;
}

.g-main ul.slides div.loading{
	background-color:#FFF;
	margin-top:70px;
	box-shadow:none;
}

.g-main ul.slides li.m-xs-li{
	display:none;
}

.g-main .flex-control-nav{
	height:34px;
	margin-top:11px;
	overflow:hidden;
	zoom:1;
	text-align:center;
	position:relative;
	display:block;
}

.m-xs-line{
	height:1px;
	margin-top:10px;
	overflow:hidden;
	background:#E9E9E9;
}

.m-ct-time{
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

.m-ct-time li{
	float:left;
	width:33%;
}

.m-ct-time li:nth-child(3n-3){
	width:34%;
}

.m-ct-time li b{
	border-radius:14px;
	display:inline-block;
	padding:0 8px 0 8px;
	line-height:20px;
	font-size:14px;
	color:#999;
	font-family:arial;
	margin:0 auto;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FEFEFE),color-stop(1,#EDEDED));
	border:1px solid #DFDFDF;
}

.m-ct-time li a{
	display:inline-block;
}

.m-ct-time li a.flex-active b{
	background:#dc332d;
	border:1px solid #dc332d;
	color:#fff;
}

.m-ct-time li a.flex-active s{
	width:0;
	height:0;
	display:block;
	border:5px solid transparent;
	border-top-color:#dc332d;
	margin:-1px auto 0 auto;
}

.m-xs-li{
	width:310px;
	float:left;
}

.m-xs-ct{
	margin:0 10px 0;
}

.m-xs-ct .z-aw-l,.m-xs-ct .z-aw-r{
	position:absolute;
}

.m-xs-ct .z-aw-l{
	top:30px;
	left:0;
	padding-left:3px;
}

.m-xs-ct .z-aw-r{
	top:30px;
	right:0;
	padding-right:3px;
}

.m-xs-ct .u-xs-pic{
	width:102px;
	float:left;
}

.m-xs-ct .z-xs-pic{
	width:100px;
	height:100px;
	border:1px solid #eee;
	border-radius:3px 3px 0 0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

.m-xs-ct .z-xs-pic img{
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:3px 3px 0 0;
}

.m-xs-ct .z-xs-time{
	height:22px;
	font-size:14px;
	padding:0 5px;
	line-height:22px;
	background:#dc332d;
	color:#ffd4b8;
	text-align:center;
	border-radius:0 0 3px 3px;
}

.m-xs-ct .z-xs-time em{
	color:#fff;
}

.u-xs-con{
	margin-left:107px;
	margin-bottom:15px;
}

.u-xs-con .z-tt{
	line-height:22px;
	max-height:44px;
	overflow:hidden;
	font-size:14px;
	display:inline-block;
	margin-top:2px;
}

.u-xs-con .z-promo{
	display:block;
	line-height:26px;
	font-size:14px;
	color:#A1A1A1;
	margin-bottom:5px;
	font-family:寰蒋闆呴粦;
}

.m-xs-End .z-xs-time{
	background:#999;
}

.m-xs-End .z-xs-time b{
	color:#fff;
}

.m-xs-End .u-xs-name{
	height:55px;
	margin-top:1px;
	overflow:hidden;
	color:#999;
	display:block;
}

.m-xs-End .u-xs-name-img{
	float:left;
}

.m-xs-End .u-xs-name-img a{
	display:block;
}

.m-xs-End .u-xs-name-img img{
	width:50px;
	margin-top:0;
	border-radius:3px;
}

.m-xs-End .u-xs-name-r{
	margin:1px 0 3px 53px;
}

.m-xs-End .u-xs-name-r .z-user{
	max-width:70px;
	overflow:hidden;
	display:inline-block;
	white-space:nowrap;
}

.m-xs-End .u-xs-name-r p{
	margin-bottom:3px;
}

.m-xs-End .u-xs-con .z-promo{
	line-height:20px;
	margin-bottom:5px;
}

.m-xs-End .u-xs-con .Progress-bar .pging{
	background:#bbb;
}
.m-lott-lipro{
	padding:5;
}


.m-lott-lipro li{
	width:25%;
	float:left;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	-webkit-box-sizing:border-box;
	
}


.m-lott-lipro .u-lott-pic img{
	width:38px;
	height:38px;
	

}


.m-lott-lipro li span{
	display:block;
	white-space:nowrap;
	text-align:center;
	font-size:12px;
	margin-top:5px;
}


.m-lott-lipro li span a{
	color:#999;
}


.w-slide-wrap{
	height:130px;
	overflow:hidden;
}
.m-tt1 {
    margin: 0;
    background: #FFF;
    overflow: hidden;
    border-bottom: 1px solid rgba(246,246,246,0.8);
}
.m-tt1 .z-arrow {
    width: 8px;
    height: 8px;
    border-width: 1px 1px 0 0;
    float: right;
    margin-top: 10px;
    margin-right: 30px;
}
#divLottery::after {
    content: "";
    width: 100%;
    height: 0px;
    clear: both;
    display: block;
}
   #published .lott-list{
        overflow: hidden;
    }
    #divLottery{
        background: #fff;
    }
    #divLottery::after{
        content: "";
        width: 100%;
        height:0px;
        clear: both;
        display: block;
    }
    #divLottery li {
        float: left;
        height: 124px;
        box-sizing: border-box;
        border-right:1px solid rgba(246,246,246,.7);
        overflow: hidden;
    }
    #divLottery li a {
        position: relative;
        display: block;
    }

    #divLottery li img{
        width: 70px;
        height: 70px;
        display: block;
        margin:0 auto;
        box-sizing: border-box;
        padding:4px;
    }
    #divLottery li p{
        color:#c9c0c0;
        text-align: center;
        margin:0 auto;
    }
    #divLottery .u-user a{
        overflow: hidden;
        display: block;
        width: 100%;
        text-overflow:ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    #divLottery .m-lott-state{
        margin:4px 0 10px;
    }
    #divLottery .m-lott-state .u-time{
        padding: 4px;
        border: 1px solid #eee;
        border-radius: 10px;
    }
    #divLottery .m-lott-state{
        text-align: center;
    }
    #divLottery .m-lott-pic{
        margin: 4px auto;
        width: 70px;
    }