尊敬的学员：
祝您春节快乐！
2026年2月14日—2月23日期间，您如果遇到平台使用方面等问题，可以点击右侧咨询按钮，通过智能客服查询常见问题或进行留言，我们将在节后第一时间回复处理。如需人工服务，您可以在节后联系我们。
给您带来不便，敬请谅解！
尊敬的用户，您好：
系统将于2025年5月12日8:30至2025年5月12日14:00进行升级更新，届时平台将不能使用，给您带来不便，请您谅解。祝您身体健康，生活愉快。
尊敬的学员：
祝您春节快乐！
2025年1月26日—2月4日期间，您如果遇到平台使用方面等问题，可以点击右侧咨询按钮，通过智能客服查询常见问题或进行留言，我们将在节后第一时间回复处理。如需人工服务，您可以在节后联系我们。
给您带来不便，敬请谅解！
< type="text/css">
#newYear {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0000.6);
z-index: 10000000000;
top: 0;
left: 0;
opacity: 0;
transition: all 1s;
}
.newYear {
position: absolute;
width: 308px;
height: 441px;
top: 50%;
left: 50%;
margin-top: -235px;
margin-left: -148px;
background-image: url('https://swzj.yxlearning.com/template/266/sdld/飘窗2.png');
background-repeat: no-repeat;
animation: mymove 1s;
}
@keyframes mymove {
0% {
transform: scale(0.1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.newYear>.closeTc {
width: 25px;
height: 25px;
float: right;
border-radius: 50%;
margin-top: 27px;
margin-right: 35px;
cursor: pointer;
}
<>
.banner {
height: 400px;
}
.banner_part {
left: 50%;
top: 0px;
transform: translate(-50%0);
}
.login-container {
height: 320px;
}
.login,
.home {
width: 220px;
height: 280px;
background: rgba(255255255.7);
top: 50%;
right: 68px;
transform: translate(0-50%);
display: flex;
flex-direction: column;
justify-content: center;
}
.login-title {
width: 220px;
height: 32px;
line-height: 32px;
margin: 0;
text-align: center;
font-family: Source Han Sans SC;
font-weight: 500;
font-size: 18px;
color: #FFFFFF;
background: #008AFF;
}
.login-info {
padding: 10px 13px;
text-align: center;
}
.login-info>input,
.login-info>select {
width: 100%;
height: 26px;
background: #FFFFFF;
border: none;
outline: 1px solid #999999;
margin-bottom: 5px;
}
.login-info>select {
text-indent: 7px;
}
.login-info>input,
.login-info>.vcode-container>input {
text-indent: 10px;
}
.login-info>.vcode-container {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.login-info>.vcode-container>input {
width: 60%;
height: 26px;
border: none;
outline: 1px solid #999999;
background: #fff;
}
.login-info>.vcode-container>img {
width: 30%;
height: 26px;
cursor: pointer;
}
.pwd-container,
.remember-pwd {
display: flex;
justify-content: space-between;
align-items: center;
}
.pwd-container {
margin-bottom: 6px;
}
.remember-pwd>input {
width: 12px;
height: 12px;
margin: 0 4px 0 0;
border: none;
background: rgba(2552552550);
outline: 1px solid #999999;
}
.remember-pwd>span {
font-family: Source Han Sans SC;
font-weight: bolder;
font-size: 14px;
color: #000000;
}
.forget-pwd {
font-family: Source Han Sans SC;
font-weight: bolder;
font-size: 14px;
color: #008AFF;
}
.forget-pwd:hover {
color: #008AFF;
text-decoration: none;
}
.btn-container {
padding: 0 20px;
margin-bottom: 4px;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-container>button {
width: 56px;
height: 28px;
border: none;
outline: none;
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 14px;
}
.login-btn {
color: #FFFFFF;
background: #008AFF;
}
.register-btn {
color: #008AFF;
background: #FFFFFF;
}
.register-process {
margin: 0;
text-align: center;
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 14px;
color: #000000;
}
.register-process:hover {
color: #000;
text-decoration: none;
}
.home {
display: none;
}
.logined-btn {
display: flex;
text-align: center;
justify-content: space-between;
align-items: center;
padding: 0 30px;
}
.logined-btn>a {
width: 68px;
height: 32px;
line-height: 32px;
font-size: 14px;
font-weight: 500;
background: #008AFF;
color: #fff;
border-radius: 6px;
text-align: center;
}
.logined-btn>a:hover {
text-decoration: none;
}
.logined-btn>span {
width: 68px;
height: 32px;
line-height: 32px;
font-size: 14px;
font-weight: 500;
background: #fff;
color: #000;
border-radius: 6px;
cursor: pointer;
}
<>
.news-container .tab-title {
width: 700px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.news-container .tab-title>div {
width: 78px;
height: 78px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: #fff;
cursor: pointer;
}
.news-container .tab-title>div>span {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #999999;
}
.news-container .tab-title>div>.circle {
width: 26px;
height: 26px;
margin-top: 14px;
background: #999999;
border-radius: 50%;
position: relative;
}
.news-container .tab-title>div.active>span {
color: #008AFF;
}
.news-container .tab-title>div.active>.circle {
background: rgba(01382550);
border-radius: 50%;
border: 1px solid #008AFF;
}
.news-container .tab-title>div.active>.circle::after {
content: '';
width: 18px;
height: 18px;
background: #008AFF;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
}
.news-container .tab-content-item1,
.news-container .tab-content-item2,
.news-container .tab-content-item3 {
display: none;
justify-content: space-between;
align-items: center;
}
.news-container .tab-content-item1.active,
.news-container .tab-content-item2.active,
.news-container .tab-content-item3.active {
display: flex;
}
.news-container .tab-content-left {
position: relative;
width: 478px;
height: 320px;
}
.slides {
display: flex;
overflow: hidden;
margin: auto;
}
.slides>.item {
display: none;
width: 478px;
height: 320px;
position: relative;
}
.slides>.item.active {
display: block;
}
.slides a,
.slides img {
display: inline-block;
width: 100%;
height: 100%;
}
.news-container .tab-content-right {
position: relative;
width: 682px;
height: 320px;
}
.news-container .tab-content a {
color: #555555;
text-decoration: none;
}
.news-container .tab-content a:hover li span {
color: #008AFF;
text-decoration: none;
}
.news-container .tab-content li {
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
line-height: 30px;
}
.news-container .tab-content li span {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #555555;
}
.news-more {
position: absolute;
left: 0;
bottom: -5px;
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #008AFF !important;
}
.news-more:hover {
text-decoration: none;
}
<>
.course-area {
width: 100%;
height: 606px;
background: #E8F4FF;
}
.course-container {
padding: 30px 0 68px;
display: flex;
justify-content: space-between;
align-items: center;
}
.course-left {
width: 482px;
height: 508px;
padding: 30px 10px;
background: #FFFFFF;
}
.course-left-title,
.course-left-content,
.course-item-text,
.course-right-top-content,
.course-right-bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.course-left-title,
.course-right-top-title,
.course-right-bottom-title {
position: relative;
justify-content: center;
margin-bottom: 20px;
}
.course-left-title>p,
.course-right-top-title>p,
.course-right-bottom-title>p {
margin: 0;
padding: 0;
text-align: center;
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 20px;
color: #000000;
}
.course-left-title>a,
.course-right-top-title>a,
.course-right-bottom-title>a {
position: absolute;
top: 50%;
right: 0;
transform: translate(0-50%);
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #008AFF;
}
.course-left-title>a:hover,
.course-right-top-title>a:hover,
.course-right-bottom-title>a:hover {
color: #008AFF;
text-decoration: none;
}
.course-left-content .course-item {
width: 224px;
height: 188px;
padding: 10px 10px 0 10px;
background: #FFFFFF;
border: 1px solid #DBDBDB;
}
.course-left-content .course-item>img {
width: 204px;
height: 143px;
margin-bottom: 4px;
}
.course-left-content .course-item .course-item-title,
.course-right-top-content .course-item .course-item-title,
.course-right-bottom-content .course-item .course-item-title {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #000000;
}
.course-left-content .course-item .course-item-xs,
.course-right-top-content .course-item .course-item-xs,
.course-right-bottom-content .course-item .course-item-xs {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #008AFF;
}
.course-left-content .course-item:first-child,
.course-left-content .course-item:nth-child(2) {
margin-bottom: 32px;
}
.course-left-content a:hover,
.course-right-top-content a:hover,
.course-right-bottom-content a:hover {
text-decoration: none;
}
.course-right {
width: 688px;
height: 508px;
padding: 30px;
background: #FFFFFF;
}
.course-right-bottom {
margin-top: 24px;
}
.course-right-top-content .course-item,
.course-right-bottom-content .course-item {
width: 194px;
height: 167px;
padding: 10px 10px 0 10px;
background: #FFFFFF;
border: 1px solid #DBDBDB;
}
.course-right-top-content .course-item img,
.course-right-bottom-content .course-item img {
width: 174px;
height: 122px;
margin-bottom: 4px;
}
<>
.friendlink-area {
width: 100%;
height: 204px;
background: #fff;
border-bottom: 2px solid #000;
}
.friendlink-title {
text-align: center;
font-size: 20px;
font-weight: bolder;
color: #008AFF;
}
.friendlink-container ul {
display: flex;
justify-content: start;
align-items: center;
}
.friendlink-container li {
text-align: center;
width: 290px;
height: 100px;
margin-right: 12px;
}
.friendlink-container li:last-child {
margin-right: 0;
}
.friendlink-container li a:hover {
text-decoration: none;
}
.friendlink-container li img {
display: inline-block;
width: 290px;
height: 72px;
margin-bottom: 6px;
}
.friendlink-container li span {
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #000000;
}
< type="text/css">
.dcwj {
position: fixed;
bottom: 240px;
left: 0;
z-index: 2;
display: none;
}
.dcwj>img {
width: 160px;
height: 206px;
}
.zcjd {
position: fixed;
bottom: 20px;
left: 0;
z-index: 2;
background: url(/template/15/newZZZJ/_files/images/ewm.jpg) 100% 100%;
width: 160px;
height: 181px;
display: none;
}
<>
.scrollsidebar {
position: absolute;
z-index: 999;
top: 350px;
right: 0;
}
<>
.foot {
height: 154px;
background: #fff;
position: relative;
}
.info-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.info-container>p {
margin: 0;
text-align: center;
font-family: Source Han Sans SC;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 28px;
}
