html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	vertical-align: baseline;
	box-sizing: border-box;
	font-family: "HarmonyOS_Sans", "Microsoft YaHei", Arial, Helvetica, sans-serif;	
}
.live-content img{
    width: 100%;
    display: block;
}
.live-content video{
    width: 100%;
    display: block;
}
.live-content iframe{
    width: 100%;
    display: block;
}

.live-content a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

/* 二级导航 start */
.interSolar-container  .exhibition_header {
    display: flex;
    justify-content: space-between;
    padding: 0 4.166667vw;
    position: sticky;
    top: calc(4.5625rem + 32px);
    z-index: 998;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
}
/* .interSolar-container  .exhibition_header.login {
    position: sticky;
} */
.interSolar-container  .exhibition_header .header_item_change,
.interSolar-container  .exhibition_header .language_change {
    position: relative;
    display: flex;
    align-items: center;
}
/* .interSolar-container  .exhibition_header .header_item_change>ul {
    margin-left: 2.222222vw;
} */
.interSolar-container  .exhibition_header .header_item_change>a,
.interSolar-container  .exhibition_header .language_change>a {
    display: flex;
    height: 3.4375vw;
    align-items: center;
    font-size: .833333vw;
    color: rgb(25, 25, 25);
    text-align: center;
}
.interSolar-container .header_item_left{
    display: flex;
}
.interSolar-container  .exhibition_header .header_item_left > .live-page{
    display: flex;
    height: 3.4375vw;
    align-items: center;
    font-size: .833333vw;
    margin-left: 2.083333vw;
    color: #C7000B;
    font-weight: 700;
}

.interSolar-container  .exhibition_header .language_change>a {
    font-size: .729167vw;
}
.interSolar-container  .exhibition_header .header_item_change>a span {
    display: inline-block;
    width: .625vw;
    height: .625vw;
    background: url(/admin/asset/v1/gray/view/e74915d810a44da6a953558006b11faa.png);
    background-size: 100% 100%;
    margin: auto 0;
    margin-left: .416667vw;
    vertical-align: middle;
    /* margin-top: .3125vw; */
}
.interSolar-container  .exhibition_header .language_change>a span {
    display: inline-block;
    width: .625vw;
    height: .625vw;
    background: url(/admin/asset/v1/gray/view/e74915d810a44da6a953558006b11faa.png);
    background-size: 100% 100%;
    margin-left: .416667vw;
    vertical-align: middle;
}
.interSolar-container  .exhibition_header .header_item_change>a span.textItem_arr_drop,
.interSolar-container  .exhibition_header .language_change>a span.textItem_arr_drop {
    transform: rotate(-180deg);
}
/* .interSolar-container  .exhibition_header .header_item_change ul li {
    font-size: 4.444444vw;
} */
.interSolar-container  .exhibition_header .header_item_change .header_item,
.interSolar-container  .exhibition_header .language_change .language_item {
    position: absolute;
    z-index: 1;
    background: rgb(255, 255, 255);
    border-radius: .3125vw;
    display: none;
    top: 2.760417vw;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
    padding: .208333vw;
}
.interSolar-container  .exhibition_header .header_item_change .header_item {
    width: 10.15625vw;
}
.interSolar-container  .exhibition_header .language_change .language_item {
    width: 5.833333vw;
}
.interSolar-container  .exhibition_header .header_item_change .header_item>a,
.interSolar-container  .exhibition_header .language_change .language_item>a {
    display: block;
    font-size: .729167vw;
    padding: .46875vw .416667vw;
    border-radius: .208333vw;
    line-height: 1.5;
}
.interSolar-container  .exhibition_header .header_item_change .header_item>a:hover,
.interSolar-container  .exhibition_header .language_change .language_item>a:hover {
    background-color: rgba(25, 25, 25, 0.05);
}
.interSolar-container  .exhibition_header .header_item_change > a.exhibition_header_show {
    color: #00000099;
    font-weight: 700;
}
.interSolar-container  .exhibition_header .header_item_change > a.exhibition_header_a {
    margin-left: 2.083333vw;
    color: rgba(0, 0, 0, 0.6);
}
.interSolar-container .exhibition_header .header_item_change .header_item>a.header_mb_show {
    display: none;
}
/* 二级导航 end */


