html {
    width: 100vw;
    font-size: 0.1333vw;
}

body {
    width: 100vw;
    overflow-y: auto;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

* {
    -webkit-tap-highlight-color: transparent;
}

.player_header {
    width: 100vw;
    height: 100vh;
}

.look_more {
    width: 100vw;
    height: 10.66vw;
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, #E73238 0%, #FF8361 100%);
}

.look_more_text {
    display: inline-block;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 30rem;
    color: #fff;
    line-height: 10.66vw;
    text-indent: 4vw;
}

.look_more_logo {
    display: inline-block;
    width: 18.66vw;
    height: 7.466vw;
    border-radius: 3.733vw;
    background-color: #fff;
    margin-left: 28.13vw;
    text-align: center;
    line-height: 7.456vw;
    color: #e73238;
    font-size: 26rem;
}

.video_box {
    width: 100vw !important;
    height: calc(100vh - 10.66vw) !important;
    overflow: hidden;
    background-color: #000;
    object-fit: contain;
}

.video_box .rightFixBar {
    z-index: 99;
    height: 73.866vw;
    width: 13.333vw;
    position: absolute;
    right: 3.333vw;
    bottom: 13.866vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.video_box .rightFixBar .ipAvatar {
    width: 13.333vw;
    cursor: pointer;
    position: relative;
    height: 13.333vw;
    border-radius: 6.666vw;
    margin-bottom: 7.733vw;
}

.video_box .rightFixBar .appreciate {
    height: 12vw;
    width: 12vw;
    cursor: pointer;
    position: relative;
    margin-bottom: 8.4vw;
}

.video_box .rightFixBar .forward {
    height: 12vw;
    width: 12vw;
    cursor: pointer;
    position: relative;
}

.video_box .rightFixBar .appreciate .praise {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/praise.png) no-repeat;
    background-size: 100%;
    background-position: center;

}

.video_box .rightFixBar .appreciate .comment {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/comment.png) no-repeat;
    background-size: 100%;
    background-position: center;

}

.video_box .rightFixBar .forward .forwardPic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/forward.png) no-repeat;
    background-size: 100%;
    background-position: center;
}

.video_box .rightFixBar .ipAvatar .ipCover {
    border-radius: 6.666vw;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_box .rightFixBar .appreciate .praiseCount {
    position: absolute;
    bottom: -2.533vw;
    width: 100%;
    height: 3.733vw;
    line-height: 3.733vw;
    text-align: center;
    font-size: 2.666vw;
    color: #fff;
}

.video_box .rightFixBar .ipAvatar .follow {
    position: absolute;
    width: 4.933vw;
    height: 4.933vw;
    left: 50%;
    margin-left: -2.466vw;
    bottom: -2.466vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/follow.png) no-repeat;
    background-size: 100%;
    background-position: center;
}

