@charset "utf-8";
/*
	12.12平台抽奖活动
*/
.draw-mask{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: #000;
	opacity:0.65;
	filter:alpha(opacity=60);
	z-index:100;
}
.home-draw{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:125;
}
.home-drawd img{
	width:auto;
}
.draw-tip{
	position:relative;
	width:100%;
	z-index:125;
}
.draw-truntable-more{
	position:relative;
	width:100%;
	z-index:125;
	padding-top:40px;
}
.draw-tip img{
	display:block;
	margin:0 auto;
}
.draw-tip-close{
	position:absolute;
	top:102px;
	width:100%;
	height:40px;
	z-index:105;
}
.draw-tip-close span{
	display:block;
	width:40px;
	margin:0 auto;
	height:40px;
	cursor:pointer;
	background: #fff;
	opacity:0;
	filter:alpha(opacity=0);
}
.go-turntable{
	position:absolute;
	top:300px;
	left:40%;
	width:20%;
	height:400px;
	z-index:105;
}
.go-turntable span{
	display:block;
	width:300px;
	margin:0 auto;
	height:300px;
	cursor:pointer;
	background: #fff;
	opacity:0;
	filter:alpha(opacity=0);
}
.turntable-bg{
	display:block;
	margin: 0px auto;
	padding-right:8px;
}
.turntable-prizes-box{
	position: absolute;
    width: 100%;
    top: 350px;
    left: 6px;
    margin: auto;
    height: 244px
}
.turntable-prizes{
	position:relative;
	width: 245px;
	height: 244px;
    top: 0;
    left: 0;
	margin:auto;
}
.turntable-prizes-more-box{
	position: absolute;
    width: 100%;
    top: 421px;
    left: 19px;
    margin: auto;
    height: 244px
}
.turntable-prizes-more{
	position:relative;
    width: 245px;
	height: 244px;
    top: 0;
    left: 0;
    margin:auto;
}
.pointer{
	position:absolute;
	top:406px;
	width:100%;
	text-align: center;
	padding-left:5px;
}
.pointer-more{
	position:absolute;
	top:474px;
	left:17px;
	width:100%;
	text-align: center;
}
.pointer-btn{
	cursor:pointer;
}
.pointer img{
	cursor:pointer;	
}
.turntable-copy{
	position:absolute;
	top:228px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:14px;
	padding-left:10px;
	line-height:30px;
}
.turntable-copy-more{
	position:absolute;
	top:215px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:14px;
	padding-left:25px;
	line-height:30px;
}
.turntable-obj span{
	color:#fdff69;
}
.turntable-morerules{
	font-size:12px;
	color:#fff2d6;
}
.turntable-morerules span{
	text-decoration: underline;
	cursor:pointer;
}
.turntable-company{
	font-size:16px;
}
.turntable-company .number{
	font-size:18px;
	color:#fdff69;
}
.draw-turntable{
	position: absolute;
    z-index: 101;
    width: 100%;
    padding-top:50px;
}
.draw-turntable-close{
	position:absolute;
	top:42px;
	width:100%;
	height:40px;
	padding-left:10px;
}
.draw-turntablemore-close{
	position:absolute;
	top:40px;
	width:100%;
	height:40px;
	padding-left:20px;
}
.draw-turntable-close span{
	display:block;
	width:40px;
	height:40px;
	background: #fff;
	margin:0 auto;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}
.draw-turntablemore-close span{
	display:block;
	width:60px;
	height:40px;
	background: #fff;
	margin:0 auto;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}
