/* CSS Document */
.conter{ position:relative; background: url(../images/bg_1.jpg) top center no-repeat; background-size: 100%;}
.cententers{ max-width:1024px; margin:0 auto;}
.wide-cententers {background-color: #fff;}
.con_title{ margin-top:54px; height:60px; width:240px; line-height:60px;text-align:center; color:#ff7e3f; font-size:22px; letter-spacing:2px;
	background-color: #fff882;border-radius: 4px; float: right;margin-left: 10px;
}
.con_title a span{ color: #ff7e3f}
.con_title a:hover{ font-size: 24px; color: #ff7e3f}
.notice{ width:100%; background-color: rgba(85,178,244,0.6); position: relative; margin-bottom: 40px;}
.notice_title{ position:relative; height:60px; line-height:60px; font-size:20px; text-align:center; margin-top:10px; }
.notice_title span{ position:absolute; top:5px; right:10px; font-size:14px !important; background:url(../images/time.png) left center no-repeat; padding-left:20px;}
.notice p {color: #fff44e;}
.notice .pins {width: 30px; height: 30px; background: url(../images/pin.png) center center no-repeat; background-size: 60%;}
.notice .pin-1 {position: absolute; top: 0; left: 0;}
.notice .pin-2 {position: absolute; top: 0; right: 0;}
.notice .pin-3 {position: absolute; right: 0; bottom: 0;}
.notice .pin-4 {position: absolute; bottom: 0; left: 0;}

.noctice_con{ width:100%;}
.noctice_con p{ width:85%; margin:0 auto; line-height:34px; letter-spacing:2px; padding:20px 0px; font-size:16px; color: #fff44e;}

/*幸运选手*/
.luckplay{ background:#FFF; padding:50px 20px; text-align: center; position: relative; max-width: 1024px;}
.pre-phase {margin-top:0;}
.luckplay li{ width:20%; float:left; text-align:center;}
.luckplay li img{ width:98%;}
#l1,#l2,#l3,#l4,#l5,#l6{ width: 16.66%}
.lucky-title {width: 100%;margin: 0 auto}
.lucky-place {font-size: 18px; text-align: center; color: #999999; margin-top: 10px;}
.lucky-place p {display: inline-block; height: 100%; border-top: solid 1px #999; border-bottom: solid 1px #999; padding: 5px 20px;}
.public-time {display: inline-block; font-size: 14px; color: #999; padding: 0 20px; background: url(../images/clock.png) 0 center no-repeat; background-size: auto 70%; position: relative;}
.public-time.time-3 {top: -28px; left: 235px;}
.public-time.time-2 {top: -28px; left: 195px;}
.public-time.time-1 {top: -28px; left: 175px;}
.lucky-desc {color: #58b1ee; font-size: 16px; text-align: center; margin-top: 10px; padding: 0 20px;}
.lucky-players {font-size: 16px; text-align: center; color: #999999; margin-top: 10px; padding: 0 20px;}
.palyer-list {margin-top: 20px;}
.palyer-list3{margin-top: 20px;}
.top-line {height: 1px; background-color: #ffeb40;}
.bottom-line {height: 1px; background-color: #e5e5d4;}
.gap-line {height: 10px; background-color: #ffffec;}

.shuom{ width:100%; padding:40px 0px; color: #714a1a; background: url(../images/bg_2.jpg) top left no-repeat; background-size: 100%; background-color: #fff;}
.shuom p{ text-align:center; line-height:45px; font-size:16px; background-color:rgba(255,255,255,0.6);}

.bg{ background:url(../images/luckplay_img2.jpg) bottom center no-repeat; background-size:100%; height:430px; width:100%; position:absolute; bottom:0px; left:0px; z-index:-1;}
.footer {width: 100%; overflow: hidden;}

@media (max-width:780px){
		.con_title{ margin:0 auto; margin-top:20px; float: none;}
		.notice_title{ height:65px;}
		.notice_title span{ top:25px;}
		.luckplay{ background:#FFF; padding: 20px; margin-top:0px; }
		.pre-phase {margin-top: 10px;}
		.luckplay li{ width:48%; float:left; text-align:center; margin-left:1%; margin-top:10px;}
         #l1,#l2,#l3,#l4,#l5,#l6{width:48%; float:left; text-align:center; margin-left:1%; margin-top:10px;}
		.luckplay li img{ width:80%;}
		.shuom p{ text-align:left; line-height:35px; padding:0 10px; }
		.bg{ display:none;}
		.footer{ display:none;} 
		.public-time {position: static;}
		.lucky-desc {text-align: left;}
		.lucky-players {text-align: left;}

	}
/*避免导航栏被挤下来*/
@media (min-width: 768px) and (max-width: 992px) {
	.container {
  		padding-left: 12px!important;
  		padding-right: 12px!important;
	}
}
@media (max-width:320px){
	.luckplay li{ width:100%; float:none; text-align:center; margin-top:20px;}
	.luckplay li img{ width:85%;}
	.footer{ display:none;} 
		
	}