/*!
 * KEWL Leaderboard
 * 
 * @author: Leo <liyang5@cmcm.com>
 * @date: 2016-06-23 15:48:09
 */

@charset 'utf-8';.content,.wrap{position:relative}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,button,html,input,select,textarea{font-family:Helvetica,HelveticaNeue,'Droid Sans',Arial,Verdana,serif,'Heiti SC',Droidsansfallback,'微软雅黑'}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.pull-left,.pull-right{display:inline}body{line-height:1;color:#333;background:#f6f6f6}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}sup{vertical-align:text-top}sub{vertical-align:text-bottom}button,input,select,textarea{font-size:inherit;font-weight:inherit;overflow:visible;width:auto;*font-size:100%}.layer,.list li,.list li .limit,.list li .photo-box,.list li .td-r,.none,.tr .tr-r,.wrap{overflow:hidden}legend{color:#000}h1,h2,h3,h4,h5,h6{font-weight:400}body,html{width:100%}a{text-decoration:none;color:#65308e;outline:0}a:active,a:focus,a:hover{color:#65308e}.content .btns a,.tr{text-align:center;color:#fff}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.pull-left{float:left}.content .btns a.join-btn,.pull-right{float:right}.clearfix{font-size:0;display:block;clear:both;height:0;content:'\200c'}.clear,.tr{zoom:1}.clear:after,.tr:after{font-size:0;display:block;clear:both;height:0;content:'\200c'}.none{display:none}.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 0 80px}.content img{width:100%;vertical-align:top}.content .btns{position:absolute;bottom:36px;left:50%;width:510px;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}@media (max-width:749px){.wrap{padding:0 0 52px}.content .btns{width:330px;bottom:23px}}@media (max-width:413px){.wrap{padding:0 0 47px}.content .btns{width:299px;bottom:21px}}@media (max-width:374px){.wrap{padding:0 0 40px}.content .btns{width:255px;bottom:18px}}.content .btns a{font-size:40px;font-weight:700;line-height:75px;display:inline-block;width:240px;height:75px;border-radius:60px;background:#e400ff}@media (max-width:749px){.content .btns a{width:155px;height:49px;border-radius:39px;line-height:49px;font-size:26px}}@media (max-width:413px){.content .btns a{width:141px;height:44px;border-radius:35px;line-height:44px;font-size:23px}}@media (max-width:374px){.content .btns a{width:120px;height:38px;border-radius:30px;line-height:38px;font-size:20px}}.tr{font-size:23px;line-height:64px}.tr .tr-l{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:35.3125%;padding-left:72px;background:#f420b1}.tr .tr-c,.tr .tr-r{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.tr .tr-c{float:left;box-sizing:border-box;width:30.3125%;background:#5106a4}.tr .tr-r{box-sizing:border-box;padding-right:70px;background:#1ecdf2}.list li,.list li .block{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}@media (max-width:749px){.tr{font-size:15px;line-height:41px}.tr .tr-l{padding-left:47px}.tr .tr-r{padding-right:45px}}@media (max-width:413px){.tr{font-size:13px;line-height:38px}.tr .tr-l{padding-left:42px}.tr .tr-r{padding-right:41px}}@media (max-width:374px){.tr{font-size:12px;line-height:32px}.tr .tr-l{padding-left:36px}.tr .tr-r{padding-right:35px}}.tr.title{font-size:46px;font-weight:bolder;line-height:84px;background:#21def4}.rules .button,.rules h1,.rules strong{font-weight:700}.list{background:#fff}.list li{box-sizing:border-box;height:118px;padding:21px 70px 4px 60px;border-width:4px;border-bottom:#f5f5f5 solid 1px}@media (max-width:749px){.tr.title{line-height:54px;font-size:30px}.list li{height:76px;padding:14px 45px 3px 39px;border-width:3px}}@media (max-width:413px){.tr.title{line-height:49px;font-size:27px}.list li{height:69px;padding:12px 41px 2px 35px;border-width:2px}}@media (max-width:374px){.tr.title{line-height:42px;font-size:23px}.list li{height:59px;padding:11px 35px 2px 30px;border-width:2px}}.list li .block{position:relative;display:block;box-sizing:border-box;height:118px;margin:-21px -70px -4px -60px;padding:21px 0 4px;color:#333}.list li .td-c,.list li .td-l{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:left}@media (max-width:749px){.list li .block{height:76px;margin:-14px -45px -3px -39px;padding:14px 0 3px}}@media (max-width:413px){.list li .block{height:69px;margin:-12px -41px -2px -35px;padding:12px 0 2px}}@media (max-width:374px){.list li .block{height:59px;margin:-11px -35px -2px -30px;padding:11px 0 2px}}.list li .block:active{background:#f1f1f1}.list li .block:after{position:absolute;top:50%;right:17px;width:20px;height:25px;margin-top:-13px;content:'';background:url(../images/more.png) center center no-repeat;-o-background-size:contain;background-size:contain}.banner,.layer{position:fixed}.layer,.mask{z-index:9999;top:0}@media (max-width:749px){.list li .block:after{right:11px;width:13px;height:16px;margin-top:-8px}}@media (max-width:413px){.list li .block:after{right:10px;width:12px;height:15px;margin-top:-8px}}@media (max-width:374px){.list li .block:after{right:9px;width:10px;height:13px;margin-top:-7px}}.list li .td-l{box-sizing:border-box;width:30%;padding-left:26px}.list li .td-c{box-sizing:border-box;width:50%;padding-top:8px;text-align:left}.list li .td-c .diamond{font-size:21px;line-height:40px;height:40px;color:#686767}@media (max-width:749px){.list li .td-l{padding-left:17px}.list li .td-c{padding-top:5px}.list li .td-c .diamond{height:26px;line-height:26px;font-size:14px}}@media (max-width:413px){.list li .td-l{padding-left:15px}.list li .td-c{padding-top:5px}.list li .td-c .diamond{height:23px;line-height:23px;font-size:12px}}@media (max-width:374px){.list li .td-l{padding-left:13px}.list li .td-c{padding-top:4px}.list li .td-c .diamond{height:20px;line-height:20px;font-size:11px}}.list li .td-c .diamond i{float:left;width:25px;height:24px;margin-top:10px;margin-right:6px;background:url(../images/diamond.png) center center no-repeat;-o-background-size:cover;background-size:cover}@media (max-width:749px){.list li .td-c .diamond i{width:16px;height:16px;margin-top:6px;margin-right:4px}}@media (max-width:413px){.list li .td-c .diamond i{width:15px;height:14px;margin-top:6px;margin-right:4px}}@media (max-width:374px){.list li .td-c .diamond i{width:13px;height:12px;margin-top:5px;margin-right:3px}}.list li .td-c .nick-name{font-size:23px;line-height:25px;width:100%;height:25px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#3e3d3d}@media (max-width:749px){.list li .td-c .nick-name{height:16px;line-height:16px;font-size:15px}}@media (max-width:413px){.list li .td-c .nick-name{height:15px;line-height:15px;font-size:13px}}@media (max-width:374px){.list li .td-c .nick-name{height:13px;line-height:13px;font-size:12px}}.list li .td-r{line-height:93px;padding-right:70px;text-align:center}@media (max-width:749px){.list li .td-r{padding-right:45px;line-height:60px}}@media (max-width:413px){.list li .td-r{padding-right:41px;line-height:54px}}@media (max-width:374px){.list li .td-r{padding-right:35px;line-height:47px}}.list li .btn{font-size:40px;line-height:93px;float:right;width:242px;height:93px;margin-top:24px;text-align:center;color:#65308e;border:solid #65308e;border-width:3px;border-radius:100px}@media (max-width:749px){.list li .btn{width:157px;height:60px;line-height:60px;border-width:2px;margin-top:16px;font-size:26px}}@media (max-width:413px){.list li .btn{width:142px;height:54px;line-height:54px;border-width:2px;margin-top:14px;font-size:23px}}@media (max-width:374px){.list li .btn{width:121px;height:47px;line-height:47px;border-width:2px;margin-top:12px;font-size:20px}}.list li .btn:active{color:#fff;background-color:#65308e}.list li .limit{font-size:28px;line-height:42px;float:left;width:50px;height:42px;margin:15px 0 0;text-align:center}@media (max-width:749px){.list li .limit{width:32px;height:27px;line-height:27px;font-size:18px;margin:10px 0 0}}@media (max-width:413px){.list li .limit{width:29px;height:25px;line-height:25px;font-size:16px;margin:9px 0 0}}@media (max-width:374px){.list li .limit{width:25px;height:21px;line-height:21px;font-size:14px;margin:8px 0 0}}.list li .limit.icon-1{text-indent:-999px;background:url(../images/top-1.png) center center no-repeat;-o-background-size:contain;background-size:contain}.list li .limit.icon-2{text-indent:-999px;background:url(../images/top-2.png) center center no-repeat;-o-background-size:contain;background-size:contain}.list li .limit.icon-3{text-indent:-999px;background:url(../images/top-3.png) center center no-repeat;-o-background-size:contain;background-size:contain}.list li .photo-box .photo{width:78px;height:78px;margin:0 auto;border-radius:50%;background:center no-repeat;-o-background-size:cover;background-size:cover}@media (max-width:749px){.list li .photo-box .photo{width:50px;height:50px}}@media (max-width:413px){.list li .photo-box .photo{width:46px;height:46px}}@media (max-width:374px){.list li .photo-box .photo{width:39px;height:39px}}#tipWrap{display:none}.showTip #tipWrap{display:block}.layer,.showTip #main{display:none}.banner{bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:80px;padding:10px 20px;background:rgba(40,16,106,.85)}@media (max-width:749px){.banner{height:52px;padding:6px 13px}}@media (max-width:413px){.banner{height:47px;padding:6px 12px}}@media (max-width:374px){.banner{height:40px;padding:5px 10px}}@media (min-width:640px){.banner{left:50%;width:640px;margin-left:-320px}}.banner .logo{float:left;width:120px;height:60px;background:url(../images/logo.png) center center no-repeat;-o-background-size:contain;background-size:contain}@media (max-width:749px){.banner .logo{width:78px;height:39px}}@media (max-width:413px){.banner .logo{width:70px;height:35px}}@media (max-width:374px){.banner .logo{width:60px;height:30px}}.banner .share{float:right;width:60px;height:60px;background:url(../images/share.png) center center no-repeat;-o-background-size:contain;background-size:contain}@media (max-width:749px){.banner .share{width:39px;height:39px}}@media (max-width:413px){.banner .share{width:35px;height:35px}}@media (max-width:374px){.banner .share{width:30px;height:30px}}@-webkit-keyframes moveTop{0%{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);opacity:0}100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}}@-moz-keyframes moveTop{0%{-moz-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);opacity:0}100%{-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}}@-o-keyframes moveTop{0%{transform:translate3d(-50%,100%,0);opacity:0}100%{transform:translate3d(-50%,0,0);opacity:1}}@keyframes moveTop{0%{-webkit-transform:translate3d(-50%,100%,0);-moz-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0);opacity:0}100%{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);opacity:1}}.layer{left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.layer .layer-box{position:absolute;bottom:32px;left:50%;width:580px;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-animation:moveTop .3s;-moz-animation:moveTop .3s;-o-animation:moveTop .3s;animation:moveTop .3s;border-radius:6px;background-color:#fff}.layer .layer-btn{font-size:30px;font-weight:700;line-height:90px;display:block;height:90px;text-align:center;color:#333}@media (max-width:749px){.layer .layer-box{width:375px;bottom:21px;border-radius:4px}.layer .layer-btn{height:58px;line-height:58px;font-size:19px}}@media (max-width:413px){.layer .layer-box{width:340px;bottom:19px;border-radius:4px}.layer .layer-btn{height:53px;line-height:53px;font-size:18px}}@media (max-width:374px){.layer .layer-box{width:290px;bottom:16px;border-radius:3px}.layer .layer-btn{height:45px;line-height:45px;font-size:15px}}.layer .share-button{border-bottom:#b5b5b5 solid 1px}.layer .share-button:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:''}.layer .share-button a{font-size:28px;float:left;width:50%;padding:24px 0;text-align:center;color:#333}.layer .share-button a .icon{display:block;width:90px;height:90px;margin:0 auto 24px}@media (max-width:749px){.layer .share-button a{padding:16px 0;font-size:18px}.layer .share-button a .icon{width:58px;height:58px;margin-bottom:16px}}@media (max-width:413px){.layer .share-button a{padding:14px 0;font-size:16px}.layer .share-button a .icon{width:53px;height:53px;margin-bottom:14px}}@media (max-width:374px){.layer .share-button a{padding:12px 0;font-size:14px}.layer .share-button a .icon{width:45px;height:45px;margin-bottom:12px}}.layer .share-button a .icon.icon-fb{background:url(../images/fb.png) center center no-repeat;-o-background-size:contain;background-size:contain}.layer .share-button a .icon.icon-tw{background:url(../images/twitter.png) center center no-repeat;-o-background-size:contain;background-size:contain}.layer .share-button a:active{background-color:#f5f5f5}.mask{position:fixed;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.mask .client-pop{position:fixed;top:40%;left:50%;width:270px;margin-top:-50px;margin-left:-135px;-webkit-transition-timing-function:linear,linear;-moz-transition-timing-function:linear,linear;-o-transition-timing-function:linear,linear;transition-timing-function:linear,linear;-webkit-transition-duration:.1s,.1s;-moz-transition-duration:.1s,.1s;-o-transition-duration:.1s,.1s;transition-duration:.1s,.1s;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-moz-transform:scale(1.3) translateZ(0);-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0);opacity:0;border-radius:7px;background:rgba(255,255,255,.95)}.mask .client-pop p{font-size:1em;line-height:2em;padding:15px 20px;text-align:center}.mask .client-pop.client-pop-show{-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);opacity:1}.mask .client-btns{display:-webkit-box;height:45px;border-top:#ccc solid 1px;-webkit-box-flex:0}.mask .client-btns a{line-height:44px;display:block;width:50%;text-align:center;color:#333;border-right:#ccc solid 1px;-webkit-box-flex:1}.mask .client-btns a:active{background:rgba(0,0,0,.05)}.mask .client-btns a:last-child{border-right:0 none}#rules{background:url(../images/rules-bg.jpg?ver=1) center center no-repeat;-o-background-size:cover;background-size:cover}.rules{font-size:30px;padding:30px;color:#4d4e4e}@media (max-width:749px){.rules{padding:19px;font-size:19px}}@media (max-width:413px){.rules{padding:18px;font-size:18px}}@media (max-width:374px){.rules{padding:15px;font-size:15px}}.rules .rules-wrapper{padding:20px;color:#fff;border-radius:20px}@media (max-width:749px){.rules .rules-wrapper{padding:13px}}@media (max-width:413px){.rules .rules-wrapper{padding:12px}}@media (max-width:374px){.rules .rules-wrapper{padding:10px}}.rules .rules-wrapper img{width:100%}.rules h1,.rules li,.rules p{padding-left:30px}.rules h1{font-size:36px;line-height:1.5}.rules ul li{line-height:1.2;position:relative;margin:14px 0}.rules ul li:before{position:absolute;top:12px;left:6px;width:10px;height:4px;content:'';background:#4d4e4e}@media (max-width:749px){.rules h1,.rules li,.rules p{padding-left:19px}.rules h1{font-size:23px}.rules ul li{margin:9px 0}.rules ul li:before{width:6px;height:3px;left:4px;top:8px}}@media (max-width:413px){.rules h1,.rules li,.rules p{padding-left:18px}.rules h1{font-size:21px}.rules ul li{margin:8px 0}.rules ul li:before{width:6px;height:2px;left:4px;top:7px}}@media (max-width:374px){.rules h1,.rules li,.rules p{padding-left:15px}.rules h1{font-size:18px}.rules ul li{margin:7px 0}.rules ul li:before{width:5px;height:2px;left:3px;top:6px}}.rules .rules-btns{width:520px;margin:0 auto}@media (max-width:749px){.rules .rules-btns{width:336px}}@media (max-width:413px){.rules .rules-btns{width:305px}}@media (max-width:374px){.rules .rules-btns{width:260px}}.rules .button{font-size:48px;line-height:74px;display:inline-block;width:240px;height:74px;margin:34px auto 20px;text-align:center;color:#fff;border-radius:82px;background:#e50bf1}@media (max-width:749px){.rules .button{width:155px;height:48px;line-height:48px;font-size:31px;margin-top:22px;margin-bottom:13px}}@media (max-width:413px){.rules .button{width:141px;height:43px;line-height:43px;font-size:28px;margin-top:20px;margin-bottom:12px}}@media (max-width:374px){.rules .button{width:120px;height:37px;line-height:37px;font-size:24px;margin-top:17px;margin-bottom:10px}}.rules .button#hideRules{float:right}