html,body{width:100%;overflow-x: hidden;margin: 0;padding: 0;font-size:28px;font-family:"微软雅黑";background-color:#1c1d5d;}
a{text-decoration:none;}
ul,li{list-style:none;padding:0;margin:0;}
.bg{background-repeat:no-repeat;background-position:center center;background-size:100%;}
.center{margin:0 auto;position:relative;}
.abs_center{position:absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
.all_center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
/*滚动条统一样式*/
.scrollbar{overflow-x:hidden;scrollbar-track-color:none;}
.scrollbar::-webkit-scrollbar{width:8px;background-color:transparent;} /*滚动条整体部分*/
.scrollbar::-webkit-scrollbar-track{border-radius:4px;-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);background-color:transparent;display:none;} /* 滚动条的轨道*/
.scrollbar::-webkit-scrollbar-track-piece{background-color:transparent;display:none;}/* 滚动条的内层轨道*/
.scrollbar::-webkit-scrollbar-thumb{border-radius:4px;background: #8f83e4;}/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/


.main{width:1920px;position:absolute;left:50%;transform:translateX(-50%);}

.default{width: 1920px;height: 970px;background-image: url(../images/pc/default-bg.jpg);background-repeat: no-repeat;background-size: cover;}

/*背景相关*/
.rule{height: 4065px;background-image: url(../images/meteor/pc_rule_bg.jpg);}
.rule_tianti{height:8650px;background-image:url(../images/pc/rule_tianti_bg.jpg);}
.pk_rank{height:2023px;background-image:url(../images/pc/pk_rank_bg.jpg);}
.pk_winning{height:2023px;background-image:url(../images/pc/pk_winning_bg.jpg);}

.top{width:100%;height:870px;position:absolute;top:0;left:0;}


/*导航*/
.nav{width:100%;position:absolute;top:710px; text-align:center;font-size:0;}
.nav li{display:inline-block;width:311px;height:117px;line-height:117px; font-size:26px;font-weight:bold; background-image:url(../images/pc/nav_bg.png);color:#4658a4;cursor:pointer;}
.nav li:hover,.nav li.on{background-image:url(../images/pc/nav_bg_on.png);color:#323072;}

/*赛季导航*/
.cnav{width:100%;position:absolute;top:828px; text-align:center;font-size:0;}
.cnav li{display:inline-block;width:279px;height:88px;line-height:88px; font-size:24px;background-image:url(../images/pc/c_nav_bg.png);color:#fff;cursor:pointer;}
.cnav li:hover,.cnav li.on{background-image:url(../images/pc/c_nav_bg_on.png);}

/*排行榜*/
.rankbox{width:100%; position:absolute;top:0;}
.rank{width:580px;height:860px;display:inline-block;position:absolute;top:1118px;left:358px;}
.rank .box{width:100%;margin:auto;}
.rank span{color:#fff;font-family:"Adobe 黑体 Std";text-align:center;font-size:22px;}

.rank .list{height:716px;}
.rank .list li{width:100%;height:71px;line-height:71px;text-align:left;}
.rank .list li:nth-child(2n){background-image:url(../images/pc/li_light_bg.png);background-repeat:no-repeat;background-size:100%;}

.rank .item{font-size:0;height:71px;line-height:71px;overflow:hidden;}
.rank .item.light{background-color:#f47452 !important;}
.rank .item span,.rank .item>div{height:100%;color:#fff; display:inline-block;font-size:20px;vertical-align:top;text-align:center;position:relative;overflow:hidden;}
.rank .item .orderNum{width:90px;}
.rank .item .orderNum i{font-style:normal;}
.rank .item:nth-child(-n+3) .orderNum i{display:inline-block;width:35px;height:31px;font-size:0;background-repeat:no-repeat;background-position:center center;}
.rank li:nth-child(1) .orderNum i{background-image:url(../images/rank_1.png);background-size:35px 31px;}
.rank li:nth-child(2) .orderNum i{background-image:url(../images/rank_2.png);background-size:34px 28px;}
.rank li:nth-child(3) .orderNum i{background-image:url(../images/rank_3.png);background-size:35px 30px;}

.rank .item .cno{width:108px;}
.rank .item .nick{width:360px;text-align:left;text-indent:85px;white-space: nowrap;}
.rank .item .nick .headimg{display:inline-block;width:48px;height:48px;border-radius:50%;position:absolute;top:6px;left:20px;overflow:hidden;text-indent:0;}
.rank .item .nick .headimg img{width:100%;border-radius:50%;}
.rank .item .nick .levelimg{width:124px;position:relative;top:8px;left:5px;}
.rank .item .praise_num{width:120px;}

/*排行榜——标题*/
.rank .title{width:545px;box-sizing:border-box; background-color: rgba(255,252,243,.5);border-radius:20px;margin:0;}
.rank .title span{font-size:22px;}
.rank .title .nick{text-align:center;text-indent:0;}

/*排行榜——我的排行*/
.rank .mydata{height:71px;line-height:71px;background-image:url(../images/pc/my_bg.png);background-size:100%;}
.rank .item.mydata span.orderNum i{display:inline-block;width:67px;height:73px;font-size:22px; background-image:url(../images/pc/my_ordernum_bg.png);background-size:100%;vertical-align:top;}


/*排行榜——用户排行*/
.rank2{left:980px;}

/* PK连胜制霸榜排行榜 */
.rank3{width:1199px;height:789px;top:937px;left: 361px;}
.rank3 .list{height:719px;}
.rank3 .list li{height:70px;line-height:70px;}
.rank3 .list li:nth-child(2n){background-image:url(../images/pc/winning_li_light_bg.png);}

.rank3 .item{height:70px;line-height:70px;}

.rank3 .item .orderNum{width:348px;}
.rank3 .item .nick{width:438px;text-indent:90px;}
.rank3 .item .nick .headimg{width:49px;height:49px;}
.rank3 .item .praise_num{width:200px;}

/* PK连胜制霸榜我的排行 */
.rank3 .mydata{height:70px;line-height:70px;background-image:url(../images/pc/winning_my_bg.png);}
.rank3 .item.mydata span.orderNum i{background-image:url(../images/pc/my_ordernum_bg.png);position: relative;top: -1px;}


.app .main{width:100%;overflow:hidden;}

.app .default{width: 100%;height: 6.7rem;background-image: url(../images/app/default-bg.jpg);background-repeat: no-repeat;background-size: cover;}

.app .top{width:100%;height:6.75rem;background-image:url(../images/app/top.jpg);position:absolute;top:0;left:0;}

/*背景相关*/
.app .rule{height: 43.16rem;background-image: url(../images/meteor/h5_rule_bg.jpg);}
.app .rule_tianti{height:132.44rem;background-image:url(../images/app/rule_tianti_bg.jpg);}
.app .pk_rank{height:23.48rem;background-image:url(../images/app/pk_rank_bg.jpg);}
.app .pk_winning{height:23.48rem;background-image:url(../images/app/pk_winning_bg.jpg);}


/*主导航*/
.app .nav{top:5.96rem;box-sizing:border-box;padding-left: .05rem;}
.app .nav li{width:1.87rem;height:0.64rem;line-height:0.64rem; font-size:.26rem;background-image:url(../images/app/nav_bg.png);color:#4658a4;margin-left:-.14rem;}
.app .nav li:nth-child(2n){background-image:url(../images/app/nav_bg_2.png);}
.app .nav li.on{background-image:url(../images/app/nav_bg_on.png);color:#323072;}
.app .nav li:nth-child(2n).on{background-image:url(../images/app/nav_bg_2_on.png);color:#323072;}

/*赛季导航*/
.app .cnav{top:6.82rem;}
.app .cnav li{width:2.79rem;height:.88rem;line-height:.88rem; font-size:.24rem;background-image:url(../images/app/c_nav_bg.png);}
.app .cnav li:hover,.app .cnav li.on{background-image:url(../images/app/c_nav_bg_on.png);}

/*app独有的排行榜选项卡*/
.app .menu{width:100%;height:.6rem;text-align:center;position:absolute;top:8.89rem;}
.app .menu li{display:inline-block;width:2.47rem;height:100%;line-height:.6rem;font-size:.24rem;color:#fff;text-align:center;border:.01rem solid #bdadf9;}
.app .menu li:hover,.app .menu li.on{background-color:#beaef9;color:#1c205d;}


/*排行榜*/
.app .rank{width:7.03rem;height:12.89rem;background-image:url(../images/app/rank_anchor_bg.png);top:9.9rem;left:.25rem;box-sizing:border-box;padding-top:.85rem}
.app .rank2{background-image:url(../images/app/rank_user_bg.png);}

.app .rank .list{height:11.18rem;}
.app .rank .list li{height:.85rem;line-height:.85rem;}
.app .rank .list li:nth-child(2n){background-image:url(../images/app/li_light_bg.png);}


.app .rank .item{height:.85rem;line-height:.85rem;}
.app .rank .item span,.app .rank .item>div{font-size:.24rem;}
.app .rank .item .orderNum{width:1.06rem;}
.app .rank .item:nth-child(-n+3) .orderNum i{width:.35rem;height:.31rem;}
.app .rank li:nth-child(1) .orderNum i{background-size:.35rem .31rem;}
.app .rank li:nth-child(2) .orderNum i{background-size:.34rem .28rem;}
.app .rank li:nth-child(3) .orderNum i{background-size:.35rem .30rem;}

.app .rank .item .nick{width:4.5rem;text-indent:1rem;}
.app .rank .item .nick .headimg{width:.58rem;height:.58rem;top:.06rem;left:.2rem;}
.app .rank .item .nick .levelimg{width:1.24rem;top:.08rem;left:.05rem;}
.app .rank .item .praise_num{width:1.2rem;}




/*排行榜——我的排行*/
.app .rank .mydata{height:.85rem;line-height:.85rem;}
.app .rank .item.mydata span.orderNum i{width:.72rem;height:.82rem;font-size:.24rem; background-image:url(../images/app/ordernum_bg.png);}


/* PK连胜制霸榜排行榜 */
.app .rank3{width:7.03rem;height:12.04rem;top:7.78rem;left: .24rem;background-image:none;padding-top: 0;}
.app .rank3 .list{height:11.18rem;}
.app .rank3 .list li{height:.85rem;line-height:.85rem;}
.app .rank3 .list li:nth-child(2n){background-image:url(../images/app/winning_li_light_bg.png);}

.app .rank3 .item{height:.85rem;line-height:.85rem;}

.app .rank3 .item .orderNum{width:1.24rem;}
.app .rank3 .item .nick{width:3.1rem;text-indent:1.1rem;}
.app .rank3 .item .nick .headimg{width:.6rem;height:.6rem;}
.app .rank3 .item .praise_num{width:2.4rem;}

/* PK连胜制霸榜我的排行 */
.app .rank3 .mydata{height:.85rem;line-height:.85rem;background-image:url(../images/app/winning_my_bg.png);}
.app .rank3 .item.mydata span.orderNum i{background-image:url(../images/app/my_ordernum_bg.png);position: relative;top: -.01rem;}


/* 流星规则 */
.meteor .rule{height:4065px;background-image:url(../images/meteor/pc_rule_bg.jpg);}
.meteor .app .rule{height:43.16rem;background-image:url(../images/meteor/h5_rule_bg.jpg);}
.qunniu .rule{height:4065px;background-image:url(../images/meteor/pc_rule_bg.jpg);}
.qunniu .app .rule{height:43.16rem;background-image:url(../images/meteor/h5_rule_bg.jpg);}


/* 映播规则 */
.yin .rule{height:4065px;background-image:url(../images/yin/pc_rule_bg.jpg);}
.yin .app .rule{height:43.16rem;background-image:url(../images/yin/h5_rule_bg.jpg);}

/* 泡泡规则 */
.paopao .rule{height:4065px;background-image:url(../images/paopao/pc_rule_bg.jpg);}
.paopao .app .rule{height:43.16rem;background-image:url(../images/paopao/h5_rule_bg.jpg);}

/* 氧氧规则 */
.yang .rule{height:4065px;background-image:url(../images/yang/pc_rule_bg.jpg);}
.yang .app .rule{height:43.16rem;background-image:url(../images/yang/h5_rule_bg.jpg);}