.page-footer{height:87px;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}.clock[data-v-c617fefc]{font-size:16px;color:#777}.clock .date[data-v-c617fefc]{margin-top:10px;font-weight:700}.clock .time[data-v-c617fefc]{font-size:16px;text-align:right;font-weight:700}.clock.shanghaitech[data-v-c617fefc]{color:#333;font-weight:700;height:auto}.clock.shanghaitech .date[data-v-c617fefc]{font-size:16px;line-height:28px}.page-header{height:110px;padding:10px 0}.page-header .logo{display:-webkit-box;display:-ms-flexbox;display:flex}.page-header .logo img{max-height:70px;max-width:100%}.page-header .logo .title{padding-top:4px;padding-left:20px;font-size:30px;font-weight:400;color:#607d8b}.page-header .logo .title.ecnu{font-size:20px;font-weight:400;color:#222}.sign-in-web .page-body-wrap{height:calc(100% - 230px)}.sign-in-web .page-body-wrap .page-body{height:493px;background-color:#d9e3e3;position:relative}.sign-in-web .page-body-wrap .page-body .carousel-image{width:100%;height:493px;background-repeat:no-repeat;background-position:50%;background-size:cover}.sign-in-web .page-body-wrap .page-body .login{position:absolute;left:0;right:0;top:0;bottom:0;z-index:999}.sign-in-web .page-body-wrap .page-body .login .login-wrap{width:382px;height:401px;background-color:rgba(0,0,0,.2);position:absolute;top:46px;right:15px;border-radius:8px;padding:15px}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg{background-color:hsla(0,0%,100%,.9);border-radius:8px;width:100%;height:100%}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table{width:270px;margin:auto}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-title{color:#016aed;font-size:26px;padding:20px}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .line{height:5px;margin-bottom:19px;border-bottom:1px solid #016aed}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-icon{background:#016aed;width:55px;height:38px;border-radius:5px 0 0 5px;float:left}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-icon i{color:#fff;font-size:26px;width:100%;text-align:center;line-height:38px}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-input-wrap{height:38px;border-radius:5px;background-color:#fff;border:1px solid #016aed}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-input-wrap .login-input{color:#999;text-indent:.2em;border:none;outline:none;width:211px;height:36px;padding-left:10px;border-radius:0 5px 5px 0;font-size:18px}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-group{border-radius:5px;width:100%;height:52px;line-height:normal;position:relative}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-btn{background-color:#016aed;color:#fff}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-btn:hover{color:#fff;background-color:#016aed,30%}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table a{color:#607d8b}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table a:hover{color:#016aed}.sign-in-mobile .page-body{height:493px;background-color:#d9e3e3;position:relative}.sign-in-mobile .page-body .carousel-image{width:100%;height:493px;background-repeat:no-repeat;background-position:50%;background-size:cover}.sign-in-mobile .page-body .login{position:absolute;left:0;right:0;top:0;bottom:0;z-index:999}.sign-in-mobile .page-body .login .login-wrap{width:90vw;max-width:382px;height:401px;background-color:rgba(0,0,0,.2);position:absolute;top:46px;right:15px;border-radius:8px;padding:15px}.sign-in-mobile .page-body .login .login-wrap .login-bg{background-color:hsla(0,0%,100%,.9);border-radius:8px;width:100%;height:100%}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table{width:270px;margin:auto}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-title{color:#016aed;font-size:26px;padding:20px}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .line{height:5px;margin-bottom:19px;border-bottom:1px solid #016aed}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-icon{background:#016aed;width:55px;height:38px;border-radius:5px 0 0 5px;float:left}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-icon i{color:#fff;font-size:26px;width:100%;text-align:center;line-height:38px}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-input-wrap{height:38px;border-radius:5px;background-color:#fff;border:1px solid #016aed}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-input-wrap .login-input{color:#999;text-indent:.2em;border:none;outline:none;width:211px;height:36px;padding-left:10px;border-radius:0 5px 5px 0;font-size:18px}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-group{border-radius:5px;width:100%;height:52px;line-height:normal;position:relative}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-btn{background-color:#016aed;color:#fff}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-btn:hover{background-color:#56a1fe;color:#fff}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table a{color:#607d8b}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table a:hover{color:#016aed}