* {
    box-sizing: border-box;
}


/* banner导航 */

.banner {
    width: 100%;
    height: 550px;
    background: url(/web3/img/back_true_banner.webp)no-repeat 100% 100%/cover;
    /* background-color: #2250C4; */
    padding: 39px 0 44px;
    overflow: hidden;
}

.banner-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

.banner-nav-details-box {
    z-index: 4;
    display: none;
    width: 400px;
    position: absolute;
    top: 52px;
    right: 0;
    height: 416px;
    /* display: flex; */
    flex-direction: column;
    justify-content: flex-end;
}

.banner-nav-details {
    position: relative;
    width: 100%;
    height: 376px;
    background: #fff;
    border-radius: 8px;
    padding: 20px 0px 20px 20px;
    /* padding: 30px 50px; */
}

.banner-live-title {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    font-family: 'OPPOSansBold';
}

.banner-live-list-con {
    margin-top: 6px;
    overflow-y: scroll;
    height: calc(100% - 36px);
}

.banner-live-list-con::-webkit-scrollbar {
    width: 6px;
    /* height: 80px; */
}

.banner-live-list-con::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 10px;
}

.banner-live-list-item {
    padding-bottom: 10px;
    padding-left: 15px;
    position: relative;
}

.banner-live-list-item::before {
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: #c0d8ff;
    position: absolute;
    left: 2px;
    top: 15px;
}

.banner-live-list-item:last-child::before {
    display: none;
}

.banner-live-list-item::after {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    background: #2250C4;
    position: absolute;
    border-radius: 50%;
    left: 0px;
    top: 10px;
}

.banner-live-list-item:last-child {
    margin-bottom: 0;
}

.banner-live-title-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.banner-live-status {
    font-size: 16px;
    text-align: center;
    color: #2250C4;
    font-family: 'OPPOSansBold';
    line-height: 30px;
    width: fit-content;
    padding: 0 10px;
    height: 30px;
    background: #f2f7ff;
    border-radius: 5px;
    width: 106px;
}

.newest-live .banner-live-title-box {
    display: block;
}

.newest-live .banner-live-status {
    width: fit-content;
    padding: 0 15px;
}

.newest-live .banner-live-course-title {
    /* width: calc(100% - ); */
    margin-left: 0;
    width: 340px;
    margin-top: 5px;
    padding-left: 15px;
}

.banner-nav-acitivity .banner-live-status {
    width: fit-content;
}

.banner-live-time {
    font-size: 16px;
    font-family: 'OPPOSansBold';
    color: #2250C4;
    line-height: 24px;
}

.banner-live-course-title {
    margin-left: 10px;
    font-size: 16px;
    color: #101010;
    line-height: 20px;
    cursor: pointer;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banner-live-poster-con {
    margin-top: 10px;
    display: flex;
    display: none;
}

.banner-live-list-item.show-poster-one .banner-live-poster-con {
    display: flex;
}

.banner-live-list-item.show-poster-one .banner-live-course-title {
    color: #2250C4;
}

.banner-live-list-item.show-poster-two .banner-live-poster-con {
    display: flex;
}

.banner-live-list-item.show-poster-two .banner-live-course-title {
    color: #2250C4;
}

.banner-live-poster-left {
    position: relative;
    width: 280px;
    height: 117px;
    background: #c4c4c4;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    cursor: pointer;
}

.cansel-mouse {
    /*cursor: initial !important;*/
}

.replay-up-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    font-size: 18px;
    text-align: center;
    line-height: 117px;
    color: #fff;
    font-family: "OPPOSansBold";
}

.banner-live-poster-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-live-entrance-box {
    width: 60px;
    height: 117px;
}

.banner-live-entrance-box .banner-live-entrance-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 0px 8px 8px 0px;
}

.banner-live-entrance-link.entrance-stastus {
    background: #00B002;
}

.banner-live-entrance-link.book-stastus {
    background: #0651CB;
}

.banner-live-entrance-link.end-stastus {
    background: #D9D9D9;
}

.banner-live-entrance-link.replay-stastus {
    background: #1F0D5C;
}

.banner-live-entrance-link.playback-up-status {
    background: #463387;
}

.banner-live-entrance-link.playback-up-status .banner-live-entrance-link-text {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.banner-live-entrance-link img {
    width: 28px;
}

.banner-live-entrance-link-text {
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    margin-top: 6px;
}

.banner-nav-acitivity .banner-live-title-box {
    display: block;
}

.banner-nav-acitivity .banner-live-title-box .banner-live-course-title {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
}

.banner-nav-free .banner-live-status {
    width: fit-content;
}

.banner-nav-free .banner-live-entrance-link {
    background: #2250C4 !important;
}

.details-recommend-li {
    width: 250px;
    height: 150px;
    border-radius: 10px;
}

.details-recommend-li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
}

.details-recommend-layer {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.80);
    padding: 20px 8px 15px 10px;
}

.details-recommend-li a:hover .details-recommend-layer {
    display: block;
}

.details-recommend-title {
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.details-recommend-introduce {
    margin-top: 15px;
    font-size: 12px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.logo-img {
    width: 330px;
    height: 52px;
}

.banner-nav-list {
    display: flex;
    align-items: center;
}

.banner-nav-item {
    width: 100px;
    height: 30px;
    /* background: #203386;

    border-radius: 20px; */
    /* margin-right:7px; */
    /* position: relative; */
}

.banner-nav-item:last-child {
    margin-right: 0;
}

.banner-nav-item .banner-nav-link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    /* font-family: 'OPPOSansBold'; */
    color: #ffffff;
}

.banner-nav-item.banner-choose .banner-nav-link {
    background: #203386;
    border-radius: 8px;
}

.banner-nav-item.banner-choose .banner-nav-details-box {
    display: flex;
}

.banner-con {
    position: relative;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner-pos-img {
    position: absolute;
    left: -200px;
    top: 1px;
    width: 400px;
    opacity: .1;
}

.banner-swiper {
    width: 770px;
    height: 376px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.banner-swiper-img-box img {
    width: 770px;
    height: 376px;
}

.banner-swiper-con {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner-swiper-img-box {
    width: 100%;
    height: 100%;
    line-height: 0;
}

.banner-swiper-img-box.obvious {
    opacity: 1;
}

.swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    opacity: 0.56;
    background: #ffffff;
    border-radius: 4px;
}


/* banner的点样式 */

#indexBanner {
    margin: 0;
}

#indexBanner .swiper-pagination-bullet-active {
    width: 16px;
    height: 4px;
    background: #ffffff;
    border-radius: 4px;
    opacity: 1;
}

.banner-entrance {
    width: 400px;
    height: 376px;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 26px;
    position: relative;
}

.banner-entrance-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
}

.banner-entrance-title {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.banner-entrance-calendar a {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    color: #2250C4;
    line-height: 28px;
}

.calendar-box {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 3;
}

.calendar-top {
    width: 100%;
    padding: 10px 24px 0 24px;
}

.calendar-choose-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.return-banner-entrance {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: fit-content;
    justify-content: center;
}

.calendar-right-icon {
    width: 10px;
    transition: all .4s;
}

.choose-calendar-all {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    color: #333;
    line-height: 20px;
    letter-spacing: 0.01px;
}


/*    */

.return-banner-text {
    font-size: 14px;
    font-family: 'OPPOSansBold';
    color: #333;
    line-height: 20px;
    letter-spacing: 0.01px;
}

.calendar-choose-list {
    display: flex;
    align-items: center;
}

.calendar-choose-month {
    width: 52px;
    height: 25px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-family: 'OPPOSansBold';
    color: #cccccc;
    letter-spacing: 0.01px;
    margin-right: 15px;
}

.calendar-choose-month:last-child {
    margin-right: unset;
}

.calendar-choose-month:hover {
    border: 1px solid #2250C4;
    color: #2250C4;
}

.calendar-year-select-pos {
    /* padding-top: 5px; */
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    display: none;
    z-index: 5;
}

.return-banner-entrance.open-month .calendar-year-select-pos {
    display: block;
}

.return-banner-entrance.open-month .calendar-right-icon {
    transform: rotateZ(90deg);
}

.calendar-year-select-con {
    width: 100%;
    height: auto;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    padding: 5px 0 5px 10px;
}

.calendar-year-select-list {
    width: 100%;
    height: fit-content;
    /* overflow-y: scroll; */
    cursor: default;
}

.calendar-year-select-list::-webkit-scrollbar {
    width: 4px;
    height: 19px;
}

.calendar-year-select-list::-webkit-scrollbar-thumb {
    background: #2250C4;
    border-radius: 5px;
}

.calendar-year-select-item {
    font-size: 14px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #333;
    line-height: 30px;
    cursor: pointer;
}

.calendar-year-select-item:hover {
    color: #2250C4;
}

.calendar-year-select-item.default-select {
    color: #2250C4;
}

.week-list {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.week-list-item {
    font-size: 14px;
    font-family: 'OPPOSansBold';
    color: #333;
    line-height: 14px;
    width: 20px;
    text-align: center;
}

.week-list-item:first-child,
.week-list-item:last-child {
    color: #F15443;
}

.calendar-con-details {
    margin-top: 6px;
    width: 100%;
}

.calendar-details-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 7.5px;
    height: 300px;
    overflow-y: scroll;
    overflow-x: visible;
}

.calendar-details-list::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

.calendar-details-list::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 10px;
}

