@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}
@-o-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}
@-moz-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}
html,body{padding:0;margin:0;font-family:"microsoft yahei";width:100%;height:100%;background:#b71a1f}
.game-wrap{width:640px;background:#b71a1f url(../../images/dial/bg.png) no-repeat;min-height:1310px;padding-bottom:80px;margin:0 auto}
.logo{width:640px;height:305px;display:block}
.news{width:565px;height:58px;background:url(../../images/dial/news.png);margin:-15px 0 0 10px;font-size:24px;padding:5px 0 0 55px;color:#fff;font-family:"\5fae\8f6f\96c5\9ed1"}
.news em{color:#ffcd0e;margin:0 8px}
.news .scroll-box{width:560px;height:45px;overflow:hidden;text-indent:25px;line-height:45px}
.dial{width:640px;height:564px;position:relative;margin-top:30px;overflow:hidden}
.dial .start_bg{width:640px;height:564px;position:absolute;top:0;left:0;z-index:10}
.dial .start{width:80px;height:80px;position:absolute;top:245px;left:280px;z-index:15;font-size:0}
.dial .pan{width:640px;height:456px;position:absolute;top:54px;left:0;z-index:5}
.tips{font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ff8e8a;text-align:center;margin-top:20px}
.illustrate{width:100%;position:relative}
.illustrate .title{width:320px;height:120px;background:url(../../images/dial/title.png) no-repeat;font-size:0;margin:0 auto}
.illustrate .pic{width:141px;height:115px;background:url(../../images/dial/pic.png);position:absolute;top:82px;right:0;z-index:5}
.illustrate .word{width:590px;margin:30px auto 0;padding:30px 15px;background:#a2060c url(../../images/dial/figure.png);color:#ff8e8a;font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";position:relative;z-index:10;-webkit-box-shadow:0 0 15px #f66560;-moz-box-shadow:0 0 15px #f66560;box-shadow:0 0 15px #f66560}
.illustrate .word span{color:#fff}
.overlay{width:100%;background:url(../../images/dial/pop_bg.png);position:absolute;display:none;top:0;left:0;z-index:20}
.no-prize{width:556px;height:469px;left:42px;top:200px;background:url(../../images/dial/no_prize.png);display:none;position:absolute;z-index:30}
.no-prize p{color:#fff;font-size:34px;font-family:"\5fae\8f6f\96c5\9ed1";text-align:center;margin-top:100px}
.no-prize div{color:#eba205;font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";text-align:center;margin-top:20px}
.no-prize div em{font-size:36px}
.no-prize span{width:260px;height:65px;display:block;margin:86px auto 0;text-align:center;color:#1a1849;line-height:65px;font-size:34px;font-family:"\5fae\8f6f\96c5\9ed1"}
.prize{width:556px;height:469px;left:42px;top:200px;background:url(../../images/dial/pop_border.png);position:absolute;display:none;z-index:30}
.prize h2{color:#edab08;font-size:56px;font-family:"\5fae\8f6f\96c5\9ed1";text-align:center;margin-top:65px}
.prize p{color:#fff;font-size:30px;font-family:"\5fae\8f6f\96c5\9ed1";text-align:center}
.prize p em{color:#edab08;font-size:36px;font-family:"\5fae\8f6f\96c5\9ed1"}
.prize a{background:url(../../images/dial/prize.png);width:327px;height:144px;display:block;margin:0 auto}
.share{background:url(../../images/dial/share.png);width:417px;height:307px;position:absolute;top:200px;left:167px;display:none;z-index:30}
.game-submit{width:640px;background:#b71a1f url(../../images/dial/bg1.png) no-repeat;min-height:1280px}
.model2{display:none}
.model2 .pic1{width:181px;height:156px;margin:30px auto 0;background:url(../../images/dial/pic1.png) no-repeat}
.model2 h2{font-size:46px;font-family:"\5fae\8f6f\96c5\9ed1";color:#fad43a;text-align:center;margin:5px 0 10px}
.model2 p{font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ff8e8a;text-align:center}
.model2 .tip{margin-top:60px}
.model2 .tip span{color:#fad43a}
.model2 .bigcode{display:block;width:640px}
.model2 .code{display:block;margin:20px auto;width:250px;height:250px;position:relative;z-index:10000}
.model2 .attention{width:218px;height:35px;line-height:35px;text-align:center;font-size:20px;font-family:"\5fae\8f6f\96c5\9ed1";color:#fad435;border:1px solid #ff8e8a;margin:0 auto}
.model3{display:none}
.model3 .pic2{width:181px;height:156px;margin:30px auto 0;background:url(../../images/dial/pic2.png) no-repeat}
.model3 h2{font-size:46px;font-family:"\5fae\8f6f\96c5\9ed1";color:#fad43a;text-align:center;margin:5px 0 10px}
.model3 p{font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ff8e8a;text-align:center;padding:0 50px}
.model3 .restart{width:280px;height:69px;display:block;margin:70px auto;font-size:0;background:url(../../images/dial/restart.png) no-repeat}
.model1{display:none}
.model1 .coupon{width:620px;height:auto;margin:10px auto;display:block}
.model1 h2{font-size:30px;font-family:"\5fae\8f6f\96c5\9ed1";color:#fad43a;text-align:center;margin:5px 0 10px}
.placeholder_wrap{margin:20px auto 0;height:67px;width:510px}
.placeholder_wrap label{font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ffa6a3;text-align:center;width:135px;float:left;height:67px;line-height:67px}
.placeholder_wrap input{display:block;width:373px;float:left;height:65px;line-height:65px;border:1px solid #f66560;background:0;text-indent:1em;font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ffa6a3}
.placeholder_wrap textarea{display:block;width:353px;float:left;height:110px;line-height:40px;border:1px solid #f66560;background:0;padding-left:20px;padding-top:10px;font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ffa6a3}
.placeholder_wrap .field_error{-webkit-animation:shake 1s;-moz-animation:shake 1s;-ms-animation:shake 1s;-o-animation:shake 1s;animation:shake 1s}
.place{height:122px}
.selectcls{margin:20px auto 0;height:67px;width:510px;position:relative}
.selectcls .select_box{width:373px;float:left;overflow:hidden;border:1px solid #f66560;background:0}
.selectcls .field_error{border:1px solid #ffb5b5!important}
.selectcls select{display:block;width:400px;float:left;height:65px;border:0;line-height:65px;text-indent:1em;font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ffa6a3;background:0;position:relative;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.selectcls option{background:0;height:65px;line-height:65px;width:373px;display:block}
.selectcls label{font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ffa6a3;text-align:center;width:135px;float:left;height:67px;line-height:67px}
.selectcls .box_cls{display:block;width:373px;float:left;height:65px;line-height:65px;border:1px solid #f66560;text-indent:1em;font-size:24px;font-family:"\5fae\8f6f\96c5\9ed1";color:#ffa6a3}
.selectcls .drop-down{background:url(../../images/dial/drop.png);width:56px;height:69px;position:absolute;top:-1px;right:10px;z-index:5}
.submit-b{background:url(../../images/dial/submit.png);width:280px;height:69px;margin:50px auto 0;display:block;border:0}
.music-btn{position:absolute;top:20px;left:20px;width:50px;height:50px;background:url(http://nos.netease.com/house-public/de618fa1646cc01e14d9450030488027.png) no-repeat;z-index:9999}
.music-paused{position:absolute;top:20px;left:20px;width:50px;height:50px;background:url(http://nos.netease.com/house-public/d3bee879fd353cd056a9cfc5e1bbd3e9.png) no-repeat;z-index:9999}