@media (max-width: 1366px) {
    .interSolar-container .exhibition_header {
        top: 56px;
    }
}


/* mob */
@media screen and (max-aspect-ratio: 11/10) {
   

    /* 二级导航 start */
    .interSolar-container  .exhibition_header {
        padding: 0 6.666667vw;
        top: 56px;
        position: sticky;
    }
    .interSolar-container  .exhibition_header .header_item_change>a,
    .interSolar-container  .exhibition_header .language_change>a {
        height: 13.333333vw;
        font-size: 3.333333vw;
    }
    .interSolar-container  .exhibition_header .language_change>a {
        font-size: 3.333333vw;
    }
    .interSolar-container  .exhibition_header .header_item_change>a span {
        width: 3.333333vw;
        height: 3.333333vw;
        margin-left: 1.111111vw;
        background: url(/admin/asset/v1/gray/view/0feaa77030f445dc8f1a0fbd5e15b273.png);
        background-size: 100% 100%;
    }
    .interSolar-container  .exhibition_header .language_change>a span {
        width: 3.333333vw;
        height: 3.333333vw;
        margin-left: 1.111111vw;
    }
    .interSolar-container  .exhibition_header .header_item_change .header_item,
    .interSolar-container  .exhibition_header .language_change .language_item {
        border-radius: 1.111111vw;
        top: 10.277778vw;
        box-shadow: 0 2.82px 8.47px 0 rgba(0, 0, 0, 0.16);
        padding: 1.111111vw  2.222222vw;
    }
    .interSolar-container  .exhibition_header .header_item_change .header_item {
        width: 33.111111vw;
        left: 0;
    }
    .interSolar-container  .exhibition_header .language_change .language_item {
        width: 20.833333vw;
    }
    .interSolar-container  .exhibition_header .header_item_change .header_item>a,
    .interSolar-container  .exhibition_header .language_change .language_item>a {
        font-size: 3.333333vw;
        padding: 1.388889vw 1.111111vw;
        border-radius: 1.111111vw;
    }
    .interSolar-container  .exhibition_header .header_item_change .header_item>a:hover,
    .interSolar-container  .exhibition_header .language_change .language_item>a:hover {
        background-color: rgb(243, 243, 243);
    }
    .interSolar-container  .exhibition_header .header_item_change > a.exhibition_header_a {
        display: none;
    }
    .interSolar-container .exhibition_header .header_item_change .header_item>a.header_mb_show {
        display: block;
    }
    .interSolar-container  .exhibition_header .header_item_left > .live-page{
        display: none;
    }
    .interSolar-container .exhibition_header .header_item_change > a.exhibition_header_show {
        color:#C7000B;
        font-weight: 700;
    }
    .interSolar-container .exhibition_header .header_item_change{
        justify-content: center;
    }
    
    .interSolar-container .exhibition_header .language_change {
        justify-content: flex-end;
    }
    .interSolar-container  .exhibition_header .header_item_change .header_item>a:not(:first-child),
    .interSolar-container  .exhibition_header .language_change .language_item>a:not(:first-child) {
       margin-top: 2.222222vw;
    }
    .interSolar-container .exhibition_header .header_item_change .header_item>a:last-child{
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: normal;
        padding-right: 10vw;
        line-height: 2;
    }
    .interSolar-container .exhibition_header .header_item_change .header_item>a:last-child::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #00000033;
    }
    .interSolar-container .exhibition_header .header_item_change .header_item>a:last-child::after{
        content: "";
        display: inline-block;
        width: 1.260417vw;
        height: 1.260417vw;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        left: 22vw;
    }
    /* 二级导航 end */
}






