* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

img {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

.boss {
    position: relative;
    min-height: 100vh;
    padding-bottom: 2.44rem;
}

.inside-main {
    width: 100%;
    padding: 0 .3rem;
}

.top-title {
    color: #1f1fb0;
    text-align: center;
    font-weight: bold;
}

.top-title .b-title {
    font-size: .68rem;
    letter-spacing: 2px;
}

.top-title .b-title-en {
    font-size: .44rem;
}

.content-title {
    width: 90%;
    margin: 0 auto;
    margin-bottom: .92rem;
    text-align: center;
    color: #1f1fb0;
}

.content-title .title-cn {
    font-size: .38rem;
    font-weight: bold;
}

.content-title .title-en {
    margin-top: .05rem;
    font-size: .29rem;
}

.footer-container {
    position: fixed;
    bottom: 0;
    z-index: 3;
    width: 100%;
}

.footer-container .top-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 1.34rem;
    padding: 0 .33rem;
    background-color: #1f1fb0;
}

.footer-container .top-content .left-pic {
    display: flex;
    align-items: center;
    width: 3.39rem;
}

.footer-container .top-content .right-pic {
    display: flex;
    align-items: center;
    width: 1.96rem;
}

.footer-container .top-content img {
    height: auto;
}

.footer-container .bottom-content {
    display: flex;
    padding: .15rem .33rem;
    font-size: .15rem;
    color: #1f1fb0;
    background-color: #fff;
}

.btn-container {
    position: fixed;
    top: 50%;
    right: .33rem;
}

.btn-container .home-btn,
.btn-container .top-btn {
    width: .71rem;
    height: .71rem;
}

.btn-container .top-btn {
    display: none;
    margin-top: .1rem;
}

.slide-left {
    position: fixed;
    left: .27rem;
    top: 2.65rem;
    font-size: .23rem;
    font-weight: bold;
    color: #1f1fb0;
}

.slide-left.hidden-slide {
    display: none;
}

.slide-left p {
    position: relative;
    text-align: center;
}

.slide-left p::before {
    content: attr(data-sort);
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #1f1fb0;
    transform: translate(100%, -60%);
}

.slide-left p::after {
    display: none;
    content: '';
    position: absolute;
    right: 0;
    top: .1rem;
    transform: translateX(55%) rotate(320deg);
    width: 0;
    height: 0;
    border: .1rem solid transparent;
    border-right-color: #1f1fb0;
}

.slide-left p.active {
    background-color: #1f1fb0;
    border-radius: .05rem;
    color: #fff;
}

.slide-left p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .05rem .08rem;
}

.slide-left p.active.show-before::before {
    display: inline-flex;
}

.slide-left p.active.show-before::after {
    display: block;
}

.slide-left p.hiddenText::before {
    animation: hideAn 1s forwards;
}

.slide-left p.hiddenText::after {
    animation: hideAn 1s forwards;
}

.slide-left p img {
    width: .18rem;
    height: auto;
}

.slide-left p:first-child {
    padding: .1rem .08rem;
}

.slide-left p .normal-icon {
    display: block;
}

.slide-left p .active-icon {
    display: none;
}

.slide-left p.active .normal-icon {
    display: none;
}

.slide-left p.active .active-icon {
    display: block;
}

.index-page {
    width: 100%;
    height: 100%;
    padding-top: .01rem;
    min-height: 100vh;
    background: url('../images/index_bg-1015.png') no-repeat center/cover;
    /* background: url('../images/bg.png') no-repeat center/cover; */
}

.index-page .logo {
    width: 4.05rem;
    margin: 0 auto;
    margin-top: 1.18rem;
}

.index-page .title-content {
    margin-top: 1.33rem;
}

.index-page .title-content .title-cn {
    width: 100%;
    margin: 0 auto;
}

.index-page .title-content .title-en {
    width: 5.36rem;
    margin: 0 auto;
    margin-top: .1rem;
}

.index-page .menu-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 2.19rem;
    margin-top: 1.25rem;
}

