.grad[data-v-1087c8f5]{background:linear-gradient(180deg,#45455a,#232335);padding-top:var(--61a1ffd5);padding-bottom:.8rem;overflow:hidden}.grad header[data-v-1087c8f5]{background:linear-gradient(180deg,#4b4b63,#3e3e53);border-radius:.21333rem;border:.01333rem solid #6a6a83;margin:.4rem;overflow:hidden}.grad header h3[data-v-1087c8f5]{font-size:.42667rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;margin:.4rem .4rem 0}.grad header .gradRank[data-v-1087c8f5]{margin:0 .4rem .4rem;display:flex;align-items:flex-end;text-align:center;overflow-x:scroll}.grad header .gradRank[data-v-1087c8f5]::-webkit-scrollbar{display:none}.grad header .gradRank .itemsValue[data-v-1087c8f5]{display:block;margin-right:.13333rem;text-align:center}.grad header .gradRank .itemsValue .portraits_box[data-v-1087c8f5]{margin:.13333rem 0;position:relative;animation:shake-1087c8f5 3s infinite}.grad header .gradRank .itemsValue .portraits_box .portraitBg[data-v-1087c8f5]{width:.88rem;height:1.13333rem}.grad header .gradRank .itemsValue .portraits_box .portraits[data-v-1087c8f5]{position:absolute;left:.16rem;top:.08rem;width:.73333rem;height:.73333rem;border-radius:100%;object-fit:cover}.grad header .gradRank .itemsValue .isClassHeight[data-v-1087c8f5]{position:relative;width:1.06667rem}.grad header .gradRank .itemsValue .num[data-v-1087c8f5]{width:1.06667rem;font-size:.29333rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;margin:.13333rem 0 .26667rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grad header .gradRank .itemsValue .title[data-v-1087c8f5]{font-size:.34667rem;font-family:AppleSystemUIFont}.grad section[data-v-1087c8f5]{border-radius:.21333rem;margin:.66667rem .4rem .4rem;overflow:hidden}.grad section h3[data-v-1087c8f5]{text-align:center;font-size:.42667rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;padding:.33333rem 0;background-color:#65657a}.grad section .rights_box[data-v-1087c8f5]{display:flex;background-color:#ececf4}.grad section .rights_box .left_mian[data-v-1087c8f5]{flex-shrink:0;width:20%;border-right:.01333rem solid #9797b4}.grad section .rights_box .left_mian .itemsNav[data-v-1087c8f5]{background-color:#65657a;color:#eff2ff!important}.grad section .rights_box .left_mian .items[data-v-1087c8f5]{text-align:center;height:1.2rem;padding:0 .13333rem;border-top:.01333rem solid #9797b4;font-size:.29333rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#39394c}.grad section .rights_box .right_mian[data-v-1087c8f5]{display:flex;width:100%;overflow-x:scroll}.grad section .rights_box .right_mian[data-v-1087c8f5]::-webkit-scrollbar{width:.13333rem;height:.13333rem;border-radius:.4rem;display:none}.grad section .rights_box .right_mian[data-v-1087c8f5]::-webkit-scrollbar-thumb{background-color:#4a4a62;border-radius:.4rem}.grad section .rights_box .right_mian .itemsNav[data-v-1087c8f5]{background-color:#65657a;font-size:.29333rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#eff2ff}.grad section .rights_box .right_mian .itemsBro[data-v-1087c8f5]{border-left:none!important}.grad section .rights_box .right_mian .items[data-v-1087c8f5]{flex-shrink:0;width:1.13333rem;text-align:center;border-left:.01333rem solid #9797b4}.grad section .rights_box .right_mian .items .itemsValue[data-v-1087c8f5]{height:1.2rem;border-top:.01333rem solid #9797b4}.grad footer[data-v-1087c8f5]{margin:.4rem}.grad footer h3[data-v-1087c8f5]{margin:.26667rem 0;font-size:.48rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#f8f8ff}.grad footer p[data-v-1087c8f5]{font-size:.34667rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#babacc;line-height:.53333rem}@keyframes shake-1087c8f5{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-.10667rem);transform:translateY(-.10667rem)}60%{-webkit-transform:translateY(-.06667rem);transform:translateY(-.06667rem)}}