.draw-winning{
	position:relative;
	z-index:125;
	top:100px;
}
.draw-winning .draw-winning-bg{
	display:block;
	margin:0px auto;
	padding-right: 6px;
}
.draw-winning-copy{
	width:100%;
	position:absolute;
	top:15px;
	text-align: center;
	color:#fff;
	line-height:30px;
}
.winning-title{
	font-size: 22px;
}
.winning-result{
	font-size: 16px;
}
.winning-result span{
	color:#fcff68;
}
.winning-num{
	font-size:60px;
	line-height:70px;
	font-weight:bold;
}
.winning-num .num{
	position: relative;
    left: 6px;
	font-size:60px;
	line-height:70px;
	font-weight:bold;
}
.winning-num .text{
	font-size: 18px;
    padding: 0px;
    font-weight: normal;
    position: relative;
    top: -16px;
    left: -14px;
    background: #fc0b00;
}
.draw-shops{
	width:100%;
	position:absolute;
	top:80px;
	text-align: center;
	z-index:106;
}
.to-choose-shop{
	position:absolute;
	top:255px;
	width:100%;
	height:50px;
}
.to-choose-shop span{
	display:block;
	width:170px;
	height:50px;
	margin:0 auto;
	cursor:pointer;
	background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
.draw-shops-container{
	position:absolute;
	width:100%;
	left:0;
	top:80px;
}
.draw-shops-lists{
	width:704px;
	margin:0 auto;
	height:430px;
	overflow:hidden;	
}
.draw-shops-lists li{
	position: relative;
    float: left;
    margin-bottom: 10px;
    width: 213px;
    height: 32px;
    font-size: 16px;
    background: url(../../images/draw/doubleTwelve/draw_shop_item.png) no-repeat;
    color: #fff;
    cursor: pointer;
    padding: 34px 8px;
}
.draw-shops-lists li.active{
	color:#ff0101;
}
.draw-shops-lists li a{
	color:#fff;
	display:block;
	position:relative;
}
.draw-shops-close{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:40px;
}
.draw-shops-close span{
	display:block;
	width:40px;
	height:40px;
	margin:0 auto;
	cursor:pointer;
	background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
.draw-shops-lists i.none{
	position:absolute;
	display:block;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100px;
	background: url("../../images/draw/doubleTwelve/draw_shop_none.png") no-repeat;
}
.to-main-page{
	position: absolute;
    top: 225px;
    width: 100%;
    height: 50px
}
.to-main-page span {
    display: block;
    width: 250px;
    height: 50px;
    margin: 0 auto;
    cursor: pointer;
    background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
.draw-lose-company{
	position:absolute;
	width:100%;
	padding-left:3px;
	top:144px;
	color:#fff;
	font-size:14px;
	text-align: center;
}
.draw-lose-company .number{
	font-size:20px;
	color:#fdff69;
	padding: 0 3px
}
.draw-lose-company .number-after{
	font-size:20px;
	color:#fdff69;
	padding: 0 3px
}
.turntable-copy-more .turntable-obj{
	line-height: 25px;
}
.turntable-copy-more .pr25{
	padding-right:25px;
}
.turntable-copy-more .pr58{
	padding-right:60px;
}
.turntable-copy-more .pl85{
	padding-left:72px;
}
.draw-more-rules{
	position:absolute;
	top:260px;
	width:100%;
	height:30px;
}
.draw-more-rules span{
	display:block;
	width:110px;
	height:30px;
	margin:0 auto;
	cursor:pointer;
	background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
.draw-select-shop{
	position:relative;
	z-index:125;
}
.draw-select-shop .draw-winning-bg{
	display:block;
	margin:80px auto;
}
.winning-date{
	font-size:16px;
	line-height:48px;
}
.draw-selected-shop{
	position: absolute;
    height: 60px;
    line-height: 60px;
    top: 255px;
    text-align: center;
    color: #ff0101;
    font-size: 16px;
    width: 100%;
}
.more-shops{
	position: absolute;
	top:330px;
	width:100%;
	height:40px;
}
.more-shops span{
	display:block;
	width:80px;
	height:40px;
	background: #fff;
	margin:0 auto;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}
.draw-close{
	position: absolute;
	top:425px;
	width:100%;
	height:60px;
}
.draw-close span{
	display:block;
	width:100px;
	height:60px;
	background: #fff;
	margin:0 auto;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}
.my-to-choose-shop{
	top:505px;
}