html,
body {
    width: 100%;
    min-height: 100%;
}

/* 公共样式 */
/* 1.版心 */
.wrap {
    width: 1200px;
    height: 100%;
    margin: auto;
    /* background-color: palegoldenrod; */
}

/* 2.圆形 */
.el_avatar_circle {
    border-radius: 50%;
}

.el_container {
    margin: auto;
    min-width: 1240px;
    min-height: 100vh;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

/* 3.单行文本溢出隐藏 */
.hiddenFont {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 4.多行文本溢出隐藏 */
.hideTwoFont {
    /* 旧版弹性盒 */
    display: -webkit-box;
    /* 弹性盒子元素垂直排列 */
    -webkit-box-orient: vertical;
    /* 控制要显示的行数 */
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
}

/*头部 */
.el_container .el_header {
    width: 100%;
    height: 60px;
    background-color: #b40c30;
    color: #fff;
    box-sizing: border-box;
    font-size: 14px;
}

.header_left {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
}

.header_left .el_logo {
    float: left;
    width: 124.44px;
    height: 50px;
    margin-right: 35px;
}

.el_logo img {
    height: 100%;
}

.el_tab {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.tab_item {
    padding: 0 20px;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    color: #fff;
}

.tab_item:hover {
    color: #fff;
}


.tab_active {
    background-color: #e50011;
}

.header_right {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    /* background-color: palegoldenrod; */
}



/* 搜索筛选 */
.screenArea {
    width: 450px;
    height: 35px;
    border-radius: 17px;
    padding: 2px 0;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
}

.el_dropdown {
    width: 90px;
    height: 31px;
    border-right: 1px solid #cecece;
}

.el_dropdown .dropmenu {
    width: 90px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    /* background-color: pink; */
    position: relative;
    padding-bottom: 5px;
    box-sizing: border-box;
}

.dropmenu .icon_arrowdown {
    font-size: 20px;
    transform: translateY(1.5px);
    margin-left: 5px;
}

.dropList {
    width: 90px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    z-index: 30;
}

.dropList .drop_item {
    padding: 10px 0;
    font-size: 12px;
    color: #717071;
    text-align: center;
    list-style: none;
    outline: none;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.drop_item:last-child {
    border: none;
}

.drop_item:hover {
    background-color: #EEEFEF;
}

.screen_right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.el_input {
    width: 100%;
    height: 31px;
}

.el_input input {
    width: 100%;
    height: 31px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 15px;

}

.el_input input::placeholder {
    color: #afafaf;
}

.icon_search {
    width: 70px;
    flex-shrink: 0;
    cursor: pointer;
}

.icon_search img {
    width: 17px;
    height: auto;
    display: block;
    margin: 0 auto;
}


.el_container .el_main {
    overflow: hidden;
    padding: 35px 0 50px;
    flex: 1;
}

.page_index .el_main {
    padding-bottom: 100px;
    /* background-color: palegoldenrod; */
    box-sizing: border-box;
}

.school_adv {
    display: flex;
    align-items: center;
    background: #eeefef;
    width: 700px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.school_adv img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.school_adv .swiper_wrap {
    height: 40px;
    overflow: hidden;
}

.font_inner {
    width: 645px;
    /* background-color: palegoldenrod; */
    position: relative;
    top: 0;
    left: 0;
}

.font_inner li {
    font-size: 16px;
    color: #f39700;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* background-color: lightblue; */
}



/* 1.首页 */

/* 声明区域 */
.declare {
    width: 100%;
    height: 446px;
    overflow: hidden;
    margin-bottom: 80px;
    background: url(/img/bannerImg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.declare_left {
    width: 350px;
    margin: 100px auto 0;
    /* background-color: palegoldenrod; */
}

.declare_left img {
    width: 100%;
    /* height: 100%; */
}

.beforeLogin {
    /* background-color: palegoldenrod; */
    padding: 30px;
    box-sizing: border-box;
}

/* 登录之前 */
.content_title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aa4241;
}

.content_title .tips {
    margin: 0 10px;
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: bold;
}

.content_title .circle {
    width: 5px;
    height: 5px;
    background-color: #B03931;
    border-radius: 50%;
}


/* login_area */
#login_area {
    margin-top: 40px;

}

/* input */
.area_item {
    width: 100%;
    margin-bottom: 30px;
}

.area_item input {
    padding: 0 15px;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #eeeeee;
    border-radius: 6px;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 19px;
    color: #333333;
}

.area_item input::placeholder {
    color: #838383;
    font-size: 14px;
}


/* 提交 */
/*.loginBtn {
    display: block;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right, #A82921, #871e1b);
    text-align: center;
    border-radius: 6px;
    border: none;
    outline: none;
    font-size: 18px;
    letter-spacing: 4px;
    color: #ffffff;
    line-height: 50px;
    cursor: pointer;
}*/

/* 底部点击弹框 */
#loginMsg {
    margin-top: 30px;
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msg_left {
    width: 50%;
}

.msg_left a {
    font-size: 14px;
    text-decoration: underline;
}

.msg_right {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: lightblue; */
}

.msg_right a {
    font-size: 14px;
}

.msg_right .foget {
    color: #999999;
}

.bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99;
}

.bgResult {
    width: 500px;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.bgResult .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}


/* 登录之后 */

.declare_right {
    width: 461px;
    height: 380px;
    margin: 33px 40px 23px 0;
    background-color: #fff;
    border-radius: 5px;
}

.afterLogin {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    /* background-color: palegoldenrod; */
}

.showInfo {
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    /* background-color: lightblue; */
}

.showInfo .schoolName {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}

.showInfo .tips {
    margin-top: 20px;
}

.showInfo .operatorArea {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    /* background-color: palegoldenrod; */
}

.showInfo .operatorArea .operator_box {
    padding:0px 10px;
    height: 35px;
    line-height: 35px;
    background-color: #b40c30;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
}

    .showInfo .operatorArea .outLogin, .showInfo .operatorArea>a {
        margin-right: 25px;
    }

.showData {
    padding: 0px 40px 5px;
    box-sizing: border-box;
}

.data_item {
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.data_item .sameWidth {
    width: 176px;
    /* background-color: orange; */
}

.data_item .item_left {
    height: 56px;
    background: #eeefef;
    border-radius: 10px;
    text-align: center;
    padding: 6.5px 0;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 14px;
    color: #888889;
}

.item_left .lecCount {
    line-height: 24px;
    height: 24px;
    margin-top: 5px;
    /* background-color: orange; */
}

.item_left .lecCount .bigNum {
    font-size: 24px;
    color: #000;
}

.data_item .item_right {
    height: 56px;
    font-size: 18px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b40c30;
    margin-bottom: 15px;
}

.item_right img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

.data_item .right_active {
    background-color: #b4b5b5;
}

/* 优课 */
.mainTop {
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #9f9fa0;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.topLeft {
    /* background-color: orange; */
    display: flex;
    align-items: center;
}

.topLeft .icon {
    width: 20px;
    height: 30px;
    background-color: #b40c30;
    margin-right: 15px;
}

.topLeft .title {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
}

.topRight a {
    font-size: 14px;
    color: #717071;
    cursor: pointer;
}

/* 类型筛选 */
.typeSwitch {
    display: flex;
    align-items: center;
}

.switch_item {
    width: 68px;
    height: 34px;
    background-color: #b4b5b5;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
    font-size: 14px;
}

.switch_active {
    background-color: #000;
}

.events_ele {
    width: 22%;
    margin-bottom: 35px;
    margin-right: 4%;
    cursor: pointer;
    /* background-color: lightblue; */
}

.courseArea {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

/* 图片大小 */
.pub_img {
    width: 100%;
    height: 182px;
    overflow: hidden;
}

.itemImg {
    width: 100%;
    height: 182px;
    overflow: hidden;
}

.itemImg img {
    width: 100%;
    min-height: 182px;
    display: block;
}


.pub_img img {
    width: 100%;
    min-height: 182px;
    display: block;
    transition: all 1.2s;
}

/* 鼠标悬浮图片变大 */
.pub_img img:hover {
    transform: scale(1.1);
}

.courseArea .events_ele:nth-child(4n) {
    margin-right: 0;
}


.itemIntro {
    padding: 15px 0px 0px;
    box-sizing: border-box;
    position: relative;
}

.itemIntro .eventTitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.itemIntro .author {
    font-size: 14px;
    margin-bottom: 10px;
    color: #717071;
    font-weight: 600;
}

/* 预约按钮 */
.bookBtn {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 60px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
    font-size: 13px;
}

.courseArea .author {
    max-width: calc(100% - 65px);
}



/*授课教师  */
.teacherArea {
    display: flex;
    flex-wrap: wrap;
}

.teacherArea .events_ele {
    width: 133.33333px;
    margin-right: 19.04762px;
    margin-bottom: 35px;
    overflow: hidden;
}

.teacherArea .events_ele:nth-child(8n) {
    margin-right: 0;
}


/* 通知公告 */
.main_announce {
    display: flex;
    justify-content: space-between;
}

.main_announce .sameWidth {
    width: 580px;
    /* background-color: orange; */
}

.list_con {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    display: flex;
    margin-bottom: 25px;
}

.con_left {
    width: 200px;
    height: 115px;
    flex-shrink: 0;
    overflow: hidden;
}

.con_left img {
    width: 100%;
    min-height: 115px;
    display: block;
}

.con_left .dateBox {
    width: 100%;
    height: 115px;
    font-size: 21px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #B40C30;
}

.con_left .dateBox span:nth-child(1) {
    font-size: 28px;
    margin-bottom: 20px;
}


.con_right {
    width: calc(100% - 200px);
    padding: 15px 5px 10px 17px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    /* background-color: pink; */
}

.info_title {
    width: 100%;
    height: 46px;
    line-height: 23px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
     /*background-color: pink;*/ 
}

.info_detail {
    color: #B7B7B7;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* 2.优课页面 */
.announceTips {
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    background: #fdf7ea;
    border-radius: 10px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 55px;
    color: #e08f1e;
}

.color_orange {
    font-weight: bold;
    color: #f39700;
    ;
}

.lectureTitle {
    height: 40px;
    border-bottom: 1px solid #9f9fa0;
    box-sizing: border-box;
    position: relative;
}

.lectureTitle span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    /* background-color: orange; */
    font-size: 22px;
    font-weight: 500;
    position: relative;
}

.lectureTitle span::after {
    width: 100%;
    height: 3px;
    content: '';
    background-color: #000000;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 10;
}

.lectureArea .mainBottom {
    margin-top: 50px;
}

/* 分页 */
#pageNation {
    width: 80%;
    margin: 100px auto 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: palegoldenrod; */
}

.screenBox {
    /* background-color: palegoldenrod; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.screenByStatus {
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    font-size: 14px;
}

.leftTips {
    color: #A4A4A4;
}


/* 一级 */
.firstKind {
    width: 110px;
    position: relative;
    z-index: 1;
}

.firstKind .firstOuterBox {
    width: 110px;
    height: 37px;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    /* background-color: pink; */
    box-sizing: border-box;
    border: 1px solid #E3E3E3;
    /* border-radius: 5px 5px 0 0; */
    border-radius: 5px;
}

.firstOuterBox .firstDeVal {
    width: 80px;
    padding: 0 5px 0 15px;
    box-sizing: border-box;
    flex-shrink: 0;
    font-weight: bold;
    /* background-color: orange; */
}

.firstOuterBox .iconfont {
    width: 28px;
    flex-shrink: 0;
    color: #000;
    font-weight: bold;
    /* background-color: lightgreen; */
}

.firstCategory {
    width: 110px;
    position: absolute;
    left: 0px;
    top: 37px;
    box-sizing: border-box;
    border: 1px solid #E3E3E3;
    border-top: none;
    border-bottom: none;
    /* opacity: 0; */
    /* z-index: 100; */
    /* background-color: palegoldenrod; */
    background-color: #ffff;
    border-radius: 0 0 5px 5px;
}

.firstCategory li {
    width: 100%;
    padding: 13px 5px 10px 15px;
    box-sizing: border-box;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
}

/* 一级盒子选中样式 */
.firstCategory li:hover {
    background-color: #FFF1F4;
    color: #C13452;
}







.M-box2,
.M-famousBox {
    /* width: 300px; */
    min-width: 50%;
    /* height: 35px; */
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 auto;
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.M-box2 a,
.M-box2 span {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    text-align: center;
    line-height: 35px;
    border: 1px solid #c9c8c8;
    color: #454545;
    margin-right: 15px;
    border-radius: 5px;
}

.M-box2 .active,
.M-famousBox .active {
    background-color: #F39700;
    color: #fff;
    border: 1px solid transparent;
}

.M-box2 .prev,
.M-box2 .next {
    width: 60px;
    height: 35px;
}

.M-famousBox .prev,
.M-famousBox .next {
    width: 60px;
    height: 35px;
}

.M-box2 .next {
    margin-right: 0;
    /* cursor: no-drop; */
}


.page_lecture #pageNation {
    margin: 100px auto 0;
}



/* 2.1优课详情 */
.lectureInfo {
    width: 100%;
    /* height: 300px; */
    height: 309.37px;
    display: flex;
    /* background-color: lightblue; */
    margin-bottom: 80px;

}

.infoLeft {
    /* width: 400px;
    height: 300px; */
    width: 550px;
    height: 309.37px;
    margin-right: 30px;
    position: relative;
    flex-shrink: 0;
    /* background-color: palegoldenrod; */
}

.infoLeft video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: none;
    outline: none;
}

    .infoLeft .tipsDiv {
        position: absolute;
        width: 100%;
        /* background-color: lightblue; */
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 12;
        display: flex;
        align-items: center;
        justify-content: center;
    }
/*.infoLeft .try_play
,.infoLeft .logoinTips {
    width: 100px;
    height: 24px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 12;
    padding: 0 12px;
    box-sizing: border-box;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
*/

    .infoLeft .try_play, .infoLeft .logoinTips {
        width: 100px;
        height: 24px;
        background: rgba(0, 0, 0, .8);
        padding: 0 12px;
        box-sizing: border-box;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        border-radius: 10px;
        display: flex;
        align-items: center;
        cursor: pointer;
        margin: 0 35px;
    }

.try_play .el_img {
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
}

.try_play .el_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*.infoLeft .logoinTips {
    left: auto;
    right: 0;
    border-radius: 5px;
}*/






.infoRight {
    flex-shrink: 0;
    width: calc(100% - 580px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* overflow: hidden; */
    /* background-color: pink; */
}

.title_top {
    height: calc(100% - 50px);
    /* background-color: palegreen; */
}

.video_title {
    max-height: 80px;
    /* background-color: orange; */
    margin: 0 0 20px;
    font-size: 36px;
    color: #000;
    font-weight: 600;
    line-height: 40px;
}

.video_dura {
    font-size: 22px;
    color: #717071;
    margin-bottom: 25px;
    margin-top: 20px;
}

.video_org {
    font-weight: 600;
    height: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    /* background-color: lightblue; */
    padding-left: 20px;
    box-sizing: border-box;
}

.video_org .org_left {
    width: 300px;
    height: 50px;
    cursor: pointer;
    /* background-color: palegoldenrod; */
}

.org_left .el_img,
.org_right .el_img {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.org_left .el_img img,
.org_right .el_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.org_left .el_author {
    float: left;
    width: calc(100% - 110px);
    height: 100px;
    padding: 5px 0;
    box-sizing: border-box;
    overflow: hidden;
    /* background-color: orange; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.el_author span:first-child {
    font-size: 18px;
}

.el_author span:last-child {
    font-size: 14px;
    color: #717071;
    margin-top: 5px;
}

.video_org .org_right {
    width: 70%;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* background-color: lightcoral; */
}

.org_right .el_img {
    flex-shrink: 0;
}

.video_operator {
    width: 100%;
    height: 45px;
    /* background-color: lightblue; */
    position: relative;
}

.video_operator .operator_item .orderBtn {
    width: 170px;
    height: 45px;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.video_operator .video_order {
    width: 100%;
    display: flex;
    align-items: center;
    /* background-color: pink; */
}

.video_order .orderTip {
    font-size: 14px;
    color: #AEAEAE;
    margin-left: 12px;
    letter-spacing: 1px;
}
/*
.order_full {
    position: absolute;
    left: 0;
    top: 57px;
}

.order_notOpen {
    position: absolute;
    left: 182px;
    top: 57px;
}
*/




/* 优课简介 */
/*.detailBlock .topLeft .title {
    font-size: 24px;
}
*/
.brief {
    font-size: 16px;
    color: #717071;
    margin-bottom: 35px;
    text-indent: 32px;
    font-weight: 600;
    line-height: 30px;
}

.detailIntro {
    font-size: 16px;
    text-indent: 32px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 35px;
}

/* 预约记录 */
.bookList {
    /* background-color: palegoldenrod; */
    margin-top: 40px;
}

.list_box {
    border-bottom: 1px dashed #dfdbdb;
    padding-bottom: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.list_box:last-child {
    border-bottom: none;
}

.list_box .box_left {
    width: 110px;
    height: 110px;
    font-size: 18px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #B40C30;
    border-radius: 50%;
    cursor: pointer;
}

.list_box .box_left:hover {
    background-color: #a90c2e;
}

.list_box .box_left span:nth-child(2) {
    font-size: 22px;
    margin-top: 10px;
}

.list_box .box_right {
    width: calc(100% - 140px);
    /* background-color: pink; */
}

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

/* 信息列表 */
.infoDetail {
    width: calc(100% - 190px);
    font-size: 16px;
    color: #777777;
    line-height: 26px;
    /* background-color: lightblue; */
}

.infoDetail .detail_item {
    margin-bottom: 3px;
}

.infoDetail .detail_item .school_level {
    background-color: #9F9FA0;
    color: #fff;
    padding: 0 10px;
    border-radius: 4px;
    margin-left: 20px;
    cursor: pointer;
}

/* 状态 */


.infoStatus {
    margin-top: 30px;
}

.statusBtn {
    width: 170px;
    height: 45px;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid red;
    margin-bottom: 5px;
}

/* 已预约 未上传盖章 */
.book_gray {
    background-color: #EDEDED;
    border-color: #E6E6E6;
    color: #A3A3A3;
}

/* 已预约未讲座  */
.book_orange {
    background-color: #FFF7EA;
    border-color: #FED5A9;
    color: #FD8A1E;
}

/* 已讲座未(已)评价  */
.book_green {
    background-color: #ECFFF8;
    border-color: #A5EAD2;
    color: #31CC96;
}





/* 预约图片 */
.bookImgList {
    /* background-color: lightblue; */
    margin-top: 20px;
}

.bookImgList::after {
    width: 0;
    height: 0;
    content: '';
    display: block;
    clear: both;
}

.img_item {
    width: auto;
    height: 110px;
    overflow: hidden;
    float: left;
    /* margin-right: 2.5%;
    margin-bottom: 26.5px; */
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.img_item img {
    /* width: 100%; */
    width: auto;
    /* min-height: 110px; */
    height: 110px;
    display: block;
}

/* .img_item:nth-child(5n) {
    margin-right: 0;
} */




/* 预约弹窗 */
.dialogBg,
.schoolIntroBg,
.upLoadTableBg,
.writeDateBg,
.editDateBg,
.upLodReportBg,
.judgeBg {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 100;
}

.dialog,
.schoolIntro,
.pubDialog {
    width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    /* overflow: hidden; */
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    background-color: #fff;
}

.dialog_header {
    padding: 0 20px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #b40c30;
}

.dialog_header span {
    font-size: 24px;
    color: #fff;
}

.dialog_header img {
    width: 30px;
    cursor: pointer;
}

.dialog_body {
    padding: 20px;
    color: #606266;
    font-size: 14px;
}

/* 预约弹窗 */
.dialogOrder {
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    /* position: relative; */
}

.dialogOrder .outerBox {
    position: relative;
}

.alert_hearder {
    border-bottom: 1px solid #E4E4E4;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.alert_hearder .hearder_item {
    font-size: 14px;
    color: #B3B3B3;
    line-height: 22px;
    margin-bottom: 5px;
    text-align: justify;
}

.hearder_item .promptInfo {
    color: #D0667D;
    font-weight: bold;
}

.alert_body {
    padding: 20px 10px 10px;
    box-sizing: border-box;
}

.form_col {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.col_left {
    width: 90px;
    /* background-color: orange; */
    color: #8C8C8C;
    font-size: 14px;
    flex-shrink: 0;
}

.col_right {
    width: calc(100% - 90px);
    flex-shrink: 0;
    /* background-color: lightblue; */
}

.col_right input,
.col_right select,
.col_right textarea {
    width: 100%;
    height: 35px;
    outline: none;
    border: 1px solid #D37186;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 15px;
}

.col_right .rightTips {
    font-size: 12px;
    color: #CBCBCB;
    margin-top: 7px;
}

.form_school .col_right input {
    background-color: #EDEDED;
    border-color: transparent;
}

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

.nature_nav {
    width: 12%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #D37186;
    box-sizing: border-box;
    border-radius: 5px;
    color: #CCCCCC;
    font-size: 15px;
    cursor: pointer;
}

.nature_active {
    background-color: #B40C30;
    color: #fff;
}

.form_pay .col_left {
    align-self: flex-start;
    line-height: 20px;
}

.form_pay .col_right {
    font-size: 14px;
    line-height: 20px;
}

.form_other .col_left {
    align-self: flex-start;
    margin-top: 11px;
}

.form_other .col_right textarea {
    width: 100%;
    height: 120px;
    resize: none;
    padding: 8px 10px;
    box-sizing: border-box;
}

/* 滚动条区域 */
.scrollArea {
    /* background-color: palegoldenrod; */
    /* height: 388px;
    overflow-y: scroll; */
    padding: 0 5px;
    box-sizing: border-box;
    /* overflow: visible; */
}

.confirmBtn {
    width: 100%;
    height: 35px;
    background-color: #B40C30;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    margin-top: 30px;
}

.confirmBtn:hover {
    background-color: #ac0e30;
}

.closeBtn {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    bottom: -70px;
    transform: translateX(-50%);
    cursor: pointer;
    /* background-color: lightblue; */
}

.closeBtn img {
    width: 100%;
    height: 100%;
    display: block;
}



/*2024.4.3修改优课预约样式*/
    
    .formArea .layui-form-item {
        display: flex;
        align-items: center;
        margin-bottom: 18px;
        /*background-color: palegoldenrod;*/
    }
    .formArea .layui-form-item .layui-form-label {
        width: 90px;
        /*background-color: orange;*/
        color: #8C8C8C;
        font-size: 14px;
        flex-shrink: 0;
        float:none;
        padding:0;
        text-align:left;
    }
    .formArea .layui-input-block {
        width: calc(100% - 90px);
        margin-left:0;
        flex-shrink: 0;
        min-height:auto;
    }
        .formArea .layui-input-block .layui-form-radio {
            width: 15%;
            height: 35px;
            text-align: center;
            line-height: 33px;
            border: 1px solid #D37186;
            box-sizing: border-box;
            border-radius: 5px;
            color: #CCCCCC;
            font-size: 15px;
            cursor: pointer;
            margin:0;
            padding:0;
            margin-right:10px;
        }
            .formArea .layui-input-block .layui-form-radio:hover div{
                color: #CCCCCC !important;
            }
            .formArea .layui-input-block .layui-form-radio i {
                display: none;
            }
        .formArea .layui-input-block .layui-form-radioed {
            background-color: #B40C30;
            color: #fff;
        }
            .formArea .layui-input-block .layui-form-radioed:hover div {
                color: #fff !important;
            }

            .formArea .layui-input-block input,
            .formArea .layui-input-blockselect,
            .formArea .layui-input-block textarea {
                width: 100%;
                height: 35px;
                outline: none;
                border: 1px solid #D37186;
                padding: 0 10px;
                box-sizing: border-box;
                border-radius: 5px;
                font-size: 15px;
                background-color: #fff;
            }
        .formArea .layui-input-block input:hover {
            border: 1px solid #D37186 !important;
        }
                .formArea .layui-input-block input:focus {
                    border: 1px solid #D37186 !important;
                }
        .formArea .layui-input-block select:hover {
            border: 1px solid #D37186 !important;
        }
        .formArea .layui-input-block select:focus {
            border: 1px solid #D37186 !important;
        }
        .formArea .layui-input-block textarea:hover {
            border: 1px solid #D37186 !important;
        }
        .formArea .layui-input-block textarea:focus {
            border: 1px solid #D37186 !important;
        }

    .formArea .form_school .layui-input-block input {
        background-color: #EDEDED;
        border-color: transparent !important;
    }
    .formArea .form_pay .layui-form-label {
        align-self: flex-start;
        line-height: 20px;
    }

    .formArea .form_pay .layui-input-block {
        font-size: 14px;
        line-height: 20px;
        text-align:justify;
    }

    .formArea .form_other .layui-form-label {
        align-self: flex-start;
        margin-top: 11px;
    }

.formArea .form_other .layui-input-block textarea {
    width: 100%;
    height: 120px;
    resize: none;
    padding: 8px 10px;
    box-sizing: border-box;
   
}
    .formArea .form_other .layui-input-block textarea::placeholder {
        font-size: 14px;
    }

.formArea .layui-input-block input:-webkit-autofill {
    /*  -webkit-box-shadow: 0px 0px 0px 20px rgb(32,85,104) inset;
    -webkit-text-fill-color: #fff;
    border-radius: 0;
    width: 240px;
    padding-left: 46px;*/
    background-color: #fff !important;
}
/* 学校详情弹窗 */
.intro_ele {
    margin-bottom: 10px;
    display: flex;
    line-height: 35px;
}

.intro_ele .elImg {
    width: 100px;
    height: 100px;
}

.intro_ele .elImg img {
    width: 100px;
    height: 100%;
    object-fit: cover;
}

.intro_ele span:first-child {
    margin-right: 10px;
}

.intro_ele span:last-child {
    color: #000;
}





/* 3.教师名录 */
.screenExpert {
    margin-top: 50px;
}

.byFirstWord {
    /* width: 546.66667px; */
    overflow: hidden;
    /* background-color: palegoldenrod; */
}

.byFirstWord li {
    width: 16px;
    float: left;
    font-size: 16px;
    color: #888889;
    font-weight: 600;
    margin-bottom: 15px;
    margin-right: 20px;
    cursor: pointer;
}

/* .byFirstWord li:nth-child(16) {
    margin-left: 36px;
} */

.byFirstWord .isActive {
    color: #000;
}

.page_teacherName .mainBottom {
    margin-top: 65px;
}

/* 无数据 */
.empty {
    font-size: 14px;
    color: #717071;
    font-weight: 600;
    text-align:center;
}

/* 3.1教师详情 */
.detailTop {
    height: 133.33px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    overflow: hidden;
    font-weight: 600;
}

.authorArea {
    display: flex;
    width: calc(100% - 180px);
}

.authorImg {
    width: 100px;
    height: 100%;
}

.authorImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.authorInfo {
    align-self: flex-end;
    padding-left: 20px;
    box-sizing: border-box;
}

.authorInfo h2 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.authorInfo span {
    font-size: 14px;
    color: #717071;
}

.schollArea {
    font-size: 18px;
    min-width: 180px;
    border-left: 1px solid #9f9fa0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.schoolImg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}

.schoolImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.schollArea h2 {
    font-size: 18px;
    padding: 0 10px;
    box-sizing: border-box;
    max-height: 53px;
    min-width: 180px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
}

.page_teacherDetail .topLeft .title {
    font-size: 24px;
}

.page_teacherDetail .main_lecture {
    margin-bottom: 40px;
}

.page_teacherDetail .simplyIntro {
    margin-bottom: 60px;
}


/* 4.通知公告 */
.page_announce .topLeft .title {
    font-size: 24px;
}

.announceNav {
    width: 570px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: lightblue; */
}

.announceNav .recordTitle {
    /* background-color: orange; */
    padding: 0 10px 15px;
    box-sizing: border-box;
    border-bottom: 2px solid #B50E32;
    box-sizing: border-box;
    cursor: pointer;
}

.announceNav .gray_active {
    border-color: transparent;
    color: #999999;
}

.nav_item {
    width: 170px;
    height: 50px;
    background-color: #F7E6EA;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C64661;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.nav_item .circle {
    width: 18px;
    height: 18px;
    background-color: #B40C30;
    border-radius: 50%;
    margin-right: 10px;
}

.nav_active {
    background-color: #B40C30;
    color: #fff;
}

.nav_active .circle {
    background-color: #fff;
}




.announceContent {
    margin-top: 50px;
}

/* 通知公告列表 */

.info_news {
    width: 100%;
    padding: 25px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EFEFEF;
    /* background-color: lightblue; */
}

.info_news .news_left {
    width: 30%;
    height: 202.5px;
    flex-shrink: 0;
    border-radius: 5px;
    /* background-color: orange; */
    overflow: hidden;
    position: relative;
}

.info_news .news_left img {
    width: 100%;
    min-height: 202.5px;
    display: block;
}


.info_news .news_left .dateBox {
    width: 100%;
    height: 202.5px;
    font-size: 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #B40C30;

}

.info_news .news_left .dateBox span:nth-child(1) {
    font-size: 45px;
    margin-bottom: 20px;
}


.info_news .news_right {
    width: 67%;
    padding: 3px 0;
    box-sizing: border-box;
    /* background-color: palegoldenrod; */
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.info_news .news_right .newsTitle {
    font-size: 19px;
    font-weight: bold;
    max-height: 56px;
    /* background-color: lightcoral; */
    color: #333333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
}


.info_news .news_right .newsTitle:hover {
    color: #B40C30;
    ;
}


.info_news .news_right .newsContent {
    /* margin: 12px auto 18px; */
    height: 80px;
    /* background-color: lightcoral; */
    line-height: 26px;
    display: -webkit-box;
    /* 弹性盒子元素垂直排列 */
    -webkit-box-orient: vertical;
    /* 控制要显示的行数 */
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    color: #989898;
    font-size: 15px;
}


.news_right .newsDetail {
    /* background-color: lightblue; */
    display: flex;
    justify-content: space-between;
}

.news_right .newsDetail .detail_right {
    width: 100px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 17px;
    color: #B40D31;
    border: 1px solid #B40D31;
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: 14px;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.news_right .newsDetail .detail_right img {
    width: 12px;
    height: 12px;
}

.detail_left {
    width: calc(100% - 150px);
    flex-shrink: 0;
    /* background-color: pink; */
    color: #B0B0B0;
    font-size: 14px;
    display: flex;
    align-self: flex-end;
    margin-bottom: 4px;
}

.detail_left .newsTime {
    width: 120px;
    /* background-color: orange; */
    flex-shrink: 0;
}


/* 新闻报道 */
.newsCenter {
    /*display: flex;*/
    /*height: 80px;*/
    /* background-color: lightcoral; */
}

.center_l,
.center_r {
    width: 100%;
    color: #909090;
    font-size: 14px;
    flex-shrink: 0;
}

.center_item {
    display: flex;
     margin-bottom: 5px; 
    /* align-items: center; */
}

.center_item .item_l {
    width: 70px;
    align-self: flex-start;
    /* background-color: orange; */
    flex-shrink: 0;
    line-height: 20px;
}

.center_item .item_r {
    width: calc(100% - 70px);
    /* background-color: pink; */
    line-height: 20px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}








/* 4.1通知公告详情 */
.announceTop h2 {
    font-size: 36px;
    line-height: 45px;
    font-weight: bold;
}

.announceTop p {
    font-size: 18px;
    color: #717071;
    padding-bottom: 15px;
    border-bottom: 1px solid #717071;
    margin-top:20px;
}

.announceTop p span {
    font-size: 22px;
    font-weight: bold;
}

.announceBrief {
    line-height:30px;
    margin: 25px auto 80px;
    /* background-color: lightblue; */
}
    .announceBrief p{
        margin-bottom:20px;
    }

    .announceBrief img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

.page_announceDetail .filesDownLoad {
    width: 100%;
}

.page_announceDetail .topLeft .title {
    font-size: 24px;
}

.page_announceDetail .el_main {
    padding-bottom: 50px;
}


/* 5.讲座记录 */
.recordTitle {
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.recordTitle .icon {
    width: 15px;
    height: 15px;
}

.recordTitle .icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.recordTitle .text {
    font-size: 20px;
    font-weight: bold;
    margin: 0 10px;
}

.recordList {
    margin-top: 50px;
}

.lecture_item {
    width: 100%;
    border-bottom: 1px solid #dfdbdb;
     padding-bottom: 10px; 
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.lecture_item .lecture_left {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.lecture_item .lecture_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lecture_item .lecture_right {
    width: calc(100% - 130px);
    /* background-color: pink; */
    padding: 20px 0 0;
    box-sizing: border-box;
}

.lecture_right .lecture_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: justify;
}

.lecture_right .lecture_data {
    font-size: 14px;
    color: #B0B0B0;
    margin-top: 15px;
}

.lecture_right .lecture_data span:nth-child(2) {
    margin: 0 30px;
}

.lecture_bottom {
    margin-top: 20px;
}

.lecture_bottom .bottomText {
    font-size: 16px;
    line-height: 24px;
    color: #929292;
}


/* 6.我预约 */

.userInfo {
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcome {
    font-size: 14px;
    color: #929292;
}

.account_edit,
.account_outLogin {
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #B40C30;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.hoverBtn:hover {
    background-color: #da133e;
}

.account_edit {
    margin: 20px;
}



.bookProgressList {
    margin-top: 40px;
}

.page_book .info_news {
    background-color: #FAFAFA;
    border-radius: 5px;
    border-bottom: none;
    /* padding: 25px 20px; */
    padding: 0;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.page_book .innerBox {
    display: flex;
    justify-content: space-between;
    padding: 25px 20px;
    box-sizing: border-box;
}

.page_book .newsCenter {
    display: block;
    height: auto;
    /* background-color: lightblue; */
}

.page_book .newsCenter .info_ele {
    color: #909090;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.page_book .news_right .newsDetail {
    justify-content: flex-end;
}

.toggleBtn {
    color: #B0B0B0;
    font-size: 14px;
    display: flex;
    align-items: center;
    /* background-color: orange; */
}

.toggleBtn img {
    width: 13px;
    /* height: 13px; */
    height: auto;
    display: block;
    margin-left: 3px;
}

.slidePinel {
    /* background-color: lightblue; */
    padding: 5px 20px 30px;
    box-sizing: border-box;
}

.slidePinel .progressTop {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 35px;
}

.progress_ele {
    display: flex;
    /* padding: 15px 0 0; */
    box-sizing: border-box;
    /* background-color: palegoldenrod; */
}

/*.ele_left {
    width: 200px;*/
    /* background-color: orange; */
    /*color: #A4A4A4;
    font-size: 16px;
}*/

/*.ele_right {
    width: calc(100% - 200px);
    min-height: 90px;
    border-left: 4px solid #EEEEEE;
    box-sizing: border-box;
    position: relative;
    color: #696666;
    font-size: 15px;
    padding: 1px 0 10px;
    box-sizing: border-box;*/
    /* background-color: lightblue; */
/*}

.ele_right .progressContent {
    width: 90%;
    margin: 0 auto;
    line-height: 24px;*/
    /* background-color: palegoldenrod; */
    /*position: relative;
    top: -5px;
    padding-left: 5px;
    box-sizing: border-box;
}*/

.operatorStyle {
    color: #C74C67;
    display: inline-block;
    text-decoration: underline;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
    margin-right: 15px;
}

/*.ele_right .curProgress {
    position: absolute;
    left: -17px;*/
    /* top: -15px; */
    /*top: -7.5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.ele_right .curProgress img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ele_right .curComplete {
    background-color: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ele_right .curComplete img {
    width: 65%;
    height: 65%;
}*/


/* 最后一个没有左边边框 */
/*.progress_ele:last-child .ele_right {
    border-color: transparent;
    min-height: 0;
}*/



/* 1.轻提示 */
.infoBg {
    min-width: 100px;
    max-width: 150px;
    min-height: 30px;
    padding: 3px 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    cursor: pointer;
}


/* 2.公共弹窗 */
.pubDialogMain {
    /* background-color: palegoldenrod; */
    padding: 20px 0 30px;
    box-sizing: border-box;
}

.mainTitle {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    text-align: center;
    font-size: 19px;
}

.mainBody {
    width: 100%;
    margin: 40px 0;
}

.upLoadArea {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: lightblue; */
    margin: 0 auto;
}

.upLoadArea .upload_item {
    color: #646464;
    font-size: 14px;
    text-align: center;
}

.upLoadArea .upload_item .files {
    width: 150px;
    height: 150px;
    border: 1px solid #B40C30;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 7px;
    box-sizing:border-box;
}

.upLoadArea .upload_item .files_left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.upLoadArea .upload_item .files_left img {
    width: 40px;
    height: 40px;
    display: block;
}

#preview1 .files{
    box-sizing:border-box;
    padding:1px;
}
#preview1 img {
    width: 100%;
    height: 100%;
    display: block;
}



.pubDialogMain .confirmBtn {
    width: 70%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
}

.pubDialog .closeBtn {
    bottom: -50px;
}

/* 填写讲座日期/修改讲堂日期 */
.writeDateBg .form_col,
.editDateBg .form_col {
    display: block;
    width: 70%;
    margin: 0 auto;
    /* background-color: lightblue; */

}

.writeDateBg .form_col .col_left,
.editDateBg .form_col .col_left {
    color: #646464;
    font-size: 14px;
}

.writeDateBg .form_col .col_right,
.editDateBg .form_col .col_right {
    width: 100%;
    margin-top: 10px;
}

.writeDateBg .form_col .col_right input:hover,
.editDateBg .form_col .col_right input:hover,
.upLodReportBg .form_col .col_right input:hover {
    border-color: #D37186 !important
}

/* 上传新闻报道 */

.upLodReportBg .mainBody {
    width: 80%;
    margin: 40px auto;
}

.upLodReportBg .form_col .col_left {
    color: #6D6D6D;
    width: 80px;
}

.upLodReportBg .form_col .col_right {
    color: #6D6D6D;
    width: calc(100% - 80px);
}

.upLodReportBg .form_col .col_right input::placeholder {
    font-size: 14px;
}

/* 讲座评价 */

.judgeBg .pubDialog {
    width: 850px;
}

.judgeBg .mainBody {
    width: 90%;
    margin: 40px auto;
}

.judgeBg .form_col .col_left {
    color: #333;
    width: 80px;
}

.judgeBg .form_col .col_right {

    width: calc(100% - 80px);
    height: 35px;
    line-height: 35px;
    color: #333;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    background-color: #F3F3F3;
}

.judgeBg .form_add .col_right {
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
}

.judgeBg .form_add .col_right .addCount {
    width: 120px;
    height: 35px;
    line-height: 35px;
    color: #333;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #D37186;
    margin-right: 5px;
    text-align: center;
}

.sectionBlock {
    margin-top: 20px;
}

.sectionBlock .secTitle {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sectionBlock .secTitle span:nth-child(2) {
    font-size: 15px;
    color: #AEAEAE;
    margin-left: 5px;
    font-weight: normal;
}

.secList {
    /* background-color: lightblue; */
    margin-top: 15px;
}



/* 清除浮动 */
.secList::after {
    width: 0;
    height: 0;
    content: '';
    display: block;
    clear: both;
}

.secList .uploadBtn {
    width: 90px;
    height: 51px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #D37186;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    margin-right: 9px;
}

.secList .uploadBtn img {
    width: 20px;
    height: 20px;
    display: block;
}

.secList .imgList {
    float: left;
}

.imgList .img_ele {
    width: 90px;
    height: 51px;
    position: relative;
    float: left;
    margin-right: 9px;
}

.imgList .img_ele:last-child {
    margin-right: 0;
}

.imgList .img_ele img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

    .imgList .img_ele .del {
        /* width: 90px;
    height: 51px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;*/
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 0;
        cursor:pointer;
    }

.imgList .img_ele .del img {
    width: 15px;
    height: 15px;
    display: block;

}





    .judge_item {
        padding: 8px 0;
        box-sizing: border-box;
        border-bottom: 1px dashed #dfdbdb;
        font-size: 14px;
        color: #333;
        display: flex;
        align-items: center;
    }

.judge_item .question {
    width: 350px;
    flex-shrink: 0;
    /* background-color: orange; */
}

.judge_item .answer {
    width: calc(100% - 350px);
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
}

.answer .answer_col {
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 12px;
    color: #AEAEAE;
    /* background-color: orange; */
    cursor: pointer;
    margin-right: 20px;
}

.answer .answer_active {
    background-color: #FFF1F4;
    color: #C94A65;
}

.judgeContent .secList textarea {
    width: 100%;
    height: 120px;
    resize: none;
    padding: 8px 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #D37186;
    border-radius: 5px;
    font-size: 15px;
}

.judgeContent .secList textarea::placeholder {
    font-size: 14px;
    color: #AEAEAE;
}



/* 取消预约弹框 */


.cancelBg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
}

.cancelResult {
    width: 400px;
    padding: 35px 20px;
    box-sizing: border-box;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.cancelStatus {
    width: 100%;
    height: 23px;
    line-height: 23px;
    display: flex;
    justify-content: center;
    color: #B40C30;
    font-size: 16px;
    font-weight: bold;
    /* background-color: pink; */
}

.cancelInfo {
    text-align: center;
    font-size: 15px;
    margin: 20px auto;
}

/* 操作按钮 */
.cancelOption {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.Cancel_Btn,
.confim_Btn {
    width: 40%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    margin: 10px auto 0;
    background-color: #B40C30;
    font-size: 16px;
    cursor: pointer;
}

.Cancel_Btn {
    background-color: #b5b5b5;
}




/* 我的预约 */
.page_book .form_school .col_right input {
    background-color: #fff;
    border: 1px solid #D37186;
}

.page_book .col_right input::placeholder {
    font-size: 14px;
}
.page_book .form_schoolType .col_right{
    display: flex;
    align-items: center;
    background-color: lightblue;
}

.page_book .form_schoolType .col_right .label_item{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;
}
.page_book .form_schoolType .col_right .label_item input{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

















/* 底部 */
.el_footer {
    height: auto !important;
    color: #888889;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7f7f7;
    padding: 30px 0 50px;
}

.el_footer div {
    margin-bottom: 15px;
}

.el_footer div span:first-child {
    margin-right: 20px;
}




/* 2023.11.9新增 */
.loginBg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
}

.loginBgContent {
    width: 461px;
    background-color: #fff;
    margin: 30vh auto;
}

.warnTips {
    text-align: center;
    font-size: 15px;
    color: #aa4241;
    padding-top: 30px;
}







.downList li {
    cursor: pointer;
    font-size: 16px;
    color: #717071;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    /* background-color: orange; */
}


.downList li .icon_files {
    width: 20px;
    position: absolute;
    top: -4px;
}

.icon_files img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.downList li p {
    width: calc(100% - 28px);
    margin-left: 30px;
    /* background-color: pink; */
}

.downList li .downBtn {
    flex-shrink: 0;
    width: 32px;
    color: #2da7e0;
    cursor: pointer;
    margin-left: 10px;
}









/* 2024.3.7二期 */

/* 单行文本溢出隐藏 */
.onelineCut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hoverImg img {
    transition: all 1s;
}

.hoverImg img:hover {
    transform: scale(1.1);
}

.hoverBg:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

/* 1.按钮 */
.btn_green {
    background-color: #13C486;
    color: #fff;
}

.btn_red {
    background-color: #B40C30;
    color: #fff;
}

.btn_gray {
    background-color: #EDEDED;
    color: #9B9B9B;
}



/*预约弹窗出现滚动条样式  */
.scrollArea::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.scrollArea::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    /* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
    background: #B40C30;
    ;
}

.scrollArea::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    /* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
    border-radius: 0;
    background: #fff;
}

.scrollArea::-ms-scrollbar {
    width: 4px;
    height: 4px;
}

.scrollArea::-ms-scrollbar-thumb {
    border-radius: 5px;
    background: #B40C30;
    ;
}

.scrollArea::-ms-scrollbar-track {
    border-radius: 0;
    background: #fff;
}






















/* 2024.5.13修改  */
.declare_edit_513 {
    height: auto;
}

    .declare_edit_513 .declare_right {
        height: auto
    }

    .declare_edit_513 .beforeLogin .content_title {
        margin-top: 30px;
    }

        .declare_edit_513 .beforeLogin .content_title .tips {
            font-size: 17px;
        }

.loginNav_513 {
    /* background-color: lightblue; */
    display: flex;
    align-items: center;
}

.login_nav_item_513 {
    width: 50%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #A42820;
    border: 1px solid #A42820;
    box-sizing: border-box;
    cursor: pointer;
}

    .login_nav_item_513:nth-child(1) {
        border-radius: 8px 0 0 8px;
        border-right: none;
    }

    .login_nav_item_513:nth-child(2) {
        border-radius: 0 8px 8px 0;
        border-left: none;
    }
/* 选中 */
.login_nav_active_513 {
    background-color: #A42820;
    color: #fff;
    position: relative;
}

    .login_nav_active_513::after {
        width: 0;
        height: 0;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -20px;
        transform: translateX(-50%);
        /* border: 10px solid orange; */
        border: 10px solid #A42820;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        z-index: 10;
    }



.loginContent_outerBox_513 .loginContent_item_person_513
.content_title .tips {
    letter-spacing: normal;
}

#login_area1 {
    margin-top: 40px;
}

/* 底部点击弹框 */
#loginMsg1 {
    margin-top: 30px;
    text-align: center;
}

    #loginMsg1 a {
        font-size: 14px;
        text-decoration: underline;
    }




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

    .loginContent_item_person_513 .area_item_513 input {
        width: 70%;
        flex-shrink: 0;
        border-radius: 6px 0 0 6px;
    }

    .loginContent_item_person_513 .area_item_513 .sendCode_513 {
        flex-shrink: 0;
        width: 30%;
        height: 50px;
        border: none;
        outline: none;
        background-color: #A42820;
        font-size: 14px;
        color: #fff;
        border-radius: 0 6px 6px 0;
        box-sizing: border-box;
        cursor: pointer;
    }

.declare_edit_513 .declare_right .afterLogin {
    height: 370px;
    display: block;
}

/* 提交 */
.loginBtn_513 {
    display: block;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to right, #A82921, #871e1b);
    text-align: center;
    border-radius: 6px;
    border: none;
    outline: none;
    font-size: 18px;
    letter-spacing: 4px;
    color: #ffffff;
    line-height: 50px;
    cursor: pointer;
}

.afterLoginContent_outerBox_513 {
    width: 100%;
    height: 100%;
}

    .afterLoginContent_outerBox_513
    .afterLoginContent_item_school_513 {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* background-color: palegoldenrod; */
    }

    .afterLoginContent_outerBox_513
    .afterLoginContent_item_person_513 {
        width: 100%;
        height: 100%;
        /* background-color: pink; */
    }

        .afterLoginContent_outerBox_513
        .afterLoginContent_item_person_513 .showInfo {
            width: 100%;
            height: 100%;
            /* background-color: orange; */
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }




.msg_right .foget {
    text-decoration: underline;
}


/* 2024.12.12修改 */
.page_lecture_edit .events_ele .itemImg {
    position: relative;
}

.page_lecture_edit .events_ele .tag_new {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 30px;
    background-color: #E50011;
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    box-shadow: -0.5px -0.5px 1px 0 #5858588a inset;
}

.authorOuterBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .authorOuterBox .dateTime {
        font-size: 14px;
        color: #717071;
        /* font-weight: 600; */
    }

    .authorOuterBox .author {
        margin-bottom: 0;
    }

.addMargin {
    margin-top: 13px;
}

.page_lecture_edit .bookBtn {
    bottom: -8px;
}