.page-body {
    background: #f3f3f9a6;
}
.teacher-page-content {
    width: 1440px;
    margin: 0 auto;
    position: relative;
}
.page-breadcrumbs {
    padding: 20px 0 25px;
}
.page-breadcrumbs a, .page-breadcrumbs{
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #909090;
    letter-spacing: 0;
    line-height: 22px;
}
.teacher-main-info {
    border-radius: 10px 10px 0 0;
    background: #FFFFFF url('/pc/images/2025/resource/img_bg_home_teacher@2x.png') no-repeat;
    background-size: 100% auto;
    padding-bottom: 8px;
}
.teacher-info {
    display: flex;
    padding: 102px 118px 64px 118px;
    margin-bottom: 30px;
}
.teacher-img-wrap {
    position: relative;
    width: 290px;
    height: 468px;
    padding: 18px;
    background: #FFFFFF;
    box-shadow: 0 0 22px 0 #00000024;
    box-sizing: border-box;
}

.teacher-img-wrap img {
    width: 257px;
    height: 370px;
}
.teacher-info-right {
    margin-left: 68px;
    padding-top: 50px;
}
.teacher-name {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 40px;
    color: #000000;
    letter-spacing: 0;
    line-height: 56px;
}
.motto {
    margin-top: 31px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 22px;
    color: #000000a6;
    letter-spacing: 0;
    line-height: 32px;
    padding-bottom: 36px;
    text-indent: 60px;
    position: relative;
}
.motto::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: -7px;
    width: 41px;
    height: 35px;
    background: url('/pc/images/2025/resource/bg_inverted@2x.png') no-repeat;
    background-size: 100% 100%;
}
.motto::after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52px;
    height: 6px;
    background: #FF7236;
}
.teacher-desc {
    margin-top: 32px;
    color: #000000cc;
    font-size: 18px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: justify;
}

