/*Index Page*/
#stage{width: 100%;height: 100vh;position: relative;overflow: hidden}
#top{}
#top .nav{height: 64px;line-height: 64px;background: rgba(13,16,28,.58);border-bottom:rgba(105,121,186,.2) 1px solid;position:fixed;width: 100%;left: 0;top: 0;z-index: 999}
#top .nav .logo{font-size: 18px;font-weight: bold;color:#fd0;display: inline-block;width: 140px;margin: 0 20px;background: url(../images/logo.png) center center;background-size: contain;background-repeat: no-repeat;height: 64px;}
#top .nav ul{float: right}
#top .nav ul li{display: inline-block;font-size: 14px;}
#top .nav ul li a{display: block;color: #fff;padding: 0 20px;cursor: pointer}
#top .nav ul li.active{border-bottom: #fd0 2px solid;height: 64px}
#top .nav ul li.active a{color: #fd0}
#top .moon{background: url(../images/moon.png);width: 584px;height: 584px;position: fixed;left: 50%;margin-left: -292px;top: -100px;}
#top .moon .change{width: 354px;height: 334px;background:url(../images/change.png) center no-repeat;left: -120px;bottom: -80px;position: absolute;overflow: hidden;text-indent: -999em}
#building{height: 154px;width: 100%;position: absolute;bottom: 0;left: 0;background: url(../images/wall.png);text-align: center}
#building .building{width: 872px;height: 379px;position: absolute;left: 50%;bottom: 0;background: url(../images/building1.png);margin-left: -436px;overflow: hidden}
#building #go_down{width:197px;height: 65px;background: url(../images/button.png) top center no-repeat;position: absolute;left: 50%;margin-left: -99px;bottom: 99px;display: block}
#building #go_down:hover{background-position:0 -65px;cursor: pointer}
#building #go_down span{display: block;position: absolute;left: 0;bottom: -70px;color: #fff;text-align: center;font-size: 14px;width: 100%;height:40px;line-height: 40px;background: rgba(0,0,0,.3)}
#main{background: #6E120E;position: relative}
#main .bowl{width: 577px;height: 489px;margin: 0 auto;position: relative}
#main a#join{display: inline-block;width: 225px;height: 68px;text-indent: -999em;overflow: hidden;background: url(../images/join_button.png);cursor: pointer;position: relative}
#main a#join span{height: 68px;display: block;background:url(../images/join_button.png) 0 -70px;opacity: 0;transition: all .6s }
#main a#join:hover span{opacity: 1}
#mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none}
#play_button{position: relative}
#dice_area{position: absolute;width:351px;height: 250px;position: absolute;left: 100px;top: 100px;}
#dice_area .dice{width: 72px;height: 72px;position: absolute;background-image: url(../images/dice.png);background-position:0 -504px;display:none}
#dice_area .dice#dice1{left:80px;top: 50px;}
#dice_area .dice#dice2{left: 240px;top: 100px;}
#dice_area .dice#dice3{left: 60px;top:  200px;}
#dice_area .dice#dice4{left: 120px;top:140px;}
#dice_area .dice#dice5{left: 200px;top: 0;}
#dice_area .dice#dice6{left:280px;top:200px;}
/*#dice_area .dice#dicetest{left:30px;top:100px;}*/
#dice_area .dice.dot1{background-position:0 0px}
#dice_area .dice.dot2{background-position:0 -72px}
#dice_area .dice.dot3{background-position:0 -144px}
#dice_area .dice.dot4{background-position:0 -216px}
#dice_area .dice.dot5{background-position:0 -288px}
#dice_area .dice.dot6{background-position:0 -360px}
#dice_area .dice.dice_t{background-position:0 -432px}
#dice_area .dice.dice_s{background-position:0 -504px}
#dice_area .dice.dice_e{background-position:0 -581px}
/*#dice_area .dice.dot6{background-position:0 -432px}*/
#dice_area .dice.scrool{background: none; animation:dice .4s  infinite;background-position: center;background-repeat: no-repeat;}
#dice_area .dice.roll{animation:roll .4s ;}
#dice_area .dice.show{display: block}
#result{padding: 10px;display: none}
#result p.title{text-align: center;font-size: 14px;padding-bottom: 10px}
#result p.title input.layui-layer-input{margin:0 8px;width: 150px;min-width: 150px;}
#result p.title input#query_button{width: 66px;height: 36px;line-height: 36px;background: rgba(190,40,42,1);color: #fff;border-radius: 4px;cursor: pointer}
#result p.title input#query_button:active{opacity: .8}
#result .query_result{width: 100%;border-left:rgba(0,0,0,.3) 1px dotted;border-top:rgba(0,0,0,.3) 1px dotted;}
#result .query_result li span{display: inline-block;width: 50%;border:rgba(0,0,0,.3) 1px dotted;padding: 8px;border-top: none;border-left: none}
#result .query_result#query_result{border-top: none}

p.userinfo{text-align: center;color: #fff;font-size: 16px;padding: 20px 0;position: relative;z-index: 9999}
p.userinfo #user{background:transparent;text-align: right;color:#fd0;padding-right:1em;font-size: 16px;}
span#c_user{color: #fd0;font-size: 13px;cursor: pointer}

.board{width:330px;height:580px;background:url(../images/paper.png) no-repeat;background-size:  contain;left:-200px;top: 0;float: left;position: absolute}
#winners{left: auto;right:-200px;float: right}
#prize{}
.board .wrap{padding: 30px 35px 0 20px;}
#prize table{}
#prize table td{border:rgba(0,0,0,.2) 1px dotted;font-size: 13px;color:#0d101c;padding:4px 8px}
#prize table td.no1{width: 88px}
.board h1.title{color: #6E120E;font-size: 18px;line-height:3em;font-weight: bold}
.board .scroll{overflow: hidden;height:400px;margin:0 20px 11px 20px;}
.board .scroll .list li{line-height: 25px;font-size: 14px;border-bottom:rgba(0,0,0,.2) 1px dotted }
.board .scroll .list li a{color:rgba(255,255,255,.8);text-shadow:1px 1px 1px #000;font-size: 13px;}
.board .scroll .list li .s1{display: block;color: #6E120E}

#yb_info{background: rgba(255,255,255,.0005);padding: 20px;box-shadow: 0 0 30px rgba(0,0,0,.6);border:#8F1812 1px solid;color:rgba(255,255,255,.9);font-size: 14px;text-shadow:1px 1px 1px rgba(0,0,0,.8)}
#yb_info h1.title{color: #fd0;padding: 20px 0}
#yb_info table{border-collapse:separate;border-spacing:0;text-align: center;}
#yb_info table td{padding: 6px 8px;border-top:rgba(255,255,255,.1) 1px solid;border-left:rgba(255,255,255,.1) 1px solid;border-bottom:rgba(0,0,0,.1) 1px solid;border-right:rgba(0,0,0,.1) 1px solid;box-shadow:5px 5px 15px rgba(0,0,0,.1) inset;font-size:18px}
#yb_info p{padding: 6px 0;font-size:18px}
#yb_info table td.th{color: #fd0;padding: 10px;background: rgba(0,0,0,.1)}
.copyright{padding: 60px 0 20px 0;text-align: center;color: #fd0;font-size: 14px}