@charset "UTF-8";
@font-face {
    font-family: "Poppins-Regular";
    src: url("../fonts/Poppins-Regular.ttf");
}
:root {
    --type-color1: #B7D8FF;
    --type-color2: #A9ABFF;
    --type-color3: #FFD089;
}

body.event .column_title {
    display: block;
    position: relative;
    padding-left: 0.68rem;
    margin-bottom: 0.29rem;
}

body.event .column_title .title {
    font-size: .36rem;
    font-weight: 700;
    color: #232323
}

body.event .column_title .tt_en {
    font-size: .68rem;
    font-weight: 700;
    color: #182d58;
    opacity: .06;
    position: absolute;
    bottom: .14rem;
    left: 0;
    line-height: 1.1;
    width: max-content
}
.boxclndr td,.boxclndr th{
    border: none;
    padding: 0;
}
.boxclndr table{
    margin: 0;
}
.boxclndr .clndr-days-head {
    margin: 0.15rem 0;
}
.boxclndr .clndr-days {padding: 0 0.2rem;border-bottom: none;}
.boxclndr .clndr-controls {position: relative;border-bottom:none;width: auto;display: flex;align-items: center;justify-content: space-between;padding: 0 0.1rem;}
.boxclndr .clndr-controls .clndr-nav {
    display: flex;
    width: 0.39rem;
    height: 0.39rem;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    flex: none;
}
.boxclndr .clndr-controls .clndr-nav svg{
    width: 0.08rem;
    height: auto;
}
.boxclndr .clndr-controls .clndr-dates {
    position: relative;
}
.boxclndr .clndr-controls .clndr-select-month {text-align: center;position: relative;font-size: var(--regular-size);color: #0D5DE7;font-weight: 500;}
.boxclndr .clndr-controls .clndr-select-list {
    position: absolute;
    width: 100%;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0.03rem 0.06rem rgb(101 5 32 / 20%);
    font-size: var(--smailSize);
    border-radius: 0.04rem;
    padding: 0.1rem;
    transform: scaleY(0);
    transform-origin: top;
    transition: var(--transition-normal);
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
}
.boxclndr .clndr-controls .open .clndr-select-list{
    transform: none;
    opacity: 1;
    visibility: inherit;
}
.boxclndr .clndr-controls .clndr-list-month {
    display: block;
    line-height: 2;
    color: var(--mainColor);
    border-bottom: 1px solid #9423432b;
    cursor: pointer;
}
.boxclndr .clndr-controls .clndr-dates a {
    color: var(--mainColor);
}
.boxclndr .clndr-week .week-box {
    font-size: var(--base-size);
    font-weight: 500;
    color: #0D5DE7;
    line-height: 2;
}
.boxclndr .clndr-week .week-en-box{
    font-size: var(--small-size);
    color: #9CB2CD;
    line-height: 1.5;
    font-family: "Poppins-Regular";
}
.boxclndr .clndr-day .day-box .day-number {display: block;ointer;-webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;-ms-transition: background-color 0.5s;-o-transition: background-color 0.5s;transition: background-color 0.5s;position: relative;margin: 0 auto;font-size: var(--base-size);text-align: center;width: 0.43rem;line-height: 0.43rem;font-family: "Poppins-Regular";margin: 0.03rem 0;cursor: pointer;}
.boxclndr .clndr-day.clndr-day-cur.clndr-has-events .day-box .day-number{color:#fa8c16;font-weight: bold;}
.boxclndr .clndr-day:not(.clndr-has-events){
    pointer-events: none;
}
.boxclndr .clndr-day.clndr-today .day-box .day-number{
    background: #EA9A22;
    border-radius: 50%;
    color: #fff;
}
.boxclndr .clndr-day .day-box .day-number .type{
    position: absolute;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    bottom: 0.04rem;
}
.boxclndr .clndr-day-out .day-box .day-number {color: #B9CCE4;}
.boxclndr .clndr-day .day-box .day-number .type span {
    margin: 0 0.02rem;
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    /* background: #8EC7FF; */
}
.boxclndr .type1 {
    background: #8EC7FF;
}
.boxclndr .type2 {
    background: #7e81e3;
}
.boxclndr .type3 {
    background: #f19816;
}
.event_con {
    display: flex;
}

.event_search {
    width: 3.96rem;
    background: #F2F8FF;
    padding: 0.09rem 0.29rem 0.09rem 0.09rem;
    border-radius: 0.16rem;
    margin-right: 0.5rem;
}
.type_filter {
    background: #fff;
    border-radius: 0.08rem;
    padding: 0.27rem 0.18rem;
    height: 3rem;
}
div#calendar {
    background: #fff;
    border-radius: 0.08rem;
    padding: 0.2rem 0;
    margin-bottom: 0.21rem;
}
.type_filter .type_tt {
    display: flex;
    justify-content: space-between;
    padding: 0 0.15rem;
    height: 0.48rem;
    background: #F4F7FC;
    align-items: center;
    border-radius: 0.08rem;
    margin-bottom: 0.2rem;
    cursor: pointer;
}

.type_filter .type_text {
    font-size: var(--regular-size);
    color: #6B7280;
}

.type_filter .type_tt img {
    width: 0.13rem;
    transition: var(--transition-normal);
}
.type_filter.close .type_tt img{
    transform: rotate(180deg);
}
.type_filter .type_list li {
    display: flex;
    font-size: var(--regular-size);
    align-items: center;
    line-height: 1.5;
    padding: 0.1rem 0;
    cursor: pointer;
}
.type_filter .type_list li.active {
    font-weight: bold;
    color: var(--secondary-color);
}
.type_filter .type_list li:before {
    content:"";
    width: 0.16rem;
    height: 0.16rem;
    flex: none;
    border-radius: 50%;
    margin-right: 0.22rem;
}
.type_filter .type_list li.type1:before {
    background: var(--type-color1);
}
.type_filter .type_list li.type2:before {
    background: var(--type-color2);
}
.type_filter .type_list li.type3:before {
    background: var(--type-color3);
}
.event_list {
    flex: 1;
}

.event_list .news_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem;
    row-gap: 0.32rem;
}

.event_list .news_list .news {
    width: 50%;
}

.event_list .news_list .news a {
    margin: 0 0.12rem;
    display: flex;
    flex-direction: column;
    height: 2.99rem;
    background: #EFF6FE url(../images/eventbg.png)no-repeat center bottom/auto 100%;
    border-radius: 0.12rem;
    padding: 0.16rem 0.3rem;
    box-sizing: border-box;
}
.event_list .news_list .news a:hover{box-shadow:0 0.03rem 0.2rem #33333324}
.event_list .news_list .news_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.18rem;
}

.event_list .news_list .news_meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #0562D6;
    font-weight: bold;
}