.video_box .immersiveTitleBox {
    z-index: 99;
    flex-shrink: 0;
    position: absolute;
    left: 2.666vw;
    bottom: 16.666vw;
    width: 80vw;
    height: 13.066vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.video_box .immersiveTitleBox .ipTitle {
    color: #fff;
    font-size: 4.533vw;
    font-weight: 600;
    height: 6.4vw;
    width: 100%;
    line-height: 6.4vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.video_box .immersiveTitleBox .ipTags {
    color: #fff;
    font-size: 3.733vw;
    height: 5.333vw;
    width: 100%;
    line-height: 5.333vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.video_box .ipJump {
    z-index: 99;
    width: 69.333vw;
    height: 16vw;
    position: absolute;
    left: 2.666vw;
    bottom: 33.733vw;
    display: flex;
    align-items: flex-start;
    align-items: center;
}

.video_box .jumpContentBox {
    margin-top: 3.2vw;
    width: 57.33vw;
    height: 12.8vw;
    box-sizing: border-box;
    padding: 0.933vw 2.666vw 0.933vw 2.666vw;
    background-color: #1D1D1D;
}

.video_box .jumpContentBox .jumpContentBoxTitle {
    height: 5.6vw;
    width: 100%;
    line-height: 5.6vw;
    text-align: left;
    color: #ED0022;
    font-weight: bold;
    font-size: 4vw;
    margin-bottom: 1.333vw;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video_box .jumpContentBox .jumpContentBoxSubTitle {
    height: 4.266vw;
    line-height: 4.266vw;
    color: #AFAFAF;
    font-size: 3.2vw;
    width: 100%;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.video_box .ipJump .jumpCover {
    width: 12vw;
    height: 16vw;
    object-fit: cover;
}

.video_box .ipJump .jumpCover .jumpCoverPic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.autoHeight {
    height: calc(100vh - 19.33vw) !important;
}

#main-player {
    position: relative;
}

#main-player video {
    object-fit: contain !important;
}


#main-player .prism-time-display {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    left: 50%;
    z-index: 99;
    margin-left: -15vw !important;
    margin-top: 0 !important;
    float: none !important;
    bottom: 3vw;
    font-size: 3vw !important;
    width: 30vw;
    height: 6vw;
    line-height: 6vw;
    display: none;
    font-weight: bold;
    color: #fff;
}

.prism-player {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.payMask {
    position: absolute;
    left: 0;
    top: 25%;
    width: 100vw;
    height: 56vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/payMask.png) no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 9;
}
.payMask .jumpPay{
    width: 29.333vw;
    height: 9.3333vw;
    left: 50%;
    margin-left: -14.6665vw;
    bottom: 14.4vw;
    position: absolute;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/jumpPay.png) no-repeat;
    background-size: 100%;
    background-position: center;
}

.prism-player .prism-progress .cursor-hover {
    top: -2px !important;
}

.prism-player .prism-progress .cursor-hover img {
    width: 6px !important;
    height: 6px !important;
    border-radius: 3px !important;
}

.prism-progress-cursor {
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 1px !important;
}

.prism-player .prism-progress .prism-progress-cursor {
    top: -2px !important;
}

.prism-player .prism-progress .prism-progress-cursor img {
    width: 6px !important;
    height: 6px !important;
}

.prism-player .prism-controlbar {
    height: 1px;
}

.prism-player .prism-controlbar .prism-controlbar-bg {
    height: 1px;
}

.prism-player .prism-progress-hover {
    height: 1px;
}

.prism-player .prism-liveshift-progress,
.prism-player .prism-progress {
    bottom: 1vw !important;
}

.prism-player .prism-liveshift-progress .prism-progress-played,
.prism-player .prism-progress .prism-progress-played {
    border-radius: 1vw;
}

.prism-player .prism-liveshift-progress .prism-progress-played,
.prism-player .prism-progress .prism-progress-played {
    background-color: #fff;
}

.prism-player .prism-big-play-btn {
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/pic/player_button.png) no-repeat !important;
    background-size: contain !important;
    width: 14.66vw !important;
    cursor: pointer;
    height: 14.66vw !important;
}

.prism-player .prism-big-play-btn .outter {
    border: none !important;
}

.prism-player .prism-big-play-btn {
    left: 50% !important;
    bottom: 58% !important;
    margin-bottom: -7.33vw !important;
    margin-left: -7.33vw !important;
}

.prism-player .loading-center {
    top: 42% !important;
}

.prism-player .prism-animation {
    top: 42% !important;
}

:focus {
    outline: none
}

.prism-player video {
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    object-position: 50% 37.8% !important;
}

.prism-player .prism-cover {
    background-size: contain;
    background-color: #000;
    background-position: 50% 37.8%;
}

.album {
    position: relative;
    height: 9.33vw;
    width: 100vw;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.4);
    /* border-top: 1px solid #565656; */
    background-color: #000;
    padding-top: 1vw;
    padding-left: 2.666vw;
    display: flex;
}

.album .albumIcon {
    width: 5.33vw;
    height: 5.33vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/albumIcon.png) no-repeat;
    background-size: 100%;
}

.album .albumName {
    height: 5.33vw;
    line-height: 5.33vw;
    color: #E2E3E5;
    padding-left: 2.4vw;
    font-size: 3.466vw;
    margin-top: 1px;
}

.album .albumTitle {
    width: 50vw;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 5.33vw;
    line-height: 5.33vw;
    color: #E2E3E5;
    padding-left: 2.4vw;
    font-size: 3.466vw;
    margin-top: 1px;

}

.album .arrow {
    width: 3.733vw;
    height: 3.733vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/arrow.png) no-repeat;
    background-size: 100%;
    margin-top: 2.66vw;
    position: absolute;
    right: 6.66vw;
    top: 0;
}


.content {
    width: 100vw;
    box-sizing: border-box;
    background-color: #fafafa;
    padding: 5.333vw 2.666vw 11.6vw 2.666vw;
}

.commentBox {
    /* padding-top: 5.333vw; */
}

.commentBox .commentBoxTitle {
    font-weight: bold;
    color: #1D1D1D;
    height: 6.66vw;
    line-height: 6.66vw;
    font-size: 4.8vw;
    margin-bottom: 4vw;
}


.commentBox .commentContent {
    height: 17.466vw;
    width: 100%;
    margin-bottom: 5.333vw;
    display: flex;
}

