.content {
    width: 100%
}

.content .wrap {
    width: 1400px;
    margin: 0 auto;
    padding-top: 50px;
    position: relative
}

.content .wraper {
    width: 1400px;
    margin: 0 auto;
    padding-top: 0px;
    position: relative
}

.content .wrap .title {
    color: #fff;
    padding-top: 15px;
    /* scale: 2; */
}

.content .wrap .title a {
    float: right;
    color: #fff;
    width: 26px;
    height: 26px;
    /* width: 30px;
    height: 30px; */
    background: rgba(255, 255, 255, 0);
    border: 1px solid #BFBFBF;
    border-radius: 6px;
    /* border-radius: 4px;
    border: 1px solid #fff; */
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-top: 6px;
    position: relative;
    z-index: 110
}

.content .wrap .title h2 {
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}

.content .wrap .wrap-left {
    float: left;
    width: 854px
}

.content .wrap .wrap-left .swiper-list {
    width: 427px;
    height: 100%;
    float: left
}

.content .wrap .wrap-left .l-top {
    width: 100%;
    height: 410px;
    position: relative;
    margin-bottom: 26px;
    overflow: hidden;
    /* border: 1px solid #DCDCDC; */
    box-shadow: 0px 0px 14px 1px rgba(12, 27, 87, 0.1);
    border-radius: 19.9px;
}

.content .wrap .wrap-left .l-top .mkx-news {
    width: 427px;
    height: 100%;
    background: #ffffff;
    /* background: #FFFFFF; */
    /* background: linear-gradient(-50deg, #2EB5B1, #118CBE); */
    /* background: url(/static/img/mkx_bg.6af7a04.png) no-repeat; */
    background-size: cover;
    float: left
}

.content .wrap .wrap-left .news {
    padding: 0 20px 20px;
    overflow: hidden;
    color: #fff
}

.content .wrap .wrap-left .news .news-list {
    padding-top: 10px
}

.content .wrap .wrap-left .news .news-list ul li a {
    padding: 15px 0 16px;
    /* border-bottom: 1px dashed hsla(0, 0%, 100%, .8); */
    color: #fff;
    width: auto;
    position: relative;
    /* transition: width 3s; */
}


/* .content .wrap .wrap-left .news .news-list ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    transform: scale(0);
} */


/* 
.content .wrap .wrap-left .news .news-list ul li::after {
  
    content: "";
    top: -9px;
    bottom: -9px;
    position: absolute;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #5AA6FF, #2B55FF);
    border-radius: .1rem;
    z-index: -1;
    transform: scale(0);
    transition: all .3s ease;
 
} */

.content .wrap .wrap-left .news .news-list ul li a::after {
    /* content: "";
    position: absolute;
    top: 0px;
    bottom: -9px;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    background: linear-gradient(90deg, #5AA6FF, #2B55FF);
    border-radius: 9px;
    z-index: -1;
    transform: scale(0);
    transition: all .3s linear; */
    content: "";
    position: absolute;
    top: -3px;
    height: 100%;
    right: 0;
    left: -9px;
    background: white;
    border-radius: 9px;
    z-index: -1;
    transform: scale(0);
    transition: all .3s linear;
    box-shadow: 0px 0px 15px rgb(22 45 153 / 40%);
}

.content .wrap .wrap-left .news .news-list ul li a:hover::after {
    transform: scale(1);
}


/* .content .wrap .wrap-left .news .news-list ul li:hover::after {
    transform: scale(1);
} */

.content .wrap .wrap-left .news .news-list ul li:hover a div span {
    /* color: #ffffff !important; */
    /* width: 200px;
    transition: width 3s all; */
    /* transform: scale(1.5); */
}

.content .wrap .wrap-left .news .news-list ul li:hover a span {
    /* color: #ffffff !important; */
    /* width: 200px;
    transition: width 3s all; */
    /* transform: scale(1.5); */
}

.content .wrap .wrap-left .news .news-list ul li .date {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    text-align: left;
    margin-right: 8px
}

.content .wrap .wrap-left .news .news-list ul li .date .day {
    font-size: 32px;
    display: block
}

