:root {
    --color-font1: #333;
    --color-font2: #999;
    --color-font3: #3F75EF;
    --color-font4: #FE5B2C;
    --color-font5: #AEB0C4;
    --color-font6: #fff;
    --color-font7: #666;
    --color-font8: #333;
    --bgcolor1: #E6F0FF;
    --bgcolor2: #3F75EF;
    --bgcolor3: linear-gradient(131deg, #04A3FE 3%, #016BFF 100%);
    --bgcolor4: #D7E7FE;
    --bgcolor5: #eee;
    --bgcolor6: #F0F6FF;
    --bgcolor7: #D9D9D9;
    --bgcolor8: #fff;
    --bgcolor9: #ECF4FF;
    --bgcolor10: linear-gradient(129deg, #FE5B2E 0%, #FE3261 100%);
    --bgcolor11: #F5F6F8;
    --bgcolor12: #fff;
    --bgcolor13: url(../images/live/Frame3.png) center no-repeat;
    --bgcolor14: url(../images/live/sousuo2.png) center no-repeat;
    --bgcolor15: #2a365a;
    --color-border1: #EDEDED;
    --color-border2: #D7E7FE;
}
:root[theme='dark'] {
    --color-font1: #fff;
    --color-font2: #AEB0C4;
    --color-font3: #3F75EF;
    --color-font4: #FE5B2C;
    --color-font5: #AEB0C4;
    --color-font6: #fff;
    --color-font7: #D3E0FE;
    --color-font8: #AEB0C4;
    --bgcolor1: #1A2033;
    --bgcolor2: #3F75EF;
    --bgcolor3: linear-gradient(131deg, #04A3FE 3%, #016BFF 100%);
    --bgcolor4: #D7E7FE;
    --bgcolor5: #eee;
    --bgcolor6: #364062;
    --bgcolor7: #D9D9D9;
    --bgcolor8: #28304A;
    --bgcolor9: #ECF4FF;
    --bgcolor10: linear-gradient(129deg, #FE5B2E 0%, #FE3261 100%);
    --bgcolor11: #5C6387;
    --bgcolor12: #364062;
    --bgcolor13: url(../images/live/Frame33.png) center no-repeat;
    --bgcolor14: url(../images/live/sousuo22.png) center no-repeat;
    --color-border1: #364062;
}
* {
    padding: 0;
    margin: 0;
}

body,
html {
    padding: 0;
    margin: 0;
}


body {
    background: var(--bgcolor1);
}

a,
li {
    list-style: none;
    text-decoration: none;
}

a {
    color: #333;
    font-size: 14px;
}

a:hover {
    color: #5259F4;
}

button,
input {
    border: none;
    outline: none;
}

button {
    cursor: pointer;
}

::-webkit-scrollbar {
    display: none;
}

/***
 * _ooOoo_
 * o8888888o
 * 88" . "88
 * (| -_- |)
 *  O\ = /O
 * ___/`---'\____
 * .   ' \\| |// `.
 * / \\||| : |||// \
 * / _||||| -:- |||||- \
 * | | \\\ - /// | |
 * | \_| ''\---/'' | |
 * \ .-\__ `-` ___/-. /
 * ___`. .' /--.--\ `. . __
 * ."" '< `.___\_<|>_/___.' >'"".
 * | | : `- \`.;`\ _ /`;.`/ - ` : | |
 * \ \ `-. \_ __\ /__ _/ .-` / /
 * ======`-.____`-.___\_____/___.-`____.-'======
 * `=---='
 *          .............................................
 *           佛曰：bug泛滥，我已瘫痪！
 */
/* 头部 */
.liveSubjecs{
    /* overflow: hidden; */
    width: 1200px;
    padding-top: 15px;
    margin:15px auto;
    display: flex;
    min-height: 600px;
    justify-content: space-between;
    position: relative;
}
.liveConter{
    overflow: hidden;
    width: 880px;
    min-height: 600px;
    position: relative;
}
.liveConter .liveConterTitle{
    overflow: hidden;
    width: calc(100% - 48px);
    min-height: 100px;
    background: var(--bgcolor8);
    padding: 0 24px;
}
.liveConter .liveConterTitle .liveTitleName{
    overflow: hidden;
    font-size: 22px;
    color: var(--color-font1);
    margin-top: 20px;
    margin-bottom: 12px;
}
.liveConter .liveConterTitle .liveTitleInfo{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoDay{
    overflow: hidden;
    display: flex;
    align-items: center;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoDay div{
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color-font2);
    margin-right: 26px;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoDay div span{
    overflow: hidden;
    display: block;
    padding-top: 3px;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoDay div img{
    overflow: hidden;
    display: block;
    margin-right: 5px;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoShou{
    overflow: hidden;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoShou i{
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: var(--bgcolor13);
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoShou img{
    margin-right: 5px;
}
.liveConter .liveConterTitle .liveTitleInfo .liveTitleInfoShou span{
    font-size: 13px;
    color: var(--color-font8);
}


.liveConter .liveConterVideo{
    overflow: hidden;
    height: 495px;
    background: var(--bgcolor8);
    position: relative;
}

.liveConter .liveConterVideo .liveEndModular{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 88;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
.liveConter .liveConterVideo .liveEndModular .liveEndModularInfo{
    overflow: hidden;
    text-align: center;
    margin: 50px;
    /*background: #f90;*/
    position: absolute;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 555;
}
.liveConter .liveConterVideo .liveEndModular .liveEndModularInfo p{
    overflow: hidden;
    font-size: 30px;
    color: var(--color-font3);
    padding-bottom: 10px;
}
.liveConter .liveConterVideo .liveEndModular .liveEndModularInfo span{
    overflow: hidden;
    font-size: 15px;
    color: var(--color-font5);
}




.liveConter .liveConterTimes{
    overflow: hidden;
    width: calc(100% - 48px);
    height: 80px;
    background: var(--bgcolor8);
    padding: 0 24px;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.liveConter .liveConterTimes .liveTimesInfo{
    overflow: hidden;
    display: flex;
    align-items: center;
}
.liveConter .liveConterTimes .liveTimesInfo .liveTimesTips{
    overflow: hidden;
    font-size: 16px;
    color: var(--color-font1);
    font-weight: bold;
    margin-right: 15px;
}
.liveConter .liveConterTimes .liveTimesInfo .liveTimesInfoNumber{
    overflow: hidden;
    display: flex;
    align-items: center;
}
.liveConter .liveConterTimes .liveTimesInfo .liveTimesInfoNumber span{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    border: 1px solid var(--color-border2);
    background: var(--bgcolor9);
    font-size: 20px;
    font-weight: bold;
    color: var(--color-font3);
}
.liveConter .liveConterTimes .liveTimesInfo .liveTimesInfoNumber b{
    overflow: hidden;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-font1);
    padding: 0 10px;
}
.liveConter .liveConterTimes .liveTimesButton{
    overflow: hidden;
    width: 120px;
    height: 42px;
    background: var(--bgcolor3);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.liveConter .liveConterTimes .liveTimesButton img{
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.liveConter .liveConterTimes .liveTimesButton span{
    font-size: 15px;
    color: var(--color-font6);
    font-weight: bold;
}

.liveConter .videoSmall{
    overflow: hidden;
    width: 400px;
    height: 225px;
    position: fixed;
    left: 5px;
    top: 50px;
    z-index: 222;
    display: none;
}
.liveConter .videoSmall img{
    overflow: hidden;
    width: 100%;
    height: auto;
}
.liveConter .liveErweima{
    overflow: hidden;
    width: 200px;
    height: 253px;
    background: var(--bgcolor8);
    position: absolute;
    top: 100px;
    right: -200px;
    z-index: 888;
    transition: 0.4s;
}
.liveConter .liveErweimCur{
    right: 0 !important;
    transition: 0.4s;
}
.liveConter .liveErweima div{
    overflow: hidden;
    padding: 20px;
    text-align: center;
}
.liveConter .liveErweima div h4{
    overflow: hidden;
    color: var(--color-font1);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
}
.liveConter .liveErweima div img{
    overflow: hidden;
    width: 100%;
    height: auto;
}
.liveConter .liveErweima div span{
    overflow: hidden;
    display: block;
    font-size: 12px;
    color: var(--color-font7);
    padding-top: 6px;
}



/* 列表切换 */
.videoComTabs{
    min-height: 500px;
    background: var(--bgcolor8);
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    margin-top: 15px;
}
.videoComTabs .videoTabsLink{
    overflow: hidden;
    height: 65px;
    border-bottom: 1px solid var(--color-border1);
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.videoComTabs .videoTabsLink ul{
    overflow: hidden;
    height: 65px;
    display: flex;
    align-items: center;
}
.videoComTabs .videoTabsLink ul li{
    overflow: hidden;
    height: 65px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color-font8);
    margin-right: 45px;
    cursor: pointer;
}
.videoComTabs .videoTabsLink ul li.videoTabCur{
    overflow: hidden;
    color: var(--color-font3);
    font-weight: bold;
    position: relative;
}
.videoComTabs .videoTabsLink ul li.videoTabCur::after{
    overflow: hidden;
    display: block;
    content: "";
    width: 48px;
    height: 2px;
    background: var(--bgcolor2);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}


.videoComTabs .videoTabsLink .videoTabsSearch{
    overflow: hidden;
    height: 65px;
    width: calc(100% - 250px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchClear{
    overflow: hidden;
    height: 65px;
    width: calc(100% - 50px);
    position: relative;
}

.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchButton{
    overflow: hidden;
    height: 26px;
    width: 26px;
    background: var(--bgcolor14);
    position: relative;
    cursor: pointer;
    transition: 0.5s;
}

.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchButtonCur{
    overflow: hidden;
    opacity: 0.001;
    transition: 0.5s;
}

.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput{
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: -408px;
    z-index: 22;
    width: calc(400px - 24px);
    height: 35px;
    border: 1px solid var(--color-border2);
    border-radius: 18px;
    display: flex;
    padding: 0 12px;
    align-items: center;
    justify-content: space-between;
    transition: 0.5s;
}
.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInputCur{
    overflow: hidden;
    right: 0;
    transition: 0.5s;
}

.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput .videoSearShur{
    overflow: hidden;
}
.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput .videoSearShur input{
    width: 300px;
    height: 20px;
    background: none;
    font-size: 14px;
    color: var(--color-font7);
}
.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput .videoSearShur input::placeholder{
    color: var(--color-font5);
}

.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput .videoSearSoux{
    overflow: hidden;
    width: 24px;
    height: 24px;
}
.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput .videoSearSoux button{
    overflow: hidden;
    width: 24px;
    height: 24px;
    background: var(--bgcolor14);
}

.videoComTabs .videoTabsLink .videoTabsSearch .videoSearchInput .videoSearQinc{
    overflow: hidden;
    /*background: #f90;*/
    color: var(--color-font7);
    cursor: pointer;
}









.videoComTabs .videoTabsConts{
    overflow: hidden;
    padding: 22px 24px;
}
.videoComTabs .videoTabsConts .videoCompanyAbout{
    overflow: hidden;
    padding: 6px 0;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
	cursor: pointer;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComNames{
    overflow: hidden;
    display: flex;
    align-items: center;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComNames h3{
    overflow: hidden;
    font-size: 16px;
    color: var(--color-font1);
    padding: 0 12px 0 8px;
    position: relative;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComNames h3::before{
    overflow: hidden;
    display: block;
    content: "";
    width: 2px;
    height: 15px;
    background: var(--bgcolor2);
    position: absolute;
    top: 2px;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComNames span{
    overflow: hidden;
    display: block;
    background: var(--bgcolor10);
    width: 57px;
    height: 18px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComNames span img{
    width: 9px;
    height: 11px;
    margin-right: 4px;
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComNames span b{
    font-size: 12px;
    font-weight: 500;
    color: var(--color-font6);
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComPosts{
    overflow: hidden;
    font-size: 14px;
    color: var(--color-font2);
}
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompabutInfo .videoComPosts span{
    color: var(--color-font4);
    padding: 0 6px;
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul{
    overflow: hidden;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    display: none;
}
/*展开显示*/
.videoComTabs .videoTabsConts .videoCompanyAbout .videoCompaUles{
    overflow: hidden;
    display: flex;
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul::after{
    overflow: hidden;
    display: block;
    content: "";
    width: 32%;
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li{
    overflow: hidden;
    width: calc(32% - 24px);
    padding: 12px;
    border: 1px solid var(--color-border1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    background: var(--bgcolor12);
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li .videoCompResuOne{
    overflow: hidden;
    position: relative;
    width: calc(100% - 62px);
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li .videoCompResuOne h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: var(--color-font1);
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li .videoCompResuOne p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: var(--color-font4);
    padding: 4px 0;
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li .videoCompResuOne span{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--color-font2);
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li .videoCompResuTwo{
    overflow: hidden;
    width: 60px;
    height: 25px;
    background: var(--bgcolor2);
    border-radius: 13px;
}
.videoComTabs .videoTabsConts .videoCompanyAbout ul li .videoCompResuTwo a{
    overflow: hidden;
    display: block;
    width: 60px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-font6);
    font-size: 14px;
}

.videoComTabs .videoTabsConts .videoComEcruit{
    overflow: hidden;
}
.videoComTabs .videoTabsConts .videoComEcruit ul{
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.videoComTabs .videoTabsConts .videoComEcruit ul::after{
    overflow: hidden;
    display: block;
    content: "";
    width: 32%;
}
.videoComTabs .videoTabsConts .videoComEcruit li{
    overflow: hidden;
    width: calc(32% - 24px);
    padding: 12px;
    border: 1px solid var(--color-border1);
    border-radius: 8px;
    margin-bottom: 15px;
    background: var(--bgcolor12);
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData .videoComEcrDataOne{
    overflow: hidden;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData .videoComEcrDataOne h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: var(--color-font1);
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData .videoComEcrDataOne p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: var(--color-font4);
    padding: 4px 0;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData .videoComEcrDataOne span{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--color-font2);
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData .videoComEcrDataTwo{
    overflow: hidden;
    width: 60px;
    height: 25px;
    background: var(--bgcolor2);
    border-radius: 13px;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrData .videoComEcrDataTwo a{
    overflow: hidden;
    display: block;
    width: 60px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-font6);
    font-size: 14px;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrGong{
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-top: 8px;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrGong img{
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 6px;
}
.videoComTabs .videoTabsConts .videoComEcruit li .videoComEcrGong span{
    display: block;
    font-size: 13px;
    color: var(--color-font7);
}
.videoComTabs .videoTabsConts .videoTabSynop{
    overflow: hidden;
    line-height: 20px;
    color: var(--color-font8);
    font-size: 14px;
}

.videoComTabs .videoTabsConts .videoTabSynop img{
    max-width: 100%;
}




.liveCharts{
    /* overflow: hidden; */
    width: calc(304px - 24px);
    background: var(--bgcolor8);
    height: calc(674px - 12px);
    border-radius: 8px;
    position: relative;
    padding:0 12px 12px 12px;
/*    z-index: 22;
    display: flex; */
    flex-wrap: wrap;
    align-content: space-between;
}
.liveCharts .liveChartsTops{
    overflow: hidden;
    height: 65px;
    border-bottom: 1px solid var(--color-border1);
    display: flex;
    align-items: center;
    width: 100%;
}
.liveCharts .liveChartsTops span{
    overflow: hidden;
    display: block;
    height: 65px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color-font3);
    position: relative;
}
.liveCharts .liveChartsTops span::after{
    overflow: hidden;
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: var(--bgcolor2);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.liveCharts .liveChatPrompt{
    overflow: hidden;
    width: 100%;
    min-height: 30px;
    padding: 6px 0 15px 0;
    font-size: 13px;
    color: var(--color-font4);
}



.liveCharts .liveChartsConts{
    overflow-y: auto;
    height: calc(100% - 130px);
    margin-top: 0px;
    width: 100%;
}
.liveCharts .liveChartsConts .liveChartsList{
    overflow: hidden;
    display: flex;
    margin-bottom: 15px;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartImgs{
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 8px;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartImgs img{
    width: 100%;
    height: 100%;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartNeir{
    overflow: hidden;
    width: calc(100% - 55px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartNeir .liveChartNames{
    overflow: hidden;
    display: flex; 
    align-items: center; 
    width: 100%;
    padding-bottom: 4px;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartNeir h4{
    overflow: hidden;
    font-size: 13px;
    color: var(--color-font2);
    font-weight: 500;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartNeir .liveChartNames i{
    overflow: hidden;
    display: flex; 
    width: 36px;
    height: 18px;
    background: var(--bgcolor10);
    border-radius: 3px;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--color-font6);
}
.liveCharts .liveChartsConts .liveChartsList .liveChartNeirText{
    overflow: hidden;
    background: var(--bgcolor6);
    padding: 8px 10px;
    font-size: 14px;
    color: var(--color-font1);
    line-height: 20px;
    border-radius: 0 8px 8px 8px;
}
.liveCharts .liveChartsConts .liveChartsList .liveChartNeirText img{
    width: 28px;
    height: auto;
}


.liveCharts .liveChartsConts .liveChartsList .liveDeliver{
    overflow: hidden;
    position: relative;
    width: 200px;
    margin: auto;
    background: var(--bgcolor6);
    padding: 12px;
    border-radius: 6px;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverName{
    overflow: hidden;
    position: relative;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverName h4{
    overflow: hidden;
    font-size: 16px;
    color: var(--color-font3);
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverName .spanPdiv{
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverName p{
    overflow: hidden;
    font-size: 14px;
    color: var(--color-font1);
    width: calc(100% - 67px);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverName span{
    color: var(--color-font4);
    font-size: 14px;
    padding-left: 10px;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverName b{
    font-size: 13px;
    color: var(--color-font7);
    font-weight: 500;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 8px;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverLink{
    overflow: hidden;
    width: 90px;
    height: 26px;
    background: var(--bgcolor2);
    border-radius: 15px;
}
.liveCharts .liveChartsConts .liveChartsList .liveDeliver .liveDeliverLink a{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 26px;
    font-size: 14px;
    color: var(--color-font6);
    border-radius: 15px;
}



.liveCharts .liveChartsInput{
    /*overflow: hidden;*/
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}

.liveCharts .liveChartsInput .liveCharInputAlls{
    /*overflow: hidden;*/
    width: calc(100% - 20px);
    height: 45px;
    background: var(--bgcolor11);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 0 10px;
    position: relative;
}
.liveCharts .liveChartsInput .liveCharInputAlls img{
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.liveCharts .liveChartsInput .liveCharInputAlls input{
    background: none;
    width: calc(100% - 65px);
    height: 30px;
    color: var(--color-font7);
}
.liveCharts .liveChartsInput .liveCharInputAlls input::placeholder{
    height: 30px;
    color: var(--color-font5);
    font-size: 14px;
}
.liveCharts .liveChartsInput .liveCharInputAlls span{
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    color: var(--color-font5);
    font-size: 14px;
    cursor: pointer;
}

/*表情样式*/
.liveCharts .liveChartsInput .liveCharInputAlls .showbq{
    overflow: hidden;
    position: absolute;
    top: -303px;
    left: 0;
    z-index: 666;
    width: 260px;
    height: 300px;
    background: var(--bgcolor6);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgb(111 116 132 / 30%);
}
.liveCharts .liveChartsInput .liveCharInputAlls .showbq .chat_face{
    overflow-y: auto;
    margin: 10px;
    height: calc(100% - 20px);
    position: relative;
}

.liveCharts .liveChartsInput .liveCharInputAlls .showbq .chat_face::-webkit-scrollbar{
    width: 4px;
    background: var(--bgcolor4);
    display: block;
    border-radius: 2px;
}
.liveCharts .liveChartsInput .liveCharInputAlls .showbq .chat_face::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 3px;
}
.liveCharts .liveChartsInput .liveCharInputAlls .showbq .chat_face::-webkit-scrollbar-thumb{
    border-radius: 3px; 
    height: 100px;
    background: #7c95e1;
}



.liveCharts .liveChartsInput .liveCharInputAlls .showbq .chat_face li{
    overflow: hidden;
    float: left;
    padding: 0 4px;
}
.liveCharts .liveChartsInput .liveCharInputAlls .showbq .chat_face li img{
    width: 30px;
    height: 30px;
}



.liveCharInpuNones input::placeholder{
    color: var(--color-font4) !important;
}



.liveChartsCur{
    overflow: hidden;
    position: fixed;
    top: 60px;
    right: calc((100% - 1200px) / 2);
    z-index: 55;
}


/* //d点赞 */
.position_zhan {
  position: absolute;
  right: -65px;
  top: 610px;
  width: 50px;
  height: auto;
  z-index: 100;
}
.position_zhan .imageDate{
  overflow: hidden;
  width: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.position_zhan .imageDate .dongaImage{
  overflow: hidden;
  width: 85%;
  transition: 0.3s;
  cursor: pointer;
  margin: auto;
}
.position_zhan .imageDate .dongaImage:active{
  overflow: hidden;
  width: 100%;
  transition: 0.3s;
  background: none;
}


.position_zhan .imageDate .dongaOne {
  overflow: hidden;
  position: absolute;
  top: -1px;
  left: 8px;
  right: 0;
  z-index: 2;
  width: 70%;
  text-align: center;
  font-size: 13px;
  color: #f30;
}





.dongaImage{
  overflow: hidden;
}
.dongaImage img{
  width: 100%;
  height: auto;
}


.parentImg {
  width: 34px;
  height: 34px;
  display: inline-block;
  position: absolute;
  top: -18px;
  left: 11px;
  animation: vertical-animation 2.4s linear forwards;
  -webkit-animation: vertical-animation 2.4s linear forwards;
  z-index: 333;
}
.parentImg img{
  width: 100%;
  height: auto;
}

@-webkit-keyframes vertical-animation {
  0% {
    transform: translateY(0px);
    opacity: 1
  }

  100% {
    transform: translateY(-200px);
    opacity: 0
  }
}

.parentImg0 img, .parentImg1 img {
  width: 30px;
  height: 30px;
  display: inline-block;
  animation: hor-animation 2.4s linear forwards;
  -webkit-animation: hor-animation 2.4s linear forwards;
}

@-webkit-keyframes hor-animation {
  0% {
    transform: translateX(0px);
    transform: scale(0);
  }

  10% {
    transform: scale(1);
  }

  25% {
    transform: translateX(5px);
  }

  50% {
    transform: translateX(0px);
  }

  75% {
    transform: translateX(-5px);
  }

  100% {
    transform: translateX(0px);
  }
}

.parentImg2 img, .parentImg3 img {
  width: 30px;
  height: 30px;
  animation: hor-animation1 2.4s linear forwards;
  -webkit-animation: hor-animation1 2.4s linear forwards;
}

@-webkit-keyframes hor-animation1 {
  0% {
    transform: translateX(0px);
    transform: scale(0);
  }

  10% {
    transform: scale(1);
  }

  33% {
    transform: translateX(10px);
  }

  66% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0px);
  }
}

.parentImg4 img, .parentImg5 img {
  width: 28px;
  height: 28px;
  animation: hor-animation2 2.4s linear forwards;
  -webkit-animation: hor-animation2 2.4s linear forwards;
}

@-webkit-keyframes hor-animation2 {
  0% {
    transform: translateX(0px);
    transform: scale(0);
  }

  10% {
    transform: scale(1);
  }

  33% {
    transform: translateX(-10px);
  }

  66% {
    transform: translateX(-5px);
  }

  100% {
    transform: translateX(3px);
  }
}

.parentImg6 img, .parentImg7 img {
  width: 30px;
  height: 30px;
  animation: hor-animation3 2.2s linear forwards;
  -webkit-animation: hor-animation3 2.2s linear forwards;
}

@-webkit-keyframes hor-animation3 {
  0% {
    transform: translateX(0px);
    transform: scale(0);
  }

  10% {
    transform: scale(1);
  }

  33% {
    transform: translateX(10px);
  }

  66% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0px);
  }
}

.parentImg8 img, .parentImg9 img {
  width: 32px;
  height: 32px;
  animation: hor-animation4 2.2s linear forwards;
  -webkit-animation: hor-animation4 2.2s linear forwards;
}

@-webkit-keyframes hor-animation4 {
  0% {
    transform: translateX(0px);
    transform: scale(0);
  }

  10% {
    transform: scale(1);
  }

  33% {
    transform: translateX(-5px);
  }

  66% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-6px);
  }
}

.portrait .candou {
  -webkit-animation: shakerotate 2s ease-in-out;
  animation: shakerotate 1.6s ease-in-out;
}

@-webkit-keyframes shakerotate {
  0% {
    -webkit-transform: translate(0px, 0px) scaleX(1) scaleY(1);
  }

  56% {
    -webkit-transform: translate(0px, 0px) scaleX(1.3) scaleY(1.1);
  }

  100% {
    -webkit-transform: translate(0px, 0px) scaleX(1) scaleY(1);
  }
}

.landscape .candou {
  -webkit-animation: shakerotate2 2s ease-in-out;
  animation: shakerotate2 1.6s ease-in-out;
}

@-webkit-keyframes shakerotate2 {
  0% {
    -webkit-transform: translate(0px, 0px)
  }

  56% {
    -webkit-transform: translate(10px, 0px)
  }

  100% {
    -webkit-transform: translate(0px, 0px)
  }
}

canvas {
    display: block;
    position: fixed;
    bottom: 210px;
    right: 55px;
    z-index: 20;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    z-index: 999;
}

.liveTelecast{
    overflow: hidden;
    position: fixed;
    bottom: 150px;
    right: 65px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 22;
}
.liveTelecast .liveNumber{
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 22;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liveTelecast .liveNumber span{
    display: block;
    font-size: 13px;
    color: #444;
}
.liveTelecast .clickImage{
    overflow: hidden;
    height: auto;
    width: 50px;
    z-index: 21;
    transition: 0.4s;
    cursor: pointer;
}
.liveTelecast .clickImage:active{
    overflow: hidden;
    height: auto;
    width: 55px;
    z-index: 21;
    transition: 0.3s;
}
.liveTelecast .clickImage img{
    width: 100%;
    height: auto;
}

/*暂无企业*/
.zanwuCompany{
    overflow: hidden;
    position: relative;
    height: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zanwuCompInfo{
    overflow: hidden;
    text-align: center;
}
.zanwuCompInfo span{
    overflow: hidden;
    display: block;
    color: var(--color-font1);
    font-size: 14px;
}
/*关注公众号*/
.weChatBand{
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
    text-align: center;
}
.weChatBand .wx_bdtck_pic{
    overflow: hidden;
    position: relative;
    width: 180px;
    padding: 0;
    margin: 0 auto;

}
.weChatBand .wx_bdtck_pic img{
    width: 100%;
    height: auto;
}
.weChatBand #tcwx_sx{
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    line-height: 180px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    backdrop-filter: blur(3px);
}
.weChatBand #tcwx_sx a{
    color: #fff;
}

.dx_captcha_basic_bg canvas{
    right: initial !important;
    bottom: initial !important;
}