html{height:100%}
@media only screen and (max-width:300px){body,html{font-size:8.33px}
.viewport{max-width:300px}}
@media only screen and (max-width:310px) and (min-width:300px){body,html{font-size:8.33px}
.viewport{max-width:310px}}
@media only screen and (max-width:320px) and (min-width:310px){body,html{font-size:8.61px}
.viewport{max-width:320px}}
@media only screen and (max-width:350px) and (min-width:320px){body,html{font-size:8.89px}
.viewport{max-width:350px}}
@media only screen and (max-width:360px) and (min-width:350px){body,html{font-size:9.72px}
.viewport{max-width:360px}}
@media only screen and (max-width:400px) and (min-width:360px){body,html{font-size:10px}
.viewport{max-width:400px}}
@media only screen and (max-width:470px) and (min-width:400px){body,html{font-size:11.11px}
.viewport{max-width:470px}}
@media only screen and (max-width:480px) and (min-width:470px){body,html{font-size:13.06px}
.viewport{max-width:480px}}
@media only screen and (max-width:540px) and (min-width:480px){body,html{font-size:13.33px}
.viewport{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:540px){body,html{font-size:15px}
.viewport{max-width:560px}}
@media only screen and (max-width:570px) and (min-width:560px){body,html{font-size:15.56px}
.viewport{max-width:570px}}
@media only screen and (max-width:630px) and (min-width:570px){body,html{font-size:15.83px}
.viewport{max-width:630px}}
@media only screen and (max-width:640px) and (min-width:630px){body,html{font-size:17.5px}
.viewport{max-width:640px}}
@media only screen and (max-width:710px) and (min-width:640px){body,html{font-size:17.78px}
.viewport{max-width:710px}}
@media only screen and (max-width:720px) and (min-width:710px){body,html{font-size:19.72px}
.viewport{max-width:720px}}
@media only screen and (min-width:720px){body,html{font-size:20px}
.viewport{width:720px}}
.jmu-border-1px{position:relative}
.jmu-border-1px:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform-origin:0 0;-webkit-transform:scale(1);pointer-events:none}
@media only screen and (-webkit-min-device-pixel-ratio:2){.jmu-border-1px:after{right:-100%;bottom:-100%;-webkit-transform:scale(0.5)}}
.jmu-border-1px.border-all:after{border:1px solid #dedfe0}
.jmu-border-1px.border-top:after{border-top:1px solid #dedfe0}
.jmu-border-1px.border-bottom:after{border-bottom:1px solid #dedfe0}
.jmu-border-1px.border-left:after{border-left:1px solid #dedfe0}
.jmu-border-1px.border-right:after{border-right:1px solid #dedfe0}
html{background:#1c2c69}
body{margin:0;overflow:hidden!important;-webkit-touch-callout:none;-webkit-user-select:none}
.container{width:100%;margin:0 auto;position:relative}
.bg{width:100%}
.yellow{color:#fecf77}
.formula{width:100%;margin-top:.5rem}
.event-body{background-color:#1c2c69}
.event-tip-top{margin-top:-10rem;font-size:1.35rem;text-align:center;color:#c42227;font-weight:700}
.event-tip{text-align:center;color:#fff;line-height:1.5rem}
.event-button-wrap{position:relative;overflow:hidden;width:80%;margin:-10rem auto .7rem;z-index:999}
.event-button{text-align:center;width:47%;line-height:3.8rem;font-size:2.2rem;font-weight:700;color:#eb0511;border-radius:.2rem}
.event-button img{width:100%}
.signup{float:left}
.rank{float:right}
.rule-title{width:16rem;height:8rem;background-size:100% 100%;text-align:center;display:table-cell;vertical-align:middle}
.rule-title img{width:60%}
.rule-title-wrap{width:16rem;height:7.5rem;margin:0 auto}
.rules{width:90%;border-radius:2px;text-align:left;margin:0 auto 5rem;color:#cee3ff;line-height:1.6;box-sizing:border-box}
.rules p{font-size:1.1rem;padding-bottom:.6rem}
.rules table{text-align:center}
.rules table td{border:1px solid #4278f9;line-height:1.3rem;padding:.4rem;font-size:1rem;color:#ff7d17}
.rules table th{line-height:1.7rem}
.rules table thead{background:#4278f9;border:1px solid #4278f9;color:#fff;font-size:1.4rem}
.step{overflow:hidden;width:100%}
.step li{box-sizing:border-box;padding:.5rem;text-align:center;float:left;width:33%;background:#f8eacd;height:8.5rem;color:#c42227}
.step li h1{margin-bottom:.5rem;font-size:1.4rem}
.step li p{line-height:1.2rem}
.step li:nth-child(2){background:#fff}
.finishe-step{clear:both;text-align:center;padding-top:1rem;color:#fff;font-size:1.4rem}
.rule-sub-title-wrap{text-align:left}
.rule-sub-title{background:#f8eacd;font-weight:700;font-size:1.6rem;margin:0 auto 1.2rem;display:inline-block;color:#c42227;padding:0 .8rem}
.to-top{position:fixed;bottom:1rem;right:5%;width:40px;display:none}
.dialog{overflow:hidden;text-align:center;position:fixed;border-radius:7px;background-color:#fff;top:50%;margin-top:-150px;padding-top:24px;width:70%;left:15%;z-index:4500;display:none}
.dialog title{display:block;font-size:18px;color:#c42227333;line-height:25px}
.dialog .describe p{margin:20px;line-height:20px;font-size:12px;color:#666}
.dialog a{display:block;height:50px;clear:both;line-height:50px;font-size:18px;background-image:url(/images/broker/border/repeat-x-top.png);background-position:top;background-repeat:repeat-x;background-size:auto 1px;color:#07e}
.dialog a:active{background-color:#ddd}
.copyright{text-align:center;color:rgba(255,255,255,.6);padding:12px;display:none;line-height:1.6}
.download-dialog{display:none;position:fixed;z-index:4500;background:#fff;width:20rem;left:50%;top:50%;text-align:center;margin-left:-10rem;margin-top:-10rem;border-radius:.4rem;overflow:hidden}
.download-dialog .title{line-height:2rem;font-size:1.4rem;padding:2rem}
.download-dialog .bottom{text-align:left;background-image:url(/images/broker/border/repeat-x-top.png);background-position:top;background-repeat:repeat-x;background-size:auto 1px}
.download-dialog .bottom a{display:inline-block;line-height:4rem;font-size:1.4rem;text-align:center;width:50%;box-sizing:border-box}
.download-dialog .bottom a:active{background-color:#ddd}
.download-dialog .bottom .cancel{background-image:url(/images/broker/border/repeat-y-right.png);background-position:right;background-repeat:repeat-y;background-size:auto 1px}
.download-dialog .bottom .download{color:#05c}
.alert{display:none;text-align:center;position:fixed;border-radius:7px;background-color:#fff;top:15%;padding:25px 0;width:80%;left:10%;z-index:4500}
.alert img{width:80%}
.alert p{font-size:1.8rem;color:#ff6454;font-weight:700;margin-bottom:1rem}
.alert .close{display:block;position:absolute;width:4.5rem;height:4.5rem;background-image:url(/images/broker/event/realcontest/4/close.png);background-size:4.5rem;background-repeat:no-repeat;top:-2rem;right:-2rem}
.alert-btn{background:#ff6454;width:60%;height:3rem;line-height:3rem;display:inline-block;color:#fff;margin-top:1.5rem;border-radius:.2rem;font-size:1.7rem}
.tab-wrap .tab-content{display:none}
.tab-wrap .tab-content.active{display:block}
.rank-list .tab-content-wrap:before{content:"";display:block;background-image:url(/images/broker/event/realcontest/rank_bg_top.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;height:4rem}
.rank-list .tab-content-wrap:after{content:"";display:block;background-image:url(/images/broker/event/realcontest/rank_bg_bottom.png);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;height:4rem}
.rank-list .tab-content-wrap .tab-content{padding:1.5rem;background-color:#ffd178;color:#c42227}
.rank-list .tab-content-wrap .tab-content table{width:100%}
.rank-list .tab-content-wrap .tab-content th{border:none;font-weight:700;font-size:1.3rem}
.rank-list .tab-content-wrap .tab-content td{border-color:#c42227}
.rank-list .tab-btn-wrap{overflow:hidden}
.rank-list .tab-btn-wrap .tab-btn{color:#960b13;font-size:1.3rem;line-height:2rem;border:1px solid #960b13;text-align:center;width:15%;float:left;margin:1rem 2%;border-radius:2px}
.rank-list .tab-btn-wrap .active{color:#FFF;border:1px solid #FFF}