/* .clearfix::before,
.clearfix::after {
    display: block;
    content: '';
    visibility: hidden;
    height: 100%;
    clear: both;
} */

.my-gallery {
    width: 100%;
    margin: 0.227rem auto 0;
}

.my-gallery figure {
    /*margin-right: 0.135rem;*/
    /*margin-bottom: 0.135rem;*/
    /*margin: 0 0.267rem 0.267rem 0;*/
    float: left;
    clear: none!important;
}

/*.my-gallery figure:nth-of-type(3n) {*/
    /*margin-right: 0;*/
/*}*/

/* 评论 */
#wrapper {
    background-color: #fff;
    /*padding: 0.11rem 0.27rem 0;*/
    padding: 0 0.533rem 0 0.373rem;
    width: 100%;
    min-width: 320px;
    position: absolute;
    left: 0;
    top: 1.2rem;
    bottom: 1px;
    z-index: 1;
    box-sizing: border-box;
    overflow: hidden;

    /* 防止本机Windows上的触摸事件 */
    -ms-touch-action: none;

    /* 防止callout tap-hold和文本的选择 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* 防止文本调整取向变化对web应用程序很有用 */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.user-comment-li {
    /*border-bottom: 1px solid #e7e7e9;*/
    /*padding: 0.27rem 0 0.38rem 0.11rem;*/
    padding-top: 0.373rem;
}

.user-pic {
    /*width: 0.81rem;*/
    /*height: 0.81rem;*/
    /*float: left;*/
    width: 0.907rem;
    height: 0.907rem;
    position: relative;
    margin-right: 0.267rem;
}

.user-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.head-portrait {
    width: 100%;
    height: 100%;

}

.small-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 0.3rem !important;
    height: 0.3rem !important;
    /* background-size: 100% 100%; */
}

.user-pic .campElite-icon {
    position: absolute;
    z-index: 1;
    /*top: -0.1rem;*/
    /*left: -0.2rem;*/
    /*width: 1.15rem;*/
    /*height: 1rem;*/
    top: -0.06rem;
    left: -0.18rem;
    width: 1.254rem;
    height: 1.014rem;
}

/* .vip-icon {
    background: url('../img/t_vip_icon.png')no-repeat center;
}

.task-icon {
    background: url('../img/t_teacher_icon.png')no-repeat center;
} */

.t-user-ct {
    /*float: right;*/
    /*width: 8.37rem;*/

}

/*.l-1 {*/
/*height: 0.82rem;*/
/*margin-bottom: 0.16rem;*/
/*display: flex;*/
/*align-items: center;*/
/*}*/

.l-1 span {
    display: inline-block;
    font-size: 0.32rem;
}

.l-1 .user-name {
    /*font: bold 0.38rem "PingFang SC";*/
    /*color: #404040;*/
    margin-right: 0.14rem;
    color: #666;
    font-size: 0.373rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
}

.dy-tag {
    /*border-radius: 20px;*/
    /*padding: 0 0.17rem;*/
    /*height: 0.453rem;*/
    /*line-height: 0.453rem;*/
    /*display: inline-block;*/
    /*display: inline-flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*padding: 0.02rem 0.17rem 0.04rem;*/
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    padding: 3px 0.17rem 2px;
    margin-right: 0.16rem;
    border-radius: 0.227rem;
    font-size: 0.267rem!important;
    box-sizing: border-box;
}

.dy-lecturer {
    color: #fff;
    background-color: #cea260;
    border: 1px solid #cea260;
}

.dy-service {
    color: #fff;
    background-color: #0dc17b;
    border: 1px solid #0dc17b;
}

.dy-editor {
    color: #fff;
    background-color: #3f3f3f;
    border: 1px solid #3f3f3f;
}

.dy-choiceness {
    /*color: #f64a4a;*/
    /*background-color: #fee2e2;*/
    border: solid 1px #ff3333;
    background-color: #fff;
    color: #f64a4a;
}

.dy-stick {
    border: solid 1px #f90;
    background-color: #fff;
    color: #f90;
}

.l-2 {
    /* margin-bottom: 0.19rem; */
    /*max-height: 8.46rem;*/
    /*overflow: hidden;*/
}

