.roleNavBox{width:100vw;height:100vh;overflow:hidden}.roleNavBox .platformTitle{font-size:34px;font-weight:700;margin:40px 0 10px 0;color:#fff;text-align:center}.roleNavBox .enter-footer{width:100%;height:75px;margin:0 auto;position:fixed;bottom:-40px;left:0;font-size:16px;color:#fff}.roleNavBox .enter-footer .enter-copyright{width:1200px;margin:0 auto;text-align:center}.roleNavBox .enter-footer .enter-copyright a{color:#fff}.roleNavBox .roleNavTitle{margin:25px 0 20px 0;font-size:22px;font-weight:700;color:#fff;text-align:center}.roleNavBox .platformList{overflow:auto;height:calc(100vh - 140px);width:60%;margin:auto;text-align:center}.roleNavBox .platformList .platformBox{display:inline-block;overflow:hidden;margin:5px 7px;padding:15px 10px;cursor:pointer;width:240px;height:80px;border-radius:10px;text-decoration:none;border:1px solid hsla(0,0%,92.5%,0);background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,.6)));background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,.6));text-align:center}.roleNavBox .platformList .platformBox .platformContent{border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.roleNavBox .platformList .platformBox .platformName{font-size:16px;text-align:center;line-height:1.5;-webkit-transition:.2s;transition:.2s}.roleNavBox .platformList .platformBox:hover{border:1px solid #409eff;background-image:-webkit-gradient(linear,left bottom,left top,from(#c6e3ff),to(#fff));background-image:linear-gradient(0deg,#c6e3ff,#fff)}.roleNavBox .platformList .platformBox:hover .platformImg,.roleNavBox .platformList .platformBox:hover .platformName{color:#409eff}.roleNavBox .platformList .platformBox:hover .platformImg{-webkit-animation:rolling 2s linear;animation:rolling 2s linear}.roleNavBox .platformList::-webkit-scrollbar{display:none}.roleNavBox .platformList::-webkit-scrollbar-thumb{background:#c1c1c1}.roleNavBox .platformList::-webkit-scrollbar-track{background:#f1f1f1}.roleNavCardList{position:fixed;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;right:40px;top:40px}.roleNavCardList .navItem{margin:10px;line-height:40px;border-radius:6px;text-align:center;height:40px;width:100px;font-size:15px;cursor:pointer}.roleNavCardList .navItem i{margin-right:5px}.roleNavCardList .backBtn{background-color:hsla(0,0%,100%,.8);color:#409eff}.roleNavCardList .backBtn:hover{background-color:#409eff;color:#fff}.roleNavCardList .backParentBtn{background-color:hsla(0,0%,100%,.8);border:1px solid #e6a23c;color:#e6a23c}.roleNavCardList .backParentBtn:hover{background-color:#e6a23c;color:#fff}.roleNavCardList .outBtn{background-color:hsla(0,0%,100%,.8);color:#f56c6c}.roleNavCardList .outBtn:hover{background-color:#f56c6c;color:#fff}