@charset "utf-8";
/*通用样式*/

/*.header {height: 54px;background: #fff;}
.nav li h2 {line-height: 54px;}
.fgt { height: 54px;}
.nav li dl{top:54px;}
a:hover{text-decoration:none!important;}*/


.xtb1 {
    display: inline-block;
    background: url(../images/x2.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
}

.xtb2 {
    display: inline-block;
    background: url(../images/x4.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb3 {
    display: inline-block;
    background: url(../images/x6.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb4 {
    display: inline-block;
    background: url(../images/x8.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb5 {
    display: inline-block;
    background: url(../images/x10.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb6 {
    display: inline-block;
    background: url(../images/x12.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb7 {
    display: inline-block;
    background: url(../images/x40.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb8 {
    display: inline-block;
    background: url(../images/x37.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb9 {
    display: inline-block;
    background: url(../images/x38.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb10 {
    display: inline-block;
    background: url(../images/x39.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb11 {
    display: inline-block;
    background: url(../images/Stu_icon01.png);
    width: 12px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb12 {
    display: inline-block;
    background: url(../images/Stu_icon02.png);
    width: 11px;
    height: 12px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb13 {
    display: inline-block;
    background: url(../images/Stu_icon03.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb14 {
    display: inline-block;
    background: url(../images/Stu_icon04.png);
    width: 13px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb15 {
    display: inline-block;
    background: url(../images/Stu_icon05.png);
    width: 14px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb16 {
    display: inline-block;
    background: url(../images/icon_pwd2.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb17 {
    display: inline-block;
    background: url(../images/icon_sjjx.png);
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.xtb18 {
    display: inline-block;
    background: url(../images/icon_msg.png);
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 14px;
    background-size: 100% 100%;
}

.clnrbox h3 {
    margin: 0 8px;
    position: relative;
}

    .clnrbox h3 a {
        display: block;
        line-height: 50px;
        padding-left: 16px;
        font-size: 14px;
        color: #666;
    }

.clnrbox ul li a {
    display: block;
    line-height: 50px;
    color: #999999;
    font-size: 14px;
    margin: 0 8px;
    padding-left: 42px;
}

    .clnrbox ul li a:hover {
        color: #f00808;
        background: #f2f2f2;
    }

.clnrbox em {
    display: inline-block;
    background: url(../images/UserManager/triangle.png);
    width: 8px;
    height: 7px;
    position: absolute;
    right: 14px;
    top: calc(50% - 3.5px);
}

.clnrbox .on1 a {
    color: #f00808;
}
    /*.clnrbox .on1 a em{background: url(../images/x15.png);background-size: 100% 100%;display:inline-block;}*/
    .clnrbox .on1 a .xtb1 {
        background: url(../images/x3.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb2 {
        background: url(../images/x5.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb3 {
        background: url(../images/x7.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb4 {
        background: url(../images/x9.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb5 {
        background: url(../images/x11.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb6 {
        background: url(../images/x13.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb7 {
        background: url(../images/x36.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb8 {
        background: url(../images/x41.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb9 {
        background: url(../images/x42.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb10 {
        background: url(../images/x43.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb11 {
        background: url(../images/Stu_icon06.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb12 {
        background: url(../images/Stu_icon07.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb13 {
        background: url(../images/Stu_icon08.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb14 {
        background: url(../images/Stu_icon09.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb15 {
        background: url(../images/Stu_icon10.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb16 {
        background: url(../images/icon_pwd.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb17 {
        background: url(../images/icon_sjjx_red.png);
        background-size: 100% 100%;
        display: inline-block;
    }

    .clnrbox .on1 a .xtb18 {
        background: url(../images/icon_Rmsg.png);
        background-size: 100% 100%;
        display: inline-block;
    }

.r_file {
    background: url('../images/NewPractical/r_file.png') center no-repeat;
    width: 18px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.r_audio {
    background: url('../images/NewPractical/r_audio.png') center no-repeat;
    width: 18px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.r_video {
    background: url('../images/NewPractical/r_video.png') center no-repeat;
    width: 18px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.r_img {
    background: url('../images/NewPractical/r_img.png') center no-repeat;
    width: 18px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.r_pdf {
    background: url('../images/NewPractical/r_pdf.png') center no-repeat;
    width: 18px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.r_excel {
    background: url('../images/NewPractical/r_excel.png') center no-repeat;
    width: 16px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.r_word {
    background: url('../images/NewPractical/r_word.png') center no-repeat;
    width: 18px;
    height: 19px;
    margin-bottom: -3px;
    margin-right: 10px;
    display: inline-block;
}

.wran {
    background: url('../images/NewPractical/WranNull.png') center no-repeat;
    width: 14px;
    height: 14px;
    margin-bottom: -3px;
    margin-left: 6px;
    display: inline-block;
}


.p_title_con {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
}

.p_title_icon {
    height: 12px;
    width: 2px;
    background: #F24540;
    border-radius: 4px;
    margin: 10px 6px 0 0;
    float: left;
}

.p_title {
    font-size: 16px;
    color: #262626;
    float: left;
    position: absolute;
    width: 10%;
}

.p_red_btn {
    background: #F24540;
    border-radius: 4px;
    padding: 6px 16px;
    float: right;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

/*.np_left{background:url(../images/NewPractical/chevron_left.png) center no-repeat;height:10px;width:6px;display:inline-block;margin-left:6px;}
.np_right{background:url(../images/NewPractical/chevron_right.png) center no-repeat;height:10px;width:6px;display:inline-block;margin-right:6px;}*/
.p_statistics_title {
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.p_statistics_value {
    font-size: 36px;
    line-height: 54px;
    color: #000000;
}

.p_s_titleBG {
    background: #F7F8F9;
    border-radius: 4px;
    width: fit-content;
    padding: 5px 16px;
    margin: auto;
}

    .p_s_titleBG span {
        color: #666;
    }

.p_statistics_value span {
    font-size: 16px;
}

.p_statistics {
    display: flex;
    text-align: center;
    padding: 34px 0 22px;
    border-bottom: 1px solid #eee;
}

.p_statistics_hr .p_statistics_value {
    border-right: 2px solid #eee;
}

.p_statistics_hr .p_statistics_con:last-child .p_statistics_value {
    border: none;
}

.p_statistics_con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

.p_linkIcon {
    width: 13px;
    height: 14px;
    background: url(../images/NewPractical/p_link.png) center no-repeat;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -2px;
}

.p_linkIcon_yellow {
    margin-bottom: 2px !important;
}

.p_linkIcon_gray {
    background: url(../images/NewPractical/p_link_gray.png) center no-repeat;
}

.p_linkIcon_red {
    background: url(../images/NewPractical/p_link_red.png) center no-repeat;
}

.p_closeIcon {
    width: 12px;
    height: 12px;
    background: url(../images/NewPractical/close.png) center no-repeat;
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 19px;
    cursor: pointer;
    z-index: 2;
}

.p_delIcon {
    width: 16px;
    height: 16px;
    background: url(../images/NewPractical/delete.png) center no-repeat;
    display: inline-block;
}

.p_fileIcon {
    width: 30px;
    height: 30px;
    background: url(../images/NewPractical/filelink.png) center no-repeat;
    display: inline-block;
    margin-right: 12px;
}

.p_smallFileIcon {
    width: 16px;
    height: 16px;
    background: url(../images/NewPractical/filelink.png) center no-repeat;
    display: inline-block;
    background-size: contain;
    margin: 0 6px -4px 0
}

.commaIcon_left {
    width: 25px;
    height: 20px;
    background: url(../images/NewPractical/comma_left.png) center no-repeat;
    display: inline-block;
}

.commaIcon_right {
    width: 25px;
    height: 20px;
    background: url(../images/NewPractical/comma_right.png) center no-repeat;
    display: inline-block;
}

.bookIcon {
    width: 22px;
    height: 22px;
    background: url(../images/NewPractical/book.png) center no-repeat;
    display: inline-block;
    margin: 0 10px -5px 0;
}

.clockIcon {
    width: 22px;
    height: 22px;
    background: url(../images/NewPractical/clock.png) center no-repeat;
    display: inline-block;
    margin: 0 10px -5px 0;
}

.downIcon {
    width: 15px;
    height: 16px;
    background: url(../images/NewPractical/down.png) center no-repeat;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: -4px;
}
/*实践课详情页附件下载margin-bottom:-4px;*/
.eyeIcon {
    width: 18px;
    height: 14px;
    background: url(../images/NewPractical/eye.png) center no-repeat;
    display: inline-block;
    margin-right: 6px;
}

.wraaningIcon {
    width: 20px;
    height: 20px;
    background: url(../images/NewPractical/icon_wranning.png) center no-repeat;
    display: inline-block;
    margin: auto 10px auto 0;
}

.successIcon {
    width: 20px;
    height: 20px;
    background: url(../images/NewPractical/icon_success.png) center no-repeat;
    display: inline-block;
    margin: auto 10px auto 0;
}

.p_table_tag {
    color: #666;
    line-height: 56px;
    font-size: 14px;
}

.p_table table {
    width: 100% !important;
}

.pt_index_header {
    background: #F7F8F9;
    line-height: 44px;
    font-size: 14px;
    text-align: left;
}

    .pt_index_header th {
        width: 20%;
        color: #666;
        padding-left: 16px;
    }

.wirteBorder th {
    border-bottom: 11px solid #fff;
}

.pt_index_body td {
    color: #666;
    padding: 15px 0 15px 16px;
}

.pt_index_body tr:hover {
    background: #f7f8f9;
}

.pt_listInfo {
    font-size: 16px;
    color: #999;
    margin: 16px 0 10px 0;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    color: #999;
}

.stu_pt_listInfo .pt_listInfo {
    margin: 2px 0 !important;
}

.pt_li_left {
    width: 80%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.pt_li_right {
    float: right;
}

.pt_img {
    width: 106px;
    height: 60px;
    border-radius: 4px;
}


/*详情页不带内边距*/
.inside_top {
    border-radius: 8px;
    margin-bottom: 16px;
    border: 0px solid red;
}

.inside_con {
    border-radius: 8px;
}

.insideBG_noPad {
    background: #fff;
    border-radius: 8px;
    border: 0px solid red;
}

.insideBG_noPad03 {
    background: #fff;
    border-radius: 8px;
    border: 0px solid red;
}

.insideBG_noPad2 {
    background: #fff;
    border: 0px solid #007ACC;
    /*border-radius: 8px;*/
}

.data_nav {
}
/*overflow-y: scroll;overflow-x: hidden;*/
/*.p_table {
    overflow-y: scroll;
    overflow-x: hidden;
}*/
.pt_info_title_fs {
    font-size: 16px;
    line-height: 27px;
}

.pt_info_title {
    border-bottom: 1px solid #eee;
    padding: 16px;
}

.pt_info_selectCon {
    padding: 18px 16px;
    overflow: hidden;
}

    .pt_info_selectCon > div {
        float: left;
    }

        .pt_info_selectCon > div > span {
            font-size: 14px;
        }

.pt_info_select {
    border: 1px solid #e3e3e3;
    color: #999;
    background-color: #fff;
    width: 230px !important;
    height: 32px;
    border-radius: 2px;
}
/*.pt_info_selectCon .layui-form-select{width:230px!important;}*/
.pt_info_select_know, .pt_info_select_type {
    line-height: 38px;
    display: inline-flex;
}

.pt_info_select_type {
    margin-left: 46px;
}

.pt_tap {
    overflow: hidden;
}

.pt_tap_con {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    float: left;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 16px;
}

    .pt_tap_con hr {
        width: 30px;
        height: 2px;
        background: #F24540;
        border-radius: 4px;
        display: none;
        margin: auto;
        margin-top: 8px;
    }

.pt_tap_curr hr {
    display: inline-block
}

.pt_tap_curr span {
    color: #f24540;
}

.grayBorder th {
    border-bottom: 1px solid #eee;
    background: #f7f8f9;
}

.firstTop tr:first-child td {
    border-top: 15px solid #fff;
}

.pt_info_userinfo {
    display: flex;
    width: 100%;
    margin: 10px auto;
}

    .pt_info_userinfo > div {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        width: 50%;
        font-size: 14px;
        line-height: 21px;
        color: #666; /*height:74px;*/
    }

        .pt_info_userinfo > div > p {
            color: #666;
        }

.pt_userinfo_img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

.pt_info_remark {
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    background: #F7F8F9;
    padding: 10px 12px;
    margin-top: 6px;
    min-height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    border-radius: 5px;
}

    .pt_info_remark::-webkit-scrollbar {
        border: 1px solid red;
        display: none;
    }

.pt_info_remark {
    border: 0px solid red;
    overflow-y: scroll;
    overflow-x: hidden;
}

.pt_info_remarkv2 {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    background: #F3F8FF;
    padding: 10px 12px;
    margin-top: 6px;
    height: 60px;
    overflow-y: auto;
    border-radius: 5px;
}

.detail_left_width {
    height: 100%;
}

.detail_left_width2 {
    height: 100%;
    position: relative;
    display: inline-block;
}

.tag_yellow {
    /*position: absolute;*/
    top: 10px;
    left: 10px;
    padding: 5px;
    background-color: #f1c40f;
    color: #fff;
    font-size: 12px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    z-index: 1;
}

.detail_right_width {
    height: 50%;
    float: right !important;
}

.detail_right_width2 {
    /*height: 50%;*/
    /*float: left !important;*/
}

.msclose {
    border: 0px solid red;
    width: 12px;
    height: 12px;
    background: url(../images/close.png) center no-repeat;
    display: inline-block;
    position: absolute;
    top: 49px;
    right: 30px;
    cursor: pointer;
    z-index: 99;
}

.pt_time_select {
    border-radius: 4px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 6px 15px 6px 12px;
    background: url("../images/NewPractical/nabla.png") no-repeat right 6px center #f7f8f9;
}

.detail_tb_width td, .detail_tb_width th {
    width: 14.28% !important;
}

.fc_black {
    color: #262626 !important;
}

.fc_yellow {
    color: #FFB75B !important;
}

.report_con {
    background: url('../images/NewPractical/reportBG.png') center no-repeat;
    height: 600px;
    width: 400px !important;
    border-radius: 9px !important;
}

    .report_con .layui-layer-setwin {
        bottom: -8%;
        top: auto;
        left: 48%;
    }

        .report_con .layui-layer-setwin .layui-layer-close1 {
            background-position: -153px -35px;
        }

        .report_con .layui-layer-setwin a {
            width: 22px;
            height: 22px;
        }

.reportIframe {
    width: 400px;
    height: 600px;
}

.rp_ifr_title {
    margin-top: 44px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    width: 100%;
    text-align: center;
}

.rp_ifr_img {
    width: 90%;
    margin: 0 auto;
    margin-top: -15px;
    display: block;
    height: 286.6px
}

.tp_ifr_tag {
    position: absolute;
    top: 273px;
    font-size: 40px;
    line-height: 60px;
    width: 100%;
    text-align: center;
    height: 60px;
}

.tp_ifr_remark {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #666;
}

.tp_ifr_info {
    font-size: 22px;
    line-height: 33px;
    margin-top: 6px;
}

.rp_ifr_Data {
    margin-top: 94px;
    display: flex;
    justify-content: space-around;
    padding: 0px 44px;
    text-align: center;
}

.date_input {
    width: 34.3% !important;
    margin-right: 0px !important;
    border: 0px solid red;
}

.step_two {
    border: 1.5px dashed #E3E3E3;
    width: 700px;
    height: 234px;
    margin: 54px auto 0;
    display: flex;
    flex-direction: column;
}

.layui-btn-flexCenter {
    margin-left: 0px !important;
    display: flex;
    justify-content: center;
}

.select_icon {
    background: url('../images/NewPractical/step_icon.png') center no-repeat;
    width: 100%;
    height: 42px;
    margin-top: 44px;
    margin-bottom: 14px;
}

.layui-btn-pink {
    background-color: #f9cdcb !important;
    color: #f24540 !important;
}

.layui-btn-gray {
    background-color: #f9f9f9 !important;
    color: #666 !important;
}

#resourceIframe {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0px;
}

.resourceIframe {
    width: 900px;
    height: 600px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

    .resourceIframe .layui-tab-content {
        padding: 18px 16px 0px;
    }
/*.resourceIframe .layui-tab-content .layui-tab-item{margin-top:18px;}*/
.resource_con {
    width: 900px !important;
    height: 700px;
}

.pt_createImg {
    border-radius: 10px;
    width: 180px;
    height: 102px;
    cursor: pointer;
}

.p_card_con .gjbt {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.p_card_Info {
    width: 100%;
    overflow: scroll;
}
/*display:flex;justify-content:flex-start;flex-wrap:wrap;*/
.p_card {
    width: calc(25% - 12px);
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    overflow: hidden;
    margin: 0 16px 20px 0;
    display: inline-block;
    cursor: pointer;
    max-width: 310px;
    min-width: 275px;
}

.mc_opera {
    display: none;
}

.p_card:hover .mc_opera {
    display: inline-block;
}
/*.p_card:nth-child(5n){margin-right:0px;}*/
.p_card_img {
    width: 100%;
    height: 156px;
    object-fit: cover;
}

.p_card_tagCon {
    overflow: hidden;
    margin: 9px 0;
}

.p_card_title {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}

.p_cardck {
    width: calc(25% - 12px);
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    overflow: hidden;
    margin: 0 17px 20px 0;
    display: inline-block;
    cursor: pointer;
    max-width: 310px;
    min-width: 275px;
}

.p_cardck_img {
    width: 100%;
    height: 156px;
    object-fit: cover;
    margin-top: -21px;
}

.p_cardck_div {
    width: 100%;
    height: 156px;
    object-fit: cover;
    margin-top: -156px;
    z-index: 99;
    background-color: #000000;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    position: relative;
    display: none;
}

.p_btncardck_div {
    width: 60px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.p_cardck:hover .p_cardck_div {
    display: block;
}

.p_card_titleck {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 600;
    font-family: 'PingFang SC'
}

.p_card_userinfock {
    font-size: 12px;
    line-height: 21px;
    color: #666666;
    font-family: 'PingFang SC'
}

.p_progress_text {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    float: right;
}

.p_card_userinfo {
    font-size: 14px;
    line-height: 21px;
    color: #999;
}

.Q_card_remark {
    font-size: 14px;
    line-height: 21px;
    color: #666;
}

.QuesData_title {
    font-size: 14px;
    line-height: 21px;
}

.QuesData_Htitle {
    font-size: 26px;
    line-height: 39px;
}

.QuesData_con {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.QuesData_card {
    width: 24%;
    text-align: center;
    background: #F7F8F9;
    border-radius: 4px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.p_record_con {
    height: calc(100% - 60px);
    overflow: auto;
}

.p_record {
    position: relative;
    height: 80px;
    display: flex;
}

.record_tag_green {
    background: rgba(20, 204, 98, 0.15) !important;
    color: #14CC62 !important;
}

.record_tag {
    background: rgba(247, 248, 249, 1);
    border-radius: 15px;
    color: #999;
    padding: 1px 14px;
    height: 23px;
    position: absolute;
    left: 16px;
    top: 16px;
}

.p_record_hr {
    height: 100%;
    border-left: 1px dashed rgba(20, 204, 98,0.5);
    left: 102px;
    position: absolute;
    margin-top: 0px;
}

.p_record i {
    position: absolute;
    top: 25px;
    width: 8px;
    height: 8px;
    left: 99px;
    background: #ccc;
    border-radius: 20px;
    z-index: 2;
}

    .p_record i.i_green {
        background: #14cc62;
    }

.p_record_info {
    width: calc(100% - 146px);
    position: absolute;
    left: 130px;
    right: 16px;
    height: 100%;
}

.p_record .QuesData_title {
    margin: 19px 0 8px;
}

.Q_card {
    margin-top: 28px;
}

.Q_card_title {
    font-size: 14px;
    line-height: 21px;
}

.Q_card .layui-form-radio {
    display: block;
    margin-top: 14px;
    line-height: 18px;
}

    .Q_card .layui-form-radio div {
        font-size: 12px;
    }

    .Q_card .layui-form-radio > i {
        font-size: 12px;
    }

.Q_card_answerCon {
    background: #f7f8f9;
    border-radius: 4px;
    padding: 14px;
    margin-top: 14px;
}

.Q_answer_fs {
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

    .Q_answer_fs span {
        color: #262626;
    }

.Q_card_answerCon p {
    line-height: 21px !important;
}

.PracticalResource_con {
    overflow: auto;
    height: calc(100% - 32px);
    width: 100%;
}

.pr_con {
    overflow: auto
}

.pr_card {
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    background: #f7f8f9;
    display: flex;
    margin-top: 12px;
    justify-content: space-between;
}

    .pr_card > div {
        width: 85%;
    }

    .pr_card .Q_card_title {
        width: 85%;
        display: inline-block;
    }

    .pr_card a {
        margin: auto 0 !important;
        cursor: pointer;
    }

    .pr_card .Q_card_remark {
        margin-left: 19px;
    }

.pr_card_noBG {
    width: 100%;
    height: 74px;
    border-radius: 4px;
    border: 1px dashed #eee;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    cursor: pointer;
}

.p_resource_con {
    padding: 0 20px;
}

.r_title {
    line-height: 56px;
    font-size: 18px;
}

.r_title_con {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}

    .r_title_con input {
        width: 89%;
        border: none;
        margin-left: 16px;
    }

.r_content {
    height: 400px;
    width: 100%;
    resize: none;
    border: none;
    padding: 12px 0;
}

.r_textareaBG {
    width: 100%;
    margin: 16px 0;
}

.r_file_con {
    position: absolute;
    bottom: 0px;
    padding: 24px 20px;
    width: 100%;
}

.r_file_card_con {
    border-bottom: 1px solid #eee;
}

.r_file_card {
    width: 100%;
    display: flex;
    padding: 17px 0;
    border-top: 1px solid #eee;
}

    .r_file_card span {
        line-height: 30px;
        width: 90%
    }

    .r_file_card a {
        line-height: 30px;
        color: #f24540;
        display: none
    }

    .r_file_card:hover a {
        display: inline-block
    }

.r_talk_card_con {
    height: 100%;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    margin-top: 10px; /*overflow-x: scroll;overflow-y: hidden;*/
}

.r_talk_card {
    background: linear-gradient(180deg, rgba(242, 69, 64, 0.04) 0%, rgba(242, 69, 64, 0) 100%);
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    margin-right: 16px;
    width: 460px;
    height: 126px;
    padding: 16px 20px;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
}

.r_card_remark {
    margin: 8px 0 20px;
}

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

/*禁止复制文字*/
.r_talk_card_con {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*.SchoolBanner{background: url('../images/NewPractical/Banner.png') center no-repeat;background-size:100%;height: 260px;margin-top:54px;background-size: cover;}*/
.SchoolBanner {
    height: 360px;
    margin-top: 80px;
    margin-bottom: 0px;
}

.SchoolBG {
    background: url('../images/NewPractical/contentBG.png') top no-repeat;
    background-size: 100%;
    width: 100%;
    min-height: calc(100vh - 54px - 260px - 112px);
}

.typeTitle_fs {
    font-size: 20px;
    line-height: 30px;
    margin: 23px 0 13px;
}

.footCont .pt_tap a {
    margin-bottom: 0px;
}

.footCont .footCont_title_con {
    border-bottom: 1px solid #eee;
}

.footCont .p_card_con {
    margin-top: 14px;
}

.footCont .p_card {
    width: 24%;
}

    .footCont .p_card:nth-child(4n) {
        margin-right: 0px;
    }
/*.footCont .p_card:nth-child(5n){margin-right:0.8%;}*/

.jdxt_con {
    margin-top: 60px;
    background: #e5e5e5;
    overflow: auto;
}
/*height: calc(100vh - 60px - 112px);*/
.jdxt_Top {
    background: url('../images/NewPractical/DetailBG.png') center no-repeat;
    background-size: cover;
    height: 311px;
}

.pd_nav {
    margin: 0 auto;
    width: 1200px;
    padding: 18px 28px 0;
    color: #999;
}

    .pd_nav a {
        color: #999;
    }

.jdxt_Top_con {
    margin: 0 auto;
    width: 1600px;
    padding: 18px 28px;
    display: flex;
    border: 0px solid red;
}

.jdxt_Top_img {
    width: 402px;
    height: 242px;
    border-radius: 4px; /*overflow:hidden;*/
    margin-left: 172px;
    border: 0px solid red;
}

    .jdxt_Top_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
    }

.jdxt_Top_info {
    margin-left: 30px;
    border: 0px solid red;
    height: 240px;
}

.jdxt_Top_Title {
    border: 0px solid red;
    font-size: 24px;
    float: left;
}

.headline {
    border: 0px solid red;
}

.jdxt_Top_info p {
    color: #fff;
}

.jdxt_Top_info button {
    margin-top: 25px;
    border: 0px solid red;
}

.jdxt_Top_tag_con {
    margin: 10px 0;
}

.FS_bigtitle2 {
    font-size: 20px;
    line-height: 30px;
}

.jdxt_con .outsideBG {
    width: 1200px;
    float: unset;
    margin: 20px auto;
    background: none;
    min-height: calc(100% - 300px);
    height: auto;
    border: 1px solid red;
}

.p_title_hr {
    border-bottom: 1px solid #eee;
    height: 40px;
    line-height: 40px;
}

    .p_title_hr span {
        border-bottom: 2px solid #f24540;
    }



.CoverTitle {
    border: 0px solid red;
    height: 34px;
}

.type {
    border: 0px solid red;
    background-color: #0276FF;
    width: 36px;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 7px;
    float: left;
}

    .type span {
        color: #FFFFFF;
        padding-left: 3px;
    }

.knowledgepoint {
    /*margin-top: 20px;*/
    border: 0px solid #007ACC;
    height: 20px;
    margin-top: 12px;
}

.TmdDiv1 {
    border: 0px solid red;
    width: 60px;
    height: 18px;
    color: #FFFFFF;
    padding-left: 8px;
    border-radius: 4px;
    margin-left: -9px;
    /*font-size:12px;*/
}

.knowledgepointOne {
    border: 1px solid #FFFFFF;
    width: 60px;
    height: 18px;
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    float: left;
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 8px;
}

.knowledgepointTwo {
    border: 1px solid #FFFFFF;
    width: 60px;
    height: 18px;
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    float: left;
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0.9;
    padding-left: 8px;
    margin-left: 10px;
}

.knowledgepointThree {
    border: 1px solid #FFFFFF;
    width: 60px;
    height: 18px;
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    float: left;
    color: #FFFFFF;
    opacity: 0.9;
    font-size: 12px;
    padding-left: 8px;
    margin-left: 10px;
}

.JianJierequire {
    border: 0px solid #007ACC;
    margin-top: 10px;
    height: 107px;
}

.JianJie {
    border: 0px solid red;
    margin-top: 0px;
    /*height: 45px;*/
    width: 846px;
    /*根据y轴滚动*/
    overflow-y: scroll;
    overflow-x: hidden;
    /*overflow: hidden;*/
}

.JianJieText {
    opacity: 0.9;
    font-size: 14px;
}

.require {
    border: 0px solid red;
    width: 846px;
    height: 60px;
    min-height: 45px;
    margin-top: 3px;
    opacity: 0.5;
    overflow: hidden;
    /*height:50px;*/
}

    .require span {
        color: #FFFFFF;
        font-size: 12px;
    }

.practice {
    border: 0px solid #FFFFFF;
    width: 330px;
    font-family: 'PingFang SC';
}

.shijianduixiang {
    border: 0px solid red;
    width: 330px;
    height: 40px;
    /*根据y轴滚动*/
    overflow-y: scroll;
    overflow-x: hidden;
}

.Duixiang {
    border: 0px solid #FFFFFF;
    width: 318px;
    height: 60px;
    float: left;
    margin-top: -21px;
    margin-left: 100px;
    /*根据y轴滚动*/
    overflow-y: scroll;
    overflow-x: hidden;
    /*overflow: hidden;*/
}

.BaoMing {
    border: 0px solid #FFFFFF;
    width: 330px;
    margin-top: 5px;
    float: left;
    font-family: 'PingFang SC';
}

.Renshu {
    border: 0px solid #007ACC;
    width: 378px;
    margin-left: 430px;
    margin-top: 5px;
    font-family: 'PingFang SC';
}

    .Renshu span {
        color: #FFFFFF;
        font-size: 12px;
        opacity: 0.5;
    }

.layui-btn {
}
/*实践课详情页-内容简介*/
.js_centent_top {
    position: relative;
    padding: 10px 0;
    margin-left: 0px;
}

.js_content_top_info {
    width: 100%;
    border-radius: 4px;
    background: linear-gradient(180deg, #F7F8F9 0%, rgba(247, 248, 249, 0) 100%);
    padding: 27px 16px;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.js_centent_top .commaIcon_left {
    position: absolute;
    top: 16px;
    left: 16px;
}

.js_centent_top .commaIcon_right {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.js_centent_title_fs {
    margin-top: 16px;
    font-size: 16px;
    line-height: 56px;
}

.js_margin_ten {
    margin-bottom: 10px;
}

.jsc_DataCard {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    flex-wrap: wrap;
}

    .jsc_DataCard .Q_card_remark {
        margin-bottom: 16px;
        width: calc(50% - 48px);
        height: 60px;
        line-height: 60px;
        border: 1px solid #EEEEEE;
        border-radius: 6px;
        padding: 0 20px;
    }

        .jsc_DataCard .Q_card_remark:last-child {
            margin-bottom: 0px;
        }
/*.jsc_DataCard .Q_card_remark span{color:#262626;}*/
.jsc_accomplish_where {
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    display: flex;
    width: 100%;
    height: 74px;
}

    .jsc_accomplish_where hr {
        width: 1px;
        height: 16px;
        background: #EEEEEE;
        border-radius: 6px;
        margin: auto 0;
    }

    .jsc_accomplish_where > span {
        width: 45.5%;
        font-size: 12px;
        line-height: 74px;
        padding-left: 32px;
    }

        .jsc_accomplish_where > span span {
            color: #f24540;
            font-size: 14px;
        }

.dcicon1 {
    background: url('../images/NewPractical/dcicon_1.png');
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
}

.dcicon2 {
    background: url('../images/NewPractical/dcicon_2.png');
    width: 16px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
}

.dcicon3 {
    background: url('../images/NewPractical/dcicon_3.png');
    width: 20px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
}

.TeaInfoCon {
    display: flex;
    height: 80px;
}

    .TeaInfoCon > img {
        margin: auto 0;
    }

    .TeaInfoCon > div {
        height: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto 0 auto 16px;
    }

        .TeaInfoCon > div p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 4px;
        }

.stuRemarkCon p {
    margin-bottom: 12px;
}

/*实践课详情页-公告*/
.p_noticeCon {
    margin-top: 18px;
}

.p_noticeCard {
    padding: 20px 16px;
    border-bottom: 1px solid #eee;
}

.p_noticeCard_user {
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
}

    .p_noticeCard_user span:first-child {
        margin: 0 8px;
    }

/*其他实践课*/
.recommendR li {
    display: flex;
    margin-bottom: 20px;
}

    .recommendR li img {
        width: 96px;
        height: 54px;
        overflow: hidden;
        border-radius: 4px;
    }

    .recommendR li .recommendInfo {
        margin-left: 16px;
        width: calc(100% - 96px - 16px);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

        .recommendR li .recommendInfo span {
            width: 100%;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: #666;
        }

.js_r_Date {
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

.js_r_title {
    font-size: 20px;
    line-height: 30px;
    margin: 35px 0 13px;
    color: #000;
}

.js_r_content_con {
    padding-bottom: 20px;
    border-bottom: 2px dashed #eee;
}

.js_r_titleFile {
    font-size: 14px;
    line-height: 56px;
}

.js_r_content {
    font-size: 14px;
    line-height: 28px;
}

.js_r_fileCard {
    background: #F7F8F9;
    border-radius: 4px;
    width: 100%;
    height: 64px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    line-height: 64px;
    margin-bottom: 16px;
}

.look {
    display: none
}

.js_r_fileCard:hover .look {
    display: inline-block
}

.js_r_fileCard > div {
    display: flex;
}

    .js_r_fileCard > div .p_fileIcon {
        margin: auto 12px auto 0;
    }

    .js_r_fileCard > div a {
        margin-left: 30px;
        cursor: pointer;
    }

        .js_r_fileCard > div a.down_text:hover {
            color: #f24540;
        }

.down_text {
    color: #f24540;
}

.jdxt_con .layui-tab-content {
    padding: 12px 0 0;
}

.js_t_card_con {
    margin-top: 12px;
}

    .js_t_card_con .r_talk_card {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 16px;
    }

        .js_r_fileCard:last-child, .js_t_card_con .r_talk_card:last-child {
            margin-bottom: 0px;
        }

.js_t_common {
    overflow: hidden;
    padding: 16px;
}

    .js_t_common textarea {
        width: 100%;
        height: 110px;
        border: none;
        resize: none;
    }

#talkDetail .r_talk_card {
    width: 100%;
    height: auto;
    min-height: 126px;
}

    #talkDetail .r_talk_card .r_card_remark {
        white-space: break-spaces;
    }

.js_common_card {
    padding: 20px 16px;
    display: flex;
}

.js_common_card_info {
    margin-left: 10px;
    width: calc(100% - 46px);
}

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

.js_common_card_avatar {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    overflow: hidden;
}

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

.js_common_card_name {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}

.js_common_card_com {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 8px 0 10px;
}

.js_common_card_name span {
    color: #999;
}

.js_common_card_opera a {
    cursor: pointer;
}

.js_common_card_opera .reply:hover {
    color: #f24540;
}

.js_common_card_opera a.p_card_userinfo {
    margin-left: 20px;
}

.MsgBox {
    width: 450px;
    height: 166px;
    border-radius: 4px;
}

.p_msg_title {
    margin-top: 10px;
    line-height: 50px;
    padding: 0 16px;
    display: flex;
    font-size: 18px;
}

.p_msg_content {
    padding-left: 35px;
}

.MsgBox_form {
    width: 450px;
    height: auto;
}

.MsgBox_talkform {
    width: 960px;
    height: auto
}

.ReplyTe {
    float: left;
    box-sizing: border-box;
    height: 24px;
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    resize: none;
    line-height: 24px;
    padding: 0;
    transition: all 0.5s;
    width: 94%;
}

.replyBtn {
    float: right;
    display: block;
    width: 60px;
    background: none;
    color: #F00808;
    font-size: 14px;
    outline: none;
    margin-top: 11px;
    height: 26px;
    border: 1px solid #F00808;
    border-radius: 13px;
}


.panImgCard_con {
    max-height: 372px;
    overflow: auto;
}

.panImgCard {
    background: #F7F8F9;
    border-radius: 4px;
    width: 276px;
    height: 98px;
    padding: 14px;
    float: left;
    margin: 0 20px 20px 0;
}

    .panImgCard .panImgCard_img {
        width: 70px;
        height: 70px;
        object-fit: cover;
        margin-right: 12px;
    }

.panImgCard_info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    float: right;
    height: 100%;
    width: calc(100% - 70px - 14px);
}

.panImgCard:nth-child(3n) {
    margin-right: 0px;
}

.panImgCard_opera button {
    width: 16px;
    height: 16px;
    margin-right: 16px;
    border: none;
}

.ci_rename {
    background: url('../images/NewPractical/ci_rename.png') center no-repeat;
}

.ci_preview {
    background: url('../images/NewPractical/ci_preview.png') center no-repeat;
}

.ci_delete {
    background: url('../images/NewPractical/ci_delete.png') center no-repeat;
}

.panImgAddCard {
    background: #fff;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
}

.add_icon {
    width: 16px;
    height: 16px;
    margin: auto;
}

.panImgAddCard p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 4px;
    color: #999;
}

/*表格-单选样式*/
.resourceBank .layui-table-cell {
    height: 60px;
    line-height: 60px;
}
/*.resourceBank .layui-form-radio {width: 100%;height: 100%;}
.resourceBank .layui-form-radio i {top: 0;width: 100%;height: 100%;line-height: 16px;border: 1px solid #fff;font-size: 12px;border-radius: 2px;color: #fff !important;
    background-color: #fff !important;transition: all .3s;}
.resourceBank .layui-form-radioed i, .resourceBank tr:hover .layui-form-radio i {position: relative;width: 100%;height: 100%;border-style: solid;
    background-color: #f2f2f2 !important;color: #f2f2f2 !important;border-color: #f2f2f2 !important;}*/
/* 使用伪类画选中的对号 */
/*.resourceBank .layui-form-radioed i::after, .resourceBank .layui-form-radioed i::before {content: "";position: absolute;top: 47%;left: 53%;display: block;width: 12px;
    height: 2px;border-radius: 4px;background-color: #f24540;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.resourceBank .layui-form-radioed i::before {position: absolute;top: 50%;left: 50%;width: 7px;transform: rotate(-135deg);}*/

/*tooltip悬浮样式*/
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=1);
    opacity: 1
}

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #7c7c7d;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #7c7c7d
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #7c7c7d
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #7c7c7d
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #7c7c7d
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #7c7c7d
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #7c7c7d
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #7c7c7d
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #7c7c7d
}

.stu_dynamic .pt_li_left {
    width: 100%;
}

p.Tea_Login {
    background: none;
    color: #999;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}

    p.Tea_Login:hover {
        color: #F00808;
        background: none;
    }

.ckzx p {
    line-height: 1;
}

/*创建实践-修改表单默认样式*/
.layui-carousel > [carousel-item] > .layui-carousel-next, .layui-carousel > [carousel-item] > .layui-carousel-prev, .layui-carousel > [carousel-item] > .layui-this {
    display: contents !important;
}

.inputBtn {
    background: #F7F8F9;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
}

    .inputBtn p {
        color: #666;
        width: 77%;
    }

    .inputBtn span {
        cursor: pointer;
        color: #F24540;
    }


.PaperCon {
    border-bottom: 1px solid #eee;
    display: flex;
}

.paperType {
    width: 300px;
    border-right: 1px solid #eee;
    padding: 14px 20px;
    overflow: hidden;
    border: 0px solid red;
}

    .paperType p {
        line-height: 44px;
    }

.paperFile {
    background: url('../images/UserManager/paperFile.png') center no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -3px;
}

.star {
    background: url('../images/UserManager/star.png') center no-repeat;
    width: 12px;
    height: 11px;
    display: inline-block;
    margin-right: 6px;
}

.paperType ul {
    height: calc(100% - 60px);
    overflow: auto;
}

    .paperType ul li {
        width: calc(100% - 52px);
        line-height: 44px;
        padding: 0 26px;
        cursor: pointer;
    }

        .paperType ul li.on1 {
            color: #f24540;
            background: #f7f8f9;
        }

            .paperType ul li.on1 i.star {
                background: url('../images/UserManager/starCurr.png') center no-repeat;
            }

.paperInfo {
    padding: 14px 20px;
    width: calc(100% - 300px);
    border: 0px solid #007ACC;
}

.q_Opera {
    border: 0px solid red;
}

.p_table .layui-table-page .layui-laypage {
    float: right;
}

.paperInfoSmall .layui-table-cell {
    padding: 0 5px !important;
}

.paperTypeTest {
    width: 200px;
    border-right: 1px solid #eee;
    padding: 14px 20px;
    overflow: hidden;
}

    .paperTypeTest p {
        line-height: 44px;
    }


    .paperTypeTest ul {
        height: calc(100% - 60px);
        overflow: auto;
    }

        .paperTypeTest ul li {
            width: calc(100% - 52px);
            line-height: 44px;
            padding-left: 20px;
            cursor: pointer;
        }

            .paperTypeTest ul li.on1 {
                color: #f24540;
                background: #f7f8f9;
            }

                .paperTypeTest ul li.on1 i.star {
                    background: url('../images/UserManager/starCurr.png') center no-repeat;
                }

/*搜索框带图标*/
.searchCon {
    width: 100%;
    height: 34px !important;
    line-height: 34px !important;
    position: relative;
    border-radius: 4px !important;
}

.search {
    background: url('../images/UserManager/search.png') center no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.searchCon input {
    width: calc(100% - 28px);
    position: absolute;
    right: 0px;
    height: 32px;
    border: none;
    color: #999;
}

.searchBtnCon {
    display: inline-flex;
}

    .searchBtnCon button {
        margin-left: 6px;
    }

.ResourceTitle {
    margin-bottom: 28px;
}

    .ResourceTitle input {
        width: 200px;
        display: inline-block;
        height: 32px;
        line-height: 32px;
    }

#selectA {
    position: relative;
}

    #selectA dl {
        position: absolute;
        top: 20px;
        background: #FFF;
        border: 1px solid #EEEEEE;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        width: 104px;
        text-align: center;
        z-index: 2;
        right: 0px;
    }

    #selectA dt {
        line-height: 40px;
        color: #666;
    }

        #selectA dt:hover {
            background: #f7f8f9;
        }

#selectB {
    position: relative;
}

    #selectB dl {
        position: absolute;
        top: 20px;
        background: #FFF;
        border: 1px solid #EEEEEE;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        width: 104px;
        text-align: center;
        z-index: 2;
        right: 0px;
    }

    #selectB dt {
        line-height: 40px;
        color: #666;
    }

        #selectB dt:hover {
            background: #f7f8f9;
        }

/*试题分析-手风琴默认样式修改*/
.QuestionCollapse .layui-colla-title {
    justify-content: space-between;
    background: #F7F8F9;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-radius: 4px 4px 0 0;
}

    .QuestionCollapse .layui-colla-title > span {
        color: #666;
    }

    .QuestionCollapse .layui-colla-title .qtitle {
        display: none;
    }

.QuestionCollapse .layui-colla-icon {
    right: 15px;
    left: unset;
}

.progressQuestion {
    height: 50px;
    position: absolute;
    right: 31px;
    top: 0px;
    width: 190px;
    display: flex;
}

    .progressQuestion .layui-progress {
        width: 100px;
        margin: auto 5px;
    }

.QuestionCollapse .layui-colla-content {
    background: #f7f8f9;
    border: none !important;
    border-radius: 0 0 4px 4px;
    padding: 0px 20px;
}

.QuestionCollapse .option {
    display: inline-block;
}

    .QuestionCollapse .option p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 14px;
    }

    .QuestionCollapse .option span.FC_gray {
        margin: 0 10px;
    }

.manuscriptIframe {
    height: calc(100vh - 120px) !important;
    padding: 40px;
    border-radius: 10px;
    background: #f7f8f9 !important;
}

.DetailsBG {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 41px;
}

.VD_Con {
    background: #E3E3FF url('../images/UserManager/videoBG.png') center no-repeat;
}

.TD_Con {
    background: #FFE5E3 url('../images/UserManager/textBG.png') center no-repeat;
}

.d_play {
    background: url('../images/UserManager/d_play.png') center no-repeat;
    width: 9px;
    height: 11px;
    display: inline-block;
    margin-right: 4px;
}

.DetailsBG .tag {
    margin-left: 10px;
}

.ManuInfo {
    position: absolute;
    top: 90px;
    left: 40px;
    background: #fff;
    width: calc(100% - 80px);
    height: calc(100% - 110px);
    overflow: auto;
    z-index: 2;
    padding: 0 20px;
    border-radius: 4px;
}

.contentsInfo {
    font-size: 14px;
    line-height: 36px;
    color: #666;
    margin-bottom: 20px;
}

.m_datailOpera {
    display: flex;
    height: 56px;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    justify-content: space-between;
}

    .m_datailOpera div, .m_datailOpera span {
        color: #666;
        line-height: 56px;
    }

    .m_datailOpera .layui-select-title, .q_Opera .layui-select-title {
        margin-top: 9px;
        width: 94px;
        border: 1px solid #EEEEEE;
        border-radius: 4px;
    }

    .m_datailOpera input, .q_Opera input {
        background: #F9F9F9;
    }

.q_Opera {
    display: inline-flex;
}

    .q_Opera .layui-select-title {
        width: 108px;
        height: 32px;
        line-height: 32px;
        margin-top: -9px;
        display: table-caption;
    }

    .q_Opera input {
        height: 32px;
        line-height: 32px;
        color: #999;
    }

    .q_Opera .layui-form-select {
        margin-right: 16px;
    }

.layui-colla-th {
    height: 44px;
    line-height: 44px;
    background: #f7f8f9;
    border-bottom: 1px solid #eee;
}

.qc_title {
    width: 30%;
    margin-left: 8%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qc_time {
    width: 30%
}

.qc_type {
    width: 15%
}

.qc_opera {
    width: 15%
}

.layui-colla-th span {
    float: left;
    color: #666;
}

.questionClass .layui-colla-title > span {
    display: inline-block;
    float: left;
}

.questionClass .layui-colla-title {
    padding: 0px !important;
    background: #fff;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
}

.qc_opera span {
    cursor: pointer;
}

.qc_opera span, .layui-colla-item .qc_opera {
    color: #F24540;
}

.questionClass .layui-colla-icon {
    color: #aaa;
}

.questionClass div.layui-colla-item {
    border-bottom: 1px solid #eee !important;
}

.questionClass .layui-colla-content.layui-show {
    border: none;
}

.questionClass .option {
    margin-left: 8%;
}

    .questionClass .option p {
        margin-top: 14px;
    }

        .questionClass .option p:first-child {
            margin-top: 0px;
        }

.overmainInfo {
    width: 1200px;
    background: #fff;
    border-radius: 4px;
    height: 435px;
    margin-top: 14px;
}

.overInfo > img {
    margin: 40px auto 0;
    display: block;
}

.overInfo .FS_bigtitle {
    margin: 14px auto 10px;
}

.sjkxjtitle {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #262626;
}

.sjxjerjtitle {
    font-size: 14px;
    line-height: 20px;
    font-family: 'PingFang SC';
    font-style: normal;
    color: #333333;
    font-weight: bold;
    font-style: normal;
}

.sjxjziyuaninfo {
    min-width: 195px;
    height: 47px;
    background: #F3F8FF;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
}

.sjxjziyuaninfo2 {
    height: 47px;
    background: #F3F8FF;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
}

.mtlf15 {
    margin-left: 15px;
}

.mtlf18 {
    margin-left: 18px;
}

.sjxjfangkuan {
    width: 33%;
    min-width: 384px;
    height: 212px;
    background: #FFFFFF;
    border-radius: 4px;
    float: left;
}
/*#qdjl{
    margin-left:0px;
}*/

.sjkxjnum {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #262626;
}

.zyimgstyle {
    width: 24px;
    height: 24px;
    margin-left: 11px;
    margin-top: 11px;
    float: left;
}

.zyimgdelete {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-top: 11px;
    float: right;
    cursor: pointer;
}

.ziyuantitlelist {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: 'PingFang SC';
}

.ziyuantitlelist2 {
    color: #999999;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    font-family: 'PingFang SC';
}

.ziyuanwjname {
    vertical-align: middle;
    float: left;
    margin-left: 10px;
    min-width: 110px;
    line-height: 20px;
    margin-top: 5px;
}

.shijianmxzsd1 {
    background-color: #F7EEE1;
    color: #F7BA2A;
    padding: 2px 10px;
    margin-right: 10px;
}

.shijianmxzsd2 {
    background-color: #F5DBDB;
    color: #FF494A;
    padding: 2px 10px;
    margin-right: 10px;
}

.shijianmxzsd3 {
    background-color: #E0ECE0;
    color: #14CE66;
    padding: 2px 10px;
    margin-right: 10px;
}

.knowledgepointspan {
    border: 0.5px solid #FFFFFF;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    height: 20px;
    line-height: 20px;
    padding: 2px 10px;
    font-family: 'Source Han Sans SC';
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 10px;
}

.npcwhereinput {
    height: 32px;
    line-height: 32px;
    border: 1px solid #E3E3E3;
    background-color: #fff;
    color: #666666;
    border-radius: 5px;
    width: 160px;
    padding-left: 10px;
    font-size: 14px;
}

.npcsearchdiv {
    width: 260px;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin-left: 20px;
    float: left;
    margin-top: 24px;
}

.npcsearchlabel {
    width: 80px;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
}

.npcsearch {
    width: 88px;
    height: 32px;
    background: #FF494A;
    border-radius: 4px;
    border: 0px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'PingFang SC';
    cursor: pointer;
}

.btnexports {
    width: 88px;
    height: 32px;
    background: #14CE66;
    border-radius: 4px;
    border: 0px;
    line-height: 32px;
    vertical-align: middle;
    margin-right: 35px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'PingFang SC';
    cursor: pointer;
}

.xjwtjiao {
    background: #E3E3E3;
    border-radius: 100px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    font-family: 'Source Han Sans SC';
    font-size: 12px;
    color: #999999;
    width: 60px;
    text-align: center;
    border: 0px;
    vertical-align: middle;
    margin-left: 20px;
    font-weight: 400;
}

.xjytjiao {
    background: #F5DBDB;
    color: #FF494A;
}

.btn_view {
    cursor: pointer;
}

.btn_down {
    margin-top: 10px;
    cursor: pointer;
}

/*遮罩层*/
#screen {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}

/*全景图预览*/
#PanoramaPreview {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 95%;
    z-index: 110;
    background: rgba(0,0,0,0.7);
}

#ppcontainer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 115;
}

.one {
    border: 0px solid #007ACC;
    width: 285px;
    /*min-width: 235px;*/
    height: 255px;
    border-radius: 4px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    cursor: pointer;
    /*box-shadow:0 0 5px rgba(0,0,0,5);*/
}
.one img {
    width: 285px;
    /*min-width: 235px;*/
    height: 160px;
    border-radius: 4px;
}
.onelast {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 4px #aaa;
    max-width: 283px;
    min-width: 235px;
    margin: auto;
    height: 110px;
}

.onetext {
    border: 0px solid #007ACC;
    max-width: 258px;
    min-width: 228px;
    height: 44px;
    margin: auto;
    margin-top: 10px;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .onetext p {
        font-size: 16px;
        color: #262626;
        font-weight: bold;
    }

.principal {
    border: 0px solid #007ACC;
    max-width: 258px;
    min-width: 228px;
    height: 20px;
    margin: auto;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
    .principal p {
        color: #666666;
        font-size:12px;
    }
    .principal span {
        color: #666666;
        font-size: 12px;
    }



.qsk_Tag_Con {
    border: 0px solid red;
    width: 1200px;
    margin-left: 20px;
    margin-top: 20px;
}
.sort {
    border: 0px solid red;
    /*width: 80px;*/
    padding: 0 5px 0 5px;
    line-height: 28px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
}
.shome {
    background-color: #FFF1F1;
    color: #FF494A;
    /*margin-left:20px;*/
}


.zggc_card:hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 282px;
    height: 160px;
    background-color: rgba(0, 0, 0, 0.5); /* 遮盖层的背景颜色，这里使用半透明黑色 */
    /* 其他样式属性，例如透明度、层级等 */
}
.skipimg {
    border: 0px solid #007ACC;
    width: 60px;
    margin: auto;
    margin-top: 70px;
}
.btn_views {
    max-width: 57px;
    min-width: 30px;
    height: 22px;
}
#ppreviewlist {
    width: 100%;
    height: 110px;
    position: absolute;
    z-index: 150;
    bottom: 0;
    margin-bottom: 65px;
}

    #ppreviewlist ul {
        display: flex;
        list-style: none;
        justify-content: space-evenly; /* 横向等距对齐 */
        margin: 0; /* 去除默认 margin */
        padding: 0; /* 去除默认 padding */
    }

        #ppreviewlist ul li {
            width: 100px;
            height: 110px;
            float: left;
            text-align: center;
        }

            #ppreviewlist ul li p {
                width: 100px;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: #ffffff;
                font-size: 12px;
                font-family: 'PingFang SC';
                font-weight: 500;
            }

            #ppreviewlist ul li img {
                width: 80px;
                height: 80px;
                margin: auto;
            }

/*全景视频预览*/
#PanoramaVideoPreview {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 70%;
    height: 80%;
    z-index: 110;
    background: rgba(0,0,0,0.7);
}

/*图片预览*/
#PicturePreview {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    height: 85%;
    z-index: 110;
    background: rgba(0,0,0,0.7);
}

.close_btnicon {
    position: absolute;
    top: 0px;
    right: -30px;
    width: 25px;
    height: 25px;
    z-index: 120;
    cursor: pointer;
    margin: auto;
    text-align: center;
}

    .close_btnicon img {
        width: 24px;
        margin-top: 1px;
        margin-left: 1px;
    }


.closeck_btnicon {
    position: absolute;
    top: 0px;
    right: -30px;
    width: 25px;
    height: 25px;
    z-index: 120;
    cursor: pointer;
    margin: auto;
    text-align: center;
}

    .closeck_btnicon img {
        width: 24px;
        margin-top: 1px;
        margin-left: 1px;
    }

.SchoolBanner-div {
    border: 0px solid red;
    width: 1200px;
    height: 360px;
    margin: auto;
}
/*四史天天讲*/
.SchoolBGs {
    border: 0px solid red;
    width: 1200px;
    /*height:805px;*/
    margin: auto;
    background-color: #FFFFFF;
}
.onelast {
    border: 1px solid #FFFFFF;
    height:95px;
}
.markedness{
    font-size:18px;
    font-weight:bold;
}
.fourlist {
    border: 0px solid red;
    width: 1230px;
    /*height: 672px;*/
    margin-left: -21px;
    margin-top: -41px;
    margin-bottom:20px;
    overflow-y: scroll;
}
.midair {
    line-height: 20px;
    position: absolute;
    margin: 50px 0 0 186px;
    border-radius: 6px;
    display: none;
}
.secondLevel {
    cursor: pointer;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
}