.event_list .news_list .news_meta .days {
    font-size: 0.38rem;
    line-height: 1.2;
}
.event_list .news_list .news_meta .month {
    font-size: 0.16rem;
}

.event_list .news_list .news_type {
    border-radius: 0.04rem;
    padding: 0 0.2rem;
    font-size: var(--regular-size);
    font-weight: bold;
    line-height: 2;
}
.event_list .news_list .news_type.type1 {
    background: var(--type-color1);
    color: #3157AA;
}
.event_list .news_list .news_type.type2 {
    background: var(--type-color2);
    color: #3437B9;
}
.event_list .news_list .news_type.type3 {
    background: var(--type-color3);
    color: #cb7a02;
}
.event_list .news_list .news_title {
    font-size: var(--large-size);
    font-weight: bold;
    line-height: 1.55;
    height: 3.1em;
    margin-bottom: 0.1rem;
}
.event_list .news_list .news_info p {
    padding-left: 0.25rem;
    font-size: var(--base-size);
    line-height: 2;
    color: #424752;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 0.12rem;
}
.event_list .news_list .news_info p.time{
    background-image:url(../images/time.svg)
}
.event_list .news_list .news_info p.location{
    background-image:url(../images/location.svg)
}
.event_list .news_list .news_info p.speaker{
    background-image:url(../images/speaker.svg)
}
@media screen and (max-width: 999px) {
    .event_con{
    flex-direction: column;
    }
    .event_search{
    width: 100%;
    }
    .type_filter .type_tt{
    height: 48px;
}
    .event_search{
    margin-bottom: 20px;
    padding: 10px;
}
    .event_list .news_list .news a{
    height: 242px;
}
    .event_list .news_list .news_title{}
    .event_list .news_list .news_info p{
    font-size: 13px;
}
}
@media screen and (max-width: 479px) {
    
.event_list .news_list .news {
    width: 100%;
}
}