.content .wrap .wrap-left .news .news-list ul li .date .month {
    font-size: 12px;
    display: block
}

.content .wrap .wrap-left .news .news-list ul li .info {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    width: 380px;
    /* overflow-x: hidden; */
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    text-align: left;
    z-index: 1;
}

.content .wrap .wrap-left .news .news-list ul li .info:not(:first-child) {
    /* margin-top: 33px; */
}

.content .wrap .wrap-left .news .news-list ul li .info .a-title {
    position: relative;
    color: #000000;
    font-weight: bold;
}

.content .wrap .wrap-left .news .news-list ul li .info .a-title .info-title {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 328px;
    font-weight: 700;
    color: #000000;
    font-weight: bold;
}

.content .wrap .wrap-left .news .news-list ul li .info .a-title .icon-status {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.content .wrap .wrap-left .news .news-list ul li .info .intr {
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: horizontal; */
    /* color: hsla(0, 0%, 100%, .9); */
}

.content .wrap .wrap-left .news .news-list ul li:last-child {
    border-bottom: none
}

.content .wrap .wrap-left .l-bottom {
    height: 410px;
    width: 100%;
    margin-bottom: 26px;
    overflow: hidden;
    position: relative
}

.content .wrap .wrap-left .l-bottom .edu-news {
    float: left;
    height: 100%;
    /* background: url(/static/img/edu_bg.0ca8934.png) no-repeat; */
    background-size: cover;
    width: 427px
}

.cd-img1 {
    width: 90%;
    height: 364px;
    background: #E5E5E5;
    opacity: 0.5;
    border-radius: 20px;
    z-index: 1;
    position: absolute;
    top: 53.99px;
    left: 92px;
}

.cd-img2 {
    width: 91%;
    height: 355px;
    background: #D2D2D2;
    opacity: 0.5;
    border-radius: 20px;
    z-index: 2;
    position: absolute;
    top: 30px;
    left: 55px;
}

.cd-img3 {
    width: 93%;
    height: 366px;
    border-radius: 20px;
    z-index: 3;
    position: absolute;
}

.cd-img3 img {
    width: 100%;
    height: 100%;
}

.content .wrap .wrap-right {
    float: right;
    width: 520px
}

.content .wrap .wrap-right .r-top {
    width: 100%;
    /* height: 300px; */
    margin-bottom: 26px;
    overflow: hidden
}

.content .wrap .wrap-right .r-top ul li {
    /* float: left; */
    /* width: 173px; */
    /* height: 300px; */
    position: relative;
    overflow: hidden;
    /* background-size: cover !important; */
    /* width: 460px; */
    height: 125px;
    background: #FFFFFF;
    /* box-shadow: 0px 0px 15px 0px rgba(37, 77, 203, 0.2); */
    border-radius: 60px;
}

.right-img1 {
    background-image: url('/static/images/right-img1.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    display: flex;
    /* flex-direction: column; */
    /* display: flex; */
}

.right-img2 {
    background-image: url('/static/images/right-img2.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    display: flex;
}

.right-img3 {
    background-image: url('/static/images/right-img3.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    display: flex;
}

.right-normalparent {
    padding: 19px 39px 0px 27px;
}

.right-normal {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    box-sizing: border-box;
}

.right-normal .normalimg {
    width: 36px;
    height: 36px;
}

.right-normal .normalimg img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.right-normal .normalfont {
    /* width: 119px;
    height: 28px; */
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #222222;
    line-height: 18px;
    margin-left: 10px;
}

.normalcontentfont {
    /* width: 119px;
    height: 28px; */
    /* width: 210px;
    height: 41px; */
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    margin-top: 19px;
    /* padding: 0 39px 0 27px; */
}


/* .content .wrap .wrap-right .r-top ul li .bg {
    position: absolute;
    left: 62px;
    bottom: 60px;
    margin-top: -126px;
    width: 140px
} */

@keyframes imgFrame {
    0% {
        -webkit-transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-20deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(20deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-20deg)
    }

    to {
        -webkit-transform: scale(1) rotate(0)
    }
}

.content .wrap .wrap-right .r-top ul li .bg {
    animation-play-state: running;
    -webkit-animation: imgFrame 30s linear 0s infinite;
    animation: imgFrame 30s linear 0s infinite
}

.content .wrap .wrap-right .r-top ul li .bg img {
    width: 100%;
    height: 100%;
}

.content .wrap .wrap-right .r-top ul li .ico {
    width: 90px;
    padding-top: 26px;
    margin: auto;
    position: relative
}

.content .wrap .wrap-right .r-top ul li .ico img {
    text-align: center;
    width: 100%;
    height: 100%
}

.content .wrap .wrap-right .r-top ul li .cont {
    padding: 0 20px;
    color: #fff;
    position: relative;
    z-index: 2;
    text-align: left
}

.content .wrap .wrap-right .r-top ul li .cont h3 {
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 700
}

.content .wrap .wrap-right .r-top ul li .cont p {
    line-height: 22px;
    color: #fff;
    font-size: 14px
}

.content .wrap .wrap-right .r-bottom {
    width: 100%;
    height: 310px;
    margin-bottom: 26px;
    padding: 45px 48px 61px 51px;
    background: url(/static/img/notice_bg.5f6c2f4.png) no-repeat;
    background-size: cover;
    overflow: hidden
}

.content .wrap .wrap-right .r-bottom .t-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px
}

.content .wrap .wrap-right .r-bottom .start-time {
    position: relative
}

.content .wrap .wrap-right .r-bottom .time-group .time-item {
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid #fff;
    padding: 16px 46px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    float: inline-start;
    text-align: center;
}

.content .wrap .wrap-right .r-bottom .time-group .time-item .time {
    font-size: 30px;
    font-weight: 700;
    display: block
}

.content .wrap .wrap-right .r-bottom .time-group .time-item .txt {
    font-size: 14px
}

.content .wrap .wrap-right .r-bottom .time-group .and {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 40px;
    margin: 0 23px
}

.content .wrap .wrap-right .r-bottom .notice-txt {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 400px;
    position: absolute;
    margin-top: 41.5px;
}

.content .wrap .wrap-right .r-bottom .notice-txt .seamless-warp2 {
    overflow: hidden;
    height: 40px;
    width: 100%;
    /* line-height: 40px */
}

.content .wrap .wrap-right .r-bottom .notice-txt .seamless-warp2 ul.item {
    width: 420px
}

.content .wrap .wrap-right .r-bottom .notice-txt .seamless-warp2 ul.item li {
    float: left;
    margin-right: 2px;
    font-size: 17px
}

.content .wrap .wrap-right .r-bottom .notice-info {
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid #fff;
    padding: 9px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.content .wrap .wrap-right .r-bottom .notice-info .seamless-warp2 {
    overflow: hidden;
    height: 40px;
    width: 100%;
    line-height: 40px
}

.content .wrap .wrap-right .r-bottom .notice-info .seamless-warp2 ul.item {
    width: 580px
}

.content .wrap .wrap-right .r-bottom .notice-info .seamless-warp2 ul.item li {
    float: left;
    margin-right: 10px;
    font-size: 20px
}

.content .wrap .wrap-right .r-bottom .notice .n-title {
    /* padding-top: 50px */
}

.content .wrap .wrap-right .r-bottom .notice .n-title .tab-btn {
    float: left;
    font-size: 24px;
    color: #fff
}

.content .wrap .wrap-right .r-bottom .notice .n-title .tab-btn h2 {
    float: left;
    margin-right: 20px;
    cursor: pointer;
    color: #5f5f5f
}

.content .wrap .wrap-right .r-bottom .start-time .n-title .tab-btn {
    float: left;
    font-size: 24px;
    color: #fff
}

.content .wrap .wrap-right .r-bottom .start-time .n-title .tab-btn h2 {
    float: left;
    margin-right: 20px;
    cursor: pointer;
    color: #5f5f5f
}

.content .wrap .wrap-right .r-bottom .start-time .n-title .tab-btn h2.active,
.content .wrap .wrap-right .r-bottom .start-time .n-title .tab-btn h2:hover {
    color: #fff
}

.content .wrap .wrap-right .r-bottom .notice .n-title .tab-btn h2.active,
.content .wrap .wrap-right .r-bottom .notice .n-title .tab-btn h2:hover {
    color: #fff
}

.content .wrap .wrap-right .r-bottom .notice .n-title a {
    float: right;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-top: 6px;
    position: relative;
    z-index: 10
}

.content .wrap .wrap-right .r-bottom .start-time .n-title a {
    float: right;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-top: 6px;
    position: relative;
    z-index: 10
}

.content .wrap .wrap-right .r-bottom .notice ul {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
}

.content .wrap .wrap-right .r-bottom .notice ul li {
    padding: 15px 0 10px;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .8);
    color: #fff
}

.content .wrap .wrap-right .r-bottom .notice ul li span {
    float: right;
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.content .wrap .wrap-right .r-bottom .notice ul li a {
    color: #fff;
    font-size: 17px;
    height: 25px;
    line-height: 25px;
    width: 258px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 600
}

.content .wrap .wrap-right .r-bottom .notice ul li:last-child {
    /* border-bottom: none */
}

.content .wrap .wrap-right .r-bottom .start-time ul {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
    overflow-y: auto;
    height: 200px;
}

/* 设置滚动条的样式 */
.start-time ul::-webkit-scrollbar {
    width: 12px;
}

/* 滚动槽 */
.start-time ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

/* 滚动条滑块 */
.start-time ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}

.start-time ul::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, 0.4);
}

.content .wrap .wrap-right .r-bottom .start-time ul li {
    padding: 15px 0 10px;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .8);
    color: #fff
}