.live-content{
    padding: 0 0 5vw;
    background-image: url(/admin/asset/v1/gray/view/77975c4f00294ea198e94cf6dea0a3a3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.live-title{
    display: flex;
    width: 62.5vw;
    margin: 5vw auto 1.25vw;
}
.live-title-img{
    width: 1.666667vw;
    margin-right: .416667vw;
    margin-top: .3vw;
}
.live-title-txt{
    width: 100%;
    flex: 1;
}
.live-title-txt h2{ 
   font-size: 1.458333vw;
   line-height: 1.5;
   font-weight: 700;
   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: normal;
    position: relative;
}
.live-title-txt p{ 
    font-size: .729167vw;
    line-height: 1.5;
    font-weight: 400;
    color: #00000099;
}
.live-banner{
    display: flex;
    width: 62.5vw;
    margin: 0 auto;
    border-radius: .416667vw;
    overflow: hidden;
}
.live-left{
    width: 40.625vw;
    height: 22.85156vw;
}

.live-left > div{
   display: none;
}
.live-left > div.active{
    display: block;
 }
.live-right{
    flex: 1;
    padding: 8px;
    background-color: #f4f8fb;
    height: 22.85156vw;
    overflow-y: scroll;
    box-sizing: border-box;
}
.live-right::-webkit-scrollbar{
    display: none;
}
.live-iframe{
    width: 100%;
    height: 100%;
}
.live-playback{
    width: 100%;
    height: 100%;
}
.live-item{
    display: flex;
    position: relative;
    border-top-right-radius: .416667vw;
    border-bottom-right-radius: .416667vw;
    overflow: hidden;
    cursor: pointer;
}
.live-item:not(:first-child) {
    margin-top: .416667vw;
}
.live-item-txt h2{
    font-size: .729167vw;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: normal;
    position: relative;
}
.live-item-txt p{
    font-size: .625vw;
    line-height: 1.5;
    color: #777777;
    margin-top: .104167vw;
}
.live-item-img{
    width: 8.333333vw;
  position: relative;
}
.live-item-txt{
    display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex: 1;
        align-content: center;
        padding: 0 .625vw;
}
.live-item.active{
    background-color: #eff3f7;
}
 .live-item-active{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: .625vw;
    color: #fff;
    line-height: 1.5;
    background-color: #00000099;
    display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
}
.live-item-active img{
   width: .625vw;
   height: .625vw;
   margin-right: .416667vw;
}

.live-item.active .live-item-active{
    opacity: 1;
}

.live-agenda{
    width: 62.5vw;
    margin: 2.5vw auto 0;
    padding: 2.5vw 4.166667vw 4.166667vw;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #F5FDFC80, #FFFFFF80);
    border-radius: .833333vw;
    overflow: hidden;
}
.live-agenda > h2{
  font-size: 1.458333vw;
  line-height: 1.5;
  margin-bottom: 4.166667vw;
}
.live-agenda > h2 span{
    font-size: .833333vw;
   
  }
.live-agenda-item img{
    width: 6.09375vw;
}
.live-agenda-item{
    display: flex;
    align-items: flex-start;
    padding-bottom: 2.083333vw;
    border-bottom: 1px solid #0000000D;
}
.live-agenda-item:not(:first-child) {
    padding-top: 2.083333vw;
}
.live-agenda-item > h2{
    font-size: 1.458333vw;
    line-height: 1.5;
    color: #C7000B;
    text-align: center;
}
.live-agenda-item > h2 > span{
   display: block;
   line-height: .5;
}
.live-agenda-item > div{
    flex: 1;
    /* margin: 0 1.822917vw 0 2.083333vw; */
    margin: .208333vw 1.822917vw 0 2.083333vw;
}
.live-agenda-item > div > h2{
    font-size: 1.25vw;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: normal;
    position: relative;
        /* margin-bottom: 1.666667vw; */
}
.live-agenda-item > div > p{
    font-size: .833333vw;
    line-height: 1.5;
    /* margin: 1.666667vw 0 .208333vw; */
    margin: 1.3vw 0 .208333vw;
}
.live-agenda-item > div > span{
    font-size: .729167vw;
    line-height: 1.5;
    color: #00000066;
    display: block;
}
.live-agenda-item:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}


@media screen and (max-aspect-ratio: 11 / 10) {

    .live-content{
        padding: 0 0 8.333333vw;
        background-image: url(/admin/asset/v1/gray/view/e93802a1ef78451ea98bca9d3db30b4a.jpg);
    }
    .live-title {
        width: 86.666667vw;
        margin: 8.333333vw auto 4.444444vw;
    }
    .live-title-img {
        width: 6.666667vw;
        margin-right: 2.222222vw;
        margin-top: .3vw;
    }
    .live-title-txt h2 {
        font-size: 5vw;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: normal;
        position: relative;
    }

    .live-title-txt p {
        font-size: 3.333333vw;
    }
    .live-banner {
        width: 100%;
        display: block;
        border-radius: .833333vw;
    }
    .live-left{
        width: 86.666667vw;
        height: 48.75vw;
        margin: 0 auto;
    }
  
    .live-item-img {
        width: 100%;
    }
    .live-item-active {
        font-size: 2.777778vw;
    }
    .live-item-active img {
        width: 3.333333vw;
        height: 3.333333vw;
        margin-right: 1.666667vw;
    }
    .live-item-txt {
        /* padding: 2.222222vw 4.444444vw; */
        padding: 2.222222vw 1.444444vw;
    }
    .live-item-txt h2 {
        font-size: 3.333333vw;
    }
    .live-item-txt p {
        font-size: 2.222222vw;
        margin-top: 1.111111vw;
    }

    .live-right {
        padding: 0;
        height: auto;
        overflow: scroll;
        margin-top: 2.222222vw;
        background-color: transparent;
        width: 100%;
        display: flex;
        position: relative;
    }
    .live-right > div {
        display: flex;
        padding-left: 6.666667vw;
        padding-right: 6.666667vw;
    }
    .live-item {
        display: block;
        position: relative;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 43.333333vw;
    }
    .live-item.active {
        background-color: transparent;
    }
    .live-item:not(:first-child) {
        margin-top: 0;
        margin-left: 2.222222vw;
    }

    .live-agenda {
        width: 86.666667vw;
        margin: 15.555556vw auto 0;
        padding: 3.333333vw 4.444444vw 10.555556vw;
        border-radius: 1.944444vw;
        backdrop-filter: blur(4.722222vw);
        position: relative;
        z-index: 11;
        border: 1px solid #fff;
        background: linear-gradient(to bottom, #F5FDFC80, #FFFFFF);
        
    }
    .live-agenda > h2 {
        font-size: 5vw;
        line-height: 1.5;
        margin-bottom: 8.333333vw;
    }
    .live-agenda > h2 span{
        font-size: 3.333333vw;
    }
    .live-agenda-item {
        padding-bottom: 4.444444vw;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .live-agenda-item:not(:first-child) {
        padding-top: 4.444444vw;
    }
    .live-agenda-item > h2 {
        font-size: 5vw;
        text-align: left;
        width: 100%;
        margin-bottom: 3.333333vw;
    }
    .live-agenda-item > h2 > span {
        display: inline-block;
    }
    .live-agenda-item > div {
        margin: 0;
    }
    .live-agenda-item > div > h2 {
        font-size: 3.888889vw;
    }

    .live-agenda-item > div > p {
        font-size: 3.333333vw;
        margin: 3.333333vw 0 1.111111vw;
    }
    .live-agenda-item > div > span {
        font-size: 3.333333vw;
    }
    .live-agenda-item img {
        width: 13.333333vw;
    }
}