.index-page .menu-content .menu-item {
    width: calc(50% - .09rem);
    aspect-ratio: 490 / 177;
    /* border-radius: .2rem; */
}

.index-page .menu-content .full-item {
    width: 100%;
    aspect-ratio: 334 / 59;
}

.index-page .menu-content .menu-item:not(:last-child) {
    margin-bottom: 5px;
}

.index-page .menu-content .menu-item:nth-child(1) {
    /* background-color: #1f1fb0; */
    background: url(../images/bg1009_3.png) no-repeat 100% / contain;
}

.index-page .menu-content .menu-item:nth-child(2) {
    /* background-color: #0c4ebb; */
    background: url(../images/bg1009_4.png) no-repeat 100% / contain;
}

.index-page .menu-content .menu-item:nth-child(3) {
    /* background-color: #396cd5; */
    background: url(../images/bg1009_5.png) no-repeat 100% / contain;
}

.index-page .menu-content .menu-item:nth-child(4) {
    /* background-color: #3787dc; */
    background: url(../images/bg1009_1.png) no-repeat 100% / contain;
}

.index-page .menu-content .menu-item:nth-child(5) {
    /* background-color: #419dff; */
    background: url(../images/bg1009_2.png) no-repeat 100% / contain;
}

.index-page .menu-content a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: .32rem 0;
    color: #fff;
    text-align: center;
}

.index-page .menu-content .menu-title {
    font-size: .42rem;
    letter-spacing: 2px;
}

.index-page .menu-content .menu-en {
    margin-top: .03rem;
    font-size: .3rem;
}

.index-page .bottom-content {
    position: fixed;
    bottom: .38rem;
    display: flex;
    justify-content: space-between;
    width: calc(100% - .66rem);
}

.index-page .bottom-left {
    width: 3.39rem;
}

.index-page .bottom-right {
    width: 2.36rem;
}

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
}

.dialog .dialog-content {
    width: 80%;
}

.dialog .dialog-content .text {
    padding: 1rem .5rem;
    background-color: #fff;
    border-radius: .1rem;
    color: #1f1fb0;
    /* font-weight: bold; */
    text-align: center;
}

.dialog .dialog-content .text .cn {
    font-size: .4rem;
}

.dialog .dialog-content .text .en {
    margin-top: .1rem;
    font-size: .3rem;
}

.dialog .close-btn {
    width: .88rem;
    margin: 0 auto;
    margin-top: 1.3rem;
}

.agenda-page {
    overflow-x: hidden;
    padding-top: .9rem;
}

.agenda-page .full-time-list {
    display: flex;
    width: 100%;
    padding: 0 .46rem;
    margin-top: 1.2rem;
}

.agenda-page .full-time-item {
    width: 30.6%;
    padding: .1rem 0;
    border: 1px solid #1f1fb0;
    font-size: .27rem;
    text-align: center;
    color: #1f1fb0;
    border-radius: .05rem;
}

.agenda-page .full-time-item:not(:last-child) {
    margin-right: 4.5%;
}

.agenda-page .full-time-item.active {
    color: #fff;
    background-color: #1f1fb0;
}

.agenda-page .agenda-list-container {
    position: relative;
}

.agenda-page .agenda-list {
    display: none;
    margin-top: .44rem;
    /* transform: translateX(100%); */
    /* transition: all 1s; */
}

.agenda-page .agenda-list.active {
    display: block;
    /* transform: translateX(0); */
}

.agenda-page .agenda-list.leave-an {
    position: absolute;
    transform: translateX(100%);
}

.agenda-page .agenda-item {
    padding: .46rem .25rem;
    background-color: #f3f3f3;
    border-radius: .1rem;
    color: #1f1fb0;
}

.agenda-page .agenda-item:not(:last-child) {
    margin-bottom: .34rem;
}

.agenda-page .agenda-item .session {
    margin-left: -.14rem;
    font-size: .29rem;
}

.agenda-page .agenda-item .title {
    margin-top: .03rem;
    font-size: .38rem;
    font-weight: bold;
}

