.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}.sso-login{display:inline-block;cursor:pointer}.sso-login:hover{color:var(--sign-in-primary,#2b77ab)}.dialog-close-icon{position:absolute;right:0;top:20px}.dialog-close-icon i{height:30px;line-height:30px;width:30px;border-radius:50px;font-size:30px;color:#000}.slogan-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slogan-wrap .slogan-box{width:60%;padding-left:20px;font-size:30px}.slogan-wrap .slogan-box .slogan{color:#fff;font-weight:600;text-shadow:-1px -1px 0 #444,1px 1px 0 #333,1px 1px 0 #000,0 2px 8px #000}.slogan-wrap .slogan-box .slogan:nth-child(2){margin:20px 0 20px 0}@media(max-width:992px){.slogan-wrap .slogan-box{width:40%;font-size:22px}}@media(max-width:768px){.slogan-wrap .slogan-box{display:none}}@media(max-width:400px){.slogan-wrap .slogan-box{display:none}}.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}