@charset "UTF-8";
/**
布局部分
 */
body {height: 100vh;overflow: hidden;color: #202124;}
body.black{--page-bg-color: #0f0f1e;--block-bg-color: #202131;--font-color: #fff;--font-active-color: #006cff;--title-color: #fff;--tab-font-color: hsla(0,0%,100%,0.8);--tab-font-active-color: #fff;--tab-line-color: hsla(0,0%,100%,0.5);--chat-item-bg-color: #312f2e;--chat-item-color: #fff;--chat-time-color: #fff;--chat-item-reply-color: #fff;--chat-item-name-color: #919499;--input-box-color: #000000;--input-box-bg-color: #0f0f1e;--input-box-border-color: #393a4a;--input-box-placeholder-color: #999;--input-box-icon-color: #fff;--input-box-icon-active-color: #006cff;}
.app{height: 100%;overflow-y: auto;--main-max-height:calc(100vh - .32rem);--pc-page-padding-bottom:.16rem}
.pc-page {position: relative;font-size: .14rem;box-sizing: border-box;min-width: 10.66rem;padding-bottom: var(--pc-page-padding-bottom);background-color: var(--page-bg-color);background-size: contain;background-repeat: no-repeat;background-position: top;overflow: hidden}
.pc-page__container {display: flex;position: relative;justify-content: center;min-height: var(--main-max-height)}
.pc-page__main {max-width: 11.96rem;transition: all .2s ease-out}
.pc-page__aside,.pc-page__main {display: flex;flex-direction: column;border-radius: .08rem;background: var(--block-bg-color)}
.pc-page__aside {position: relative;flex-shrink: 1;margin-left: .16rem;min-width: 3rem;width: 3.88rem;max-height: var(--main-max-height);overflow: hidden;}
.pc-page__aside__main {flex: 1;overflow: hidden}
.pc-page__aside__main.scroll {overflow-y: scroll}
.pc-page__toolbar {position: relative;top: 0;margin: 0 .16rem;z-index: 102;display: flex;flex-direction: column;justify-content: flex-end;max-height: var(--main-max-height);align-items: center;}
.pc-page__footer {position: relative;margin-top: .64rem;font-size: .14rem;text-align: center;color: #ccc;z-index: 99}
.pc-page__footer p:last-of-type {padding: .15rem 0 .64rem}
.pc-page__menu__main {padding: .24rem;flex: 1}
.pc-page__menu__main.min-height {min-height: 4rem}
.pc-page__menu__main.none-padding {padding: .2rem 0 0}
.pc-page .bg-scroll {position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-width: 10.66rem}
.pc-page .bg-scroll .theme-bg {width: 100%;-o-object-fit: contain;object-fit: contain}
.pc-page .bg-scroll .bg-mask {position: absolute;width: 100%;height: 2.88rem;opacity: 1}
.pc-page .liveInfo {margin: .2rem 0;padding: 0 .2rem}
@media screen and (max-width: 1155px) {
    .pc-page__main {    width:6.04rem!important}
    .pc-page__aside {    width: 3rem}
}
@media screen and (min-width: 1156px)and (max-width:1335px) {
    .pc-page__main {    width:6.64rem!important}.pc-page__aside {    width: 3.2rem}
}
@media screen and (min-width: 1336px)and (max-width:1550px) {
    .pc-page__main {    width:7.76rem!important}.pc-page__aside {    width: 3.2rem}
}
@media screen and (min-width: 1551px)and (max-width:1765px) {
    .pc-page__main {    width:9.96rem!important}
}
@media screen and (min-width: 1766px) {
    .pc-page__main {    width:11.96rem!important}
}
.trisection-pc-page {position: relative;font-size: .14rem;box-sizing: border-box;min-width: 10.66rem;padding-bottom: .16rem;background-color: var(--page-bg-color);background-size: contain;background-repeat: no-repeat;background-position: top;overflow: hidden;width: 100%;height: 100%}
.trisection-pc-page .page-container {position: relative;height: 100%;width: 100%;min-width: 10rem;margin: auto;overflow: auto;padding-top: .16rem}
.trisection-pc-page .page-container .mt16 {margin-top: .16rem}
.trisection-pc-page .page-container .content-wrap {position: relative;width: calc(100% - .4rem);height: 100%;margin: auto .2rem 0;min-height: calc(100vh - .32rem);display: flex;align-items: flex-start;justify-content: center}
.trisection-pc-page .page-container .content-wrap .aside-left {display: flex;flex-direction: column;margin-right: .16rem;flex-shrink: 0}
.trisection-pc-page .page-container .content-wrap .aside-left .live-info {background: #fff}
.trisection-pc-page .page-container .content-wrap .aside-right {width: 3.2rem;height: calc(100vh - .32rem);flex-shrink: 0}
.trisection-pc-page .page-container .content-wrap .aside-right .fixed-wrap {display: flex;flex-direction: column;position: fixed;height: calc(100vh - .32rem);width: 3.2rem;z-index: 1}
.trisection-pc-page .page-container .content-wrap .toobar-wrap {height: 100%;width: .6rem;position: relative;margin: 0 .16rem;overflow: hidden;z-index: 1}
.trisection-pc-page .page-container .content-wrap .big-screen {position: relative;width: 100%;overflow: hidden;padding-top: 56.25%}
.trisection-pc-page .page-container .content-wrap .small-screen {position: relative;width: 100%;overflow: hidden;padding-top: 56.25%;border-radius: .08rem .08rem 0 0}
.trisection-pc-page .page-container .content-wrap .small-screen .fixed-wrap {position: fixed;z-index: 1}
.trisection-pc-page .page-container .content-wrap .small-screen .user__avatar {width: .44rem;height: .44rem}
.trisection-pc-page .page-container .content-wrap .small-screen .user__avatar .van-image {width: .44rem!important;height: .44rem!important}
.trisection-pc-page .page-container .content-wrap .chat-screen {flex: 1;width: 100%;background: #fff;border-radius: 0 0 .08rem .08rem;overflow: hidden}
.trisection-pc-page .page-container .content-wrap .tab-screen {width: 100%;height: 100%;overflow: hidden;background: #fff;border-radius: 0 0 .08rem .08rem;margin-bottom: .16rem}
.trisection-pc-page .page-container__main {display: flex;flex-direction: column;max-width: 11.96rem;border-radius: .08rem;background: var(--block-bg-color);padding-bottom: .24rem;transition: all .2s ease-out}
.trisection-pc-page .page-container__aside {position: relative;flex-shrink: 1;display: flex;flex-direction: column;background: transparent;margin-left: .16rem;min-width: 3rem;width: 3.88rem;max-height: var(--main-max-height);border-radius: .08rem}
.trisection-pc-page .page-container__aside__main {flex: 1;overflow: hidden}
.trisection-pc-page .page-container .trisection-pc-page__toolbar {position: fixed;margin: 0 .16rem;z-index: 88;height: calc(100vh - .32rem);display: flex;flex-direction: column;justify-content: flex-end;pointer-events: none}
.trisection-pc-page .page-container .bg-scroll {position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-width: 10.66rem}
.trisection-pc-page .page-container .bg-scroll .theme-bg {width: 100%;-o-object-fit: contain;object-fit: contain}
.trisection-pc-page .page-container .bg-scroll .bg-mask {position: absolute;width: 100%;height: 2.88rem;opacity: 1}
.trisection-pc-page .pc-page__aside {z-index: 10}
.trisection-pc-page .pc-page {position: relative;font-size: .14rem;box-sizing: border-box;min-width: 10.66rem;padding-bottom: .16rem;background-color: var(--page-bg-color);background-size: contain;background-repeat: no-repeat;background-position: top;overflow: hidden}
.trisection-pc-page .pc-page__container {display: grid;grid-template-columns: 50% 30%;min-height: calc(100vh - .32rem)}
.trisection-pc-page .pc-page__main {display: flex;flex-direction: column;max-width: 11.96rem;border-radius: .08rem;background: var(--block-bg-color);padding-bottom: .24rem;transition: all .2s ease-out}
.trisection-pc-page .pc-page__aside {position: relative;flex-shrink: 1;display: flex;flex-direction: column;background: transparent;margin-left: .16rem;min-width: 3rem;width: 3.88rem;max-height: var(--main-max-height);border-radius: .08rem}
.trisection-pc-page .pc-page__aside__main {flex: 1;overflow: hidden}
.trisection-pc-page .pc-page__toolbar {position: relative;margin: 0 .16rem;z-index: 88;height: calc(100vh - .32rem);display: flex;flex-direction: column;justify-content: flex-end}
.trisection-pc-page .pc-page .bg-scroll {position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-width: 10.66rem}
.trisection-pc-page .pc-page .bg-scroll .theme-bg {width: 100%;-o-object-fit: contain;object-fit: contain}
.trisection-pc-page .pc-page .bg-scroll .bg-mask {position: absolute;width: 100%;height: 2.88rem;opacity: 1}
@media screen and (max-width: 1550px) {.trisection-pc-page .aside-left {    width:8rem!important}}
@media screen and (min-width: 1551px)and (max-width:1765px) {.trisection-pc-page .aside-left {    width:10rem!important}}
@media screen and (min-width: 1766px) {.trisection-pc-page .aside-left {    width:12rem!important}}
@media screen and (max-width: 1155px) {.pc-page__main {    width:6.04rem!important}.pc-page__aside {    width: 3rem}}
@media screen and (min-width: 1156px)and (max-width:1335px) {.pc-page__main {    width:6.64rem!important}.pc-page__aside {    width: 3.2rem}}
@media screen and (min-width: 1336px)and (max-width:1550px) {.pc-page__main {    width:7.76rem!important}.pc-page__aside {    width: 3.2rem}}
@media screen and (min-width: 1551px)and (max-width:1765px) {.pc-page__main {    width:9.96rem!important}}
@media screen and (min-width: 1766px) {.pc-page__main {    width:11.96rem!important}}
.app::-webkit-scrollbar {width: .1rem}
.app::-webkit-scrollbar-track {-webkit-box-shadow: inset 0.06rem rgba(0,0,0,.3);border-radius: .1rem}
.app::-webkit-scrollbar-thumb {border-radius: .1rem;background: rgba(0,0,0,.1);-webkit-box-shadow: inset 0.06rem rgba(0,0,0,.5)}
/**
聊天窗口右边滚动条
 */
.mCSB_scrollTools .mCSB_dragger{border-radius: .1rem;background: rgba(0,0,0,.1);-webkit-box-shadow: inset 0.06rem rgba(0,0,0,.5)}
/**
左上基本信息部分
 */
.live-info {box-sizing: border-box;position: relative;display: flex;align-items: center;padding: .24rem}
.live-info__logo {width: .48rem;height: .48rem;flex-shrink: 0;margin-right: .14rem}
.live-info__logo img {width: 100%;height: 100%;border-radius: .04rem;cursor: pointer}
.live-info__main {flex: 1;display: flex;flex-direction: column;justify-content: space-between;height: 100%;margin: 0 .14rem 0 0}
.live-info__main__top {display: flex;align-items: center}
.live-info__main__top .room-name {font-size: .18rem;font-weight: 600;color: var(--title-color);margin-right: .12rem;line-height: .2rem}
.live-info__main__top .live-status {font-size: .12rem;font-weight: 500;white-space: nowrap;padding: .04rem;border-radius: .02rem;border: 1px solid #fff}
.live-info__main__bottom {display: flex;margin-top: .1rem}
.live-info__item {display: flex;align-items: center;margin-right: .24rem;font-size: .14rem;font-weight: 500;color: var(--info-color)}
.live-info__item p {margin-left: .04rem;white-space: nowrap}
.live-info__item #noticeMarquee{height:1.5em;overflow: hidden}
.live-info__item #noticeMarquee p a{color: var(--info-color)}
.live-info__item:first-of-type:hover,.live-info__item #noticeMarquee p a:hover{color: var(--font-active-color);cursor: pointer}
.live-info__buttons {display: flex;align-items: center;height: 100%;overflow: hidden}
.live-info__buttons__item {position: relative;display: flex;flex-direction: column;align-items: center;margin-left: .3rem;font-size: .14rem;min-width: .56rem;cursor: pointer}
.live-info__buttons__item i {color: var(--font-color);font-size: .24rem}
.live-info__buttons__item p {margin-top: .08rem;color: var(--font-color);font-weight: 500}
.live-info__buttons__item:hover i,.live-info__buttons__item:hover p {color: var(--font-active-color)}
/**
工具菜单区域下拉显示
 */
.tool-area-down{ position: absolute; display:none; z-index:90002; text-align:center; padding:5px 5px; background:#fff; border-radius:5px;right:10px; top:90px; width:300px; color: #333; border: 1px solid #efefef;box-shadow: 0 .05rem .4rem 0 rgba(32, 33, 36, .08);}
.tool-area-down a{ display:block; margin:0px 0 0; padding:10px 0px 5px; text-align:center; line-height:26px; background:rgba(0,0,0,0.3); border-radius:5px; color:rgba(255,255,255,1); }
.tool-area-down a:hover{ color:rgba(255,255,255,1); background:#000000; }
.tool-area-down a img{ width:30px; height:30px; }
.tool-area-down a span{ display:block; }
.tool-area-down.line{ padding:5px 5px 0; }
.tool-area-down.line a span{ display:block; }
.tool-area-down.line a{ display:block; margin:0px 0px 0; padding:10px; text-align: left; line-height:30px; color:#fff; }
.tool-area-down.line a:hover{ background:rgba(0,0,0,0.8); }
.tool-area-down.line a img{ margin:0 10px; }
.tool-area-down.line a span{ display:inline-block; }
/**
投票区域下拉显示
 */
.teacher-vote-down{ position: absolute; display:none; z-index:90002; background:#fff; border-radius:5px;right:10px; top:90px; width:300px; color: #333; text-align:left;border: 1px solid #efefef;box-shadow: 0 .05rem .4rem 0 rgba(32, 33, 36, .08);}
.teacher-vote-down .tit{ background: rgba(0,0,0,0.1); }
.teacher-vote-down h3 { width:100%; line-height:35px; color: #666; margin: 0 auto; position: relative; text-align: center;font-weight: 600}
.teacher-vote-down ul{ display:block;padding: 5px 10px;}
.teacher-vote-down ul li { display: flex; align-items: center;gap: 5px}
.teacher-vote-down ul li span {text-align:center;background:#fff;width:20px;height:20px;line-height:20px;border:1px solid var(--input-box-border-color);border-radius:5px;font-weight:bold;color:#999;}
.teacher-vote-down ul li p {line-height:40px;color:#999; font-size: 14px;}
.teacher-vote-down ul li p.t-name{flex: 1}
.teacher-vote-down ul li p.t-vote{min-width: 50px;text-align: center;color: var(--ranking-tab-color)}
.teacher-vote-down ul li a { height:20px;line-height:20px; padding:0 5px; background: var(--font-active-color); border: 1px solid #fff;border-radius:5px; color:#fff;}
.teacher-vote-down ul li a:hover{ background:var(--input-box-bg-color); color:#fff; }
.teacher-vote-down ul li:hover p{color:var(--font-active-color);font-weight: 600}
/**
用户信息下拉显示
 */
.user-down{position: absolute; display:none; z-index:90002; background:#fff; border-radius:5px;right:10px; top:90px; width:400px; color: #333; text-align:left;border: 1px solid #efefef;box-shadow: 0 .05rem .4rem 0 rgba(32, 33, 36, .08);}
.user-down>h4 { display:block; font-size: 18px;border-bottom: 2px solid #ddd;line-height: 24px;margin: 15px;color: #2973ca;}
.user-down>h4>span {border-bottom: 2px solid #2973ca;font-weight: bold;}
.user-down .profile-block {position: relative; display:block; padding: 20px 15px 20px; border-bottom: 1px solid #ddd; line-height: 35px; }
.user-down .profile-block .nickName { color:#333; }
.user-down .profile-block .op {position: absolute; top:20px; right:5px;}
.user-down .profile-block .op li{display:inline-block; margin:0 5px;}
.user-down .profile-block .title { display: block; font-size:16px;color: #999;}
.user-down .profile-block .title .shareText{display: block;padding: 5px;width:98%;border: 1px solid #ddd; }
.user-down .profile-block .content { position: relative; line-height:22px; }
.user-down .profile-block .content .myqr{ position: absolute; right:-10px; bottom:-15px; width:100px; height:100px; }
.user-down .profile-block .content .myqr img{ width:100px; height:100px; }
.user-down .profile-block .avatar { border-radius: 50%; width: 35px;height: 35px; }
.user-down .profile-block .nickName {font-size:20px;display:inline-block;line-height:35px; margin-left:10px;}
/**
下拉框顶部小箭头
 */
.tool-area-down:before,.teacher-vote-down:before,.user-down:before {content: "";position: absolute;background: transparent;height: .2rem;top: -.2rem;width: 100%;}
.tool-area-down:after,.teacher-vote-down:after,.user-down:after {content: "";display: inline-block;position: absolute;width: .16rem;height: .16rem;transform: rotate(45deg);top: -.08rem;right: .23rem;border-top: 1px solid #efefef;border-left: 1px solid #efefef;background: #fff;z-index: -1;}

/**
播放器区域
 */
.video-warpper {padding-bottom: 56.25%;max-height: 2.6775rem;position: relative;overflow: hidden;background: #000;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.video-warpper .live-video-wrapper{width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;position: absolute;}
.video-warpper .live-video-wrapper .view_limit{ display:none; height:20px; line-height:20px;position: absolute; z-index: 100; top:5px; right:10px; color: orangered; }
.video-warpper .live-video-wrapper .view_limit i{ display:inline-block; text-align:center; width:20px; }
.video-warpper .live-video-wrapper .notice-enter{color: #fff}
/**
直播间介绍区域
 */
.layui-tab-brief>.layui-tab-title .layui-this {color: var(--tab-font-active-color)}
.layui-tab-brief>.layui-tab-title.layui-tab-more{display: block;}
.layui-tab-brief>.layui-tab-title li{color: var(--tab-font-color);}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid var(--font-active-color)}
.room-content .layui-tab-title{height: 50px;border-color: var(--tab-line-color);}
.room-content .layui-tab-title .layui-this:after{height: 52px;}
.room-content .layui-tab-item{padding: 15px;color: var(--fullrich-text-color);}
.room-content .layui-tab-item .layui-carousel,.room-content .layui-tab-item .layui-carousel>[carousel-item]>*{background-color: var(--page-bg-color);}
/**
右下工具按钮区域
 */
.toolbar {position: relative}
.toolbar__wrapper {position: relative;width: .6rem;padding-bottom: .2rem;box-sizing: border-box;background: var(--block-bg-color);border-radius: .08rem;border: 1px solid var(--border-color);pointer-events: all}
.toolbar__item {position: relative;padding: .2rem 0;text-align: center}
.toolbar__item .avatar {width: .24rem;height: .24rem;border-radius: 50%}
.toolbar__item i {font-size: .24rem;color: var(--font-color)}
.toolbar__item p {margin-top: .1rem;color: var(--font-color);font-size: .12rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.toolbar__item:hover .name,.toolbar__item:hover i {color: var(--font-active-color);pointer-events: none}
.toolbar__item:after {content: "";display: inline-block;position: absolute;bottom: 0;background-color: var(--toolbar-split-color);width: .24rem;height: 1px;left: 50%;transform: translateX(-50%)}
.toolbar__item:last-of-type {padding-bottom: 0}
.toolbar__item:last-of-type:after{background-color: transparent}
.wim-popover {box-sizing: border-box;display: none;flex-direction: column;justify-content: center;align-items: center;position: absolute;right: calc(100% + .16rem);top: -.86rem;width: 3.9rem;height: 2.6rem;background: #fff;border: 1px solid #efefef;border-radius: .08rem;box-shadow: 0 .05rem .4rem 0 rgba(32,33,36,.08);z-index: 199}
.wim-popover__main {display: flex}
.wim-popover__main .qrcode-item {text-align: center;margin: 0 .31rem}
.wim-popover__main .qrcode-item img {width: 1.2rem;height: 1.2rem}
.wim-popover__main .qrcode-item p {margin-top: .16rem;font-size: .14rem;font-weight: 500;color: #202124}
.wim-popover__footer {margin-top: .2rem}
.wim-popover__footer .url-wrapper {box-sizing: border-box;display: flex;align-items: baseline;width: 3.42rem;height: .46rem;padding: 0 .22rem 0 .16rem;background: #fafafb;border: 1px solid #efefef;border-radius: .04rem;justify-content: center;}
.wim-popover__footer .url-wrapper .url {flex: 1;font-size: .14rem;font-weight: 400;color: #919499;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.wim-popover__footer .url-wrapper .copy-btn {margin-left: .11rem;font-size: .14rem;font-weight: 500;color: #006cff;cursor: pointer}
.wim-popover:after {content: "";display: inline-block;position: absolute;top: 1.18rem;right: -.08rem;background: #fff;width: .16rem;height: .16rem;transform: rotate(45deg);border-right: 1px solid #efefef;border-top: 1px solid #efefef}
.wim-popover:before {content: "";position: absolute;top: 0;width: .18rem;height: 100%;right: -.2rem;z-index: 99;background: transparent}
.mine-popover {display: none;box-sizing: border-box;position: absolute;right: calc(100% + .16rem);bottom: 0;width: 1.68rem;padding: 0 .24rem;background: #fff;border: 1px solid #efefef;border-radius: .08rem;box-shadow: 0 .05rem .4rem 0 rgba(32,33,36,.08);z-index: 99999}
.mine-popover .popover-item {display: flex;align-items: center;padding: .19rem 0;cursor: pointer}
.mine-popover .popover-item .avatar {width: .36rem;height: .36rem;border-radius: 50%;margin-right: .1rem}
.mine-popover .popover-item i {color: #202124;font-size: .24rem;margin-right: .16rem;transition: color .3s}
.mine-popover .popover-item .name {font-size: .14rem;font-weight: 500;color: #202124;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: color .3s;margin-top: 0;}
.mine-popover .popover-item:hover i,.mine-popover .popover-item:hover p {color: var(--font-active-color)}
.mine-popover .splitor {position: relative}
.mine-popover .splitor:after {content: "";display: inline-block;position: absolute;width: 100%;height: 1px;background: #f5f6f7;bottom: 0;left: 0;border-radius: 1px}
.mine-popover:after {content: "";display: inline-block;position: absolute;bottom: .25rem;right: -.08rem;background: #fff;width: .16rem;height: .16rem;transform: rotate(45deg);border-right: 1px solid #efefef;border-top: 1px solid #efefef}
.mine-popover:before {content: "";position: absolute;top: 0;width: .18rem;height: 100%;right: -.2rem;z-index: 99;background: transparent}
.toolbar__item:hover .wim-popover{display: flex;z-index: 102;}
.toolbar__item:hover .mine-popover{display: block;z-index: 102;}
/*用户列表*/
.online-list{ padding: 15px 0 15px 15px; }
.online-list .tit{color: var(--font-color)}
.online-list .tit span{color: var(--font-active-color);font-weight: 600}
.online-list .openClientList{ display:block; margin-top:.1rem;width: 100%;flex: 1;height: 100%;overflow: hidden;}
.online-list .openClientList ul{position: relative; width: calc(100% - .15rem); }
.online-list .openClientList ul li{display: flex;padding: 5px 5px 5px 5px;line-height: 22px;border-bottom: 1px solid rgba(0, 0, 0, 0.03);align-items: center;gap: .05rem;}
.online-list .openClientList ul li span{ display:block; }
.online-list .openClientList ul li span img{height: 18px;}
.online-list .openClientList ul li span.avatar{}
.online-list .openClientList ul li span.avatar img{width: .3rem;height: .3rem;border-radius: 50%;border:1px solid #d2e0f3;}
.online-list .openClientList ul li span.group{color: var(--info-color)}
.online-list .openClientList ul li span.group img{max-height:.25rem; width: auto}
.online-list .openClientList ul li span.account{flex: 1;color: var(--title-color)}
/*暂停界面*/
.vedio-stop {position: relative; width: 100%; height: 100%; background: url(../images/stop/back.png) left top no-repeat; background-size: cover;}
.vedio-stop .focus {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px; height: 111px; background: url(../images/stop/focus.png) left top no-repeat; background-size: contain;}

.NoticeMarquee{width: 100%; z-index: 99999; height: 30px; line-height: 30px; border-bottom: 1px solid #c7c0c033;}
.NoticeMarquee .NoticeTitle{float: left; width: 10%; text-align: center;}
.NoticeMarquee .NoticeTitle i{margin-left: 5px;}
.NoticeMarquee .NoticeMain{position: relative;float: left; width: 90%;}
.scroll-notice{height: 40px; padding:0 5px 0 15px; background:rgba(0,0,0,0.5);}
.scroll-notice .currTeacher{float: left; height: 40px; line-height: 40px; overflow: hidden;}
.scroll-notice .currTeacher font:first-child{margin-right: 15px;}
.scroll-notice .currTeacher i{margin-right:5px}
.scroll-notice .flushVideo{ margin:9px 1px 0 0;float:right;background: rgba(0,0,0,0.3);}
/*******************************************************************************************************
* footer
*******************************************************************************************************/
.lay-bottom{ position: absolute; height:30px; bottom:0px; left:0px; right:0; width:100%; z-index:1; }
.lay-bottom .main{ display:block; line-height:30px; text-align:center; color: #565656; font-size:12px; }
/* 用户列表******************************************/
.lay-userpanel { position: absolute; top:65px; bottom:35px; right:-300px; width:300px; border-left:0; z-index:89000;}
.lay-userpanel *{ color:#fff; }
.lay-userpanel .toggle {position:absolute;content:''; right:0px; top:30%; width:10px;px; height:100px;line-height:100px; cursor: pointer; color: #fff; text-align: center; z-index: 999;background: rgba(255,0,0,0.5); }
.lay-userpanel .toggle i{display: inline-block; width:10px; height:15px; vertical-align: middle;background:url(../../images/common/icons.png) -283px 0px no-repeat;}
.lay-userpanel .user-list { position: relative; width: 100%; height: 100%;}
.lay-userpanel .user-list .layui-tab-title li{ padding:0; width:33.3333%; font-size: 12px; }
.lay-userpanel .user-list .userlist-search { position: absolute; top: 40px; width: 100%; background: rgba(53, 53, 53, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.lay-userpanel .user-list .userlist-search .left,.lay-userpanel .user-list .userlist-search .right {float:left; font-size: 12px; width:50%; height:40px; line-height: 40px; color: rgba(255,255,255,0.5); margin:0; background: rgba(0, 0, 0, 0.5); text-align:center; }
.lay-userpanel .user-list .userlist-search .left .search-input { width:100%; height:30px; line-height: 30px; color: #fff; padding: 5px 0px 5px 0px; text-indent:2em; margin:0; border:0;background:url(../images/common/icons.png) -270px -175px rgba(0, 0, 0, 0.5) no-repeat; }
.lay-userpanel .user-list .userlist-search .right a{ margin:0 5px; color: rgba(255,255,255,0.8); }
.lay-userpanel .user-list .userlist-search .right a:hover,.lay-userpanel .user-list .userlist-search .right a.select{ color: rgba(255,255,255,1); font-weight:bold; }
.lay-userpanel .user-list .scroll{ display:block; position: absolute; top:80px; bottom:0px; left: 0; right: 0; overflow:hidden; background: rgba(0, 0, 0, 0.5); }
.lay-userpanel .user-list .userlist{ display:block; width:100%; padding:0 0px; }
.lay-userpanel .user-list .userlist .user-item{ display:block; position:relative;text-align:left; padding:10px 10px 10px; font-size:12px; border-bottom: 1px solid rgba(53, 53, 53, 0.5); }
.lay-userpanel .user-list .userlist .user-item:hover{ background:rgba(53, 53, 53,0.5); }
.lay-userpanel .user-list .userlist .user-item .base{ display:block; line-height:22px; vertical-align: middle; }
.lay-userpanel .user-list .userlist .user-item .base .group{ display:inline-block; color:#F43926; }
.lay-userpanel .user-list .userlist .user-item .base .group img{ height:21px; vertical-align: bottom; }
.lay-userpanel .user-list .userlist .user-item .base .account{ display:inline-block; height:20px; line-height:20px; cursor: pointer; }
.lay-userpanel .user-list .userlist .user-item .base .status{ display:inline-block;height:18px; line-height:18px; padding:0px 5px; font-size:12px; border: 1px solid rgba(221, 221, 221, 0.5); border-radius:5px; }
.lay-userpanel .user-list .userlist .user-item .address{ display:block; line-height:22px; color:#ddd; }
.lay-userpanel .user-list .userlist .user-item .manage{ position: absolute; right:5px; top:10px; }
/*用户控制*/
.laytip-user-control .layui-layer-setwin{ right: 10px; top: 10px; }
.laytip-user-control .layui-layer-setwin a{margin-left:0px;}
.laytip-user-control .user-control{ padding: 5px 0;  }
.laytip-user-control .user-control a{ display:inline-block; width:70px; margin:5px; padding:0; text-align:center; }
/*toggle*/
.panel-middle{ right: 305px; }
.panel-user{ right: 0px; right: 0px;top: 60px;width: 305px;position: absolute;}
.panel-user .toggle{ right:0px; }
.panel-user .toggle i{ left:0px; background:url(../../images/common/icons.png) -291px 0px no-repeat;}
/*
 * 注册登陆
*/
.popup_box.regester{ height: calc(100% - 30px);padding: 15px 20px;margin:0px; border:0; display:none; border-radius: .1rem !important;}
.popup_box.toggleReg .regester{ display:block; }
.popup_box.toggleReg .login{ display:none; }
.popup_box.togglelogin .regester{ display:none; }
.popup_box.togglelogin .login{ display:block; }
.popup_box.regester .regester-con{ width:auto; padding:10px 20px 10px; margin:0; border-radius:10px; }
.popup_box.regester .regester-con .pop_tit{ padding:0px 0 0; margin:0px; color:#333; }
.popup_box.regester .regester-con .pop_con{ padding:0; margin:0px 0; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-btn{ border-radius:5px; }
.popup_box.regester .regester-con .pop_con .layui-form-item{ margin:20px 0 0; width:100%; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline{ width:100%;}
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .layui-input{ padding-left:30px; border-radius:5px;border: 1px solid var(--input-box-border-color); }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .account{ background: url(../../user/images/user_bg.png) 0px -53px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .password{ background: url(../../user/images/user_bg.png) 0px -24px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .verify{ background: url(../../user/images/user_bg.png) 0px -145px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .email{ background: url(../../user/images/user_bg.png) 0px -115px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .qq{ background: url(../../user/images/user_bg.png) 0px -178px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .mobile{ background: url(../../user/images/user_bg.png) 0px -83px no-repeat #FFFFFF; color:#333; }
.popup_box.regester .regester-con .pop_con .layui-form-item .layui-input-inline .verify-code{ position:absolute; right:1px; top:1px; height:36px;line-height:34px; border:1px solid var(--input-box-border-color); background-color:#fff; overflow:hidden; }
.popup_box.regester .regester-con .pop_con .user-form-etc{ line-height:40px; color: #333; text-align:center; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt{ display:inline-block; color:var(--info-color); }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt a{ color:var(--font-active-color); }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt a.forgetpassBtn{ color:#666; }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt a:hover{ opacity:.8; filter:alpha(opacity=90); }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt .layui-form-checkbox[lay-skin="primary"] { margin-top: 0px; color:var(--info-color); }
.popup_box.regester .regester-con .pop_con .user-form-etc .txt .layui-form-checkbox[lay-skin="primary"] span{ color:var(--info-color); }
.popup_box.regester .regester-con .pop_con .user-form-auth{ color:#fff; line-height:40px; text-align:left; margin:0; }
.popup_box.regester .close_reg{ width:100%;margin:0;display:block;text-align:center;color: var(--info-color);font-size: 16px;margin: 200px auto 0; }
/*
 * 订阅
*/
.popup_box.panel-rss .pop_con{ margin:0; }
.popup_box.panel-rss .pop_con .layui-form-item .layui-form-label{ width:110px; }
/*
 * 弹幕
*/
.popup_box .pop_con.barrage-addfm{ padding:0; }
.popup_box .pop_con.barrage-addfm .layui-form-item .layui-form-label{ width: 110px; }
.popup_box .pop_con.barrage-addfm .layui-form-item .layui-input-inline{ width: 105px;  }
.barrage-display{position: fixed; display: inline-block; z-index: 99999; }
.barrage-display .barrage_box{ float: left; position:relative; display: block; background-color: rgba(0,0,0,.5); padding:20px; border-radius: 25px;transition: all .3s;}
.barrage-display .barrage_box .image{ display: block; padding:0 0px 0 0px; display: table-cell; font-weight:bold; }
.barrage-display .barrage_box .image img{ display: block; margin:5px; max-height:600px; }
.barrage-display .barrage_box .text a{ font-size:16px; color: #fff; line-height:2; cursor:pointer;word-break:break-all; word-wrap:break-word; }
.barrage-display .barrage_box .text a:hover{text-decoration: underline;}
.barrage-display .barrage_box .close{
	position:absolute; right:-5px; top:-5px; text-align: center; width:25px;height: 25px; border-radius: 50%; background:rgba(255,255,255,.1);
	background-image: url(../../common/images/close.png); cursor:pointer; visibility:hidden;opacity:0;}
.barrage-display .barrage_box:hover .close{ visibility:visible;opacity: 1; }
/*
 * 进入弹窗
*/
#popBoxEnterlay{ overflow:hidden;}
#popBoxEnterlay .pop_con{ position: relative; }
#popBoxEnterlay ul{ position:absolute; height:40px; line-height:40px; left:0; right:0; bottom:0px; width:100%; text-align: center; background: rgba(0,0,0,.5); }
#popBoxEnterlay ul li{ float:left; width:20%; text-align: center; }
#popBoxEnterlay ul li img{ max-height:25px; }
/*
 * 观看到期
*/
#popBoxTimelimit{ overflow:hidden; background:none; }
#popBoxTimelimit .pop_con{ position: relative; }
#popBoxTimelimit .pos{ position:absolute; left:0px; right:0px; bottom:13%; text-align:center; }
#popBoxTimelimit .pos li{ display:inline-block; margin: 0px 5px; text-align: center; }
#popBoxTimelimit .pos li img{ max-height:40px; }

/*
 * 幸运抽奖
*/
body.lottery{min-height: unset;}
.lotteryArea{ position: relative; width:870px; height:560px; background:url(../images/lottery_bg.png) left top no-repeat; }
.lotteryArea .rotary-area{ float:left; width: 100%; height:auto; position: relative; }
.lotteryArea .rotary-area .rotaryArrow { position: absolute; left:0px; top:0px; width:553px; height:553px;  z-index:2; }
.lotteryArea .rotary-area .rotaryArrow img{ max-width:100%; }
.lotteryArea .lottery-list{ position: absolute; right:10px; top:195px; display:block; width:290px; height:170px; overflow:hidden; margin:0;}
.lotteryArea .lottery-list ul{float:left; width:100%; padding:0px; }
.lotteryArea .lottery-list ul li{ float:left; width:100%; height:24px; line-height:24px; text-align:left;}
.lotteryGet{ display:block; padding:20px; }
.lotteryGet .layui-form-item .layui-input-inline{ width: 100%;margin-right: 0px; }
@media screen and (max-width: 768px) {.lotteryArea {width: 100%;max-width: 100%;background: url(../images/lottery.png) center top no-repeat;background-size: 100%;}.lotteryArea .rotary-area {position: relative;width: 100%;height: 0;padding-bottom: 100%;}.lotteryArea .rotary-area .rotaryArrow {position: absolute;left: 0px;top: 0px;width: 100%;height: auto;z-index: 2;}.lotteryArea .lottery-list {display: none;}.layui-form-item .layui-input-inline{margin-left: 10px;}}
/*
 * 礼物区
*/
.gift-list-area{ display:block; width:250px; height:190px; padding:0px 0 0px 0px; }
.gift-list-area .gift-item{ float:left; position: relative; width:50px; height:50px; margin:9px 0px 0 10px; cursor: pointer; }
.gift-list-area .gift-item .gift-image{ max-width:100%; opacity:0.8; filter:alpha(opacity=80); }
.gift-list-area .gift-item:hover .gift-image{ display:block; opacity:1; filter:alpha(opacity=100); }
.gift-box-area{ display:none;}
.gift-box-area-box { width:380px; height:150px; padding:10px 10px 40px; background:#fff; }
.gift-box-area-box .img { width:70px; height:70px; float:left}
.gift-box-area-box .img img { width:100%; height:100%}
.gift-box-area-box .txt { float:left; width:290px; height:60px; margin-top:10px; margin-left:15px;}
.gift-box-area-box .txt .name { color:#939393; font-size:20px; margin-right:10px}
.gift-box-area-box .txt .charge { color:#ff9f15; font-size:15px}
.gift-box-area-box .txt .memo { margin-top:5px; color:#939393; font-size:15px }
.gift-box-area-box .qnum { float:left; width:100%; margin:20px 0; }
.gift-box-area-box .qnum a { float:left; margin:0 5px; width:50px; height:25px; line-height:25px;text-align:center;border:1px solid #e8e8e8;border-radius:5px; background:#f8f8f8;}
.gift-box-area-box .qnum a.curr { border:1px solid #E15434; background:#E15335; color:#fff; }
.gift-box-area-box .bottom { float:left;width:100%; }
.gift-box-area-box .bottom .left { float:left; width:50%; color:#999; line-height:30px}
.gift-box-area-box .bottom .right { float:right; }

/*
 * 风险提示
*/
.FxAgree{ display:block;margin-top:10px; padding:10px 25px; border-top:1px solid #ddd; }
.FxAgree .layui-form-checkbox[lay-skin="primary"] span { color: #f00; }
.FxAgree .layui-form-checkbox[lay-skin="primary"]:hover i { border-color: #f00;}
.FxAgree .layui-form-checked[lay-skin="primary"] i { border-color: #f00; background-color: #f00; color: #fff; }
/* 聊天页 右侧加公司信息 */
.layim-chat-left{ width: 70%; float: left; position: relative; }
.layim-chat-left:after{position: absolute;position: absolute;right: 0;bottom: 0px;display: block;border: 1px solid #f4f4f4;content: '';top: 0;}
.layim-chat-right{width: 30%;float: right;background-color: #fffff6;}
.layim-chat-right .layim-chat-intro{ display:block; padding:15px 0; position: relative; }
.layim-chat-right .layim-chat-intro .avatar{ display:block; text-align:center; }
.layim-chat-right .layim-chat-intro .avatar img{ width:70px; height:70px; border-radius: 70px;border: 1px solid #f0f0f0; }
.layim-chat-right .layim-chat-intro .account{ display:block; height:30px; line-height:30px; padding:5px 0 0px; text-align:center; font-size:16px; color:#382D87; }
.layim-chat-right .layim-chat-intro .group{ display:block;height:24px; line-height:24px; padding:5px 0 0px; text-align:center; }
.layim-chat-right .layim-chat-intro .qq{ display:block; padding:5px 0 0px; text-align:center; line-height:30px; }
.layim-chat-right .layim-chat-intro .qq a{ display: inline-block; text-align:center; width:77px; height:22px; background: url(../../images/qqchat.png) left center no-repeat; }
.layim-chat-right .layim-chat-intro .sign{ display:block; min-height:150px; padding:10px; margin-top:10px; line-height:24px; font-size:12px; text-align: left; text-indent: 2rem; border-top: 1px solid #F1F1F1; }
/*客服面板最小化*/
.layui-layim-min.layui-layim-min-my {border:none;background-color: rgb(0 0 0 / 20%);color:#fff;height: auto !important;}
.layui-layim-min.layui-layim-min-my:hover{background-color: rgb(0 0 0 / 30%);}
.layui-layim-min.layui-layim-min-my .layui-layer-content {position: relative;margin:0 0px;padding: 5px;line-height: auto;cursor: pointer;border-radius: 3px;overflow: hidden;text-overflow: ellipsis; height: auto !important;}
.layui-layim-min.layui-layim-min-my .layui-layer-content img {float: left; width:24px; height:24px;margin:5px 2px 5px; border-radius: 100%; border: 1px solid #ddd; }
.layui-layim-min.layui-layim-min-my .layui-layer-content span {float: left; width: 30px; line-height:30px;padding: 0 0 10px; font-size:16px;writing-mode:vertical-lr;}
/*投票css*/
.vote-box-list{ display:block; margin:20px; font-size:14px; }
.vote-box-list li{ display:block; padding:10px 10px; margin:10px 0; background: #fff; }
.vote-box-list li .vote-item-wrap{display:block;position:relative;padding-left:70px;}
.vote-box-list li .vote-item-wrap .avatar777{ position: absolute; width:50px; height:50px; border:1px solid #ccc; border-radius: 50px; left: 10px; top: -1px; }
.vote-box-list li .vote-item-wrap h4{ float:left; line-height:50px;}
.vote-box-list li .vote-item-wrap p.progress{float:left;height:20px;width:300px;border:1px solid #F9F9F9;background-color:#EFEFEF;margin:15px 10px;}
.vote-box-list li .vote-item-wrap p.progress span{float:left;height:20px;line-height: 20px;background-color:#F36161;font-size: 12px;text-indent: 5px;color: #fff;}
.vote-box-list li .vote-item-wrap .vnum{ float:left; width:75px; line-height:50px;}
.vote-box-list li .vote-item-wrap .btnVoteUser{ float:left; width:100px; margin:10px 0px; height:26px; line-height:26px; text-align:center; color:#F36161; border:2px solid #F36161; }
.vote-box-list li .vote-item-wrap .btnVoteUser:hover{ background:#F36161; color:#fff; }
/*课程表*/
#popBoxRoomCourse{ height:100%; }
#popBoxRoomCourse .pop_con{height: 100%;}
#popBoxRoomCourse .pop_con .course-table{display:block; width:100%; height:100%; border-collapse: collapse; }
#popBoxRoomCourse .pop_con .course-table table{margin:0;width:100%;height:100%;background-color: #bd7f21;position: absolute;/* bottom: 15px; *//* top: 15px; */left: 15px;right: 15px;background: url(/assets/room/images/bg18.jpg) left top no-repeat #352c2c;background-attachment: fixed;background-size: 100% 100%;}
#popBoxRoomCourse .pop_con .course-table th,
#popBoxRoomCourse .pop_con .course-table td{padding: 5px 5px; text-align:center; color:#ffffff; border:1px solid #F8F8F8; }
#popBoxRoomCourse .pop_con .course-table th{ background-color: rgba(0,0,0,0.5); }
#popBoxRoomCourse .pop_con .course-table td{ background-color: rgba(0,0,0,0.3); }
#popBoxRoomCourse .pop_con .course-table .curr td{ font-weight:bold; color:#0198F1; }
/**/
#popBoxQr{ position: relative; width: 100%; height: 100%; background: url(../images/mobile-pop.jpg) left center no-repeat; }
#popBoxQr .pop_con a{ width: 190px; height: 190px; position: absolute; right: 28px;top: 55px; }
#popBoxQr .pop_con a img{ width: 100%; height: 100%; }