.page {
    background-color: rgba(246, 248, 247, 1);
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner{
    height: 400px;
}
.list_banner {
    width: 100%;
    height: 400px;
    background: url(/imgs/cases/矩形2x.jpg) no-repeat center;
    background-size: cover;

}

.list_banner_cont {
    width: 1200px;
    margin: 0 auto;
}

.list_banner_cont h3 {
    width: 576px;
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1AB370;
    line-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.left_cont {
    width: 576px;
    flex-shrink: 0;
    margin-right: 80px;
    margin-top: 83px;
}

.left_cont_time {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin-top: 16px;
}

.left_cont a {
    display: inline-block;
    width: 144px;
    height: 48px;
    background: #1AB370;
    border-radius: 516px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 48px;
    text-align: center;
    margin-top: 48px;
}

.right_img {
    width: 544px;
    height: 306px;
    box-shadow: 0px 2px 8px 0px rgba(192, 192, 192, 0.1);
    border-radius: 4px;
    border: 8px solid #FFFFFF;
    margin-top: 43px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right_img img {
    max-width: 100%;
    max-height: 100%;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(/imgs/activities/SketchPngf3f0848a9dde1ce493a265257197a84900cf50eaedd038d6e42ac0de95b8e36e.png) no-repeat scroll 110px center transparent;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 24px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

:focus-visible {
    outline: 1px solid #1AB370;
}

.section_1 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 18px;
    width: 132px;
    height: 36px;
    border: 1px solid rgba(238, 238, 238, 1);
    margin-left: 16px;
    padding-left: 14px;
}

.section_15 {
    width: 1200px;
    margin: 24px auto 0 auto;
}

.group_3 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    width: 896px;
    justify-content: flex-center;
}

.group_4 {
    background-color: rgba(255, 255, 255, 1);
    width: 896px;
    height: 68px;
    margin-top: 16px;
}

.group_42 {
    width: 848px;
    height: 36px;
    margin: 16px 0 0 24px;
}

.text-wrapper_3 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 18px;
    height: 36px;
    border: 1px solid rgba(238, 238, 238, 1);
    width: 288px;
    padding-left: 14px;
}

.text_14 {
    width: 144px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 10px 0 0 16px;
}



.text_15 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 10px 0 0 16px;
}

.thumbnail_35 {
    width: 10px;
    height: 5px;
    margin: 16px 19px 0 39px;
}

.section_2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 18px;
    width: 132px;
    height: 36px;
    border: 1px rgba(238, 238, 238, 1);
    margin-left: 16px;
}

.text_16 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 10px 0 0 16px;
}

.thumbnail_36 {
    width: 10px;
    height: 5px;
    margin: 16px 19px 0 39px;
}

.text-wrapper_90 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 254px;
    height: 36px;
    border: 1px solid rgba(26, 179, 112, 1);
    margin-left: 112px;
    width: 68px;
    cursor: pointer;
}