.calendar-details-item {
    width: 55px;
    height: 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px;
    position: relative;
    /* background: #EDF1FA; */
    cursor: pointer;
    /* background: #edf1fa; */
}

.calendar-details-item:nth-child(7n+5) .calendar-live-details-box,
.calendar-details-item:nth-child(7n+6) .calendar-live-details-box,
.calendar-details-item:nth-child(7n+7) .calendar-live-details-box {
    right: 59px !important;
    left: unset !important;
}

.calendar-details-no {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-family: 'OPPOSansBold';
    text-align: center;
    color: #333;
    line-height: 20px;
}

.today-ani-no {
    height: 20px;
}

.calendar-details-course-list {
    margin-top: 3px;
}

.calendar-details-course-item {
    margin-bottom: 1px;
    width: 53px;
    height: 15px;
    font-size: 12px;
    /* font-family: 'OPPOSansBold'; */
    text-align: center;
    color: #ffffff;
    line-height: 16px;
}

.calendar-details-course-item:nth-child(3),
.calendar-details-course-item:nth-child(4),
.calendar-details-course-item:nth-child(5) {
    display: none;
}

.calendar-details-course-item:nth-child(2) {
    margin-bottom: 0;
}


/* 过去的时间 */

.calendar-details-item.past-time .calendar-details-no {
    color: #ccc;
}


/* 有课且长度大于1 */

.calendar-details-item.have-course {
    background: rgb(242, 242, 242);
}

.calendar-details-item.have-course.today-time {
    background: url(/web3/img/today-back-true.gif)no-repeat 100% 100%/cover !important;
}


/* .calendar-details-item.have-course.workshop-item {

    background: #F2F2F2;

}



.calendar-details-item.have-course.activity-item {

    background: #FFF2EB;

}

.calendar-details-item.have-course.train-item{

    background: #EDFFED;

}

.calendar-details-item.have-course.village-item{

    background: #EDFFED;

}

.calendar-details-item.have-course.doctor-item {

    background: #FFEEED;

}



.calendar-details-item.have-course.master-item {

    background: #EDF1FA;

} */


/* 硕士课程背景 */

.calendar-details-course-item.calendar-master-item {
    background: #2250C4;
}


/* 博士课程背景 */

.calendar-details-course-item.calendar-doctor-item {
    background: #DB1212;
}


/* 修业坊背景 */

.calendar-details-course-item.calendar-workshop-item {
    background: #1D0E58;
}


/* 今天样式 */

.calendar-details-item.today-time {
    background: #EDF1FA;
}

.calendar-details-item.today-time .calendar-details-no {
    color: #fff;
    background: #2250C4;
}

.calendar-details-item.today-time.have-course .calendar-details-no {}

.calendar-details-item.today-time.hover-time {
    background: #2250C4;
}

.calendar-details-item.today-time.hover-time .calendar-details-no {
    background: #fff;
    color: #2250C4;
}

.calendar-details-item.hover-time.have-course {
    background: #2250C4;
}

.calendar-details-item.hover-time.have-course .calendar-details-no {
    background: #fff;
    color: #2250C4;
}

.calendar-details-item.hover-time.have-course .calendar-details-course-item {
    background-color: #fff;
    color: #2250C4;
}

.calendar-details-item.past-time.hover-time.have-course {
    background: unset;
}

.calendar-details-item.hover-time.have-course .calendar-live-details-box {
    display: block;
}

.calendar-details-item.past-time.have-course {
    background: unset;
}

.calendar-details-item.past-time.have-course .calendar-details-no {
    background: unset;
    color: #ccc;
}

.calendar-details-item.past-time.have-course .calendar-details-course-item {
    background: unset;
    color: #ccc;
}

.calendar-details-item.past-time.hover-time .calendar-details-course-item {
    background: unset;
    color: #ccc;
}

.calendar-details-item.past-time.hover-time .calendar-details-no {
    background: unset;
    color: #ccc;
}

.calendar-live-details-box {
    position: absolute;
    left: 59px;
    top: 0;
    min-height: 100%;
    height: auto;
    background: rgba(16, 16, 16, .9);
    border-radius: 4px;
    padding: 5px 10px;
    z-index: 4;
    /* opacity: 0; */
    display: none;
    width: 216px;
    /* box-shadow: 0px 16px 32px 0px rgba(171,179,194,0.24);  */
}

.calendar-live-details-time {
    font-size: 12px;
    font-family: 'OPPOSansBold';
    color: #2250C4;
    text-align: left;
    line-height: 20px;
}

.calendar-live-details-title {
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    width: 100%;
    /* overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; */
    line-height: 16px;
}


/* 典礼活动背景 */

.calendar-details-course-item.calendar-activity-item {
    background: #EAAA00;
}

.calendar-details-course-item.inside-train-item {
    background: #06174F;
}

.calendar-details-course-item.calendar-village-item {
    background: #15AD31;
}


/* 热门项目 */

.common-padding {
    padding-top: 60px;
}

.common-heading-style {
    position: relative;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 60px;
    cursor: pointer;
}

.model-title {
    font-size: 62px;
    font-family: 'OPPOSansBold';
    color: #dee0e4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    top: 0px;
    line-height: 70px;
    white-space: nowrap;
}

.model-title-explain {
    width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
    /* align-items: center; */
}

.model-title-explain-text {
    font-size: 28px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    line-height: 40px;
}

.model-look-more {
    margin-top: 9px;
}

.model-look-more a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-look-more-title {
    font-size: 14px;
    font-weight: 400;
    color: #2250C4;
    line-height: 20px;
    margin-right: 15px;
}

.model-look-more img {
    width: 6px;
    height: 8px;
}


/* 热门项目推荐 */

.popular-recommend {
    background: #f4f4f4;
    padding-bottom: 60px;
}

.popular-recommend-list {
    display: flex;
    flex-wrap: wrap;
}

.popular-recommend-item {
    width: 280px;
    height: 340px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    margin-right: 22px;
    margin-bottom: 20px;
    position: relative;
    /* overflow: hidden; */
}

.popular-recommend-item:nth-child(4n) {
    margin-right: 0;
}

.popular-recommend-item:nth-child(n+4) {
    margin-bottom: 0px;
}

.popular-item-top {
    position: relative;
    width: 100%;
    height: 150px;
    border-radius: 8px 8px 0 0;
}

.popular-item-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.layer-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
    border-radius: 8px 8px 0 0
}

.doctor-category {
    width: 60px;
    height: 25px;
    background: linear-gradient(90deg, #f51920 56%, #fe7853 100%);
    border-radius: 20px 0px 0px 20px;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: -4px;
    top: 10px;
    z-index: 2;
}

.doctor-category::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent #A00005;
    border-style: solid;
    border-width: 0px 0px 8px 4px;
    bottom: -8px;
    right: 0px;
}

.master-category {
    width: 60px;
    height: 25px;
    background: linear-gradient(90deg, #1d19f5 56%, #53b6fe 100%);
    border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: -4px;
    top: 10px;
    z-index: 2;
}

.master-category::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent #001AA0;
    border-style: solid;
    border-width: 0px 0px 8px 4px;
    bottom: -8px;
    right: 0px;
}

.student-grant {
    position: absolute;
    left: 16px;
    top: 10px;
    width: 58px;
    height: 24px;
    background: #fa2c19;
    border-radius: 2px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    z-index: 2;
}

.popular-item-bottom {
    position: absolute;
    width: 280px;
    height: 190px;
    bottom: 0;
    left: 0;
    /* padding-top: 44px; */
    border-radius: 0 0 8px 8px;
    padding: 30px 15px 0;
    transition: all .4s;
    z-index: 2;
    background-color: #fff;
}

.popular-belong-school {
    z-index: 2;
    position: absolute;
    width: 100%;
    left: 0;
    top: -40px;
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
}

