html,body,select,button,textarea,input{ color:#FCC49D;
 font-family: oppo,"Microsoft YaHei", Arial, Helvetica, sans-serif;
 font-size: 32px;
 color: #424242;
 }

#loading{  width:640px; left:50%; margin-left: -320px; top: 0; height: 100%;background: #000;position: absolute;z-index: 999999;}

#loading .img{
 position : absolute; 
 width:280px; 
 height: 141px;
 left: 50%; margin-left: -140px; top: 33vh;}
#loading .img img{

width:280px;
}
#text{width: 100%;/*font-size: 2rem;*/ font-size:24px; position: absolute;top: 48vh;text-align: center;line-height:1.6; color: #FFFFFF;}

@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}
/*Loading*/
/*rotate2d*/
.rotate2d {
	animation-timing-function:linear;
	animation-name:rotate2d
}

@keyframes rotate2d {
from {
transform:rotate(0deg)
}
to {
	transform:rotate(360deg)
}
}
/*rotate2d*/


/*箭头*/
@-webkit-keyframes bounce-up {

    25% {
        -webkit-transform: translateY(20px);
    }

    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-20px);
    }
}
.layout{background-color: #2f2e2b;
	width:640px;
	margin: 0 auto;/*overflow: hidden;*/
}
.ab{
   
	position: absolute;
}

body {
background: #faf3e9;
}
.section{

	/*position: relative;
	height:1200px;
	overflow: hidden;
	text-align: center;
	*/
}


/*

.page1{
	background: url(../img/img1.jpg) no-repeat;
background-size: contain;text-align: center;
}
.page1 .logo{
	position: absolute;left: 20px;top: 20px;
}
.page1 .left{
	top:160px;
}
.page1 .right{
	top:140px;left: 250px;
}
.page1 .txt1{
	top: 0px;left: 0;right: 0;
}		


.page1 .txt1 img {

width: 100%;
}

*/
.yc {
    opacity:0;
}

.yc {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


/* votebox */
.votebox{    width: 50%;
    margin-left: 15px;
    text-align: center;
    color: #feecd6;
    position: relative;
    z-index: 66;
    font-weight: 100;}
/* barbox */
.barbox{height:8px;line-height:8px;overflow:hidden;margin-bottom: 0.8rem;}
.barbox dt a{color:#0048CC;}
.barbox dd{float:left;}
.barbox dd.last{color:#999;}
.barbox dd.barline{width:100%;background:#c53131;height:8px;overflow:hidden;display:inline;border-radius: 20px;}
.barbox dd.barline div.charts{height:8px;overflow:hidden;background:#ffedd7;border-radius:8px;}

@-webkit-keyframes appear {
    0% {opacity:0}
    100% {opacity:1}
}

.page1 .txt2{
	top: 24rem;left: 0;right: 0;
}	

.page1 .txt2 img {
    transform: scale(1.2);
width: 100%;
}
	
.page1 .txt21{
    
    	top: 28rem;
}	
	
.page1 .txt3{
	    top: 34rem;left: 0;right: 0;
}	





.page1 .btn{
	top:800px;left: 0;right: 0;margin-left: 50px;
}
.page1 .text{
	left: 0;right: 0;top:170px;display:none;
}	
.page2{
	background: url(../img/img1.png) no-repeat center;background-size: 1200px;
}



#dialog_join .biaodan {
    position: absolute;
    top: 230px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    text-align: center;
    z-index: 99999999;
    transform: scale(1.3);
}

.xm {
    margin-bottom: 50px;
}

.xm label {
margin-right:0.3rem;
    color: #333;
        font-size: 0.7rem;
    font-weight: bold;
}

#dialog_join .logo {
    position: absolute;
    left: 20px;
    top: 20px;
}



#dialog_join .bd{
	top:150px;left: 0;right: 0;
	
	
	
}	

#dialog_join img {

width: 100%;
}
	.s182 {
	    transform: scale(1.3);
	      top: 20rem;
	}

.page2 .img1{
	top: 190px;left: 10px;
}	
.page2 .img2{
	top: 490px;left:15px;
}







.zhezhao {


    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;

}

.tp {text-align: center;
    padding-top: 10%;}

.tp img {width: 80%;}

.wz {    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 400px;
    bottom: 50px;
    left: 50%;
    margin-left: -200px;
    font-size: 24px;}


#dialog_join{
	background: url(../img/img1.jpg) no-repeat  center top;
}
#dialog_reserve input[type=text],
#dialog_join input[type=text]{
	background: #fff;color: #000;padding-left:20px;
	font-size:24px;line-height:46px;border: none;     width:180px;
}
#txt5,	
#txt1{
	top:547px;left: 0;right: 0;width:500px;margin: 0 auto;height: 46px;	
}
#bdproduct4,
#bdproduct3,
#bdproduct2,
#bdproduct1{
	display: none;
}
#bdproduct3+label,
#bdproduct1+label{
	position: absolute;left:194px;top:612px;
}
input[type=radio] {
   display: none;
}
input[type=radio] + label {
	background: #c8c8c8;
	width:25px;
	height:25px; border-radius: 35px; border:#c8c8c8 solid 5px;
	cursor: pointer;
	display:block;
}
input[type=radio]:checked + label {
	background:#000;
}
input[type=checkbox]:checked + label {
	background:#000;
}
#bdproduct4+label,
#bdproduct2+label{
	position: absolute;left:320px;top:612px;
}
#txt6,
#txt2{
	top:700px;left: 0;right: 0;width:500px;margin: 0 auto;
}
#txt7,
#txt3{
	top:816px;left:60px;width:220px;margin: 0 auto;
}
#txt8,
#txt4{
	top:816px;right:80px;width: 220px;margin: 0 auto;
}
#dialog_reserve input[type=submit],
#dialog_join input[type=submit]{
	width:300px;height:51px;
	margin: 0 auto;border: none;cursor: pointer;
}


