.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 .container .logo img{width:70px;height:70px;vertical-align:top}.sign-in-web .container .logo .page-title{FONT-FAMILY:SimSun,serif;FONT-WEIGHT:700;FONT-SIZE:32PX;color:#a10003;line-height:70px}.sign-in-web .container .navbar-shanghaitech a{font-size:19px;color:#000;cursor:pointer}.sign-in-web .container .navbar-shanghaitech a:hover{color:#a10003;text-decoration:none}.sign-in-web .container .navbar-shanghaitech a.active{color:#a10003}.sign-in-web .page-body-wrap{height:calc(100% - 197px)}.sign-in-web .page-body-wrap .page-body{height:400px;background-color:#d9e3e3;position:relative}.sign-in-web .page-body-wrap .page-body .font-size-small{font-size:85%}.sign-in-web .page-body-wrap .page-body .carousel-image{width:100%;height:400px;background-repeat:no-repeat;background-position:50%;background-size:cover}.sign-in-web .page-body-wrap .page-body .qy_qrcode{margin:auto;height:160px;width:160px}.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:371px;background-color:rgba(0,0,0,.2);position:absolute;top:20px;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:var(--sign-in-primary,#2b77ab);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 var(--sign-in-primary,#2b77ab)}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-icon{background:var(--sign-in-primary,#2b77ab);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 var(--sign-in-primary,#2b77ab)}.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:var(--sign-in-primary,#2b77ab);color:#fff}.sign-in-web .page-body-wrap .page-body .login .login-wrap .login-bg .login-table .login-btn:hover{color:#fff;background-color:var(--sign-in-primary-hover,#64a9d8)}.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:var(--sign-in-primary,#2b77ab)}.sign-in-web .page-body-wrap .page-body .login .page-fold{position:absolute;top:0;right:0;width:0;height:0;border-bottom:60px solid transparent;border-right:60px solid var(--sign-in-primary,#2b77ab);z-index:1002;display:none;border-radius:0 5px 0 0}.sign-in-web .page-body-wrap .page-body .login .fold-text{position:absolute;top:0;right:0;font-size:14px;font-weight:700;color:#333;z-index:1003}.sign-in-web .page-body-wrap .page-body .login.wechat .login-wrap{background-color:#fff;top:10px;height:380px;width:382px}.sign-in-web .page-body-wrap .page-body .login.wechat .wechat{position:absolute;left:31px;top:0;z-index:1001}.sign-in-web .page-body-wrap .page-body .login.wechat .page-fold{display:block}.sign-in-mobile .container .logo img{width:60px;height:60px;vertical-align:middle}.sign-in-mobile .container .logo .page-title{FONT-FAMILY:SimSun,serif;FONT-WEIGHT:700;FONT-SIZE:24PX;color:#a10003;line-height:70px}.sign-in-mobile .container .navbar-shanghaitech a{font-size:19px;color:#000;cursor:pointer}.sign-in-mobile .container .navbar-shanghaitech a:hover{color:#a10003;text-decoration:none}.sign-in-mobile .container .navbar-shanghaitech a.active{color:#a10003}.sign-in-mobile .page-body{height:400px;background-color:#d9e3e3;position:relative}.sign-in-mobile .page-body .carousel-image{width:100%;height:400px;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:391px;background-color:rgba(0,0,0,.2);position:absolute;top:5px;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:var(--sign-in-primary,#2b77ab);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 var(--sign-in-primary,#2b77ab)}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-icon{background:var(--sign-in-primary,#2b77ab);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 var(--sign-in-primary,#2b77ab)}.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:var(--sign-in-primary,#2b77ab);color:#fff}.sign-in-mobile .page-body .login .login-wrap .login-bg .login-table .login-btn:hover{background-color:var(--sign-in-primary-hover,#64a9d8);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:var(--sign-in-primary,#2b77ab)}.function .function-body .feature-title{height:40px;padding-left:55px;background:url(../img/sign-in-icons.c3c319f9.png) 0 0 no-repeat;text-overflow:ellipsis;overflow:hidden}.function .function-body .feature-title.feature-1{background-position:0 0}.function .function-body .feature-title.feature-2{background-position:0 -40px}.function .function-body .feature-title.feature-3{background-position:0 -80px}.function .function-body .feature-title.feature-4{background-position:0 -120px}.function .function-body .card-title{margin-bottom:.75rem}.function.tsi .function-body .feature-title{background:url(../img/signin-functions.ae3fbf4b.png) 0 0 no-repeat}.function.tsi .function-body .feature-title.feature-1{background-position:0 0}.function.tsi .function-body .feature-title.feature-2{background-position:0 -40px}.function.tsi .function-body .feature-title.feature-3{background-position:0 -80px}.function.tsi .function-body .feature-title.feature-4{background-position:0 -120px}