.belong-school-logo {
    /* width: 60px;
    height: 60px; */
    width: 58px;
    height: 58px;
    border-radius: 50%;
    /* overflow: hidden; */
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.belong-school-logo img {
    /* width: 100%;
    height: 100%; */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.belong-school-name {
    margin-left: 12px;
    font-size: 16px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #fff;
    line-height: 20px;
    width: calc(100% - 72px);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.popular-recommend-title a {
    display: block;
    width: 100%;
    font-size: 18px;
    /* font-weight: 400; */
    /* font-family: 'OPPOSansBold'; */
    text-align: LEFT;
    color: #333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.popular-recommend-sign {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}

.popular-student-count span {
    font-size: 12px;
    line-height: 20px;
}

.popular-student-count span:nth-child(1) {
    color: #2250C4;
}

.popular-student-count span:nth-child(2) {
    color: #8a8a8a;
}

.popular-recommend-price span:nth-child(1) {
    font-size: 12px;
    color: #e62412;
}

.popular-recommend-price span:nth-child(2) {
    font-size: 22px;
    color: #e62412;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.popular-recommend-advantage {
    margin-top: 10px;
    width: 100%;
    height: 43px;
    line-height: 43px;
    padding-left: 12px;
    font-size: 12px;
    text-align: LEFT;
    color: #ffffff;
}

.popular-recommend-ani1 {
    transition: all .4s;
}


/*  */

.popular-recommend-ani2 {
    display: none;
    transition: all .4s;
    width: 100%;
}

.popular-recommend-introduce {
    font-size: 12px;
    text-align: LEFT;
    color: #8a8a8a;
    line-height: 20px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 12px;
    margin-top: 10px;
    height: 60px;
}

.popular-recommend-details a {
    display: block;
    width: 129px;
    height: 30px;
    border: 1px solid #2650cf;
    border-radius: 24px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #2650cf;
    margin: 0 auto;
}


/* 移入效果 */

.popular-item-bottom.transform_one {
    height: 230px;
}

.popular-item-bottom.transform_one .popular-recommend-ani1 {
    display: none;
}

.popular-item-bottom.transform_one .popular-recommend-ani2 {
    display: block;
}

.popular-item-bottom.transform_one .popular-recommend-title a {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    white-space: unset;
    line-height: 24px;
    height: 48px;
}

.popular-item-bottom.transform_one .popular-recommend-title a {
    color: #2250C4;
}

.popular-item-bottom.transform_one .popular-recommend-introduce {
    margin-bottom: 24px;
}

.popular-recommend .popular-recommend-list {
    display: none;
}

.popular-recommend .popular-recommend-list.ontrue {
    display: flex;
}

.zsb {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: -4px;
    top: 10px;
    z-index: 2;
    width: 60px;
    height: 25px;
    background: linear-gradient(90deg, #1b4189 27%, #641b86 100%);
    border-radius: 20px 0px 0px 20px;
}

.zsb::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent #5A00A0;
    border-style: solid;
    border-width: 0px 0px 8px 4px;
    bottom: -8px;
    right: 0px;
}

.gsz {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: -4px;
    top: 10px;
    z-index: 2;
    width: 60px;
    height: 25px;
    background: linear-gradient(90deg, #1b8934 27%, #1b6c86 100%);
    border-radius: 20px 0px 0px 20px;
}

.gsz::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent #00A07A;
    border-style: solid;
    border-width: 0px 0px 8px 4px;
    bottom: -8px;
    right: 0px;
}


/* .popular-recommend-advantage a{



} */


/* 颜色控制 */

.p-color-one {
    background-color: #C0972B;
}


/* 地图 */

.map {
    width: 100%;
    /* height: 958px; */
    background: #f4f4f4;
    padding-bottom: 60px;
    padding-top: 60px;
}

.map-con-list {
    display: flex;
    justify-content: space-between;
}

.map-con-item {
    width: 390px;
    height: 574px;
    position: relative;
    /* background: rgba(0,0,0,0.60); */
}

.map-con-item video {
    width: 100%;
    height: 100%;
    display: block;
}

.map-layer-one {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 574px;
    background: rgba(0, 0, 0, 0.80);
    font-size: 40px;
    /* font-family: 'OPPOSansBold'; */
    color: #ffffff;
    backdrop-filter: blur(5px);
}

.map-layer-one.onHover {
    display: none;
}

.map-layer-two {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
    padding: 100px 20px 20px;
    backdrop-filter: blur(5px);
}

.map-layer-two.showData {
    display: block;
}

.map-country-top {
    display: flex;
    align-items: center;
}

.map-country-logo {
    height: 30px;
    display: none;
}

.map-country-logo img {
    height: 30px;
}

.map-country-text {
    display: block;
    /* margin-left: 20px; */
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #ffffff;
    line-height: 30px;
}

.map-country-school-list {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.map-country-school-item {
    overflow: hidden;
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 9px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
}

.map-country-school-item img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}


/* .map-country-school-item:nth-child(4n){

    margin-right: 0;

} */


/* 数字增加动效 */

.number-increase {
    background-color: #fff;
}

.number-increase-con {
    display: flex;
    padding: 33px 0;
    justify-content: space-around;
}

.in-number-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 184px;
}

.in-number {
    font-size: 32px;
    font-family: 'OPPOSansBold';
    color: #2650cf;
    /* line-height: 40px; */
}

.in-number-text {
    /* margin-top: 40px; */
    font-size: 14px;
    color: #8a8a8a;
    line-height: 24px;
}


/* 滑入动画 */

.hot-academy-top {
    margin-bottom: 130px;
}

.hot-academy-top .common-heading-style {
    margin-bottom: 0;
}

.hot-academy-bottom {
    width: 100%;
    height: 220px;
}

.hot-academy-list {
    display: flex;
    position: relative;
    height: 220px;
}

.hot-academy-list-pos {
    display: flex;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    align-items: flex-end;
}

.hot-academy-list-item {
    overflow: hidden;
    width: 134px;
    height: 220px;
    border-left: 1px solid #fff;
    padding: 20px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* transition: all .6s; */
    transition: all .6s;
    flex: 1;
}

.hot-academy-list-item:last-child {
    border-right: 1px solid #fff;
    width: 135px;
}

.hot-academy-title {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 24px;
}

.hot-academy-logo img {
    height: 30px;
}

.hot-academy-list-item.transform_two {
    width: 384px;
    height: 290px;
    border: none;
    /* box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%); */
    padding: 0 30px;
    flex: 3;
    transition: all .6s;
}

.hot-academy-list-item.transform_two .hot-academy-title {
    font-size: 24px;
    font-weight: 500;
    text-align: LEFT;
    color: #fff;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-top: 30px;
}

.hot-academy-list-item.border-two {
    border-left: none;
}

.hot-academy-list-item.transform_img.transform_two .hot-academy-big-log {
    /* display: block; */
    animation: imgFade 300ms linear both;
}

@keyframes imgFade {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.hot-academy-list-item.transform_two .hot-academy-logo {
    /* display: none; */
    opacity: 0;
}


/* .hot-academy-list-item.transform_two .hot-academy-big-log{

    display: block;

} */

.hot-academy-list-item.transform_two .hot-academy-list-item-ani {
    display: flex;
}

.hot-academy-list-item-ani {
    width: 100%;
    height: 220px;
    padding-top: 6px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
    position: relative;
    /* transition: all .s; */
}

.hot-academy-list-item-desc {
    width: fit-content;
    z-index: 5;
}

.hot-academy-list-item-desc p {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
}

.hot-academy-href a {
    text-align: center;
    line-height: 38px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    width: 110px;
    height: 38px;
    background: linear-gradient(107deg, #ffffff, #ffffff 100%);
    border-radius: 8px;
}

.hot-academy-big-log {
    z-index: 4;
    position: absolute;
    right: 2px;
    bottom: 20px;
    width: 46%;
    transition: all .4;
    /* display: none; */
    opacity: 0;
}

.hot-academy-big-log img {
    width: 100%;
}


/* 中国式管理 */

.cn-admin {
    background: #f4f4f4;
    padding-bottom: 60px;
}

.cn-admin-list {
    display: flex;
}

.cn-admin-list-item {
    display: flex;
    width: 280px;
    height: 250px;
    /* background: rgba(0,0,0,0.30); */
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-right: 23px
}

.cn-admin-list-item img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
    position: absolute;
    transform: translateX(-152px);
    left: 0;
    top: 0;
    z-index: 1;
    transition: .4s;
}

.cn-admin-list-item:hover img {
    transform: scale(1.2)translateX(-152px);
}

.cn-admin-list-item:last-child {
    margin-right: 0;
}

.cn-admin-list-item-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.cn-admin-list-item-text {
    z-index: 3;
    font-size: 36px;
    text-align: center;
    color: #ffffff;
    line-height: 44px;
    font-family: 'OPPOSansM';
    /* white-space: nowrap; */
    /* overflow: hidden; */
    width: 80px;
    /* text-overflow: ellipsis; */
    letter-spacing: 4px;
    /* -webkit-line-clamp: 2;



    display: -webkit-box;

    position: relative; */
    /* height: 48px; */
}


/* 报名情况 */

.apply-situation {
    background-color: #f4f4f4;
    padding-bottom: 60px;
}

.apply-situation-part {
    display: flex;
    justify-content: space-between;
}

.apply-situation-goal {
    width: 386px;
    height: 400px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 30px 0 30px;
    position: relative;
}

.apply-situation-form-box {
    width: 386px;
    height: 400px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

#formApp {
    opacity: 0;
}

.apply-situation-form-box.apply-animate {
    -webkit-animation: applyAniTrue 600ms ease both;
    animation: applyAniTrue 600ms ease both;
}

@keyframes applyAniTrue {
    0% {
        opacity: 0;
        transform: scale(0.1);
    }

    /* 20% {

        opacity: 0;

        transform: scale(0.1);

    }



    40% {

        opacity: 0.5;

        transform: scale(0.5);

    }



    80% {

        opacity: 1;

        transform: scale(0.8);

    } */
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.apply-situation-swiper-box {
    width: 386px;
    height: 400px;
}

.apply-situation-swiper-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.apply-degree-siwper-box {
    width: 386px;
    height: 195px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 40px;
}

.apply-situation-goal-title {
    font-size: 20px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #2250C4;
    line-height: 30px;
}

.apply-situation-goal-con {
    margin-top: 30px;
    position: relative;
}

.apply-situation-goal-text-one {
    font-size: 16px;
    text-align: LEFT;
    color: #333333;
    line-height: 30px;
    font-family: 'OPPOSansBold';
}

.apply-situation-goal-text-seg {
    margin-top: 30px;
}

.apply-situation-goal-text-seg p {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #8a8a8a;
    line-height: 24px;
}

.apply-situation-goal-back {
    position: absolute;
    right: 0;
    top: 70px;
}

.apply-situation-form-title {
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: linear-gradient(90deg, #2250C4, #648aff 100%);
    border-radius: 8px 8px 0px 0px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

.apply-situation-form-submit {
    padding: 16px 22px 0;
}

.apply-form-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    / border: 1px solid #cccccc;
    border-radius: 4px;
    margin-bottom: 12px;
    position: relative;
}

.apply-form-item.apply-item-choose {
    border: 1px solid #2250C4;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-right input::placeholder {
    color: #ff0000;
}

.apply-form-item.apply-item-choose.error-tel {
    border: 1px solid #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-select-value {
    color: #ff0000;
}

.apply-form-item.apply-item-choose .apply-form-item-title {
    color: #2250C4;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-title {
    color: #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-title::after {
    border-right: 1px solid #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-item-right input {
    color: #ff0000;
}

.apply-form-item.apply-item-choose.error-tel .apply-form-select-value .pos-select-img {
    content: url('/web3/img/right_select_err.png')
}

.apply-form-item.apply-item-choose .apply-form-item-title::after {
    border-right: 1px solid #2250C4;
}

.apply-form-item.apply-item-choose .apply-form-item-right input {
    color: #2250C4;
    font-size: 14px;
}

.apply-form-item:nth-child(4) .apply-form-select-select .apply-form-select-select-item {
    width: 90px;
}

.apply-form-item:nth-child(4) .apply-form-select-select .apply-form-select-select-item:nth-child(3) {
    margin-right: 0;
}

.apply-form-item:nth-child(4) .apply-form-select-select .apply-form-select-select-item {
    margin-right: 16px;
}

.apply-form-item:nth-child(5) .apply-form-select-select .apply-form-select-select-item {
    width: 140px;
    text-align: center;
    padding: 0 6px;
    overflow: hidden;
}

.apply-form-item:nth-child(5) .apply-form-select-select {
    height: 160px !important;
    top: -162px !important;
}

.apply-form-item:nth-child(5).apply-item-choose .apply-form-select-value .pos-select-img {
    transform: translateY(-26%) rotateZ(-90deg) !important;
}

.apply-form-item:nth-child(5) .apply-form-select-select .apply-form-select-select-item {
    margin-right: 0;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item {
    margin-right: 15px;
}

#belongCity .apply-form-select-select {
    align-items: unset;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item .apply-form-select-select-item {
    margin-bottom: 0;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item {
    margin-bottom: 10px;
}

.apply-form-item:nth-child(5) .apply-form-select-select .province-list-item:nth-child(2n) {
    margin-right: 0;
}

.apply-form-item.apply-item-choose .apply-form-item-right input::placeholder {
    color: #2250C4;
    font-family: 'OPPOSans';
    font-size: 14px;
}

.apply-form-item.apply-item-choose .apply-form-select-value {
    color: #2250C4;
}

.apply-form-item.apply-item-choose .apply-form-select-value .pos-select-img {
    content: url(/web3/img/select_right.svg);
    transform: translateY(-65%) rotateZ(90deg);
    background: unset;
}

.apply-form-item.apply-item-choose .apply-form-select-select {
    display: flex;
    max-height: 160px;
    height: fit-content;
}

.apply-form-item.apply-item-choose.slidedown .apply-form-select-value .pos-select-img {
    transform: translateY(-50%) !important;
}

.apply-form-item.apply-item-choose.slidedown .apply-form-select-select {
    height: 0px !important;
    display: none !important;
}

.apply-form-item-title {
    font-size: 14px;
    text-align: center;
    color: #888888;
    line-height: 40px;
    letter-spacing: 0.01px;
    width: 120px;
    position: relative;
}

.apply-form-item-title::after {
    position: absolute;
    content: '';
    display: block;
    width: 0px;
    height: 28px;
    border-right: 1px solid #cccccc;
    border-radius: 4px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.apply-form-item-right {
    width: calc(100% - 120px);
    height: 100%;
    border-radius: 0px 4px 4px 0;
}

.pos-select-img {
    position: absolute;
    width: 20px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
}

.apply-form-item-right input {
    border: none;
    width: 100%;
    height: 100%;
    border-radius: 0px 4px 4px 0;
    padding-left: 20px;
    font-family: 'OPPOSans';
    font-size: 14px;
}

.apply-form-select-value {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 0px 4px 4px 0;
    padding-left: 20px;
    font-size: 14px;
    font-family: 'OPPOSans';
    color: #888888;
    letter-spacing: 0.01px;
    line-height: 38px;
    position: relative;
    overflow: hidden;
    padding-right: 30px;
}

.apply-form-select-select {
    position: absolute;
    left: -1px;
    top: 40px;
    width: 342px;
    background-color: #fff;
    z-index: 8;
    padding: 10px 20px 0px 20px;
    border-radius: 4px;
    height: 0px;
    transition: all .4s;
    display: none;
    align-items: center;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    flex-wrap: wrap;
}

.apply-form-select-select-item {
    margin-right: 14px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #888888;
    cursor: pointer;
    width: 65px;
    height: 30px;
    background: #f8f8f8;
    margin-bottom: 10px;
}

.apply-form-select-select-item:nth-child(4) {
    margin-right: 0;
}

.apply-form-select-select-item.choose {
    color: #fff;
    background-color: #2250C4;
}

.apply-form-select-select-item:hover {
    color: #fff;
    background-color: #2250C4;
}

.apply-form-item-right input::placeholder {
    font-size: 14px;
    font-family: 'OPPOSans';
    color: #888888;
    letter-spacing: 0.01px;
}

.apply-form-select-province-list {
    height: 140px;
    overflow-y: scroll;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.apply-form-select-province-list::-webkit-scrollbar,
.apply-form-city-con::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}

.apply-form-select-province-list::-webkit-scrollbar-thumb {
    background: #2250C4;
    border-radius: 12px;
}

.apply-form-city-list {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    background: #fff;
    display: none;
    padding: 10px 0 10px 20px;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.apply-form-city-con {
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    height: 100%;
    width: calc(100% - 20px);
}

.apply-form-city-con::-webkit-scrollbar-thumb {
    background: #2250C4;
    border-radius: 10px;
}

.apply-form-city-border {
    width: 0px;
    height: 130px;
    border-right: 1px solid #cccccc;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.apply-form-city-list.show-city-bool {
    display: flex;
    flex-wrap: wrap;
}

.apply-form-city-list-item {
    font-size: 14px;
    color: #8a8a8a;
    letter-spacing: 0.01px;
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer;
    width: 140px;
    height: 30px;
    background: #f8f8f8;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}

.apply-form-city-list-item:nth-child(2n) {
    margin-right: 0;
}

.apply-form-city-list-item.choose {
    color: #fff;
    background: #2250C4;
}

.apply-form-city-list-item:hover {
    color: #fff;
    background: #2250C4;
}


/* .apply-form-city-list-item:nth-child(5n + 1){

    margin-right: 0;

} */

.apply-form-btn-box {
    display: flex;
    justify-content: space-between;
}

.signUp-btn {
    display: block;
    width: 155px;
    height: 40px;
    border: 1px solid #cccccc;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    cursor: pointer;
    color: #888888;
    font-family: 'OPPOSans';
}

.signUp-btn.ontrue {
    background: #2250C4;
    color: #fff;
    border: none;
    line-height: 40px;
}

.apply-degree-siwper-title {
    font-size: 20px;
    color: #2250C4;
    line-height: 30px;
    font-family: 'OPPOSansBold';
}

.apply-degree-siwper-con {
    margin-top: 10px;
    height: 115px;
    width: 100%;
    overflow: hidden;
}

.apply-degree-siwper-list {
    display: flex;
    width: fit-content;
}

.apply-degree-siwper-list-item {
    width: 306px;
    height: 125px;
    transition: all 3s linear;
}

.apply-degree-siwper-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #e5e5e5;
}


/* .apply-schoolmate-status-box{

    width: calc(100% - 80px);

    height: 100%;

    background: #fff;

} */


/* .apply-degree-siwper-item:nth-child(2n), */

.apply-degree-siwper-item:last-child {
    border-bottom: none;
    padding-bottom: none;
}

.apply-schoolmate-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    background: #2250C4;
    line-height: 40px;
    text-align: center;
}

.apply-schoolmate-img.back-cansel {
    background: unset;
}


/* .apply-schoolmate-first-name{

    

} */

.apply-schoolmate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 50%; */
}

.apply-schoolmate-status {
    font-size: 12px;
    text-align: right;
    color: #8a8a8a;
    line-height: 20px;
}

.apply-bachor-category {
    font-size: 12px;
    text-align: right;
    color: #e62412;
    line-height: 20px;
    margin-top: 2px;
}

.course-play-swiper-box .apply-bachor-category {
    color: #8a8a8a;
}

#applyOne.swiper-container .swiper-wrapper,
#applyTwo.swiper-container .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}


/* 免费试听 */

.free-course {
    background-color: #333A4D;
    padding-bottom: 60px;
}

.free-course .model-title {
    color: rgba(34, 80, 196, .3);
}

.free-course .model-title-explain-text,
.free-course .model-look-more-title {
    color: #ffffff;
}

.free-course-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.free-course-list-item {
    width: 585px;
    height: 249px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.free-course-list-item:nth-child(3),
.free-course-list-item:nth-child(4) {
    margin-bottom: 0;
}

.free-course-main-con {
    padding: 20px 20px 15px;
    width: 100%;
    height: 193px;
    background: #ffffff;
    border-radius: 8px;
    /* box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%); */
}

.free-course-main-top {
    display: flex;
    align-items: center;
}

.free-course-poster {
    height: 64px;
    width: 253px;
    position: relative;
}

.free-course-poster a {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    line-height: 0;
    transition: all .2s;
}

.free-course-list-item:hover a {
    transform: translateY(-8px);
}

.free-course-list-item:hover .free-course-name a {
    color: #2250C4;
}

.free-course-poster img {
    width: 100%;
}

.free-course-ad {
    width: 100%;
    position: absolute;
    z-index: 3;
    width: 70px;
    height: 20px;
    background: #fe2c2b;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    /* font-family: OPPOSans, OPPOSans-Regular; */
    color: #ffffff;
    bottom: 0;
    right: 0;
}

.free-course-situ {
    display: flex;
    align-items: center;
}

.free-course-info {
    margin-left: 20px;
    width: calc(100% - 273px);
}

.free-course-name a {
    font-size: 18px;
    text-align: LEFT;
    color: #333333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.free-course-situ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.free-course-category {
    display: flex;
    align-items: center;
}

.free-course-category .free-course-link a {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 20px;
}

.free-course-category .free-course-link {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 20px;
}

.free-course-category .free-course-link:hover a {
    color: #2250C4;
}

.free-course-category .free-course-link:last-child a {
    color: #2250C4;
}

.free-course-play {
    display: flex;
    align-items: center;
}

.free-course-play img {
    width: 24px;
}

.free-course-play-no {
    font-size: 14px;
    color: #606060;
    margin-left: 10px;
    line-height: 20px;
}

.free-course-intro {
    margin-top: 15px;
    width: 100%;
    font-size: 14px;
    text-align: LEFT;
    color: #8a8a8a;
    padding: 18px;
    background: #f4f4f4;
    line-height: 22px;
}


/*  */


/* 怎么学 */

.how-to-learn {
    background-color: #f4f4f4;
    padding-bottom: 40px;
}

.how_learn_list {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.how_learn_listli.ontrue {
    background: #fff !important;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.how_learn_listli {
    margin-right: 2px;
    box-sizing: border-box;
    width: 124px;
    height: 44px;
    background: #e5e5e5;
    position: relative;
}

.how_learn_ani_box {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #e5e5e5;
}

.how_learn_listli.ontrue .how_learn_ani_box::before {
    -webkit-animation: progressAni 4s ease both;
}

@keyframes progressAni {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.how_learn_ani_box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #2250C4;
}

.how_learn_listli.ontrue a {
    color: #2250C4;
}

.how_learn_listli a {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 44px;
    color: #8a8a8a;
}

.how_to_learn_con .how_to_learn_con_one.ontrue {
    display: block;
}

.how_to_learn_con .how_to_learn_con_one {
    display: none;
}

.how_to_learn_con {
    position: relative;
}

.video_content {
    margin-top: 28px;
}

.how_learn_listtwo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.how_learn_listtwo .how_learn_list_two_li {
    width: 283px;
    height: 284px;
}

.how_learn_listtwo .how_learn_list_two_li {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    overflow: hidden;
    margin-bottom: 20px;
    transition: 0.2s;
}

.how_learn_listtwo .how_learn_list_two_li:nth-child(5n+8),
.how_learn_listtwo .how_learn_list_two_li:nth-child(5n+5),
.how_learn_listtwo .how_learn_list_two_li:nth-child(5n+6),
.how_learn_listtwo .how_learn_list_two_li:nth-child(5n+7) {
    margin-bottom: 0;
}

.theRest_content:nth-child(5),
.theRest_content:nth-child(6),
.theRest_content:nth-child(7),
.theRest_content:nth-child(8) {
    margin-bottom: 0;
}

.how_learn_list_two_li h2 {
    font-size: 20px;
    font-family: 'OPPOSansBold';
    color: #333333;
}

.how_learn_video_message {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #8a8a8a;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.video_content_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 110px;
    height: 32px;
    background: #2250C4;
    border-radius: 4px;
    justify-content: center;
    margin-top: 14px;
}

.more_info {
    font-size: 14px;
    font-weight: 400;
    text-align: CENTER;
    color: #ffffff;
    line-height: 24px;
}

.video_content_btn img {
    margin-left: 6px;
    height: 12px;
}


/* 课程中心新版 */

.recommend-videos-link {
    display: block;
    margin-left: 20px;
    transition: all .4s;
}

.recommend-videos-link:hover {
    transform: translateY(-8px);
}

.recommend-videos-link:hover .teachers-name,
.recommend-videos-link:hover .recommend-book-title,
.theRest_content:hover .teacher_name>p {
    color: #2250C4;
}

.recommend-videos-example {
    box-sizing: border-box;
    width: 283px;
    height: 284px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    overflow: hidden;
}

.recommend-teach-message {
    box-sizing: border-box;
    width: 100%;
    height: 156px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.recommend-teach-message img {
    /* width: 100%; */
    height: 100%;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    transform: translateY(25px);
}

.recommend-video-title {
    width: 168px;
    height: 64px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #ffffff;
    line-height: 32px;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    z-index: 2;
}

.recommend-teach-en {
    width: 168px;
    height: 20px;
    opacity: 0.8;
    font-size: 14px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 20px;
    z-index: 2
}

.recommend-teach-cn {
    font-size: 16px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 24px;
    z-index: 2
}

.recommend-video-text {
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    padding: 20px 20px 16px;
    background: #fff;
}

.recommend-video-text-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-details {
    display: flex;
}

.video-status {
    background: #f0f0f0;
    border-radius: 2px;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
    position: relative;
    overflow: hidden;
}

.lock-layer {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(16, 16, 16, 0.60);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lock-layer img {
    width: 11px;
}

.video-status.all-unlock {
    background: #15ad31;
    color: #fff;
}

.video-status.part-unlock {
    background: #edffed;
    color: #15ad31;
}

.video-status.can-try {
    background: #FA8C15;
    color: #fff;
}

.video-number {
    font-size: 14px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #333333;
    margin-right: 16px;
}

.video-play-no {
    display: flex;
    align-items: center;
}

.video-play-no img {
    width: 18px;
}

.video-play-no span {
    font-size: 14px;
    color: #8a8a8a;
    margin-left: 4px;
}

.recommend-video-text-con {
    margin-top: 8px;
    font-size: 14px;
    color: #8a8a8a;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.video-progress-bar {
    height: 8px;
    width: 100%;
    box-sizing: border-box;
    background: #e5e5e5;
}

.video-progress-bar-line {
    width: 0%;
    height: 100%;
    border-radius: 4px;
    position: relative;
}

.video-progress-bar-line.line-three {
    background: #2250C4;
}

.video-progress-bar-line.full-line {
    background: #15ad31 !important;
}

.video-progress-bar-line.line-one {
    width: 0;
}

.video-progress-bar-line::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation: animate-shine 2s ease-out infinite;
    -moz-animation: animate-shine 2s ease-out infinite;
}

@-webkit-keyframes animate-shine {
    0% {
        opacity: 0;
        width: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        width: 100%;
    }
}

.how_learn_listtwo .how_learn_list_two_li {
    width: 283px;
    height: 284px;
}

.inside_box {
    padding: 16px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.how_learn_video_message {
    margin-top: 8px;
}

.recommend-videos-link:nth-child(5) {
    margin-left: 0px;
}

.recommend-videos-link {
    margin-left: 19px;
}


/* 国际智库 */

.recommend-teachers-example {
    width: 283px;
    height: 284px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    box-sizing: border-box;
    padding: 20px 20px 16px;
}

.recommend-teachers-info {
    display: flex;
}

.teachers-head-pic {
    width: 104px;
    height: 126px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(180deg, #405d92, #172341 100%);
}

.teachers-head-pic img {
    width: 100%;
    /* height: 100%; */
    transform: translateY(10px);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.teachers-title-box {
    margin-left: 8px;
}

.teachers-name {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #333333;
}

.teachers-title {
    margin-top: 8px;
}

.teachers-title p {
    box-sizing: border-box;
    width: 131px;
    height: 28px;
    background: #f2f7ff;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 12px;
    color: #2250C4;
    letter-spacing: -0.06px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teachers-title p:last-child {
    margin-bottom: 0;
}

.recommend-teachers-introduce {
    margin-top: 18px;
    font-size: 14px;
    color: #8a8a8a;
    line-height: 26px;
    letter-spacing: -0.01px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.recommend-videos-example.example-default {
    width: 283px;
    height: 284px;
    background: #f5f5f5;
    border-radius: 8px;
    box-shadow: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}

.recommend-videos-example.example-default .title_one {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: center;
    color: #8a8a8a;
    line-height: 15px;
}

.recommend-videos-example.example-default .title_two {
    font-size: 14px;
    margin-top: 8px;
    color: #8a8a8a;
    line-height: 20px;
}

.recommend-videos-example.example-default img {
    width: 46px;
    margin-left: 12px;
}


/* 教辅中心 */

.recommend-book-example {
    width: 283px;
    height: 284px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    box-sizing: border-box;
    overflow: hidden;
}

.recommend-book-pic {
    position: relative;
    width: 100%;
    height: 154px;
}

.recommend-book-pic img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.recommend-book-price {
    position: absolute;
    width: 83px;
    height: 32px;
    background: #e62412;
    border-radius: 0px 16px 16px 0px;
    box-sizing: border-box;
    left: 0;
    bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding: 5px 0;
}

.recommend-book-price span {
    display: block;
    height: fit-content;
    font-family: 'Helvetica';
}

.recommend-book-price span:nth-child(1) {
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
}

.recommend-book-price span:nth-child(2) {
    font-size: 20px;
    color: #ffffff;
    letter-spacing: -0.08px;
    line-height: 22px;
}

.recommend-book {
    box-sizing: border-box;
    padding: 8px 20px 16px;
}

.recommend-book-title {
    font-size: 16px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 10px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.recommend-book-message {
    display: flex;
    justify-content: space-between;
}

.recommend-book-author {
    font-size: 14px;
    text-align: LEFT;
    color: #101010;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.recommend-book-play {
    display: flex;
    align-items: center;
}

.recommend-book-play img {
    width: 14px;
    margin-right: 4px;
}

.recommend-book-play span {
    font-size: 14px;
    color: #8a8a8a;
    font-family: 'Helvetica';
}

.recommend-book-intro {
    margin-top: 10px;
    font-size: 14px;
    color: #8a8a8a;
    line-height: 24px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.recommend-videos-example.example-default {
    width: 283px;
    height: 284px;
    background: #f5f5f5;
    border-radius: 8px;
    box-shadow: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}

.recommend-videos-example.example-default .title_one {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: center;
    color: #8a8a8a;
    line-height: 15px;
}

.recommend-videos-example.example-default .title_two {
    font-size: 14px;
    margin-top: 8px;
    color: #8a8a8a;
    line-height: 20px;
}

.recommend-videos-example.example-default img {
    width: 46px;
    margin-left: 12px;
}


/* 学业管理 */

.recommend-task-example {
    width: 283px;
    height: 284px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.task-title-box {
    width: 283px;
    height: 156px;
    background: #c4c4c4;
    box-sizing: border-box;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.task-title {
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 24px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #ffffff;
    line-height: 32px;
}

.task-time {
    font-size: 14px;
    text-align: LEFT;
    color: rgba(255, 255, 255, .8);
    line-height: 20px;
}

.task-auth {
    font-size: 16px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 24px;
}

.task-message-box {
    padding: 20px 20px 16px;
    box-sizing: border-box;
}

.task-message-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.task-message-left {
    display: flex;
    align-items: center;
}

.task-price span:nth-child(1) {
    font-size: 12px;
    color: #e62412;
    line-height: 16px;
    font-family: 'Helvetica';
}

.task-price span:nth-child(2) {
    font-size: 20px;
    font-family: 'Helvetica';
    color: #e62412;
    line-height: 22px;
    letter-spacing: -0.08px;
}

.task-price.onbuy span {
    color: #909090 !important;
}

.task-download-no {
    display: flex;
    align-items: center;
}

.task-download-no img {
    width: 14px;
    margin-right: 4px;
    height: 14px;
}

.task-download-no span {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 20px;
    font-family: 'Helvetica';
}

.task-status {
    margin-right: 12px;
    width: 66px;
    height: 28px;
    background: #15ad31;
    border-radius: 14px;
    font-size: 14px;
    text-align: CENTER;
    color: #ffffff;
    line-height: 28px;
}

.task-introduce {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 24px;
    margin-top: 8px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.recommend-videos-example.example-default {
    width: 283px;
    height: 284px;
    background: #f5f5f5;
    border-radius: 8px;
    box-shadow: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}

.recommend-videos-example.example-default .title_one {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: center;
    color: #8a8a8a;
    line-height: 15px;
}

.recommend-videos-example.example-default .title_two {
    font-size: 14px;
    margin-top: 8px;
    color: #8a8a8a;
    line-height: 20px;
}

.recommend-videos-example.example-default img {
    width: 46px;
    margin-left: 12px;
}


/*学术社区 */

.paper_bottom {
    padding: 16px 20px 14px;
}

.papercontent-name {
    font-size: 14px;
    text-align: LEFT;
    color: #8a8a8a;
    line-height: 24px;
}

.paper_bottom .paper_introduce {
    min-height: unset;
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.paper_about.thesis_about {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.how_learn_listtwo .how_learn_list_two_li:hover {
    transform: translateY(-8px);
}

.how_learn_listtwo .how_learn_list_two_li:hover .course-title,
.how_learn_listtwo .how_learn_list_two_li:hover .teacher_name,
.how_learn_listtwo .how_learn_list_two_li:hover .how_learn_book_bottom h1,
.how_learn_listtwo .how_learn_list_two_li:hover .paper_introduce {
    color: #2250C4;
}

.paper_about_left {
    display: flex;
    align-items: center;
}

.paper_about_left-right {
    display: flex;
    align-items: center;
}

.paper_about_left-right img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.paper_buy-status {
    margin-right: 8px;
    background: #15ad31;
    border-radius: 14px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    padding: 4px 12px;
}

.thesis_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.paper_top {
    padding: 20px 20px 0;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    height: 156px;
    box-sizing: border-box;
}

.paper_top .thesis_title {
    font-size: 18px;
    font-family: unset;
    font-family: 'OPPOSansBold';
    color: #032361;
    line-height: 24px;
}

.paper_top .thesis_title {
    width: 202px;
    height: 48px;
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #032361;
    line-height: 24px;
    margin-bottom: 19px;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.thesis_top::after {
    content: '';
    width: 26px;
    height: 3px;
    background: #032361;
    display: block;
    position: absolute;
    left: 44px;
    top: 88px;
    z-index: 0;
}

.paper_top .thesis_time {
    width: 202px;
    font-size: 13px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #101010;
    line-height: 24px;
}

.thesis-lock-box {
    width: 66px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #8a8a8a;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    right: 44px;
    bottom: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.thesis-lock-box.all-lock {
    background: #15ad31;
    font-size: 14px;
    font-family: 'OPPOSansBold';
    color: #ffffff;
}

.thesis_price {
    font-size: 12px;
    color: #e62412;
    line-height: 20px;
}

.thesis_price span {
    font-size: 20px;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    color: #e62412;
    letter-spacing: -0.08px;
}

.thesis-lock-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(16, 16, 16, 0.60);
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.thesis-lock-layer img {
    height: 14px;
}


/* 论文辅导 */

.translate_num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

#translate {
    background: #2250C4;
}

#translate .how_learn_video_message {
    min-height: unset;
    height: 118px;
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: rgba(255, 255, 255, 0.8);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.how_learn_video_message {
    min-height: 168px;
}

.translate_num .video_content_btn {
    width: 110px;
    height: 32px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    margin-top: 0;
}

.translate_num_have {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 24px;
}

.theRest_content {
    width: 283px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-left: 19px;
    margin-bottom: 20px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    box-sizing: border-box;
    height: 284px;
    transition: all .2s;
}

.theRest_content:hover {
    transform: translateY(-8px);
}

#translate .paper_translate_title {
    color: #fff;
    margin-bottom: 8px;
}

.paper_translate_con div {
    font-size: 14px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 24px;
}

.teacher_msg {
    display: flex;
}

.teacher_msg .teacher_img {
    width: 104px;
    border-radius: 8px;
    margin-right: 8px;
    max-height: 126px;
    min-height: 126px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #405d92, #172341 100%);
}

.teacher_img>img {
    height: 103%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 10px);
}

.teacher_msg>.teacher_name {
    width: calc(100% - 112px);
}

.teacher_name>p {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    line-height: 26px;
    margin-bottom: 8px;
    color: #333333;
}

.teacher_tag {
    padding: 0 8px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 12px;
    margin-top: 4px;
    width: max-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #F2F7FF;
    color: #2250C4;
}

.teacher_tag.full-reserve {
    background: #f0f0f0;
    color: #8a8a8a;
}

.teacher_tag.have-reserve {
    background: #15ad31;
    color: #fff;
}

.teacher_tag.ok-reserve {
    background: #fa8c15;
    color: #fff;
}

.teacher_tit {
    font-size: 16px;
    font-family: 'OPPOSansBold';
    line-height: 24px;
    margin: 12px 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teacher_text {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 22px;
    min-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    margin-top: 12px;
    height: 66px;
}

.teacher_course_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.teacher_course_tag>p {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #8a8a8a;
    font-family: 'Helvetica';
}

.teacher_course_tag>p::before {
    content: '';
    background: url('/images/Icon_Subscribe.svg');
    background-size: 100%;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.teacher_course_tag .teacher_tag {
    font-size: 14px;
    padding: 4px 12px;
    line-height: unset;
}


/* 修业坊 */

.engage-box {
    width: 283px;
    height: 300px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .4s;
}

.engage-box:hover {
    transform: translateY(-8px);
}

.engage-link {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.engage-box .engage-top {
    height: 156px;
    box-sizing: border-box;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.engage-box .engage-top .engage-video-title {
    font-size: 24px;
    font-family: 'OPPOSansBold';
    color: #ffffff;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.engage-box .engage-video-time {
    opacity: 0.8;
    font-size: 14px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 20px;
}

.engage-box .engage-video-term {
    font-size: 16px;
    text-align: LEFT;
    color: #ffffff;
    line-height: 24px;
}

.engage-bottom {
    box-sizing: border-box;
    width: 100%;
}

.engage-box .engage-tips {
    width: 100%;
    box-sizing: border-box;
    height: 144px;
    padding: 20px 20px 16px;
}

.engage-box .engage-lecturer-box {
    display: flex;
    justify-content: space-between;
}

.engage-box .engage-lecturer-left {
    display: flex;
    align-items: center;
}

.engage-box .engage-lecturer-pic {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 10px;
}

.engage-box .engage-lecturer-pic img {
    width: 48px;
    height: 48px;
    border-radius: 28px;
    object-fit: cover;
    /* image-rendering: -webkit-optimize-contrast; */
}

.engage-box .engage-lecturer-pic img:nth-child(2) {
    transform: translateX(-8px);
}

.engage-box .engage-lecturer-name {
    font-size: 18px;
    font-family: 'OPPOSansBold';
    color: #101010;
    line-height: 26px;
}

.engage-box .engage-play-no {
    display: flex;
    align-items: center;
}

.engage-box .engage-play-no img {
    width: 18px;
    margin-right: 4px;
}

.engage-box .engage-play-no p {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 20px;
}

.engage-box .engage-info {
    margin-top: 8px;
    font-size: 14px;
    text-align: JUSTIFIED;
    color: #8a8a8a;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* 试听课程入口 */

.video-LiveEntrance {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: unset;
    padding: 6px 0 6px 13px;
    box-sizing: border-box;
}

.free-video-play {
    position: absolute;
    width: 67px;
    height: 32px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 24px;
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 8px;
    top: 40px;
}

.free-video-play img {
    width: 20px;
    height: 24px;
    margin-left: 8px;
}

.free-video-title {
    font-size: 22px;
    font-family: 'OPPOSansBold';
    color: #ffffff;
    line-height: 40px;
    width: 216px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.free-video-teacher-en {
    font-size: 14px;
    font-family: 'Helvetica';
    color: #ffffff;
    line-height: 20px;
}

.free-video-teacher-cn {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    margin-top: 4px;
}


/* 谁在学 */

.who-learn {
    background-color: #f4f4f4;
    padding-bottom: 60px;
}

.who-learn-list {
    display: flex;
    justify-content: space-between;
}

.who-learn-list-item {
    width: 384px;
    height: 488px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    padding: 26px 28px;
}

.industry-category-title {
    display: block;
    font-size: 24px;
    text-align: LEFT;
    color: #333;
    line-height: 28px;
    font-family: 'OPPOSansBold';
}

.industry-category-list {
    margin-top: 28px;
    width: 100%;
}

.industry-category-list-item {
    margin-bottom: 15px;
}

.industry-category-list-item:hover .industry-company-name,
.industry-category-list-item:hover .industry-company-legal-person {
    color: #2250C4;
}

.industry-category-list-item:last-child {
    margin-bottom: 0;
}

.industry-category-list-item a {
    width: 100%;
    display: flex;
    align-items: center;
}

.industry-category-img {
    width: 88px;
    height: 50px;
    overflow: hidden;
}

.industry-category-list-item:hover .industry-category-img img {
    transform: scale(1.3);
}

.industry-category-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .2s;
}

.industry-category-info {
    margin-left: 12px;
    width: calc(100% - 100px);
}

.industry-company-name {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #909090;
    line-height: 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.industry-company-legal-person {
    font-size: 14px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    line-height: 20px;
    margin-top: 10px;
    color: #333333;
}

.industry-look-more {
    margin-top: 20px;
    width: 100%;
    position: relative;
}

.industry-look-more a {
    display: block;
    width: 100%;
    height: 48px;
    background: linear-gradient(107deg, #2650cf, #6483dc 100%);
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    position: relative;
    transition: all .3s ease;
}

.industry-look-more a.industryAni {
    padding-right: 20px;
}

.right-ani-img {
    width: 16px;
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease;
}

.industry-look-more a.industryAni img {
    animation: aniImgIndu 300ms ease both;
    -webkit-animation: aniImgIndu 300ms ease both;
}

@keyframes aniImgIndu {
    0% {
        opacity: 0;
        left: 54%;
    }

    33.3% {
        opacity: 0;
        left: 54%;
    }

    66.6% {
        opacity: 0.5;
        left: 58%;
    }

    100% {
        opacity: 1;
        left: 60%;
    }
}


/* .industry-look-more a:hover {

    background: #2250C4;

    color: rgba(255, 255, 255, 0.72);

} */


/* 修业坊 */

.work-shop {
    background-color: #fff;
    padding-bottom: 60px;
}

.work-shop-list {
    display: flex;
    justify-content: space-between;
}

.work-shop-list-item {
    transition: all .4s;
}

.work-shop-list-item:hover {
    transform: translateY(-8px);
}

.work-shop-list-item a {
    display: block;
    width: 282px;
    height: 280px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.work-shop-teacher-info {
    width: 100%;
    height: 162px;
    position: relative;
    padding: 16px 20px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.work-shop-teacher-img-box {
    display: flex;
    align-items: center;
}

.work-shop-teacher-img-box-item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background: linear-gradient(180deg, #405d92, #172341 100%);
    overflow: hidden;
    margin-right: 6px;
    position: relative;
}

.work-shop-teacher-img-box-item:last-child {
    margin-right: 0px;
}

.work-shop-teacher-img {
    position: absolute;
    left: 50%;
    height: 100%;
    transform: translate(-50%, 4px);
}

.work-shop-teacher-img:nth-child(2) {
    margin-left: 6px;
}

.work-shop-teacher-name-box {
    display: flex;
    align-items: center;
    /* z-index: 3; */
}

.work-shop-teacher-name {
    line-height: 22px;
    font-size: 16px;
    font-family: 'OPPOSansBold';
    color: #ffffff;
    line-height: 16px;
}


/* .work-shop-teacher-name:nth-child(2){

    margin-top: 10px;

} */

.work-shop-info {
    height: 120px;
    padding: 15px;
    width: 100%;
}

.work-shop-desc {
    font-size: 12px;
    text-align: LEFT;
    color: #8a8a8a;
    line-height: 20px;
    margin-top: 10px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.work-shop-terms-box {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.work-shop-teachers-name-box-two {
    margin-left: 15px;
    display: flex;
    align-items: center;
}

.work-shop-teachers-name-two {
    font-size: 16px;
    color: #8a8a8a;
    line-height: 22px;
}

.work-shop-terms-title {
    z-index: 3;
    position: relative;
    width: fit-content;
}

.work-shop-terms-rainbow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #6aebc6, #5b25f8 100%);
    z-index: -1;
}

.work-shop-terms-style-bottom {
    height: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.work-shop-terms-tips {
    width: fit-content;
    font-size: 16px;
    font-family: 'OPPOSansBold';
    color: #ffffff;
    line-height: 20px;
    z-index: 4;
}

.work-shop-teacher-img-box {}


/* .work-shop-terms-tips-no{

    font-size:14px;

    color: #ffffff;

    line-height: 14px;

    margin-top: 4px;

    font-family: 'OPPOSansBold';

} */

.work-shop-terms-play {
    display: flex;
    align-items: center;
}

.work-shop-terms-play img {
    width: 27px;
}

.work-shop-terms-play-no {
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
    line-height: 12px;
    margin-left: 6px;
}

.work-shop-main-major {
    position: relative;
    padding: 5px 10px;
    /* margin: 0px 10px; */
    border: 1px solid #c8b5ff;
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
}

.work-shop-diamond {
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    background: #161330;
    border: 1px solid #ffffff;
}

.work-shop-diamond:nth-child(2) {
    left: -5.5px;
    top: -5.5px;
}

.work-shop-diamond:nth-child(3) {
    right: -5.5px;
    top: -5.5px;
}

.work-shop-diamond:nth-child(4) {
    right: -5.5px;
    bottom: -5.5px;
}

.work-shop-diamond:nth-child(5) {
    left: -5.5px;
    bottom: -5.5px;
}

.work-shop-title {
    width: fit-content;
    font-size: 24px;
    font-weight: 400;
    /* color: rgba(51,51,51,1); */
    font-family: 'OPPOSansBold';
    line-height: 30px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    background: -webkit-linear-gradient(-90deg, #ffffff 52%, #777aaf 74%);
    -webkit-background-clip: text;
    color: transparent;
}


/* .work-shop-title:hover{

    color: #2250C4;

} */


/* 新闻动态 */

.news-about {
    background: #ffffff;
    padding-bottom: 60px;
}

.banner {
    height: 550.5px;
}


/* .banner-nav-item.banner-choose .banner-nav-link{

    background: #D32424;

} */

.news-about-list-con {
    overflow: unset;
    background: unset;
    border-radius: unset;
    box-shadow: unset;
}

.news-about-list-con .how_learn_listli.ontrue {
    background: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(45, 95, 201, 0.20);
}

.news-about-main {
    margin-top: 32px;
}

.news-about-main-con {
    display: none;
}

.news-about-main-con.ontrue {
    display: flex;
    justify-content: space-between;
}

.news-about-list-con .how_learn_ani_box {
    background: #eeeeee;
}

.news-about-list-con .how_learn_listli {
    background: #eeeeee;
}

.news-about-main-poster-list {
    width: 600px;
    height: 300px;
    /* background: #d9d9d9; */
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.news-about-main-poster-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .4s;
    z-index: 2;
}

.news-about-main-poster-item.ontrue {
    opacity: 1;
    z-index: 3;
}

.news-about-main-poster-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-about-main-list {
    width: 570px;
    height: 300px;
}

.news-about-main-item {
    display: block;
    width: 100%;
    height: 100px;
    background: #ffffff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-about-main-item.ontrue {
    background: #F2F4FF;
}

.news-about-main-item.ontrue .news-about-main-title {
    color: #2D5FC9;
    font-family: 'OPPOSansBold';
}

.news-about-main-title {
    font-size: 18px;
    font-family: 'OPPOSans';
    text-align: LEFT;
    color: #333333;
    line-height: 26px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-about-main-info {
    display: flex;
    align-items: center;
}

.news-about-belong,
.news-about-time {
    font-size: 14px;
    font-family: 'OPPOSans';
    color: #606060;
    line-height: 18px;
}

.news-about-time {
    margin-left: 30px;
}


/* 大家都在看 */

.all-focus {
    padding-bottom: 60px;
    background: #edf3f9;
}

.all-focus-title {
    font-size: 32px;
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: rgba(51, 51, 51, 1);
    line-height: 40px;
}

.all-focus-list-con {
    margin-top: 38px;
    width: 100%;
    position: relative;
}

.all-focus-list {
    width: 100%;
}

.all-focus-list-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 150px;
    padding: 0 30px;
    transition: all .4 s;
}


/* .all-focus-list-item:last-child{

    margin-bottom: 0;

} */

.all-focus-list-item.default-true {
    /* margin-bottom: 22px; */
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 24px 0px rgb(208 217 234 / 24%);
}

.all-focus-list-item.default-true .all-focus-img {
    box-shadow: unset;
}

.all-focus-list-item.default-true .all-focus-introduce {
    display: block;
}

.all-focus-introduce-link {
    width: 100%;
    display: block;
}

.all-focus-info {
    display: flex;
    align-items: center;
}

.all-focus-no {
    font-size: 18px;
    color: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.all-focus-no.no-one {
    background: #ffd248;
    border: 1px solid #f4c006;
    line-height: 28px;
    color: #fff;
}

.all-focus-no.no-two {
    background: #ff4848;
    border: 1px solid #f43106;
    line-height: 28px;
    color: #fff;
}

.all-focus-no.no-three {
    line-height: 28px;
    color: #fff;
    background: #a9a9a9;
    border: 1px solid #929292;
    border-radius: 50%;
}

.all-focus-img {
    overflow: hidden;
    margin-left: 30px;
    width: 110px;
    height: 100px;
    background: linear-gradient(180deg, #405d92, #172341 100%);
    border-radius: 8px;
    /* box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);  */
    position: relative;
}

.all-focus-category-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    /* height: 40px; */
    font-size: 18px;
    font-family: 'OPPOSansBold';
    text-align: CENTER;
    color: #ffffff;
    line-height: 24px;
    text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.all-focus-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    /* transform: translateY(6px); */
}

.all-focus-img .see-head-img {
    transform: translate(-50%, 6px);
    width: 80%;
    height: unset;
    /* margin: 0 auto; */
    position: absolute;
    left: 50%;
}

.all-focus-message-box {
    width: 930px;
    margin-left: 30px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.all-focus-message-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.all-focus-message-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.all-focus-message-hot-value {
    font-size: 14px;
    color: #2250C4;
    line-height: 30px;
}

.all-focus-message-text {
    width: 780px;
    height: 40px;
    font-size: 14px;
    text-align: LEFT;
    color: #8a8a8a;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.all-focus-link {
    display: block;
    width: 780px;
    height: 20px;
    font-size: 18px;
    /* font-weight: 500; */
    font-family: 'OPPOSansBold';
    text-align: LEFT;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.all-focus-list-item.default-true .all-focus-link {
    color: #2250C4;
}

.all-focus-category,
.all-focus-category a {
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    /* line-height: 40px; */
}

.all-focus-category a:hover {
    color: #2250C4;
}

.focus-share-box {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    width: 95px;
    height: 38px;
    background: linear-gradient(107deg, #2650cf, #6483dc 100%);
    border-radius: 8px;
}

.focus-share-icon {
    width: 14px;
}

.focus-share-text {
    margin-left: 10px;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
}

.focus-share-list-btn-con {
    display: none;
    position: absolute;
    right: 0;
    bottom: -44px;
    padding-top: 4px;
}

.focus-share-list-btn {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    width: fit-content;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.focus-share-box:hover .focus-share-list-btn-con {
    display: flex;
}

.focus-share-list-btn a {
    display: block;
    width: 26px;
    height: 27px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 6px;
}

.focus-share-list-btn a:last-child {
    margin-right: 0;
}

.focus-share-list-btn a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all-focus-introduce {
    width: 280px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.all-focus-intro-top {
    width: 100%;
    padding-bottom: 9px;
    border-bottom: 1px solid #909090;
}

.all-focus-back-img {
    width: 100%;
    height: 230px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.all-focus-back-category-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 132px;
    height: 80px;
    font-size: 32px;
    font-family: 'OPPOSansBold';
    text-align: CENTER;
    color: #ffffff;
    line-height: 40px;
}

.all-focus-back-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all-focus-publicity {
    margin-top: 10px;
}

.all-focus-publicity-category {
    /* font-size: 14px;

    font-weight: 500;

    color: #2250C4;

    line-height: 30px; */
    font-size: 16px;
    font-family: MiSans, MiSans-Regular;
    color: #2250C4;
    line-height: 20px;
}

.all-focus-publicity-title {
    margin-top: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-family: MiSans, MiSans-Regular;
    color: #333333;
    line-height: 24px;
}

.all-focus-intro-text {
    font-size: 14px;
    font-family: MiSans, MiSans-Regular;
    color: #8a8a8a;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    padding-top: 9px;
}


/* 手机号码试听 */

.phone-booking {
    width: 100%;
    height: 60px;
    background: #EDF3F9;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
}

.phone-booking-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.phone-booking-slogan-box {
    display: flex;
    align-items: center;
}

.phone-booking-text-one {
    font-size: 28px;
    font-family: 'OPPOSansBold';
    color: #2250C4;
    line-height: 40px;
}

.phone-booking-text-two {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.80);
    line-height: 22px;
    margin-left: 20px;
    font-family: 'OPPOSansBold';
}

.phone-booking-btn {
    display: flex;
}

.phone-booking-opreate-box {
    display: flex;
    align-items: center;
}

.phone-booking-btn input {
    width: 220px;
    height: 30px;
    background: #ffffff;
    border-radius: 4px 0px 0px 4px;
    border: none;
    padding-left: 12px;
    font-size: 14px;
}

.phone-booking-btn input::placeholder {
    font-size: 14px;
    color: #8a8a8a;
    font-family: 'OPPOSans';
}

.phone-booking-btn a {
    display: block;
    width: 98px;
    height: 30px;
    background: #2250C4;
    border-radius: 0px 4px 4px 0px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
}

.phone-booking-number {
    font-size: 24px;
    line-height: 26px;
    color: #2250C4;
    margin-left: 58px;
}