校管家-账户登录
< type="text/css">
:root {
--primary-bg: #2878E8;/*--primary-bg: #1989FA;主题、按钮通用颜色，边框按钮hover颜色*/
--primary-hover-bg: #5393ED;/*--primary-hover-bg: #47A1FB;按钮悬浮颜色*/
--primary-active-bg: #246CD1;/*--primary-active-bg: #167BE0;按钮选中颜色*/
--text-color-3: #303133; /*--text-color-3: #303133;文字深黑色*/
--text-color-6: #606266; /*--text-color-6: #606266;文字黑色*/
--text-color-9: #909399; /*--text-color-9: #909399;文字浅黑色*/
--split-line-color: #DCDFE6; /*--split-line-color: #DCDFE6;分隔线颜色*/
}
#header {
background-size: 172px auto !important;
}
#header.algobricks-logo {
background-size: 420px auto !important;
}
#footer.algobricks-describe {
width: 100%;
}
#footer.algobricks-describe>p {
text-align: right;
padding-right: 50px;
}
#login-intro-img{
display: block;
}
bodyhtml{
position: relative;
height: 100%;
}
#login-content .loginBtn.ssx-login-button{
border: 1px solid var(--primary-bg);
background: transparent;
color: var(--primary-bg);
}
#login-content .loginBtn.ssx-login-button:hover {
border: 1px solid var(--primary-hover-bg);
color: var(--primary-hover-bg);
}
.stop-tips{
position: relative;
}
.stop-tips:hover::after{
content: '由于产品升级与调整，师生信功能将于4月1日下线';
position:absolute;
bottom: -32.5%;
left: 0;
right:0;
width: 100%;
transform: translateX(-3%);
border-radius: 4px;
padding: 5px 8px;
font-size: 12px;
color: #fff;
line-height: 24px;
text-align: center;
background: rgba(000.7);
}
.stop-tips:hover::before{
content: '';
position: absolute;
bottom: -8.5%;
left: 49%;
border: 6px solid transparent;
border-bottom-color: rgba(000.7);
}
.chorome-link {
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
cursor: pointer;
}
.chorome-link:hover {
color: #1979FF;
}
.chorome-link .chrome-bg {
width: 17px;
height: 17px;
margin-right: 4px;
background: url(img/tools/chrome.svg) no-repeat;
background-size: contain;
margin-top: 2px;
}
.chorome-link:hover .chrome-bg {
background: url(img/tools/chore-hover.svg) no-repeat;
background-size: contain;
color: #1979FF;
}
@media (max-width: 1366px) {
#header{
background-size: 135px auto !important;
}
#header.algobricks-logo {
background-size: 320px auto !important;
}
#login-intro-img{
background-size:490px 320px !important;
}
.stop-tips:hover::after{
bottom: -39.5%;
width: 127%;
transform: translateX(-12.5%);
}
}
@media (max-width: 1024px) {
#header{
background-size: 110px auto !important;
}
#header.algobricks-logo {
background-size: 320px auto !important;
}
#login-intro-img{
background-size:398px 292px !important;
}
.stop-tips:hover::after{
bottom: -44.5%;
width: 141%;
transform: translateX(-16.5%);
}
}