.commentBox .commentContent .commentUserAvatar {
    width: 9.33vw;
    height: 9.33vw;
    border-radius: 4.665vw;
    padding-top: 0.66vw;
    margin-right: 2vw;
}

.commentBox .commentContent .commentUserAvatar .commentUserAvatarImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4.665vw;
}

.commentBox .commentContent .commentContentRight {
    flex: 1;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.commentBox .commentContent .commentContentRight .commentUser {
    display: flex;
    height: 4.933vw;
    align-items: center;
}

.commentBox .commentContent .commentContentRight .commentUser .commentUserName {
    height: 4.933vw;
    line-height: 4.933vw;
    color: #1D1D1D;
    font-size: 3.466vw;
    max-width: 50vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.commentBox .commentContent .commentContentRight .commentUser .commentUserLable {
    margin-left: 2.666vw;
    background: linear-gradient(120deg, #FF413F 0%, #ED0022 100%);
    border-radius: 0.533vw;
    width: 7.2vw;
    height: 3.733vw;
    color: #FFFFFF;
    line-height: 3.733vw;
    font-size: 2.666vw;
    text-align: center;

}

.commentBox .commentContent .commentContentRight .commentContentText {
    margin-top: 0.533vw;
    width: 80vw;
    flex-shrink: 0;
    color: #797979;
    font-size: 3.733vw;
    line-height: 5.333vw;
    height: 5.333vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.commentBox .commentContent .commentContentRight .commentTime {
    padding-top: 2.666vw;
    font-weight: 300;
    height: 4vw;
    line-height: 4vw;
    color: #797979;
    width: 80vw;
    text-align: left;
    font-size: 2.933vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.more_title {
    font-weight: bold;
    color: #1D1D1D;
    height: 6.66vw;
    line-height: 6.66vw;
    font-size: 4.8vw;
    margin-bottom: 4vw;
}

.recommend_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.recommend_box_left {
    display: flex;
    flex-direction: column;

}

.recommend_box_right {
    display: flex;
    flex-direction: column;

}

.recommend_box .recommend_video_box {
    width: 46.66vw;
    border-radius: 2.133vw;
    background-color: #fff;
    margin-bottom: 2.66vw;
}

.recommend_box .recommend_video_box:nth-child(2n+5) {
    /* margin-top: -8.4vw; */
}

.app_recommend_video_box {
    /* height: 67.343vw; */
}

.default_recommend_video_box {
    /* height: 58.943vw; */
}

.recommend_box .recommend_video_box .recommend_intro {
    color: #1D1D1D;
    box-sizing: border-box;
    padding: 0 0.933vw;
    margin-top: 2.4vw;
    height: 11.2vw;
    font-size: 4vw;
    width: 100%;
    line-height: 5.6vw;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.authorBox {
    padding: 2.666vw 0.933vw;
    border-radius: 0 0 2.133vw 2.1333vw;
    display: flex;
}

.authorBox .avatarPic {
    width: 5.333vw;
    height: 5.333vw;
    border-radius: 2.666vw;
    background-color: #565656;
    flex-shrink: 0;
}

.authorBox .avatarPic .avatarPicImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2.666vw;
}

.authorBox .avatarName {
    padding-left: 1.333vw;
    height: 5.333vw;
    line-height: 5.333vw;
    color: #797979;
    font-size: 3.2vw;
    width: 35vw;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommend_box .recommend_video_box .recommend_cover {
    width: 46.66vw;
    /* height: 43.33vw; */
    background-color: aliceblue;
    border-radius: 2.133vw 2.133vw 0 0;
    position: relative;
}

.recommend_box .recommend_video_box .default_recommend_cover {
    /* height: 43.33vw; */

}

.recommend_box .recommend_video_box .app_recommend_cover {
    /* height: 51.46vw; */
}

.recommend_box .recommend_video_box .video-pic-Landscape {
    height: 26.66vw;
}

.recommend_box .recommend_video_box .video-pic-vertical {
    height: 60.06vw;
}

.recommend_box .recommend_video_box .recommend_cover .recommend_cover_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 2.133vw 2.133vw 0 0;
}

.recommend_box .recommend_video_box .recommend_cover .cornerMarker {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 19.6vw;
    height: 4.8vw;
    line-height: 4.8vw;
    color: #fff;
    font-size: 3.2vw;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 2.133vw 0 0 0;

}

.bottomJumpMark {
    width: 94.666vw;
    height: 10.666vw;
    margin-top: 1.333vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/jumpMarkBg.png) no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottomJumpMark .bottomJumpContent {
    width: 40.933vw;
    height: 6.133vw;
    display: flex;
    justify-content: space-between;
}

.bottomJumpMark .bottomJumpContent .logo {
    /* width: 16.533vw;
    height: 5.733vw; */
    position: relative;
    top: -0.4vw;
    width: 15.8vw;
    height: 6.53vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/immersivePic/bestv_logo.png) no-repeat;
    background-size: contain;
}

.bottomJumpMark .bottomJumpContent .markText {
    width: 21.866vw;
    height: 5.6vw;
    /* margin-top: 0.533vw; */
    line-height: 5.6vw;
    font-size: 4vw;
    color: #B7102C;
}

.hotPlayBox {
    padding-left: 2.666vw;
    margin-top: 13.333vw;
}

.hotPlayBox .hotPlayBox_title {
    font-weight: bold;
    color: #1D1D1D;
    font-size: 4.8vw;
}

.hotPlay_content_box {
    margin-right: 2.666vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hotPlay_content_box .trivia_item {
    height: 40.8vw;
    width: 46.66vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-bottom: 4vw; */
    margin-top: 2.666vw;
}

.hotPlay_item_title {
    font-weight: 300;
    color: #1D1D1D;
    height: 5.6vw;
    line-height: 5.6vw;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.hotPlay_item_subtitle {
    height: 4.4vw;
    font-size: 3.2vw;
    font-weight: 300;
    color: #797979;
    line-height: 4.4vw;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hotPlay_content_box .trivia_item .trivia_item_player {
    position: relative;
    width: 46.66vw;
    height: 27.2vw;
}

.hotPlay_content_box .trivia_item .trivia_item_player .isVarietyShow_isplaying {
    position: absolute;
    width: 12.533vw;
    height: 3.733vw;
    left: 0;
    bottom: 1.8666vw;
    opacity: 0.7;
    background: linear-gradient(225deg, #FF413F 0%, #ED0022 100%);
    border-radius: 0px 0.8vw 0.8vw 0px;
    display: flex;
    align-items: center;
}

.hotPlay_content_box .trivia_item .trivia_item_player .isVarietyShow_isplaying .text {
    height: 3.733vw;
    line-height: 3.733vw;
    color: #fff;
    font-weight: bold;
    font-size: 2.9333vw;
}

.hotPlay_content_box .trivia_item .trivia_item_player .isVarietyShow_isplaying .playing_logo {
    width: 2.1333vw;
    height: 2.4vw;
    margin-right: 0.4vw;
    margin-left: 0.4vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/pic/varietyshow_play_logo.png) no-repeat;
    background-size: 100%;
}

.hotPlay_content_box .trivia_item .trivia_item_player .trivia_item_video_cover {
    width: 46.66vw;
    height: 27.2vw;
    border-radius: 2.1333vw;
    object-fit: cover;
}

.hotPlay_content_box .trivia_item .trivia_item_player .trivia_video_time {
    position: absolute;
    /* width: 7.2vw; */
    height: 3.733vw;
    line-height: 3.733vw;
    font-size: 2.666vw;
    right: 2vw;
    bottom: 1.33vw;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-shadow: 0px 0.266vw 0.533vw rgba(0, 0, 0, 0.5);
}

.hotPlay_change_box {
    padding-top: 3.999vw;
    padding-bottom: 3.9999vw;
}

.change_box {
    display: flex;
    height: 5.33vw;
    align-items: center;
    justify-content: center;
    margin-top: 1.333vw;
    cursor: pointer;
}

.change_box .change_icon {
    width: 5.33vw;
    height: 5.33vw;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/pic/change_icon.png) no-repeat;
    background-size: 100%;
    margin-right: 1.333vw;
}

.change_box .change_text {
    color: #797979;
    font-size: 3.2vw;
    font-weight: 300;
}


.takeDownPic-box {
    width: 40.26vw;
    height: 51.6vw;
    background-color: #fff;
    padding-top: 4.5333vw;
    margin: 0 auto;
}

.takeDownPic {
    width: 100%;
    height: 100%;
    background: url(//bp-share.bestv.cn/universal-bp-share/asset/pic/takeDownPic.png) no-repeat;
    background-size: 100%;
    background-color: #fff;
}

.takeDownText {
    width: 100%;
    text-align: center;
    height: 6.4vw;
    color: #797979;
    line-height: 6.4vw;
    font-size: 4.5333vw;
    margin-top: 2.666vw;
}

#videoMask {
    display: none;
}

#videoMask .jump {
    font-size: 14px;
    color: #fff;
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: rgba(30, 30, 30, 1);
    border-radius: 5px;
}