#dialog_join .tijiao {

background-image: url(../img/sc.png);
    background-size: 100%;

}

#dialog_reserve .list,
#dialog_join .list{
	position: absolute;left: 0;right: 0;top:360px; display: none;
}
#dialog_reserve .list ul,
#dialog_join .list ul{
	width: 540px;overflow: hidden;background:rgba(200,200,200,0.8);margin:0 auto ;
	position: relative;
}
#dialog_reserve .list ul:after,
#dialog_join .list ul:after{
	content: "";position: absolute;left: 180px;top: 0;width: 1px;height: 100%;
	background: #000;display: block;
}
#dialog_reserve .list ul:before,
#dialog_join .list ul:before{
	content: "";position: absolute;right: 180px;top: 0;width: 1px;height: 100%;
	background: #000;display: block;
}
#dialog_reserve .list li,
#dialog_join .list li{
	float: left;width:180px ;color: #000000;text-align: center;line-height: 1.7;
	font-size: 24px;color: #545453;
}
#dialog_reserve .txt,
#dialog_join .txt{
	left: 0;right: 0;top:885px;font-size: 20px;color: red; text-align: center;
}
#dialog_reserve .btn,
#dialog_join .btn{
	left: 20px;top: 20px;
	
	display:none;
	
}
#dialog_reserve{
	background: url(../img/img3-2.jpg) no-repeat;
}
#dialog_reserve .list{
	top:290px;
}
#txt5{
	top: 430px;
}
#txt6{
	top:590px;
}
#txt7,#txt8,#txt3,#txt4{
	top:700px;   width:200px;border:0; color:#5d5d5d; left:65px; background:none; font-size:24px; height:46px; padding-left:20px;
}
#txt8{
	top:700px;left: 340px;
}
#txt3{
	left:70px;
	    background: #fff;
}
#txt3,#txt4{
	top:815px;
}
#txt4{
	left:330px;
}
#bdproduct3+label{
	top: 500px;
}
#bdproduct4+label{
	top: 500px;
}
#dialog_reserve input[type="submit"]{
	width: 355px;height: 63px;top: 907px;
}
#dialog_reserve input[type="file"]{
	width: 500px;height: 46px;top: 808px; position: absolute; left: 50%; margin-left: -250px; opacity: 0; 
}
#dialog_print input{
	position: absolute; width: 345px; height: 55px; left: 50%; margin-left: -172.5px; top:845px; opacity: 0;
}













.dialog{
	position: absolute;z-index: 11;
	width: 640px;left: 50%;margin-left: -320px;top: 0;height: 100%; overflow: hidden;
}
#dialog_result{
	background: url(../img/img5-1.jpg) no-repeat;text-align: center;display: none;
}
#dialog_result .btn1{
	position: absolute;left: 0;right: 0;top: 850px;z-index: 111;
	cursor: pointer;
}
#dialog_result .btn2{
	position: absolute;left: 0;right: 0;top: 905px;z-index: 111;
	cursor: pointer;
}
#dialog_lottery{
	background: url(../img/img6-1.jpg) no-repeat;text-align: center;
}
#dialog_lottery .prize{
	top:72px;left: 2px;right: 0;
	transition: all 4s ease 0s;
}
#dialog_lottery .text1{
	top:228px;left: 0;right: 0;z-index: 11;
}
#dialog_lottery .text2{
	top:440px;left: 0;right: 0;
}
#dialog_lottery .text3{
	top:680px;left: 0;right: 0;text-align: center;
	color: #7d1862;font-size: 22px;
}
#dialog_lottery .text3 span{
	margin: 0 10px;color:red;font-size: 28px;
}
#dialog_lottery .text4{
	top: 200px;left: 0;right: 0;z-index: 211;
}
#dialog_lottery .btn{
	top: 760px;left: 50%; margin-left: -100px; text-align: center; width: 200px; height: 171px; background: url(../img/img6-6.png) no-repeat bottom;
}
#dialog_lottery .btn:active,
#dialog_lottery .btn:hover{
	background-image: url(../img/img6-8.png);
}


#prize.selected{
	-webkit-animation: shake  0.5s infinite linear;
	 animation:shake  0.5s  infinite linear;
	 -ms-animation: shake  0.5s  infinite linear;
}
#dialog_share{
	opacity: 1;
}





/*音乐*/
#music{ display: none;
	position: absolute;top: 25px;left: 50%;margin-left: 220px; z-index: 9999;
}
#music .btn{
	background: url(../imgs/music_play.gif) no-repeat; width: 80px; height: 80px;
}
#music .btn-play{
	background: url(../imgs/music.png) no-repeat; width: 44px; height: 44px; position: absolute; left: 50%; margin-left: -22px; top: 50%; margin-top: -22px; 
	-webkit-animation:rotate2d 1.2s linear infinite;
	animation:rotate2d 1.2s linear infinite;
}
#music.stopped .btn{
	background: none;
}
#music.stopped .btn-play{
	-webkit-animation:none;
	animation:none;