.content .wrap .wrap-right .r-bottom .start-time ul li span {
    float: right;
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.content .wrap .wrap-right .r-bottom .start-time ul li a {
    color: #fff;
    font-size: 17px;
    height: 25px;
    line-height: 25px;
    width: 315px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 600
}

.content .wrap .wrap-right .r-bottom .start-time ul li:last-child {
    /* border-bottom: none */
}

.content .wrap .mask-img {
    position: absolute;
    width: 400px;
    top: 242px;
    left: 30px;
    z-index: 100
}

.content .wrap .mask-img img {
    width: 100%;
    height: 100%
}

.content .pithy {
    width: 1400px;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative
}

.content .pithy .pithy-left {
    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAADSCAYAAAAouw6LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDFDNjE5OEUzQ0U4MTFFODlENUY5NTBCNjJGRDYwMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTNCNTRFRDQzQ0VBMTFFODlENUY5NTBCNjJGRDYwMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MUM2MTk4QzNDRTgxMUU4OUQ1Rjk1MEI2MkZENjAzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MUM2MTk4RDNDRTgxMUU4OUQ1Rjk1MEI2MkZENjAzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKRcy4AAB7aSURBVHja7F1rmqQ6jrWEI+vPXcAsvFfWm5hZwP1TGYE1+AUOAgIbjB9g+quq25EZYCwfH0nWA9h//vu/jLF/WLvWLzjjnsDw+WSMXowhtDnOIRPfewzyEfxn+BcZEzT72ddv/suHv/6nSSsxuORN+34AV78loHYlk8mXq6dhP+wZIYaAS17/yF/5t0lsRYgnChIluBhlWC0NXHtkC/2gafRi+qLfxvhv2z9T75Agby7BJRp7lawWzr8z7IUgBrl1LEhuTcQJWWt8DAmjyzf28pYJFCBbqXUIYTZJv4s3CSZa52D+GsCldsK2tZXLWCs0BHJTHAD2YYs1BitnoWghNfaqDVzjJRmMmopYhkq4cH9Qzo12VQkuKz8Sfg+AOwMMUt9ffiBYc24k2PAgArBw5XNpgik7zG8M2ITo8x2IImAlmOaaP5e1YoBr6xL2iGV7DNiEuA0s6HsGr1/DQPsFrAAmGpaKVAnREw2ovcDQ0+fGuzAG3oS4AiwiBSwmXtrrBzjsWbj//tTUw5psre8MZuWJm2PgTYjzX3aANYBMAk1+TtCNPw+/P0xnXy3… */
}