.agenda-page .agenda-item .time-message {
    display: flex;
    margin-top: .15rem;
    font-size: .23rem;
}

.agenda-page .agenda-item .time-message:nth-of-type(1) {
    margin-top: .3rem;
}

.agenda-page .time-message .time,
.agenda-page .time-message .address {
    display: flex;
    align-items: center;
    min-width: 2rem;
    height: .4rem;
    border: 1px solid #1f1fb0;
    border-radius: .05rem;
}

.agenda-page .time-message .sub {
    border-color: rgb(161, 93, 252);
    color: rgb(161, 93, 252);
}

.agenda-page .time-message .time span,
.agenda-page .time-message .address span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    background-color: #1f1fb0;
    text-align: center;
}

.agenda-page .time-message .sub span {
    background-color: rgb(161, 93, 252);
}

.agenda-page .time-message .lang {
    margin-left: .3rem;
}

.agenda-page .time-message .time span img,
.agenda-page .time-message .address span img {
    width: .3rem;
    height: auto;
    margin-right: .006rem;
}

.agenda-page .time-message .address .en-address {
    display: none;
}

.agenda-page .time-message .language-btn {
    /* display: none; */
    width: 1.2rem;
    text-align: center;
    padding: .07rem 0;
    margin-left: auto;
    border-radius: .1rem;
    background-color: #1f1fb0;
    font-size: .23rem;
    color: #fff;
}

.agenda-page .time-message p {
    flex: 1;
    padding: 0 .1rem;
    text-align: center;
    line-height: .45rem;
}

.agenda-page .agenda-item .session-en {
    /* margin-top: .3rem; */
    margin-bottom: .2rem;
    font-size: .23rem;
}

.agenda-page .agenda-item .session-en strong {
    font-size: .29rem;
    font-weight: bold;
}

.agenda-page .agenda-item .title-en {
    font-size: .29rem;
    font-weight: bold;
}

.agenda-page .agenda-item .more-btn-container {
    display: flex;
    justify-content: flex-end;
    /* justify-content: space-between; */
    margin-top: .38rem;
}

.agenda-page .agenda-item .switch-btn {
    display: flex;
    flex: 1;
}

.agenda-page .agenda-item .more-btn {
    padding: .15rem .25rem;
    border-radius: .1rem;
    background-color: #1f1fb0;
    font-size: .23rem;
    color: #fff;
}

.agenda-page .agenda-item .more-btn.en-btn {
    margin-left: .3rem;
}

.agenda-page .agenda-item .slide-up-btn {
    display: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: .4rem;
    margin-top: .5rem;
    border-radius: .1rem;
    background-color: #1f1fb0;
}

.agenda-page .agenda-item .slide-up-btn img {
    width: .24rem;
    height: auto;
}

.agenda-page .agenda-item .agenda-content {
    display: none;
    width: 100%;
    padding-top: .15rem;
}

.agenda-page .agenda-item .agenda-content .table-en {
    display: none;
}

.agenda-page .agenda-content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.agenda-page .agenda-content table strong {
    font-weight: bold;
}

.agenda-page .agenda-content tr {
    border-bottom: 1px solid rgba(170, 170, 170, .3);
}

.agenda-page .agenda-content td {
    font-size: .26rem;
    /* color: #004898; */
    padding: .27rem 0;
    vertical-align: top;
    line-height: 1.4;
}

.agenda-page .agenda-content td:first-child {
    width: 28%;
}

.agenda-page .agenda-content table td:nth-child(2) {
    width: 22%;
}

.agenda-page .agenda-content table td:nth-child(3) {
    width: 50%;
}

.live-page .agenda-item .session {
    font-size: .29rem;
}

.live-page .agenda-item .title {
    margin-top: 0.03rem;
    font-size: .38rem;
    font-weight: bold;
}

.live-page .agenda-item .play-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .69rem;
    height: .69rem;
    border-radius: .1rem;
    background-color: #1f1fb0;
}