.comment-text {
    /*color: #404040;*/
    /* margin-bottom: 0.27rem; */
    font-family: PingFang SC;
    font-size: 0.4rem;
    color: #404040;
    margin-top: 0.333rem;
    line-height: 0.56rem;
    max-height: 3.36rem;
    overflow: hidden;
    word-break: break-all;
}

.auto-height {
    max-height: none;
}

.comment-unfold {
    font-size: 0.4rem;
    color: #f90;
}

.comment-ellipsis, .comment-unfold {
    display: none;
}

.img-dv img {
    /*width: 2.65rem;*/
    /*height: 2.65rem;*/
    /*object-fit: cover;*/
    /*width: 2.8rem;*/
    /*height: 2.8rem;*/
    /*border-radius: 0.133rem;*/
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.footerInfo-box {
    margin-top: 0.3rem;
}

.course-from {
    color: #9d9d9d;
    font-size: 0.32rem;
    margin-bottom: 0.133rem;
}

.l-3 {
    font-family: PingFang SC;
    color: #9d9d9d;
    /*font-size: 0.32rem;*/
    /*margin-bottom: 0.38rem;*/
    /*padding-right: 0.27rem;*/
    font-size: 0.267rem;
}

.l-3-left {
    /*float: left;*/
    font-size: 0.267rem;
}

.l-3-right {
    /*float: right;*/
    font-size: 0.32rem;
}

.l-3 em {
    font-style: normal;
}

.dyComment-img {
    display: inline-block;
    vertical-align: middle;
    /*background-size: 100% 100%;*/
    /*background: url('../img/reply_icon.png') no-repeat center/100%;*/
    /*width: 0.41rem;*/
    /*height: 0.35rem;*/
    width: 0.38rem;
    height: 0.34rem;
    background: url('/assets/video/subject/image/comment_icon.png') no-repeat center/100%;
    margin-right: 0.11rem;
}

.dyComment-box {
    margin-right: 0.8rem;
}

.c-praise-icon {
    display: inline-block;
    background-size: 50% 50%;
    vertical-align: middle;
    margin-top: -0.03rem;
    vertical-align: middle;
    margin-right: 0.107rem;
    /*margin-left: 0.4rem;*/
    /*width: 0.76rem;*/
    /*height: 0.76rem;*/
    width: 0.373rem;
    height: 0.373rem;
}

.comment-goodnum {
    vertical-align: middle;
}

/* 点赞的样式 */
.c-praise-default {
    /*background: url('../img/likeDefault_icon.png') no-repeat center;*/
    /*background-size: 50% 50%;*/
    background: url('../img/likeDefault_icon.png') no-repeat center/100%;
}

.c-praise-current {
    /*background: url('../img/likeCurrent_icon.png') no-repeat center;*/
    /*background-size: 50% 50%;*/
    background: url('/assets/video/subject/image/liked_icon.png') no-repeat center/100%;
}

.remark-l {
    /*width: 8.38rem;*/
    /*float: right;*/
    /*padding: 0.27rem 0.24rem 0.32rem 0.27rem;*/
    margin: 0 0.24rem 0 0.27rem;
    padding: 0.27rem 0 0.32rem;
    border-bottom: 1px solid #fff;
    background-color: #f5f5f7;
    box-sizing: border-box;
    /*-webkit-border-radius: 0.133rem;*/
    /*-moz-border-radius: 0.133rem;*/
    /*border-radius: 0.133rem;*/
}

.b-comment:last-child .remark-l {
    border-bottom: none;
    padding-bottom: 0;
}

.b-user-ct {
    /*float: left;*/
    /*width: 6.75rem;*/
}

.l-3-style {
    /*text-align: right;*/
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    margin-bottom: 0;
}

.showAll {
    display: none;
    cursor: pointer;
    font-size: 0.38rem;
    font-family: PingFang SC;
    color: #404040;
    text-align: center;
    margin-top: 0.32rem;
    margin-bottom: 0.32rem;
}

.showAll-icon {
    margin-top: 0.35rem;
    margin-bottom: 0.19rem
}

.showAll-icon {
    width: 0.35rem;
    height: 0.19rem;
    vertical-align: middle;
    position: relative;
    top: -0.1rem;
    margin-left: 0.16rem;
}

.information-zone ul {
    display: flex;
    align-items: flex-end;
}

.courseStyle {
    width: 3.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pull-loading {
    text-align: center;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*配套文件*/
.v_pt_wrapper {
    width: 100%;
    padding: 0.27rem 0.27rem 0;
    background-color: #fff;
    box-sizing: border-box;
}

.v_pt_wrapper .v_pt_top {
    width: 9.38rem;
    height: 2.2rem;
    background-color: #f5f5f7;
    padding: 0.27rem 0.32rem 0;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 0.32rem;
    color: #9d9d9d;
    margin-bottom: 0.11rem;
}

.v_pt_wrapper .v_pt_li {
    width: 100%;
    height: 1.92rem;
    padding: 0 0.11rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e9;
}

.v_pt_wrapper .v_pt_imgBox {
    margin-right: 0.38rem;
}

.v_pt_wrapper .v_pt_imgBox img {
    width: 0.62rem;
    height: 0.57rem;
}

.v_pt_wrapper .v_pt_des {
    width: 8.12rem;
}

.v_pt_wrapper .v_pt_title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.38rem;
    color: #404040;
    margin-bottom: 0.15rem;
}

.v_pt_wrapper .v_pt_info {
    font-size: 0.32rem;
    color: #9d9d9d;
}

.v_pt_wrapper .v_pt_des em {
    font-style: normal;
}

.v_pt_wrapper .v_pt_size {
    margin-right: 0.49rem;
}

.v_pt {
    padding-bottom: 0 !important;
}

.v_pt_wrapper .v_pt_tip {
    margin-top: 0.38rem;
    text-align: center;
    font-size: 0.32rem;
    color: #9d9d9d;
}

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

.flex-cc {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.user-comment-li-box {
    /*border-bottom: 1px solid #e7e7e9;*/
    /*margin-left: 0.147rem;*/
    /*background-color: #f5f5f7;*/
    /*margin-top: 0.38rem;*/
    border-radius: 0.133rem;
    overflow: hidden;

}

.b-comment {
    background-color: #f5f5f7;
}

.b-comment:first-child {
    -webkit-border-radius: 0.133rem 0.133rem 0 0;
    -moz-border-radius: 0.133rem 0.133rem 0 0;
    border-radius: 0.133rem 0.133rem 0 0;
    margin-top: 0.38rem;
}

.b-comment:last-child {
    padding-bottom: 0.32rem;
}

.user-comment-li-wrapper {
    border-bottom: 1px solid #e7e7e9;
    padding-bottom: 0.4rem;
    margin-left: 0.147rem;
}

/*弹层提示~start*/
.commentLayer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.commentLayer .comment-con {
    width: 7.2rem;
    height: 4.747rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 0.267rem;
    color: #666;
    font-size: 0.32rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.commentLayer .title {
    font-size: 0.453rem;
    color: #333;
    padding: 1.04rem 0 0.56rem;
}

.commentLayer .btn-box {
    margin-top: 0.533rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.commentLayer .btn-box a {
    width: 2.533rem;
    height: 0.987rem;
    line-height: 0.987rem;
    background-color: #fff;
    border-radius: 0.501rem;
    font-size: 0.4rem;
    text-align: center;
}

.commentLayer .cancel-btn {
    border: solid 1px #e6e6e6;
    margin-right: 0.533rem;
}

.commentLayer .dredge-btn {
    color: #fff;
    background-image: linear-gradient(-30deg, #ffa81e 0%, #ff9000 100%);
}

.commentLayer .close-btn {
    position: absolute;
    right: 0.32rem;
    top: 0.32rem;
}

.commentLayer .close-btn img {
    width: 0.32rem;
    height: 0.32rem;
}

/*弹层提示~end*/

.pswp--open{
    z-index: 10000;
}

.loadMsg-layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000000;
    height: 48px;
    padding: 0 25px;
    background-color: rgba(0,0,0,0.5);
    color:#fff;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
}
.loadMsg-layer .load-tip{
    height: 100%;
    line-height: 48px;
}