.videopar-nocheck{
    padding-top: 90px;
    height: 500px;
    line-height: 500px;
    text-align: center;
    color: #999;
    font-size: 20px;
}

.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    cursor: pointer;
    transition: .3s;
}

.video-container-fix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: block;
    transform: translate(-50%, -50%);
    font-size: 110px;
    font-weight: bold;
    color: #fff;
    opacity: .7;
    cursor: pointer;
}

.browse {
    position: absolute;
    left: 20px;
    bottom: 15px;
    height: 18px;
    line-height: 18px;
    padding: 5px 15px;
    background: rgba(23, 18, 22, .3);
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    font-size: 18px;
    z-index: 5;
}

.browse-p {
    margin-left: 4px;
    line-height: 1em;
}

.browse-i {
    font-size: 1.5em;
}

.timelong {
    position: absolute;
    right: 18px;
    bottom: 15px;
    padding: 2px 8px;
    background: rgba(23, 18, 22, .3);
    font-size: 18px;
    color: #fff;
    border-radius: 50px;
    z-index: 5;
}



.video-user-info-container {
    padding-top: 15px;
    padding-bottom: 18px;
    width: 100%;

}

.user-head-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user-head-img {
    flex-shrink: 0;
    position: relative;
    margin-right: 15px;
    width: 55px;
    height: 55px;
    border-radius: 2px;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
}

.user-head-icon {
    position: absolute;
    right: -6px;
    bottom: -6px;
    display: block;
    height: 14px;
}

.user-head-name {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #312817;
    line-height: 1em;
    cursor: pointer;
}

.user-head-name-name {
    flex-shrink: 0;
    margin-right: 8px;
}