.live-page .agenda-item .play-btn img {
    width: .2rem;
    height: auto;
    margin-left: .05rem;
}

.speakers-page {
    padding-top: .9rem;
}

.speakers-page .tips {
    margin-top: .2rem;
    font-size: .23rem;
    color: rgba(117, 117, 117);
    text-align: center;
}

.speakers-page .search-container {
    display: flex;
    justify-content: space-between;
    width: 50%;
    height: .6rem;
    margin: 0 auto;
    margin-top: 1.2rem;
    border: 1px solid #1f1fb0;
    border-radius: .1rem;
    overflow: hidden;
}

.speakers-page .search-container form {
    display: flex;
    justify-content: center;
    width: 100%;
}

.speakers-page .search-container input {
    border: none;
    outline: none;
}

.speakers-page .search-container input[type='text'] {
    /* flex: 1; */
    width: calc(100% - .65rem);
    padding: 0 .22rem;
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem;
    font-size: .23rem;
}

.speakers-page .search-container input[type='submit'] {
    width: .65rem;
    background: #1f1fb0 url('../images/search_btn.png') no-repeat center/cover;
    background-size: .4rem .4rem;
    border-radius: 0;
}

.speakers-page .inside-main {
    padding-left: .8rem;
}

.speakers-page .speakers-list {
    margin-top: .46rem;
}

.speakers-page .speakers-list .not-found {
    width: 80%;
    padding-right: .47rem;
    margin: 0 auto;
    margin-top: 2rem;
}

.speakers-page .speakers-list .speaker-item {
    position: relative;
    /* height: 5rem; */
    overflow: hidden;
    padding: .33rem .3rem;
    border-radius: .1rem;
    background-color: #f3f3f3;
    /* opacity: 0; */
}

.speakers-page .speakers-list .speaker-item:not(:last-child) {
    margin-bottom: .44rem;
}

.speakers-page .speaker-item .top-content {
    display: flex;
}

.speakers-page .speaker-item .top-content .person {
    width: 2.52rem;
    color: #1f1fb0;
    text-align: center;
}

.speakers-page .speaker-item .top-content .pic {
    width: 100%;
    height: 2.52rem;
    border-radius: 50%;
    overflow: hidden;
}

.speakers-page .speaker-item .top-content .name-cn {
    margin-top: .3rem;
    font-size: .33rem;
    font-weight: bold;
}

.speakers-page .speaker-item .top-content .name-en {
    margin-top: .1rem;
    font-size: .21rem;
}

.speakers-page .speaker-item .top-content .only-en {
    /* display: none; */
    margin-top: .3rem;
    font-size: .33rem;
    font-weight: bold;
}

.speakers-page .speaker-item .top-content .job-title {
    flex: 1;
    margin-left: .55rem;
}

.speakers-page .speaker-item .job-title .title-cn {
    font-size: .28rem;
    color: #434349;
}

.speakers-page .speaker-item .job-title .title-en {
    margin-top: .46rem;
    font-size: .28rem;
    font-weight: bold;
    color: #434349;
}

.speakers-page .speaker-item .message-content {
    display: none;
    padding-bottom: 40px;
    margin-top: .46rem;
    font-size: .25rem;
    color: #434349;
}

.speakers-page .speaker-item .message-content em {
    font-style: italic;
}

.speakers-page .speaker-item .message-cn {
    margin-top: .69rem;
    line-height: .4rem;
    letter-spacing: .5px;
}

.speakers-page .speaker-item .message-en {
    line-height: .33rem;
}

.speakers-page .more-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .6rem;
    background-image: linear-gradient(to bottom, rgba(243, 243, 243, 0), rgba(243, 243, 243, 1));
}

.speakers-page .more-content .arrow-btn {
    position: relative;
    width: .35rem;
    margin: 0 auto;
    transition: all .5s;
}

.speakers-page .more-content .arrow-btn .arrow-one {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: auto;
    animation: speakerArrowAn 1.5s linear infinite;
}

