<>
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-nav-wrapper {
width: 100%;
height: 48px;
line-height: 48px;
background: #fff;
font-size: 14px;
box-sizing: border-box;
box-shadow: 0px 2px 4px 0px rgba(0000.05);
z-index: 100;
position: relative;
}
.top-nav-wrapper a {
color: #2b2e33;
}
.top-nav-wrapper a:hover {
color: #1887e0;
font-weight: 700;
text-decoration: none;
}
.top-nav-wrapper .top-nav {
width: 1180px;
margin: 0 auto;
display: flex;
align-items: center;
}
.top-nav-wrapper .top-nav-list {
flex: 1;
height: 48px;
display: flex;
align-items: center;
}
.top-nav-wrapper .top-nav-list a {
margin-right: 20px;
}
.top-nav-wrapper .top-nav-list a.top-nav-home {
display: inline-block;
width: 98px;
height: 36px;
margin-right: 20px;
margin-left: 0px;
background-image: url("https://t2.chei.com.cn/yz/assets/images/logo-min.png");
background-image: -webkit-image-set(
url("https://t2.chei.com.cn/yz/assets/images/logo-min.png") 1x,
url("https://t4.chei.com.cn/yz/assets/images/logo-min2x.png") 2x
);
background-repeat: no-repeat;
background-position: center left;
}
.top-nav-hide {
position: relative;
cursor: pointer;
color: #2b2e33;
}
.top-nav-hide:hover {
color: #2b2e33;
}
.top-nav-hide:hover .top-nav-pop {
visibility: visible;
opacity: 1;
}
.top-nav-pop {
padding: 18px 30px 18px 16px;
visibility: hidden;
box-sizing: border-box;
background-color: #fff;
color: #2b2e33;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 1;
top: 44px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0px 2px 8px 0px rgba(0000.12);
font-size: 12px;
line-height: 20px;
display: flex;
}
.top-nav-pop-arrow {
display: block;
width: 0;
height: 0;
position: absolute;
border-color: transparent;
border-: solid;
left: 50%;
margin-left: -14px;
top: -7px;
border-width: 0 7px 7px;
border-bottom-color: rgba(0000.03);
}
.top-nav-pop-arrow::after {
display: block;
content: '';
width: 0;
height: 0;
position: absolute;
border-color: transparent;
border-: solid;
left: 50%;
margin-left: -7px;
top: 1px;
border-width: 0 7px 7px;
border-bottom-color: #fff;
}
.top-nav-wrapper .top-nav-list a.top-nav-home:hover {
text-decoration: none;
}
.top-nav-wrapper .top-nav-load {
height: 48px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-nav-wrapper a.username {
flex: 1;
color: #1887e0;
overflow: hidden;
text-overflow: ellipsis;
text-align: right;
}
.top-nav-pop-clo {
font-size: 14px;
line-height: 22px;
margin-right: 22px;
}
.top-nav-pop-clo:last-child {
margin-right: 0;
}
.top-nav-wrapper .top-nav-pop-clo a {
display: block;
margin-right: 0;
white-space: nowrap;
text-align: left;
margin-bottom: 8px;
}
.top-nav-wrapper .top-nav-pop-clo a:last-child {
margin-bottom: 0;
}
.top-nav-more {
display: flex;
align-items: center;
}
.top-nav-hide:hover .top-nav-more {
color: #1887e0;
font-weight: 700;
}
.top-nav-more img {
width: 14px;
margin-left: 4px;
transform: rotate(90deg);
}
.top-nav-hide:hover img {
transform: rotate(-90deg);
}
.info-line {
display: block;
width: 1px;
height: 12px;
background: #e8eaed;
margin: 0 12px;
}
.top-nav-wrapper.active .seach-toggel {
display: none;
}
.search-cancel {
display: none;
margin-left: 12px;
cursor: pointer;
}
.top-nav-wrapper.active .search-cancel{
display: block;
}
.top-nav-load-search {
display: block;
width: 20px;
height: 20px;
background: url("https://t2.chei.com.cn/common/images/icon-search.svg") center center no-repeat;
cursor: pointer;
}
.top-nav-search-input {
display: none;
}
.top-nav-search-input .search-input {
display: block;
width: 200px;
border: 1px solid #D5D7DB;
height: 30px;
background: #FFF;
border-radius: 4px;
outline: none;
padding: 0 28px 0 8px;
box-sizing: border-box;
}
.top-nav-search-input .search-input:focus {
border: 1px solid #1887E0;
}
.top-nav-wrapper.active .top-nav-search-input {
display: block;
}
.top-nav-wrapper.active .top-nav-load {
max-width: none;
}
.site-search {
position: relative;
display: flex;
align-items: center;
}
.top-nav-wrapper.active .top-nav-load-search {
display: none;
}
.top-nav-wrapper.active .search-button {
display: block;
width: 20px;
height: 20px;
background: url("https://t2.chei.com.cn/common/images/icon-search.svg") center center no-repeat;
cursor: pointer;
border: none;
outline: none;
position: absolute;
right: 8px;
top: 5px;
}
.top-nav-load-info {
display: flex;
align-items: center;
}
<>
.zx-axvert {
position: fixed;
bottom: 25%;
right: 2px;
z-index: 100;
width: 136px;
overflow: hidden
}
.zx-axvert-con {
position: relative;
}
.zx-axvert-con img {
display: block;
border-radius: 4px;
}
.zx-axvert-con .close-btn {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
display: inline-block;
background: url("https://t2.chei.com.cn/yz/assets/images/xzpt/close.svg") no-repeat 0 0;
background-size: cover;
z-index: 101;
cursor: pointer
}
<>
/**
* description: footer 共用底部;
* author:myx;
* date:2017-07;
*/
.footer-wrapper {
line-height: 30px;
background: #282828;
color: #ababab;
}
.footer-wrapper a {
color: #ababab;
}
.footer-wrapper .footer {
position: relative;
width: 1180px;
height: 198px;
margin: 0 auto;
}
.footer-wrapper .footer-list {
position: absolute;
top: 32px;
left: 0px;
}
.footer-wrapper .footer-list a {
margin-right: 15px;
}
.footer-wrapper .footer-units {
position: absolute;
top: 75px;
left: 0px;
}
.footer-wrapper .footer-media {
position: absolute;
top: 32px;
left: 844px;
}
.footer-wrapper .footer-media a {
display: inline-block;
margin-right: 30px;
vertical-align: top;
}
.footer-wrapper .footer-media a:hover {
text-decoration: none;
}
.footer-wrapper .footer-media .iconfont {
margin-right: 5px;
font-size: 20px;
vertical-align: middle;
}
.footer-wrapper .svg-icon {
display: inline-block;
width: 20px;
height: 23px;
margin-right: 3px;
vertical-align: middle;
}
.footer-wrapper svg use {
color: #ababab;
}
.footer-wrapper .footer-msg {
position: absolute;
top: 75px;
left: 844px;
}
主办单位：教育部学生服务与素质发展中心
Copyright © 2003-2025 学信网 All Rights Reserved
京ICP备19004913号-1
京公网安备11010202009747号
Copyright © 2003-2025 学信网 All Rights Reserved
京ICP备19004913号-1
京公网安备11010202009747号