body{height:100%;width:100%;position:fixed;left:0;top:0;background-image:url(../images/banner_bg.png);background-size:100% auto;background-repeat:no-repeat;background-position:top}body .to-index{left:.2rem}body .check-rule,body .to-index{display:block;position:absolute;width:1rem;height:.44rem;line-height:.44rem;text-align:center;color:#feec67;font-size:.28rem;top:.21rem;border-radius:.22rem;background:hsla(0,0%,100%,.1)}body .check-rule{left:1.4rem;cursor: pointer;}body .to-share{padding-right:1rem;padding-top:.32rem;font-size:.28rem;color:#fff;display:inline-block;position:absolute;right:.205rem;top:0;background-image:url(../images/arrow.png);background-size:.85rem auto;background-repeat:no-repeat;background-position:right .1rem}body .wrap{width:6.5rem;height:7.8rem;background:#fffb84;margin:1.87rem auto .4rem;border-radius:.15rem;box-shadow:0 6px 12px rgba(0,0,0,.25);position:relative}body .wrap .vote-info{background-image:url(../images/rank.png);background-size:100%;background-repeat:no-repeat;background-position:50%;width:3.59rem;height:1.17rem;line-height:1.07rem;text-align:center;position:absolute;left:50%;margin-left:-1.8rem;top:-.917rem;color:#fee75c;font-size:.32rem}body .wrap .thum{padding:.2rem .17rem 0 .23rem;position:relative}body .wrap .thum .loading{width:1rem;height:1rem;position:absolute;left:50%;top:50%;margin-left:-.5rem;margin-top:-.5rem;background-image:url(../images/loading.png);background-size:.8rem auto;background-repeat:no-repeat;background-position:50%;-webkit-animation:b .5s infinite linear;animation:b .5s infinite linear}body .wrap .thum img{width:100%;height:5.8rem}body .wrap .info{font-size:.28rem;color:#5817b3;padding:.19rem 0 0 .7rem}body .wrap .info p{line-height:.5rem}body .to-vote{width:6.5rem;height:.98rem;line-height:.98rem;text-align:center;color:#fee75c;background:linear-gradient(#ff74f0,#9d1be8);box-shadow:0 6px 12px rgba(0,0,0,.25);border-radius:.49rem;margin:0 auto;font-size:.48rem;position:relative}body .to-vote.disabled{background:linear-gradient(#ebebeb,#aeaeae);color:#999}body .to-vote.cannotclick{pointer-events:none}body .to-vote .and-one{line-height:.7rem;font-size:.6rem;color:#ff41d5;width:1rem;text-align:center;position:absolute;left:50%;margin-left:-.5rem;top:0;opacity:0}body .to-vote .and-one.vote{-webkit-animation:a 1s 1 ease-out;animation:a 1s 1 ease-out}body .rule-wrap{position:fixed;left:0;right:0;top:0;bottom:0;padding:.8rem .5rem .38rem;background:rgba(0,0,0,.6);display:none;z-index:2}body .rule-wrap .close-rule{line-height:1rem;height:.8rem;display:block;padding:0 .51rem;position:absolute;right:0;top:0;font-size:.28rem;color:#fff;cursor: pointer;}body .rule-wrap .rule{padding:.1rem .32rem .2rem;color:#fee75c;background:linear-gradient(#6e49fa,#d125f1);box-shadow:0 11px 35px rgba(0,0,0,.25)}body .rule-wrap .rule h1{padding-top:.2rem;font-size:.36rem;font-weight:400}body .rule-wrap .rule h2{line-height:.38rem;font-size:.28rem;font-weight:400;margin:.12rem 0}body .rule-wrap .rule h3{line-height:.4rem;font-size:.28rem;font-weight:400;margin-bottom:.15rem}body .tip{width:100%;height:100%;position:fixed;left:0;top:40%;text-align:center;z-index:1;display:none;opacity:0;transition:all 1s}body .tip.show{display:block;opacity:1}body .tip span{height:.6rem;line-height:.6rem;padding:0 .2rem;border-radius:.3rem;background:rgba(0,0,0,.7);color:hsla(0,0%,100%,.7);display:inline-block;font-size:.24rem}@-webkit-keyframes a{0%{top:0;opacity:0}50%{top:-.75rem;opacity:1}to{top:-.75rem;opacity:0}}@keyframes a{0%{top:0;opacity:0}50%{top:-.75rem;opacity:1}to{top:-.75rem;opacity:0}}@-webkit-keyframes b{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes b{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