.speakers-page .more-content .arrow-btn .arrow-two {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: auto;
    animation: speakerArrowAn 1.5s linear .75s infinite;
}

.speakers-page .arrow-btn.show {
    transform: rotate(180deg);
    transform-origin: center .2rem;
}

.speakers-page .back-list-btn {
    text-align: center;
}

.speakers-page .back-list-btn a {
    display: inline-block;
    padding: .1rem .2rem;
    margin: 0 auto;
    margin-top: 1rem;
    background-color: #1f1fb0;
    font-size: 12px;
    color: #fff;
    border-radius: .1rem;
    letter-spacing: 1px;
}

.speakers-page .back-list-btn.hidden-slide {
    display: none;
}

.about-page {
    padding-top: .9rem;
}

.about-page .top-title {
    width: 3.32rem;
    margin: 0 auto;
}

.about-page .message {
    width: 100%;
    padding: 0 .46rem;
    margin-top: .5rem;
    font-size: .26rem;
    color: #434349;
    line-height: .46rem;
}

.about-page .message .message-cn {
    text-indent: 2em;
}

.about-page .message .message-en {
    display: none;
}

.about-page .message .message-en p {
    text-align: left;
}

.about-page .message strong {
    font-weight: bold;
}

.about-page .message p:not(:last-child) {
    margin-bottom: .53rem;
}

.about-page .language-container {
    /* margin-top: 2.92rem; */
    margin-top: .5rem;
    font-size: .23rem;
    text-align: center;
    color: #fff;
}

.about-page .language-container .language-btn {
    display: inline-block;
    width: 1.2rem;
    padding: .07rem 0;
    border-radius: .1rem;
    background-color: #1f1fb0;
}

.about-page .content-title.council {
    margin-top: 1.5rem;
}

.about-page .council-item {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: .33rem .3rem;
    background-color: #f3f3f3;
}

.about-page .council-item:not(:last-child) {
    margin-bottom: .44rem;
}

.about-page .council-item .person {
    width: 2.52rem;
    color: #1f1fb0;
    text-align: center;
}

.about-page .council-item .pic {
    border-radius: 50%;
    overflow: hidden;
}

.about-page .council-item .pic img {
    border-radius: 50%;
}

.about-page .council-item .name-cn {
    margin-top: .3rem;
    font-size: .33rem;
    font-weight: bold;
}

.about-page .council-item .name-en {
    margin-top: .1rem;
    font-size: .21rem;
}

.about-page .council-item .only-en {
    margin-top: .3rem;
    font-size: .33rem;
    font-weight: bold;
}

.about-page .council-item .job-title {
    flex: 1;
    margin-left: .55rem;
}

.about-page .council-item .job-title .title-cn {
    font-size: .28rem;
    color: #434349;
}

.about-page .council-item .job-title .title-en {
    margin-top: .46rem;
    font-size: .28rem;
    font-weight: bold;
    color: #434349;
}

.about-page .council-item .job-title .title-en p:not(:last-child) {
    margin-bottom: 3px;
}

.about-page .council-item .job-title .title-cn p:not(:last-child) {
    margin-bottom: 3px;
}

.about-page .content-title.organizing {
    margin-top: 1.07rem;
}

.about-page .organizing-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.about-page .organizing-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - .11rem);
    height: 1.38rem;
    margin-bottom: .22rem;
    background-color: #f3f3f3;
}

.about-page .organizing-item img {
    /* width: 2.43rem; */
    width: 100%;
    height: auto;
}

.about-page .content-title.partners {
    margin-top: .62rem;
}

.about-page .partner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.about-page .partner-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - .11rem);
    height: 1.38rem;
    margin-bottom: .22rem;
    background-color: #f3f3f3;
}

.about-page .partner-item img {
    /* width: 2.43rem; */
    width: 100%;
    height: auto;
}



@keyframes speakerArrowAn {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(200%);
        opacity: 0;
    }
}

@keyframes hideAn {
    from {
        opacity: 1;
    }

    to {
        display: none;
        opacity: 0;
    }
}