html,body{height:100%!important}.nav{border-bottom:0.026667rem solid #f3f3f3;height:1rem;font-size:.4rem;position:relative;background-color:#fff}.nav .title{font-size:.32rem;font-family:PingFang SC;font-weight:800;color:#333333;text-align:center;line-height:1rem}.nav .u-s-btn{width:1.466667rem;height:100%;position:absolute;z-index:2;top:0;right:0;padding-left:.533333rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:flex;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box}.nav .u-s-btn i.wire{width:.026667rem;height:.4rem;background:#f3f3f3;display:block}.nav .u-s-btn .f-btn{background-image:url("https://js.51bph.com/wap/levelc/2018/images/icon.png");background-repeat:no-repeat;background-size:3.706667rem 3.253333rem;width:.42rem;height:.42rem;background-position:-0.66666rem -2.34666rem;margin-left:.266667rem}.u-s-box{width:100%;position:relative;height:0;opacity:.5;background:#f3f3f3;-webkit-transition:height .5s;transition:height .5s;overflow:hidden}.u-s-box.on{opacity:1;height:1.2rem}.u-s-box form{display:block;position:relative;margin:0 0 0 .266667rem;width:6.4rem;height:.666667rem;background:#fff;-webkit-box-shadow:0 0 .066667rem #fff;box-shadow:0 0 .066667rem #fff}.u-s-box form:after{content:"";display:block;position:absolute;left:.266667rem;top:.12rem;width:.413333rem;height:.413333rem;background:url(https://js.51bph.com/wap/levelc/2018/images/icon.png) -0.133333rem -2.346667rem no-repeat;background-size:3.706667rem 3.253333rem}.u-s-box form figure{font-size:14px!important}.u-s-box .u-ipt{display:block;width:100%;height:.666667rem;font-size:.32rem;color:#c8c7c7;border:none}.u-s-box .hide-box{display:block;position:absolute;right:.36rem;top:.533333rem;width:.266667rem;height:.266667rem;border-top:.053333rem solid #f7a934;border-left:.053333rem solid #f7a934;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.u-s-box-fixed{position:fixed;left:0;top:1.2rem;width:100%;z-index:29}.page{background-color:#f7f7f7;display:grid;grid-template-columns:1.68rem 5.62rem;grid-gap:.2rem;height:calc(100% - 1rem - 1px)}.page .left_list li{width:100%;height:1.12rem;background:#FFFFFF;font-size:.28rem;font-family:PingFang SC;font-weight:400;color:#999999;text-align:center;line-height:1.12rem;position:relative;user-select:none}.page .left_list li.active{background:#f7f7f7;color:#FF881EFF;z-index:99}.page .left_list li.active::before{content:'';width:.06rem;height:.3rem;background:#FF881E;display:block;position:absolute;top:0.41rem;left:0}.page .right{padding:.2rem .2rem 0 0;position:relative;box-sizing:border-box;height:100%;overflow:hidden}.page .right .wrapper{width:100%;height:100%;overflow-y:scroll}.page .right .right_list{overflow:hidden;box-sizing:border-box;width:100%;height:auto;background:#FFFFFF;border-radius:.2rem;padding-bottom:.4rem}.page .right .right_list a{float:left;width:2.1rem;height:auto;margin:.4rem 0 0 .4rem}.page .right .right_list a img{width:100%;height:1.35rem;border-radius:.1rem}.page .right .right_list a p{width:100%;height:.28rem;font-size:.28rem;font-family:PingFang SC;font-weight:400;color:#666666;line-height:.28rem;margin-top:.1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page .right .right_list{display:none}.page .right .right_list.active{display:block}.page .right .right_list.rank{background:#f7f7f7}.page .right .right_list.rank a{display:flex;justify-content:start;margin:0 0 0.2rem 0;width:100%;background:#FFFFFF;padding:0.2rem;border-radius:0.2rem;overflow:hidden;box-sizing:border-box}.page .right .right_list.rank a .pic_icon{width:1.4rem;height:1.4rem;border-radius:0.3rem}.page .right .right_list.rank a .info{width:3.4rem;margin-left:.2rem;display:flex;flex-direction:column;justify-content:space-evenly;height:1.4rem;overflow:hidden}.page .right .right_list.rank a .info h2{width:100%;font-size:0.28rem;font-family:OPPOSans;font-weight:bold;color:#000000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page .right .right_list.rank a .info .type{font-size:0.2rem;font-family:OPPOSans;font-weight:500;color:#999999;display:flex}.page .right .right_list.rank a .info .type i{display:block;width:0.02rem;height:0.18rem;background:#DDDDDD;margin:0.05rem 0.12rem}.page .right .right_list.rank a .info .desc{font-size:0.2rem;font-family:OPPOSans;font-weight:500;margin-right:0.1rem;white-space:nowrap;color:#999999}.page .right .right_list.rank a:nth-last-child(1){margin-bottom:0}.footer{width:100%;height:1rem;position:absolute;bottom:0;text-align:center;line-height:1rem;font-size:.28rem;font-family:PingFang SC;font-weight:500;color:#999999}.footer a{color:#999999}