.teacher-list {
    position: relative;
    height: 236px;
    background: url('/pc/images/2025/resource/img_bg_slide_teacher@2x.png') no-repeat;
    background-size: 100% 100%;
    padding: 24px 282px;
    box-sizing: border-box;
}
.teacher-list::before {
    content: ' ';
    position: absolute;
    width: 43px;
    height: 42px;
    left: 50%;
    top: -64px;
    transform: translateX(-50%);
    background: url('/pc/images/2025/resource/img_arrow_upward@2x.png') no-repeat;
    background-size: 100% 100%;
}
.teacher-list-swiper {
    overflow: hidden;
}
.teacher-list-swiper .swiper-slide {
    width: 188px;
}
.teacher-item {
    width: 188px;
    height: 188px;
}
.teacher-item img {
    margin: 28px auto 14px;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    display: block;
    margin-bottom: 14px;
    object-fit: cover;
}
.teacher-item span {
    display: block;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 17px;
    color: #000000cc;
    letter-spacing: 0;
    line-height: 18px;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.teacher-item.active {
    border: 1px dashed #FF963D;
    border-radius: 50%;
}
.teacher-item.active img {
    width: 154px;
    height: 154px;
    border: 10px solid #FFFFFF;
    margin: 6px;
    box-shadow: inset 0 2px 3px 0 #f5e1ce80;
}
.teacher-item.active span {
    display: none;
}
.teacher-swiper-button-next {
    right: 188px;
}
.teacher-swiper-button-prev {
    left: 188px;
}
.teacher-swiper-button-next, .teacher-swiper-button-prev {
    width: 54px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #F6F6F6;
    box-shadow: 0 5px 12px 0 #00000012;
}
.teacher-swiper-button-next::after {
    content: ' ';
    width: 13px;
    height: 23px;
    background: url('/pc/images/2025/resource/btn_next_normal.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.teacher-swiper-button-prev::after {
    content: ' ';
    width: 13px;
    height: 23px;
    background: url('/pc/images/2025/resource/btn_pre1_pressed.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.teacher-swiper-button-next:hover, .teacher-swiper-button-prev:hover {
    background: linear-gradient(137deg, #FFC14C 0%, #FF7136 100%);
    box-shadow: 0 4px 14px 0 #f54c234a;
}
.teacher-swiper-button-next:hover::after {
    background: url('/pc/images/2025/resource/btn_next_pressed.png') no-repeat;
    background-size: 100% 100%;
}
.teacher-swiper-button-prev:hover::after {
    background: url('/pc/images/2025/resource/btn_pre1_normal.png') no-repeat;
    background-size: 100% 100%;
}

.news-content-wrap {
    background: #FFFFFF;
    border-radius: 12px 12px 0 0;
    padding: 66px 220px 0;
}
.news-title {
    font-family: PingFangSC-SNaNpxibold;
    font-weight: 600;
    font-size: 40px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 60px;
    margin-bottom: 32px;
    text-align: center;
}
.news-publish-time {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #000000cc;
    letter-spacing: 0;
    line-height: 20px;
}
.news-file-list {
    margin-top: 66px;
    padding: 28px 34px 30px 46px;
    background: #F7F7FB;
}
.news-file-item {
    display: flex;
}
.news-file-item + .news-file-item {
    margin-top: 47px;
}
.news-file-item img {
    width: 43px;
    height: 34px;
    margin-right: 14px;
}
.news-file-item .file-name {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    line-height: 25px;
    flex: 1;
}
.news-file-item .file-btn {
    display: block;
    width: 90px;
    height: 28px;
    text-align: center;
    font-family: PingFangSC-SNaNpxibold;
    font-weight: 400;
    font-size: 18px;
    color: #FF7737;
    letter-spacing: 0;
    line-height: 28px;
}

.news_article_content{
    margin-top: 36px;
	font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #000000cc;
    letter-spacing: 0;
    text-align: justify;
    line-height: 36px;
	clear:both;
}
.news_article_content div[data-w-e-type^=video]{
	text-align:center;
}
.news_article_content .img{
    width: 100%;
    text-align: center;
    position: relative;
}
.news_article_content .img img{width:100%;height:800px;}
.news_article_content .img p{
	position:absolute;
	bottom:0;
	width:100%;
	height:95px;
	line-height:95px;
	padding: 0;
	margin: 0;
	font-size: 28px;
	color: #FFFFFF;
	letter-spacing: 0;
	transform: scaleX(1);
	background-image: linear-gradient(180deg, #00000066 0%, #0000008f 100%);
}
.news_article_content .img p:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 45px;
    background: url(../images/btn_pre_default_view.svg) right no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 10px;
}
.news_article_content p {
    padding: 16px 0;
    word-break: break-word;
    width: 100%;
}
.news_article_content p img{width:auto;height:auto;max-width: 100%;}
.news_article_content .content {
    padding-top: 30px;
    background: rgba(218, 204, 177, 0.175);
}

.detail_article_content .content div p{
	/* text-indent:48px; */
    clear: both;
}
.detail_article_content .content div.day p{
	text-indent:0!important;
    clear: both;
}

.base-main-info {
    border-radius: 12px 12px 0 0;
    background: #FFFFFF url('/pc/images/2025/resource/bg_map@2x.png') no-repeat;
    background-size: 100%;
    padding: 52px 18px 88px 188px;
}
.base-info {
    min-height: 974px;
    padding: 281px 138px 371px 106px;
    box-sizing: border-box;
    position: relative;
}
.base-info-bg {
    position: absolute;
    left: 0;
    top: 408px;
    bottom: 385px;
    width: 1182px;
    background: url('/pc/images/2025/resource/bg_card_m@2x.png') repeat-y;
    background-size: 100%;
}
.base-info .base-title {
    position: relative;
    z-index: 2;
    font-family: PingFangSC-SNaNpxibold;
    font-weight: 600;
    font-size: 40px;
    color: #421F00;
    letter-spacing: 0;
    text-align: center;
    line-height: 60px;
}
.base-info .news_article_content {
    position: relative;
    z-index: 2;
}
.base-info::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    background: url('/pc/images/2025/resource/bg_card_head@2x.png') no-repeat;
    background-size: 100%;
    width: 100%;
    height: 409px;
}
.base-info::after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('/pc/images/2025/resource/bg_card_food@2x.png') no-repeat;
    background-size: 100%;
    width: 1182px;
    height: 386px;
}
.base-info .base-decoration1 {
    position: absolute;
    width: 103.5px;
    height: 95.5px;
    left: 0;
    top: 45%;
    transform: translate(-57%, -50%);
}
.base-info .base-decoration2 {
    position: absolute;
    width: 259.5px;
    height: 191px;
    left: -171px;
    bottom: 230px;
    z-index: 10;
}
.base-info .base-decoration3 {
    position: absolute;
    width: 56px;
    height: 56px;
    right: 42px;
    top: 50%;
    transform: translateY(-50%);
}
/* 评论相关 */
.btnContain{
    width: 100px;
    height: 341px;
    background: #FFFFFF;
    box-shadow: 0 2px 18px 0 #00000014;
    border-radius: 50px;
    position: absolute;
    top: 223px;
    left: -50px;
    z-index: 1000;
}
.btnContain .btnPng_1{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 26px;
    left: 27.5px;
    cursor: pointer;
}
.btnContain .btnPng_2{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 133px;
    left: 27.5px;
    cursor: pointer;
}
.btnContain .btnPng_3{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 240px;
    left: 27.5px;
    cursor: pointer;
}
.btnContain .btnNum_1{
    width: 100%;
    height: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #000000cc;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    top: 79px;
    box-sizing: border-box;
}
.btnContain .btnNum_2{
    width: 100%;
    height: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #000000cc;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    top: 186px;
    box-sizing: border-box;
}
.btnContain .btnNum_3{
    width: 100%;
    height: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #000000cc;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    top: 293px;
    box-sizing: border-box;
}
.commentMask{
    width: 454px;
    background: #FFFFFF;
    box-shadow: 0 2px 20px 0 #0000001a;
    border-radius: 12px 0 0 12px;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 67px;
    display: none;
}
.commentMask .maskTitle{
    width: 100%;
    height: 67px;
    border-bottom: 1px solid #0000001a;
    position: absolute;
    top: 0;
    left: 0;

}
.commentMask .maskContent{
    padding-right: 29px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding-bottom: 24px;
}
.commentMask .maskContent .comment_post{
    width: 100%;
    height: 114px;
    margin-top: 20px;
    position: relative;
}
.commentMask .maskContent .div_headers{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    left: 25px;
}
.commentMask .maskContent .div_headers img{
    width: 100%;
    height: 100%;
}
.commentMask .maskContent .comment_no_login{
    width: 335px;
    height: 97px;
    background: #F7F7FB;
    border-radius: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center
}
.commentMask .maskContent .comment_no_login span{
    font-weight: 400;
    font-size: 18px;
    color: #000000cc;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
}
.commentMask .maskContent .comment_input{
    font-family: PingFangSC-Regular;
    width: 335px;
    height: 97px;
    background: #F7F7FB;
    border-radius: 12px;
    color: #000000;
    font-size: 16px;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    border: none;
    padding-right: 56px;
}
.commentMask .maskContent .comment_commit{
    width: 72px;
    height: 40px;
    background: #FF7737;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    position: absolute;
    right: 8px;
    top: 49px;
    cursor: pointer;
    z-index: 20;
    text-align: center;
    line-height: 40px;
}

.commentMask .maskTitle .comment_png{
    width: 76px;
    height: 43px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.commentMask .maskTitle .comment_num_show{
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
}
.commentMask .maskTitle .comment_close{
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    cursor: pointer;
}

.commentMask .item_comment_input{
    font-family: SourceHanSerifCN-SNaNpxiBold;
    width: 335px;
    height: 97px;
    background: #F7F7FB;
    border-radius: 12px;
    color: #000000;
    font-size: 16px;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    border: none;
    padding-right: 154px;
}

.commentMask .item_comment_commit{
    width: 72px;
    height: 40px;
    background: #FF7737;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    position: absolute;
    right: 8px;
    top: 49px;
    cursor: pointer;
    z-index: 20;
    text-align: center;
    line-height: 40px;
}
.commentMask .item_name_show{
    width: 80%;
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.commentMask .item_content_show{
    width: 100%;
    height: auto;
    font-weight: 400;
    font-size: 18px;
    color: #000000d9;
    letter-spacing: 0;
    text-align: justify;
    line-height: 26px;
    box-sizing: border-box;

    margin-top: 20px;
    word-wrap: break-word
}

.commentMask .item_back_info{
    width: 100%;
    height: auto;
    background: #F7F7FB;
    box-sizing: border-box;
    padding: 18px 29px 16px 57px;
    position: relative;
    margin-top: 24px;
    border-radius: 0
}
.commentMask .item_back_text{
    width: 152.43px;
    height: 22px;
    font-family: SourceHanSerifCN-SNaNpxiBold;
    font-weight: 600;
    font-size: 16px;
    color: #B3B3B3;
    text-align: right;
    position: absolute;
    top: 21px;
    right: 15px;
    cursor: pointer;
}
.commentMask .item_back_line{
    width: 3px;
    height: 100%;
    background: #00000014;
    position: absolute;
    top: 0;
    left: 0;
}
.commentMask .item_back_title{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
}
.commentMask .item_back_date{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    margin-top: 20px;
}
.commentMask .item_back_content{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #000000d9;
    letter-spacing: 0;
    text-align: justify;
    line-height: 26px;
    margin-top: 24px;
}
.commentMask .item_img{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    left: 25px;
}
.commentMask .item_img_b{
    width: 35px;
    height: 35px;
    position: absolute;
    top: 11px;
    left: 14px;
}
.commentMask .item_dz_show{
    width: 20%;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* 整个滚动条 */
.maskContent::-webkit-scrollbar {
    width: 8px; /* 滚动条的宽度 */
    height: 12px; /* 滚动条的高度 */
}
 
/* 滚动条上的滚动滑块 */
.maskContent::-webkit-scrollbar-thumb {
    background-color: darkgrey; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
    border: 1px solid darkgrey; /* 滑块边框 */
}
 
/* 滚动条轨道 */
.maskContent::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}

.comment-wrap {
    width: 1440px;
    background-color: #FFFFFF;
    margin: 0 auto;
    padding-top: 60px;
    margin-bottom: 60px;
    
    background-size: 100%;
    position: relative;
    overflow: hidden;
    z-index: 2;
}


.comment_contain{
    width: 1000px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 118px 0;
    position: relative;
    z-index: 2;
}

.comment_title{
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
}

.comment_title .redLine{
    width: 93%;
    height: 1px;
    border-bottom: 1px solid #FF7737;
    position: absolute;
    bottom: 4px;
    left: 20px;
}

.comment_num{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.comment_png{
    width: 76px;
    height: 43px;
}
.comment_z{
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
}
.comment_red{
    width: 3px;
    height: 20px;
    background: #FF7737;
}
.comment_text{
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px;
    margin-left: 6px;
}
.comment_num_show{
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    margin-left: 30px;
}
.comment_type{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.comment_type_item_line{
    width: 1px;
    height: 17px;
    background-color: #E0E0E0;
    margin-left: 14px;
}
.comment_type_item{
    font-weight: 600;
    font-size: 16px;
    color: #B3B3B3;
    line-height: 23px;
    margin-left: 14px;
    cursor: pointer;
}
.comment_type_item_active{
    color: #C44826;
}

.comment_post{
    width: 100%;
    height: 130px;
    margin-top: 36px;
    position: relative;
}
.textarea-back{
    width: 1020px;
    height: 133px;
    background: rgba(218, 204, 177);
    opacity: 0.18;
    border-radius: 0px;
    box-shadow: inset 0 1px 3px 0 #886121;
    color: #000000;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.comment_no_login{
    width: 913px;
    height: 97px;
    background: #F7F7FB;
    border-radius: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center
}
.comment_no_login span{
    font-weight: 400;
    font-size: 18px;
    color: #000000cc;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
}
.comment_input{
    font-family: PingFangSC-Regular;
    width: 913px;
    height: 97px;
    background: #F7F7FB;
    border-radius: 12px;
    color: #000000;
    font-size: 16px;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    border: none;
    padding-right: 154px;
}
.comment_input:focus-visible {
    outline: 1px solid #FF7737;
}
.div_headers{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 2px;
    left: 21px;
}
.div_headers img{
    width: 100%;
    height: 100%;
}
.comment_commit{
    width: 122px;
    height: 65px;
    background: #FF7737;
    border-radius: 12px;
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 4px;
    text-align: justify;
    line-height: 22px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 20;
    text-align: center;
    line-height: 65px;
}
.comment_input_num{
    width: auto;
    height: 32px;
    font-size: 16px;
    color: #3333336e;
    position: absolute;
    right: 131px;
    top: 159px;
}

.commit_info{
    width: 100%;
    height: auto;
}
.commit_info_item{
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 86px;
    margin-bottom: 32px;
}
.item_img{
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    left: 21px;
}
.item_img_b{
    width: 35px;
    height: 35px;
    position: absolute;
    top: 11px;
    left: 14px;
}
.item_info_content{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
    padding-bottom: 18px;
    padding-top: 14px;
}
.commit_info_item:last-of-type .item_info_content {
    border: none;
}
.item_name_show{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item_content_show{
    width: 80%;
    height: auto;
    font-weight: 400;
    font-size: 18px;
    color: #000000d9;
    letter-spacing: 0;
    text-align: justify;
    line-height: 26px;
    box-sizing: border-box;

    margin-top: 20px;
    word-wrap: break-word
}
.item_num_show{
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 24px;
    margin-bottom: 24px;
}
.item_date_num{
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
}
.item_dz_show_B{
    width: 20%;
    height: 24px;
    position: absolute;
    top: 51px;
    right: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.item_dz_num{ 
    font-size: 18px;
    color: #FF7737;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
}
.item_dz_num_B{ 
    font-size: 18px;
    color: #FF7737;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    height: 21px;
}
.item_dz_num_active{ 
    color: #FF7737;
}
.item_dz_img{
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 9px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-56%);
}
.icon_like_pressed{
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 9px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-56%);
    
}
.img_mask{
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.item_to_back{
    font-weight: 400;
    font-size: 18px;
    color: #000000d9;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    cursor: pointer;
    margin-right: 4px;
}
.item_comment_input_back{
    width: 100%;
    height: 88px;
    background: rgba(218,204,177);
    opacity: 0.18;
    border-radius: 0px;
    border: 1px solid #DACCB1;
    box-shadow: inset 0 1px 3px 0 #886121;
    color: #333333;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    position: absolute;
    top: 29px;
    left: 0;
}
.item_comment_input{
    font-family: PingFangSC-Regular;
    width: 913px;
    height: 97px;
    background: #F7F7FB;
    border-radius: 12px;
    color: #000000;
    font-size: 16px;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    border: none;
    padding-right: 154px;
}
.item_comment_input_back_1{
    width: 100%;
    height: 88px;
    box-sizing: border-box;
}
.item_comment_input_1{
    width: 100%;
    height: 88px;
    background: rgba(218,204,177,0.18);
    border-radius: 6px;
    border: 1px solid #DACCB1;
    color: #333333;
    resize: none;
    box-sizing: border-box;
    padding: 18px 25px;
    margin-top: 29px;
    font-size: 18px;
}
.item_send_content{
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 19px;
}
.item_comment_input_num{
    width: auto;
    height: 32px;
    font-size: 16px;
    color: #3333336e;
    margin-right: 14px;
}
.item_comment_commit{
    width: 122px;
    height: 65px;
    background: #FF7737;
    border-radius: 12px;
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 4px;
    text-align: justify;
    line-height: 22px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 20;
    text-align: center;
    line-height: 65px;
}

.item_back_info{
    width: 100%;
    height: auto;
    background: #F7F7FB;
    box-sizing: border-box;
    padding: 18px 29px 16px 57px;
    position: relative;
    border-radius: 0
}
.item_back_text{
    width: 152.43px;
    height: 22px;
    font-family: SourceHanSerifCN-SNaNpxiBold;
    font-weight: 600;
    font-size: 16px;
    color: #B3B3B3;
    text-align: right;
    position: absolute;
    top: 21px;
    right: 15px;
    cursor: pointer;
}
.item_back_line{
    width: 3px;
    height: 100%;
    background: #00000014;
    position: absolute;
    top: 0;
    left: 0;
}
.item_back_title{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
}
.item_back_date{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #0000007d;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px;
    margin-top: 20px;
}
.item_back_content{
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #000000d9;
    letter-spacing: 0;
    text-align: justify;
    line-height: 26px;
    margin-top: 24px;
}
.item_img{
    width: 35px;
    height: 35px;
    position: absolute;
    top: 11px;
    left: 14px;
}

.item_comment_input_box{
    position: relative;
    box-sizing: border-box;
    margin-top: 32px;
    height: 100px;
    margin-bottom: 32px;
}

.item_comment_input:focus-visible {
    outline: 1px solid #FF7737;
}

.box_hide{
    display: none;
}
.liveMore{
    width:200px;clear:both;margin:0 auto;cursor:pointer;font-size: 16px;text-align: center;
}
.liveMoreNo{
    width:200px;clear:both;margin:0 auto;font-size: 14px;text-align: center;display: none;color: #B3B3B3;
}

.no-data-img {
    display: block;
    width: 300px;
    margin: 0 auto 20px;
    display: none;
}
.maskContent .no-data-img {
    width: 186px;
}
.homeShareBox {
    position: absolute;
    left: 120px;
    bottom: 0;
    z-index: 10;
    width: 254px;
    height: 154px;
    background: url('/pc/images/2025/class/img_bg_touming@2x.png') no-repeat;
    background-size: 100% 100%;
    display: none;
    padding-left: 15px;
}

.homeShareBox .hd {
    padding: 18px 0;
    position: relative;
}
.homeShareBox .hd h2 {
    font-family: PingFangSC-SNaNpxibold;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
}
.homeShareBox .hd .close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.homeShareBox ul {
    padding-bottom: 8px;
    width: 230px;
    margin: 0 auto;
}
.homeShareBox li {
    width: auto;
    height: auto;
    background: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.homeShareBox li img {
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.homeShareBox .qrcode {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}
.homeShareBox .qrcode .qrcodeBox{height:91px;margin:17px 0 7px;}
.homeShareBox .qrcode img {
    width: 91px;
    height: 91px;
    display: block;
    margin: 0 auto;
}

#toast {
    position: fixed;
    top: 50%; /* 相对于视口高度的10% */
    left: 50%; /* 相对于视口宽度的20% */
    transform: translate(-50%,-50%);
    background-color: #333;
    color: white;
    padding: 15px;
    border-radius: 5px;
    z-index: 10000;
}
.toast-message {
    margin: 0;
    font-size: 16px;
}