html,body{width:100%;overflow-x: hidden;margin: 0;padding: 0;font-size:28px;font-family:"微软雅黑";}
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:0px;background-color:transparent;} /*滚动条整体部分*/
.app .scrollbar::-webkit-scrollbar{width:0rem;} /*滚动条整体部分*/
.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: #ff9a75;}/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/

/* pc */
.main{width:1920px;height:4000px;background-image:url(../images/pc/bg1.jpg);position:absolute;left:50%;transform:translateX(-50%);}
.changeBg_1423{background-image:url(../images/pc/bg1.jpg);}
.changeBg_338{background-image:url(../images/pc/bg2.jpg);}
.changeBg_1212{background-image:url(../images/pc/bg3.jpg);}

/* 主导航 */
.menu_ul, .rank .nav_ul{display: flex;justify-content: center;}
.menu_ul{position: absolute;width: 676px;top: 1630px;left: 50%;transform: translateX(-50%);justify-content: space-between;}
.menu_ul li{width:294px;height:100%;line-height:77px;font-size:24px;background-image:url(../images/pc/menu_bg.png);cursor: pointer;background-repeat: no-repeat;background-size: 100%;color:#d9d4c5;text-align:center;transition: all 300ms;}
.menu_ul li:hover, .menu_ul li.on{width:294px;background-image: url(../images/pc/menu_bg_on.png);color: #9b6c1a;}

/* 排行榜 */
.rank{width:1042px;height:1332px;top:2939px;margin-left:23.5px;}

/* 排行榜导航 */
.nav_ul{position: absolute;top: 1755px;left: 50%;transform: translateX(-50%);width: 460px;height: 68px;display: flex;justify-content: center;background-repeat: no-repeat;background-size: 100%;background-image: url(../images/pc/tab_bg.png);}
.nav_ul li{width:149px;height:100%;line-height:65px;font-size:20px;background-repeat: no-repeat;background-size: 100%;color: #d9d4c5;text-align: center;cursor: pointer;transition: all 300ms;}
.nav_ul li:hover, .nav_ul li.on{background-image: url(../images/pc/tab_bg_on.png);color: #ffffff;}

/* 排行榜主体 */
.viewbox{position: absolute;top: 2553px;left: 50%;transform: translateX(-50%);width:900px;height:749px;}
.box{width:100%;margin:auto;background-repeat:no-repeat;background-size:100%;}
span{font-family:"Adobe 黑体 Std";text-align:center;font-size:22px;}


/* 排行榜——列表 */
.list{position: absolute;top: 77px;left: 50%;transform: translateX(-50%);height:629px;box-sizing:border-box;}
.list.noMydata{height:985px;}
.list li{width:100%;height:83px;line-height:83px;margin-bottom:8px;background-image: url(../images/pc/list.png);background-repeat: no-repeat;background-size: 100%;}
.list li span{color: #fff;}
.list li .orderNum{height: 100%;}
.list li .nick{height: 100%;}
.list li .num{height: 100%;color: #ffe539;}

.item{width: 825px;height:100%;overflow:hidden;background-size: 100%;display: flex;}
.item .orderNum{width: 130px;}
.item .nick{width:481px;text-align:left;text-indent:110px;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.item .nick .headimg{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width:66px;height:66px;border-radius:50%;}
.item .nick .name{position: absolute;top: 14px;left: 85px;height: 18px;line-height: 18px;font-size: 18px;color: #ffffff;text-indent: 0;}
.item .nick .cno{position: absolute;top: 42px;left: 81px;height: 30px;background-color: #5e5657;border-radius: 15px;font-size: 16px;text-indent: 17px;color: #b1b2b6;line-height: 30px;padding-right: 17px;}
.item .num{width: 214px;}

/*排行榜——标题*/
.viewbox .title{position: absolute;top: 37px;left: 50%;transform: translateX(-50%);width: 826px;height: 18px;box-sizing:border-box;line-height:18px;}
.title span{color:#ffffff;font-size:18px;}
.title .nick{text-indent:79px;}

/*排行榜——我的排行*/
.mydata{width:1042px;box-sizing:border-box;height:89px;line-height:89px;background-image: url(../images/pc/list_my.png);margin: 0;}
.mydata span{color:#fff;}

/* app */
.app .main{width:7.5rem;height:41rem;background-image:url(../images/app/bg1.jpg);background-repeat: no-repeat;background-size: 100%;overflow:hidden;}
.app .changeBg{background-image:url(../images/app/bg1.jpg);}
.app .changeBg_1423{background-image:url(../images/app/bg1.jpg);}
.app .changeBg_338{background-image:url(../images/app/bg2.jpg);}
.app .changeBg_1212{background-image:url(../images/app/bg3.jpg);}

/* 主导航 */
.app .menu_ul{width: 100%;top: 14.3rem;display: flex; justify-content: space-evenly;}
.app .menu_ul li{width:2.89rem;height:.86rem;line-height:.9rem;font-size:.28rem;color: #d9d4c5;background-image:url(../images/app/menu_bg.png);}
.app .menu_ul li:hover, .app .menu_ul li.on{color: #9b6c1a;background-image: url(../images/app/menu_bg_on.png);}

/* 排行榜 */
.app .rank{width:6.97rem;height:13.53rem;top:20.88rem;margin-left: .01rem;}

/* 排行榜导航 */
.app .nav_ul {top: 15.7rem;width:5.56rem;height:.82rem;line-height:.43rem;font-size:.22rem;background-image: url(../images/app/tab_bg.png);}
.app .nav_ul li{width:1.8rem;height:100%;line-height:.82rem;font-size:.26rem;background-repeat: no-repeat;background-size: 100%;color: #d9d4c5;text-align: center;}
.app .nav_ul li:hover, .app .nav_ul li.on{color: #ffffff;background-image: url(../images/app/tab_bg_on.png);}

/* 排行榜主体 */
.app .viewbox{top: 24.63rem;width:7.22rem;height:9.51rem;}
.app .viewbox .title{top: .3rem;left: 50%;transform: translateX(-50%);width: 6.86rem;height: .24rem;box-sizing:border-box;line-height:.24rem;}
.app span{font-size:.26rem;}

.app .list{top: .81rem;height:8.45rem;box-sizing:border-box;}
.app .list.noMydata{height:985px;}
.app .list li{width:100%;height:1.01rem;line-height:1.01rem;margin-bottom:.05rem;background-image: url(../images/app/list.png);}
.app .list li span{color: #fff;}
.app .list li .orderNum{height: 100%;}
.app .list li .nick{height: 100%;}
.app .list li .num{height: 100%;color: #ffe539;}

.app .item{width: 6.86rem;height:100%;overflow:hidden;background-size: 100%;display: flex;}
.app .item .orderNum{width: 1.25rem;}
.app .item .nick{width:3.54rem;text-indent:.72rem;}
.app .item .nick .headimg{width:.72rem;height:.72rem;border-radius:50%;}
.app .item .nick .name{top: .17rem;left: .84rem;height: .25rem;line-height: .25rem;font-size: .26rem;}
.app .item .nick .cno{top: .48rem;left: .85rem;height: .37rem;border-radius: .18rem;font-size: .22rem;text-indent: .13rem;color: #b1b2b6;line-height: .37rem;padding-right: .13rem;}
.app .item .num{width: 2.07rem;}

/*排行榜——标题*/
.app .rank .title{width: 6.97rem;height:.95rem;line-height:.95rem;background-image:url(../images/app/top.png);margin: 0;}
.app .rank .title span{font-size:.27rem;}
.app .rank .title .nick{text-indent: 0;}

/*排行榜——我的排行*/
.app .rank .mydata{width: 6.97rem;height:.95rem;line-height:.95rem;background-image: url(../images/app/list_my.png);}


/* paopao */
.paopao.main, .qunniu.main{background-image:url(../images/pc/paopao/bg.jpg);}
.paopao.changeBg, .qunniu.changeBg{background-image:url(../images/pc/paopao/bg.jpg);}
.app .paopao.main, .app .qunniu.main{background-image:url(../images/app/paopao/bg.jpg);}
.app .paopao.changeBg, .app .qunniu.changeBg{background-image:url(../images/app/paopao/bg.jpg);}