.user-head-name-brief {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /*只显示2行*/
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*关注按钮*/
.focus-btn {
    flex-shrink: 0;
    min-width: 3em;
    margin-left: 13px;
    padding: 4px 10px;
    background-color: #F7F2E9;
    color: #312817;
    border: 1px solid #F7F2E9;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.is-focus {
    border-color: #e0e0e0;
    background: transparent;
    color: #312817;
}

/*关注结束*/
.title-line {
    margin-top: 12px;
    margin-bottom: 14px;
}

.user-sign-msg {
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 400;
    color: #201C16;
    line-height: 1.4em;
}

/*标签+时间行*/
.label-time-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.label-content {
    margin-right: 9px;
    display: block;
    font-size: 14px;
    color: #9A9A9A;
    line-height: 1em;
}

.video-time-text {
    font-size: 14px;
    color: #000;
}

.label-content:last-child {
    margin-right: 0;
}

.video-time-content {
    margin-left: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #000;
}

.video-time-icon {
    margin-right: 6px;
    display: block;
    font-size: 1.2em;
    color: #DAAF60;
}

.second-line {
    margin: 12px 0;
}

/*视屏详情*/
.video-detail-container {
    padding-bottom: 25px;
}

.video-detail-title {
    position: relative;
    padding: 9px;
    background-color: rgba(218, 175, 96, .7);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    letter-spacing: 0.5em;
}

.detail-more {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 14px;
    color: #404035;
    cursor: pointer;
    z-index: 2;
    transition: .3s;
    transform: translateY(-50%) rotate(90deg);
}

.detail-more-open {
    transform: translateY(-50%) rotate(180deg);
}

.detail-more-open .iconfont {
    display: block;
    font-size: 14px;
    line-height: 1em;
}

.video-detail-text {
    position: relative;
    margin-bottom: 17.5px;
    /*max-height: 4.5em;*/
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.5em;
    text-align: justify;
    transition: .3s;
    cursor: pointer;
    overflow: hidden;
}

/*.video-detail-text-ecllipsis{ !*********!*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 3;*/
/*    -ms-text-overflow: ellipsis;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*}*/
.video-detail-text-model {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    cursor: pointer;
    transition: .3s;
}

.hide-model .video-detail-text-model {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


/*展开详情*/
.video-detail-info {
    padding-top: 5px;
    display: flex;
    align-items: center;
    background-color: #F8F7F4;
}

.video-detail-info>.video-more-content-box {
    width: 50%;
    background-color: #F8F7F4;
    padding: 2px 10px;
    box-sizing: border-box;
}

.video-detail-more-content {
    padding-bottom: 5px;
    background-color: #F8F7F4;
}

.video-more-content-box {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #F8F7F4;
    padding: 2px 10px;
    box-sizing: border-box;
}

.video-more-content-icon {
    margin-right: 6px;
    width: 19px;
    height: 19px;
    flex-shrink: 0;
    line-height: 19px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    background-color: #DAAF60;
    font-weight: normal;
    text-align: center;
}

.video-more-right-title {
    margin-right: 5px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    flex-shrink: 0;
    text-transform: capitalize;
}

.video-more-right-text {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    flex-shrink: 1;
    white-space: normal;
    word-break: break-word;
}

/*展开详情结束*/

/*随拍短视频覆盖*/
.sex-icon {
    display: none;
    margin-left: 4px;
}

.free-video .user-sign-msg {
    display: none;
}

.free-video .sex-icon {
    display: inline-block;
}

/*底部分享导航*/
main {
    padding-bottom: 70px;
}

.video-footer-container {
    display: flex;
    align-items: stretch;
    justify-content: start;
    box-sizing: border-box;
}

.video-footer-box {
    margin-right: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.video-footer-box:last-child{
    margin-right: 0;
}

.video-footer-icon {
    font-size: 26px;
    color: #000;
    margin-right: 10px;
}

.video-footer-p {
    font-size: 14px;
    line-height: 1em;
    margin-top: -.2em;
}

.liked .video-footer-icon {
    color: #000;
}

.block-line {
    margin-top: 24px;
    margin-bottom: 28px;
    background-color: #DEDEDE;
}
.common-video-collect-content{
    margin-left: 6px;
}
.common-video-visit-people .iconfont-Ya{
    margin-right: 2px;
}
.common-collect-icon{
    margin-right: 2px;
}
.common-collect-num {
    min-width: 1em;
}

.breif-text {
    margin-top: 8px;
}

/****英文覆盖****/
.en .video-more-right-title {
    text-transform: capitalize;
    font-style: italic;
}


/* pc新布局 */
.par-mobel {
    padding-top: 110px;
    display: flex;
    justify-content: space-between;
}

.flex-box {
    width: 70.5%;
}

.tuijian {
    width: 28%;
}

.common-video-list-line .common-video-head-img {
    width: 172px;
    height: 97px;
}

.common-video-list-line .common-video-container {
    margin-top: 6px;
}

.time-share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-line {
    margin: 20px 0;
    width: 100%;
    height: 1px;
    background-color: #E7E7E7;
}

.comment-head {
    display: flex;
    align-items: center;
    justify-content: left;
}

.comment-icon {
    font-size: 22px;
    color: #000;
}

.comment-tit {
    color: #201C16;
    font-size: 16px;
    font-weight: bolder;
    margin: 0 8px;
}

.comment-num {
    color: #453E30;
    font-size: 12px;
}

.comment-moble {
    position: relative;
    margin-top: 16px;
}

.comment-text {
    width: 100%;
    height: 100px;
    resize: none;
    border: none;
    padding: 15px 12px;
    box-sizing: border-box;
    background-color: #F8F7F4;
}

.comment-login {
    position: absolute;
    top: 14px;
    left: 12px;
    color: #DAAF60;
    font-size: 14px;
    font-weight: bolder;
}

.comment-btn {
    position: absolute;
    right: 13px;
    bottom: 13px;
    width: 74px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 1000px;
    background-color: #F8D990;
    color: #312817;
    font-size: 14px;
}

.comment-text::-webkit-input-placeholder {
    padding-left: 40px;
}

.comment-list {
    margin-top: 25px;
}

.comment-user {
    position: relative;
    width: 37px;
    height: 37px;
}

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

.head-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
    height: 12px;
}

.comment-model {
    display: flex;
    align-items: end;
    justify-content: left;
}

.comment-msg-tit {
    display: flex;
    align-items: center;
    justify-content: left;
}

.comment-msg {
    width: 100%;
    margin-left: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E7E7E7;
}

.comment-name {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-time {
    margin-left: auto;
}

.comment {
    margin: 0;
    cursor: pointer;
}

footer {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
}

.user-name {
    color: #868075;
    font-size: 13px;
}

.user-time {
    color: #C3BEB5;
    font-size: 12px;
}

.comment-par {
    color: #332814;
    font-size: 14px;
}

.user-sign-msg {
    margin: 20px 0;
    color: #201D16;
    font-size: 18px;
}

.new-share {
    position: absolute;
    right: 0;
    top: 24px;
    padding: 18px 15px;
    background-color: #fff;
    z-index: 9;
    box-shadow: -4px 4px 16px 0 rgba(0, 0, 0, .1);
}

.share-md {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
}

.share-icon {
    font-size: 30px;
    margin-right: 12px;
    color: #9a9a9a;
}

.share-p {
    font-size: 14px;
    color: #000000;
    line-height: 32px;
}

.we-p {
    /*width: 30px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.wec-share {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-right: 8px;
}

.share-pic {
    width: 120px;
    height: 120px;
}

.we-icon {
    margin-right: 0;
}

.dplayer-video {
    object-fit: contain;
}

.share-md {
    transition: .3s;
}

.we-md{
    flex-direction: column;
     margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid  #dfdfdf;
}

.share-md:hover .share-icon {
    color: #F8D990;
}

.share-md:hover .share-p {
    color: #F8D990;
}

.share-act {
    color: #F8D990;
}

/*播放器覆盖*/
.dplayer-bezel .diplayer-loading-icon{
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
}

/*推荐列表修改覆盖*/
.common-video-recom-timebox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.common-video-recom-timebox-time{
    font-size: 12px;
    flex-shrink: 0;
}


/*视频密码弹窗*/
.video-password-layer {
    border-radius: 3px;
    box-shadow: 0 0 40px -10px #CCC6C6;
}

.video-password-layer .layui-layer-title {
    padding: 30px 0 22px 0;
    height: auto;
    border-bottom: none;
    line-height: 1em;
    text-align: center;
    color: #322F2F;
    background-color: white;
}

.password-layer-form {
    padding: 20px 10px;
}

.password-layer-input {
    margin-bottom: 18px;
    padding-left: 20px;
    width: 100%;
    height: 35px;
    border: 1px solid #f1f1f1;
    outline: none;
    border-radius: 100px;
    background-color: #F5F2EB;
    color: #A7A39C;
}

.password-layer-btn {
    position: absolute;
    top: 22px;
    right: 14px;
    width: 94px;
    height: 30px;
    padding: 0 29px;
    box-sizing: border-box;
    line-height: normal;
    color: #1B1B1A;
    font-size: 13px;
    background: #F8D990;
}

.close {
    text-align: center;
    cursor: pointer;
}


@media screen and (min-width: 1870px) {
}

@media screen and (max-width: 1870px) {
}

@media screen and (max-width: 1600px) {
    .common-video-list-line .common-video-head-img{
        width: 150px;
        height: 84.375px;
    }
}

@media screen and (max-width: 1366px) {
    .common-video-list-line .common-video-head-img{
        width: 130px;
        height: 73.125px;
    }
}