.check-role{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#eef2f6 url(../img/check_role_bg.ca9239a2.png) 0 0 no-repeat;background-size:100% 100%;position:relative;padding-top:40px}.check-role .role-box{width:360px;padding:30px;-webkit-box-shadow:0 0 8px 2px rgba(211,221,233,.24);box-shadow:0 0 8px 2px rgba(211,221,233,.24)}.check-role .role-box .form-width{width:300px}.check-role .role-box .form-title{font-size:16px}.check-role .tips{margin-top:20vh;margin-bottom:40px;font-size:16px;color:#303133;text-align:center;width:80%}@media (max-width:1400px){.check-role .tips{margin-top:10vh;font-size:15px}}.check-role .tips-sys{font-size:20px;font-weight:600}.check-role .tips-studycode{font-weight:600;margin-top:10px}.check-role .info{position:absolute;top:20px;left:20px;color:#888}.check-role .logout-btn{position:absolute;top:20px;right:20px;cursor:pointer;font-size:16px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.09);box-shadow:0 2px 4px 0 rgba(0,0,0,.09)}.check-role .logout-btn:hover{color:#0a44b3}.check-role .bio-header{position:absolute;top:0;left:0;right:0}