.text_232 {
    width: 28px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(26, 179, 112, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.text-wrapper_91 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 254px;
    height: 36px;
    border: 1px solid rgba(26, 179, 112, 1);
    margin-left: 16px;
    width: 68px;
    cursor: pointer;
}

.text_233 {
    width: 28px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(26, 179, 112, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.group_6 {
    background-color: rgba(245, 245, 245, 1);
    width: 848px;
    height: 1px;
    margin: 15px 0 0 24px;
}

.group_7 {
    background-color: rgba(255, 255, 255, 1);
    width: 896px;
    height: 158px;
    margin-top: 16px;
    transition: all 0.2s ease-out;
}

.image-text_43 {
    position: relative;
    width: 744px;
    height: 126px;
    margin: 16px 0 0 24px;
}

.group_8 {
    height: 126px;
    width: 224px;
    position: relative;
}

.group_8_img {
    height: 126px;
    width: 224px;
    border-radius: 4px;
    overflow: hidden;
}

.text-wrapper_6 {
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    background: url(/imgs/activities/SketchPngc90ab35f3beda300a225c86f98f087866be3181b901f205e1088de6e878f3f43.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-left: 172px;
    width: 52px;
}

.text_19 {
    width: 36px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 3px 0 0 8px;
}

.text-group_45 {
    width: 504px;
    height: 110px;
    margin: 8px 0 0 16px;
}

.text_20 {
    width: 504px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}

.text_22 {
    width: 169px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 10px;
}

.text-wrapper_92 {
    width: 135px;
    height: 17px;
    margin-top: 8px;
}

.text_21 {
    width: 24px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text_23 {
    width: 70px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text-wrapper_60 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    margin: 16px 0 0 0;
}

.tag_cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tag_cont .text-wrapper_60 {
    margin-right: 16px;
}

.text_172 {
    
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 12px 0 12px;
}

.text-wrapper_61 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    position: absolute;
    left: 240px;
    top: 44px;
}

.text_173 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_93 {
    background-color: rgba(26, 179, 112, 1);
    border-radius: 254px;
    height: 36px;
    width: 96px;
    margin: 83px 24px 0 0;
    cursor: pointer;
}

.text_234 {
    width: 56px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.group_9 {
    background-color: rgba(250, 250, 250, 1);
    width: 896px;
    height: 158px;
}

.page .group_activites_item:hover {
    background-color: rgba(250, 250, 250, 1);
    width: 896px;
    height: 158px;
}

.image-text_44 {
    position: relative;
    width: 744px;
    height: 126px;
    margin: 16px 0 0 24px;
}

.box_11 {
    height: 126px;
    background: url(/imgs/activities/SketchPngce492570264d5429174161ee41c6cef2daf2f8e7c245cd0fc877449bd29d0658.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 224px;
}

.text-wrapper_8 {
    height: 24px;
    background: url(/imgs/activities/SketchPngc90ab35f3beda300a225c86f98f087866be3181b901f205e1088de6e878f3f43.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-left: 172px;
    width: 52px;
}

.text_25 {
    width: 36px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 3px 0 0 8px;
}

.text-group_46 {
    width: 504px;
    height: 110px;
    margin: 8px 0 0 16px;
}

.text_26 {
    width: 504px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}

.text_28 {
    width: 169px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 48px;
}

.text-wrapper_94 {
    width: 135px;
    height: 17px;
    margin-top: 8px;
}

.text_27 {
    width: 24px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text_29 {
    width: 87px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text-wrapper_64 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 44px 332px 0 -416px;
}

.text_175 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_65 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    position: absolute;
    left: 240px;
    top: 44px;
}

.text_176 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_95 {
    background-color: rgba(26, 179, 112, 1);
    border-radius: 254px;
    height: 36px;
    width: 96px;
    margin: 83px 24px 0 0;
}

.text_235 {
    width: 56px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.group_10 {
    background-color: rgba(255, 255, 255, 1);
    width: 896px;
    height: 158px;
}

.image-text_45 {
    position: relative;
    width: 744px;
    height: 126px;
    margin: 16px 0 0 24px;
}

.section_3 {
    height: 126px;
    background: url(/imgs/activities/SketchPng6842d8bff4f4d81608950eacef4b9ec4c9db43f52e77ef299491065afce4e13b.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 224px;
}

.text-wrapper_10 {
    height: 24px;
    background: url(/imgs/activities/SketchPngc90ab35f3beda300a225c86f98f087866be3181b901f205e1088de6e878f3f43.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-left: 172px;
    width: 52px;
}

.text_31 {
    width: 36px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 3px 0 0 8px;
}

.text-group_47 {
    width: 504px;
    height: 110px;
    margin: 8px 0 0 16px;
}

.text_32 {
    width: 504px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}

.text_34 {
    width: 169px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 48px;
}

.text-wrapper_96 {
    width: 135px;
    height: 17px;
    margin-top: 8px;
}

.text_33 {
    width: 24px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text_35 {
    width: 87px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text-wrapper_68 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 44px 332px 0 -416px;
}

.text_178 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_69 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    position: absolute;
    left: 240px;
    top: 44px;
}

.text_179 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_97 {
    background-color: rgba(26, 179, 112, 1);
    border-radius: 254px;
    height: 36px;
    width: 96px;
    margin: 83px 24px 0 0;
}

.text_236 {
    width: 56px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.group_11 {
    background-color: rgba(255, 255, 255, 1);
    width: 896px;
    height: 158px;
}

.image-text_46 {
    position: relative;
    width: 744px;
    height: 126px;
    margin: 16px 0 0 24px;
}

.section_4 {
    height: 126px;
    background: url(/imgs/activities/SketchPng4a98e98f6becf43ebfb8359431089690e1e94540542bec35d43f81b463987aa6.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 224px;
}

.text-wrapper_12 {
    height: 24px;
    background: url(/imgs/activities/SketchPngc90ab35f3beda300a225c86f98f087866be3181b901f205e1088de6e878f3f43.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-left: 172px;
    width: 52px;
}

.text_37 {
    width: 36px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 3px 0 0 8px;
}

.text-group_48 {
    width: 504px;
    height: 110px;
    margin: 8px 0 0 16px;
}

.text_38 {
    width: 504px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}

.text_40 {
    width: 169px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 48px;
}

.text-wrapper_98 {
    width: 135px;
    height: 17px;
    margin-top: 8px;
}

.text_39 {
    width: 24px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text_41 {
    width: 87px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text-wrapper_72 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 44px 332px 0 -416px;
}

.text_181 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_73 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    position: absolute;
    left: 240px;
    top: 44px;
}

.text_182 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_99 {
    background-color: rgba(26, 179, 112, 1);
    border-radius: 254px;
    height: 36px;
    width: 96px;
    margin: 83px 24px 0 0;
}

.text_237 {
    width: 56px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.group_12 {
    background-color: rgba(255, 255, 255, 1);
    width: 896px;
    height: 158px;
}

.image-text_47 {
    position: relative;
    width: 744px;
    height: 126px;
    margin: 16px 0 0 24px;
}

.section_5 {
    height: 126px;
    background: url(/imgs/activities/SketchPng5c646480095672b47027684ef8af0556ed4993942e8ef42f3c852f15daa19478.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 224px;
}

.text-wrapper_14 {
    height: 24px;
    background: url(/imgs/activities/SketchPng6462b5ae5e7768344ec4279744389000c698b4e248cf437c2be837c6c257b024.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-left: 172px;
    width: 52px;
}

.text_43 {
    width: 36px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 3px 0 0 8px;
}

.text-group_49 {
    width: 504px;
    height: 110px;
    margin: 8px 0 0 16px;
}

.text_44 {
    width: 504px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}

.text_46 {
    width: 169px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 48px;
}

.text-wrapper_100 {
    width: 135px;
    height: 17px;
    margin-top: 8px;
}

.text_45 {
    width: 24px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text_47 {
    width: 87px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
}

.text-wrapper_76 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 44px 332px 0 -416px;
}

.text_184 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_77 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    position: absolute;
    left: 240px;
    top: 44px;
}

.text_185 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_101 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 254px;
    height: 36px;
    border: 1px solid rgba(26, 179, 112, 1);
    width: 96px;
    margin: 83px 24px 0 0;
}
.text-wrapper_101 .text_234{
    color:rgba(26, 179, 112, 1) ;
}
.text_238 {
    width: 56px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(26, 179, 112, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.group_13 {
    background-color: rgba(255, 255, 255, 1);
    width: 896px;
    height: 64px;
    margin: 16px 0 16px 0;
}

.box_12 {
    background-color: rgba(245, 245, 245, 1);
    width: 848px;
    height: 1px;
    margin-left: 24px;
}

.text_49 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 179, 112, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: right;
    white-space: nowrap;
    line-height: 17px;
    margin: 23px auto 23px auto;
    cursor: pointer;
}

.section_16 {
    width: 288px;
    height: 986px;
}

.block_1 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    width: 288px;
    height: 264px;
}

.image_3 {
    width: 128px;
    height: 128px;
    margin: 48px 0 0 80px;
}

.text_50 {
    width: 233px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: right;
    white-space: nowrap;
    line-height: 17px;
    margin: 24px 0 47px 28px;
}

.block_2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    width: 288px;
    height: 396px;
    margin-top: 16px;
}

.block_2>div {
    cursor: pointer;
}

.block_4:hover {
    background-color: rgba(250, 250, 250, 1);
    width: 288px;
    height: 80px;
}

.block_3 {
    background-color: rgba(255, 255, 255, 1);
    width: 288px;
    height: 56px;
    margin-top: 4px;
}

.image-text_48 {
    width: 96px;
    height: 24px;
    margin: 16px 0 0 16px;
}

.label_11 {
    width: 24px;
    height: 24px;
}

.text-group_6 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-top: 1px;
}

.group_15 {
    background-color: rgba(245, 245, 245, 1);
    width: 288px;
    height: 1px;
    margin-top: 15px;
}

.block_4 {
    background-color: rgba(255, 255, 255, 1);
    width: 288px;
    height: 80px;
    margin-top: 8px;
}

.image-text_49 {
    width: 256px;
    height: 63px;
    margin: 8px 0 0 16px;
}

.image_4 {
    width: 112px;
    height: 63px;
}

.text-group_50 {
    width: 128px;
    height: 59px;
    margin-top: 2px;
}

.text_51 {
    width: 128px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    line-height: 17px;
}

.text_52 {
    width: 73px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 8px;
}


.image-text_50 {
    width: 256px;
    height: 63px;
    margin: 8px 0 0 16px;
}

.image_5 {
    width: 112px;
    height: 63px;
}

.text-group_51 {
    width: 128px;
    height: 59px;
    margin-top: 2px;
}

.text_53 {
    width: 128px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    line-height: 17px;
}

.text_54 {
    width: 73px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 8px;
}

.block_6 {
    background-color: rgba(255, 255, 255, 1);
    width: 288px;
    height: 80px;
}

.image-text_51 {
    width: 256px;
    height: 63px;
    margin: 8px 0 0 16px;
}

.image_6 {
    width: 112px;
    height: 63px;
}

.text-group_52 {
    width: 128px;
    height: 59px;
    margin-top: 2px;
}

.text_55 {
    width: 128px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    line-height: 17px;
}

.text_56 {
    width: 73px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 8px;
}

.block_7 {
    background-color: rgba(255, 255, 255, 1);
    width: 288px;
    height: 80px;
    margin-bottom: 8px;
}

.image-text_52 {
    width: 256px;
    height: 63px;
    margin: 8px 0 0 16px;
}

.image_7 {
    width: 112px;
    height: 63px;
}

.text-group_53 {
    width: 128px;
    height: 59px;
    margin-top: 2px;
}

.text_57 {
    width: 128px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    line-height: 17px;
}

.text_58 {
    width: 73px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin-top: 8px;
}

.block_8 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    width: 288px;
    height: 294px;
    margin-top: 16px;
}

.block_9 {
    background-color: rgba(255, 255, 255, 1);
    width: 288px;
    height: 56px;
    margin-top: 4px;
}

.image-text_53 {
    width: 96px;
    height: 24px;
    margin: 16px 0 0 16px;
}

.label_12 {
    width: 24px;
    height: 24px;
}

.text-group_11 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(61, 61, 61, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-top: 1px;
}

.group_16 {
    background-color: rgba(245, 245, 245, 1);
    width: 288px;
    height: 1px;
    margin-top: 15px;
}

.grid_4 {
    width: 252px;
    height: 132px;
    flex-wrap: wrap;
    margin: 16px 0 86px 16px;
}

.text-wrapper_16 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 0 12px 12px 0;
}

.text_59 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_17 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    margin: 0 12px 12px 0;
}

.text_60 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_18 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    margin-bottom: 12px;
    width: 72px;
}

.text_61 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_activite {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    
    margin: 0 12px 12px 0;
    cursor: pointer;
}

.text_62 {
    
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 12px 0 12px;
}

.active {
    background-color: rgba(26, 179, 112, 0.1);
    border-radius: 12px;
    height: 24px;
    
    margin: 0 12px 12px 0;
}

.active .text_62 {
    
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 179, 112, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 12px 0 12px;
}

.active-item.text_62 {
    color: rgba(26, 179, 112, 1);
}


.text-wrapper_activite:hover {
    background-color: rgba(26, 179, 112, 0.1);
}

.text-wrapper_activite:hover .text_62 {
    color: rgba(26, 179, 112, 1);
}

.text-wrapper_21 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    margin-bottom: 12px;
    width: 72px;
}

.text_64 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_22 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 0 12px 12px 0;
}

.text_65 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_23 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 72px;
    margin: 0 12px 12px 0;
}

.text_66 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_24 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    margin-bottom: 12px;
    width: 72px;
}

.text_67 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_25 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 48px;
    margin: 0 12px 12px 0;
}

.text_68 {
    width: 24px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_26 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    width: 84px;
    margin: 0 12px 12px 0;
}

.text_69 {
    width: 60px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.text-wrapper_27 {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 12px;
    height: 24px;
    margin-bottom: 12px;
    width: 72px;
}

.text_70 {
    width: 48px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 17px;
    margin: 4px 0 0 12px;
}

.box_13 {
    background-color: rgba(26, 179, 112, 1);
    height: 320px;
    margin-top: 48px;
    width: 100%;
}

.group_17 {
    width: 1200px;
    height: 320px;
    background: url(/imgs/activities/SketchPng5a69d76416c4bae535e9708b70fa5acdc265dc5ac53502528d6313c1b1078a25.png) 100% no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.text-group_54 {
    height: 86px;
    margin: 80px 0 0 0px;
    text-align: center;
}

.text_71 {
    height: 50px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    white-space: nowrap;
    line-height: 50px;
}

.text_72 {
    /* width: 548px; */
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: center;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 16px;
}

.text-wrapper_102 {
    background-color: rgba(255, 130, 0, 1);
    border-radius: 254px;
    height: 36px;
    width: 96px;
    margin: 48px 0 70px 552px;
    cursor: pointer;
}

.text_239 {
    width: 56px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 8px 0 0 20px;
}

.section_17 {
    background-color: rgba(255, 255, 255, 1);
    width: 1920px;
    height: 640px;
}

.text-wrapper_103 {
    width: 1200px;
    height: 22px;
    margin: 80px 0 0 360px;
}

.text_240 {
    width: 32px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
}

.text_241 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 213px;
}

.text_242 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 48px;
}

.text_243 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 48px;
}

.text_244 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 48px;
}

.text_245 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 54px;
}

.text_246 {
    width: 80px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: center;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 357px;
}

.group_43 {
    width: 1199px;
    height: 103px;
    margin: 23px 0 0 360px;
}

.text-wrapper_104 {
    width: 197px;
    height: 92px;
    margin-top: 1px;
}

.text_247 {
    width: 148px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}

.text_248 {
    width: 165px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(26, 179, 112, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 16px;
}

.text_249 {
    width: 197px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 16px;
}

.text-wrapper_105 {
    width: 56px;
    height: 92px;
    margin: 1px 0 0 48px;
}


.right .search-box {
    width: 172px;
    height: 36px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-sizing: border-box;
  }
  
  .right .search-box input {
    width: 110px;
    border: 0px;
  }
  
  .right .search-box input:focus {
    border: 0px;
    outline: none;
  }
  
  .right .search-box input::-webkit-input-placeholder {
    color: #999999;
  }
  
  .right .search-box img {
    width: 16px;
    height: 16px;
    cursor: pointer;
  }<!--0.00033783912658691-->