:root {
    --max: 1400px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size24: 24px;
    --size30: 30px;
    --size36: 36px;
    --size40: 40px;
    --size46: 46px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;

    --top20: 20px;
    --top30: 30px;
    --top40: 40px;
    --top50: 50px;
    --top60: 60px;
    --top80: 80px;
    --top100: 100px;
    --top120: 120px;
}

@font-face {
    font-family: "Regular";
    src: url("../fonts/Regular.otf") format("truetype");
}

@font-face {
    font-family: "Medium";
    src: url("../fonts/Medium.otf") format("truetype");
}

@font-face {
    font-family: "Bold";
    src: url("../fonts/Bold.otf") format("truetype");
}

body {
    font-family: "Regular";
}

.Login_logo {
    width: 120px;
    margin-left: calc((100% - 1440px)/2);
    margin-top: var(--top60);
}

.Login_logo a {
    width: 100%;
}

.Login_logo a img {
    width: 100%;
}

.Hertre {
    width: 100%;
    z-index: 999;
    height: 100px;
    position: fixed;
    top: 0;
}

.Hertre_cen {
    width: 1600px;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.Logo {
    width: 70px;
    overflow: hidden;

}

.Logo img {
    width: 100%;
    height: auto;
}

.Nav {
    width: max-content;
}

.Nav ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.Nav ul li {
    font-size: var(--size16);
    color: rgba(247, 236, 214, 1);
    text-align: center;
    line-height: 100px;
    position: relative;
    margin-right: var(--top30);
    transition: all 0.1s;
}

.Nav ul li svg {
    width: 16px;
    height: 16px;
    fill: #030000;
    display: none;
}


.Nav ul li.active {
    color: rgb(0, 0, 0)
}

.Nav ul li:hover {
    color: rgb(0, 0, 0);
}

.Nav ul li::after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(247, 236, 214, 0.5);
    position: absolute;
    bottom: 25px;
    left: 0%;
    transition: all 0.3s;
}

.Nav ul li::before {
    content: "";
    width: 15px;
    height: 1px;
    background: rgba(247, 236, 214, 1);
    position: absolute;
    bottom: 25px;
    left: 0%;
    transition: all 0.3s;
    z-index: 5;
}

.Nav ul li.active::before {
    background: rgb(0, 0, 0);
}

.Nav ul li:hover::before {
    background: rgb(0, 0, 0);
}

.Nav_item {
    width: max-content;
    display: none;
    background: rgb(247, 236, 214);
    position: absolute;
    overflow: hidden;
    top: 100%;
    transition: auto;
    padding: 20px 30px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 5px #00000010;
    border-radius: 5px;
}

.Nav_item a {
    color: rgb(118, 115, 115);
    display: block;
    line-height: 2.5;
    font-size: var(--size14);
}

.Nav_item a:hover {
    color: rgb(0, 0, 0);
}

.Nav_item a.active {
    color: rgb(0, 0, 0);
}

.Hertre_right {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
}

.Hertre_right span {
    font-size: var(--size14);
    color: rgba(247, 236, 214, 1);
    line-height: 1;
}

.Sousuo {
    width: 40px;
    aspect-ratio: 4 / 4;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.Sousuo svg {
    width: 16px;
    height: auto;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
    position: relative;
    display: inline-block;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* 下拉菜单的链接 */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #f1f1f1}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}

/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.En {
    width: 40px;
    aspect-ratio: 4 / 4;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.En a {
    font-size: var(--size14);
    color: rgba(255, 255, 255, 1);
    line-height: 1;
}

.Hertre_right>a {
    width: max-content;
    line-height: 40px;
    border-radius: 20px;
    background: rgba(59, 155, 126, 1);
    font-size: var(--size14);
    color: rgba(247, 236, 214, 1);
    padding: 0 25px;
}

.Fixed {
    background: rgba(172, 172, 172, 0.8);
    backdrop-filter: blur(10px);
}

.suosouaa {
    width: 700px;
    max-width: 96%;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center center;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 15px 3px #00000020;
    z-index: 99999;
}

.suosouaa form {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.suosouaa_s {
    width: calc(100% - 100px);
    height: 50px;
    border: 1px solid rgba(59, 155, 126, 1);
    font-size: var(--size14);
    color: rgba(59, 155, 126, 1);
    padding: 0 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.suosouaa_t {
    width: 100px;
    height: 50px;
    border: transparent;
    background: rgba(59, 155, 126, 1);
    color: #ffffff;
    font-size: var(--size14);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.An {
    width: 30px;
    display: none;
}

.menu_button {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.menu_button:focus {
    outline: none;
}

.menu_button .line {
    fill: none;
    stroke: #fff;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button .line1 {
    stroke-dasharray: 60 207;
}

.menu_button .line2 {
    stroke-dasharray: 60 60;
}

.menu_button .line3 {
    stroke-dasharray: 60 207;
}

.menu_button.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.menu_button.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.menu_button.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.Max {
    width: var(--max);
    margin: var(--top60) auto;
}

.Swiper {
    width: 100%;
}

.Swiper img {
    width: 100%;
    height: auto;
    min-height: 250px;
    object-fit: cover;
}

.Banner_text {
    width: var(--max);
    overflow: hidden;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--size30);
    color: rgba(255, 255, 255, 1);
}

.prev,
.next {
    border-radius: 50%;
}

.prev {
    left: 15px;
}

.next {
    right: 15px;
}

.zhenshangyin-pager-bullets-bullet.active {
    background-color: rgba(35, 148, 114, 1);
}

.Lianxi {
    width: 100%;
    overflow: hidden;
    background: url(../images/beijing1.png) no-repeat center center / cover;
}

.Lianxi_max {
    width: var(--max);
    margin: var(--top60) auto;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 6px rgba(211, 211, 211, 0.33);
    padding: var(--top50);
}

.Lianxi_max h2 {
    font-size: var(--size24);
    color: rgba(37, 50, 85, 1);
    line-height: 1;
}

.Lianxi_max p {
    font-size: var(--size18);
    color: rgba(37, 50, 85, 1);
    line-height: 1.5;
    margin-top: 10px;
}

.Lianxi_feo {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--top30);
    gap: var(--top30);
}

.Lianxi_feo form {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-right: 1px solid rgb(0, 67, 106);
    padding-right: var(--top30);
}

.Lianxi_feo form input {
    width: calc(50% - 15px);
    height: 40px;
    background: rgb(37, 50, 85, 0.07);
    font-size: var(--size14);
    color: rgb(37, 50, 85);
    padding: 0 15px;
}

.Lianxi_feo form textarea {
    width: 100%;
    height: 200px;
    background: rgb(37, 50, 85, 0.07);
    font-size: var(--size14);
    color: rgb(37, 50, 85);
    padding: 15px;
    display: block;
    margin-top: 15px;
    resize: none;
    font-family: "siyuanheiti";
    border: transparent;
}

.Lianxi_feo form input.submit {
    width: 100%;
    color: #ffffff;
    background: rgb(37, 50, 85);
    margin-top: 15px;
    text-align: center;
    padding: 0;
    cursor: pointer;
}


.Lianxi_r {
    width: 250px;
    overflow: hidden;
}

.Lianxi_r h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgb(37, 50, 85);
    line-height: 1;
}

.Lianxi_r img {
    width: 100%;
    height: auto;
    margin-top: var(--top30);
}

.XinWena {
    width: var(--max);
    margin: var(--top60) auto;
}

.XinWen_Hui {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top40);
}

.XinWen_Hui_top {
    width: 48%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.18);
}

.XinWen_Hui_top img {
    width: 100%;
    aspect-ratio: 670 / 410;
    object-fit: cover;
}

.XinWen_Hui_top_text {
    width: 100%;
    padding: var(--top40);
}

.XinWen_Hui_top_text h2 {
    text-align: center;
    font-size: var(--size20);
    color: rgba(32, 38, 60, 1);
}

.XinWen_Hui_top_text p {
    text-align: center;
    font-size: var(--size16);
    color: rgba(32, 38, 60, 1);
    line-height: 1.6;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.XinWen_Hui_top:hover {
    transform: translateY(-5px);
}

.XinWen_Hui_top:hover .XinWen_Hui_top_text h2 {
    color: rgba(35, 148, 114, 1);
}


.XinWen_Hui ul {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top30);
}

.XinWen_Hui ul li {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.18);
}

.XinWen_Text {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: center;
    background: rgba(35, 148, 114, 1);
}

.XinWen_svg {
    width: 70px;
    aspect-ratio: 4 / 4;
    background: rgba(247, 236, 214, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.XinWen_svg svg {
    max-width: 40%;
    height: auto;
    display: block;
}

.XinWen_title {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 0 var(--top30);
}

.XinWen_title h2 {
    font-size: var(--size18);
    color: rgba(255, 255, 255, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.XinWen_sub {
    width: 100%;
    padding: var(--top20);
}

.XinWen_sub p {
    font-size: var(--size14);
    color: rgba(32, 38, 60, 1);
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.XinWen_Hui ul li:hover {
    transform: translateY(-5px);
}

.XinWen_Bottom {
    width: 100%;
    margin-top: var(--top30);
}

.XinWen_Bottom ul {
    width: 100%;
    overflow: hidden;
}

.XinWen_Bottom ul li {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: var(--top20);
    border-bottom: 1px solid rgb(232, 232, 232);
}

.XinWen_Bottom ul li img {
    width: 390px;
    height: auto;
    object-fit: cover;
}

.XinWen_Rightas {
    flex: 1;
    margin-right: var(--top40);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.XinWen_Rightas h2 {
    width: 100%;
    font-size: var(--size20);
    color: rgb(51, 51, 51);
}

.XinWen_Rightas span {
    width: 100%;
    display: block;
    margin: var(--top20) 0;
    background: url(../images/biao.png) no-repeat left center / 20px auto;
    line-height: 30px;
    font-size: var(--size18);
    color: rgb(102, 102, 102);
    padding-left: 35px;
}

.XinWen_Rightas p {
    width: 100%;
    font-size: var(--size14);
    color: rgb(51, 51, 51);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.XinWen_Rightas a {
    display: block;
    width: max-content;
    line-height: 38px;
    font-size: var(--size14);
    color: rgba(35, 148, 114, 1);
    border: 1px solid rgba(35, 148, 114, 1);
    padding: 0 var(--top30);
    margin-top: var(--top20);
}

.XinWen_Bottom ul li:hover {
    background: rgba(35, 148, 114, 0.07);
}

.XinWen_Bottom ul li:hover .XinWen_Rightas h2 {
    color: rgba(35, 148, 114, 1);
}

.XinWen_Rightas a:hover {
    background: rgba(35, 148, 114, 1);
    color: #ffffff;
}

.Show {
    width: var(--max);
    overflow: hidden;
    margin: var(--top60) auto;
}

.Show>h2 {
    font-size: var(--size24);
    color: #222222;
    text-align: center;
}

.Show>p {
    font-size: var(--size16);
    color: #888888;
    text-align: center;
    margin-top: 10px;
}

.Show_text {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: var(--top30) 0;
    margin-top: var(--top30);
    font-size: var(--size14);
    color: #222222;
    line-height: 2;
}

.Show_text img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.Prev {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.Prev a {
    width: 100%;
    display: block;
    font-size: var(--size14);
    color: #000000;
}

.page {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--top60);
    gap: 5px;
}

.page .active,
.page .total {
    font-size: 12px;
    padding: 8px 10px;
    color: #d9d9d9;
    border: 1px solid #d9d9d9;
    line-height: 1;
    background: transparent;
}

.page .active {
    background: rgba(35, 148, 114, 1);
    border: 1px solid #d9d9d9;
    color: #fff;
}

.page .active:nth-child(1),
.page .active:nth-child(2),
.page .total:nth-child(1),
.page .total:nth-child(2),
.page .active:last-child,
.page .total:last-child {
    color: #d9d9d9;
    border: 1px solid #d9d9d9;
    background: transparent;
}

.KechengJie {
    width: 100%;
    overflow: hidden;
    background: url(../images/beijing2.png) no-repeat center center / cover;
}

.KechengJie_max {
    width: var(--max);
    margin: var(--top60) auto;
}

.KechengJie_max>h2 {
    width: 100%;
    text-align: center;
    background: url(../images/xiangyun.png) no-repeat center center / 120px auto;
    min-height: 70px;
    font-size: var(--size30);
    color: rgba(255, 255, 255, 1);
    font-family: 'Bold';
    line-height: 1;
}

.KechengJie_max ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top40);
}

.KechengJie_max ul li {
    width: 100%;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
}

.KechengJie_max ul li img {
    width: 100%;
    aspect-ratio: 450 / 300;
    object-fit: cover;
    border-radius: 10px;
}

.KechengJie_text {
    width: 100%;
    padding: var(--top20);
}

.KechengJie_text h2 {
    font-size: var(--size20);
    color: rgba(120, 120, 120, 1);
    font-family: 'Bold';
}

.KechengJie_text p {
    font-size: var(--size16);
    color: rgba(47, 28, 11, 1);
    line-height: 1.5;
    margin-top: var(--top20);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.KechengJie_text span {
    width: var(--size30);
    display: block;
    margin-top: var(--top30);
}

.KechengJie_text span svg {
    width: 100%;
    display: block;
}

.KechengJie_max ul li:hover {
    transform: translateY(-5px);
}

.KechengJie_max ul li:hover .KechengJie_text h2 {
    color: rgba(35, 148, 114, 1);
}

.Guanyua {
    width: 100%;
    overflow: hidden;
    background: url(../images/beijing3.png) no-repeat bottom center / cover;
}

.Guanyua_max {
    width: var(--max);
    margin: auto;
    margin-top: var(--top80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top60);
}

.Guanyua_max img {
    width: 50%;
    object-fit: cover;
}

.Guanyua_text {
    flex: 1;
    padding-bottom: var(--top100);
}

.Guanyua_text span {
    display: block;
    font-size: var(--size24);
    line-height: 1;
    color: rgba(47, 28, 11, 1);
}

.Guanyua_text h2 {
    font-size: var(--size18);
    color: rgba(157, 157, 157, 1);
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.Guanyua_text h2::before {
    content: "";
    width: 15px;
    border-bottom: 2px dashed rgba(157, 157, 157, 1);
}

.Guanyua_text p {
    width: 100%;
    font-size: var(--size24);
    color: rgba(47, 28, 11, 1);
    margin-top: var(--top50);
}

.Guanyua_centent {
    width: 100%;
    font-size: var(--size16);
    color: rgba(127, 127, 127, 1);
    line-height: 1.8;
    margin-top: var(--top50);
}

.Guanyub {
    width: 100%;
    overflow: hidden;
    background: url(../images/beijing2.png) no-repeat center center / cover;
}

.Guanyub_max {
    width: var(--max);
    margin: var(--top60) auto;
}


.Guanyub_max span {
    display: block;
    font-size: var(--size24);
    line-height: 1;
    color: #ffffff;
}

.Guanyub_max h2 {
    font-size: var(--size18);
    color: #cecece;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.Guanyub_max h2::before {
    content: "";
    width: 15px;
    border-bottom: 2px dashed #cecece;
}

.Guanyub_max img {
    width: 100%;
    height: auto;
    margin-top: var(--top40);
}

.Guanyub_max p {
    width: 100%;
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
    line-height: 1.8;
    margin-top: var(--top30);
}

.Guanyuc {
    width: 100%;
    overflow: hidden;
    background: rgba(247, 235, 213, 1);
}

.Guanyuc_max {
    width: var(--max);
    margin: var(--top60) auto;
}

.Guanyuc_max span {
    display: block;
    font-size: var(--size24);
    line-height: 1;
    color: rgba(47, 28, 11, 1);
}

.Guanyuc_max h2 {
    font-size: var(--size18);
    color: rgba(157, 157, 157, 1);
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: var(--top40);
}

.Guanyuc_max h2::before {
    content: "";
    width: 15px;
    border-bottom: 2px dashed rgba(157, 157, 157, 1);
}

.Guanyuc_max ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
    aspect-ratio: 4 / 1;
    margin-top: 8px;
}

.Guanyuc_max ul li {
    cursor: pointer;
}

.Guanyuc_max ul li:nth-child(1) {
    grid-area: 1 / 1 / 2 / 6;
}

.Guanyuc_max ul li:nth-child(2) {
    grid-area: 1 / 6 / 2 / 15;
}

.Guanyuc_max ul li:nth-child(3) {
    grid-area: 1 / 15 / 2 / 21;
}

.Guanyuc_max ul li:nth-child(4) {
    grid-area: 2 / 1 / 3 / 6;
}

.Guanyuc_max ul li:nth-child(5) {
    grid-area: 2 / 6 / 3 / 12;
}

.Guanyuc_max ul li:nth-child(6) {
    grid-area: 2 / 12 / 3 / 21;
}

.Guanyuc_max ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.Hui {
    width: 100%;
    overflow: hidden;
    background: rgba(247, 248, 250, 1);
}


.calendar_container {
    width: var(--max);
    margin: var(--top60) auto;
}

.calendar_header_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.calendar_header_left {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top20);
}

.calendar_header_left input {
    width: 100px;
    height: 20px;
    background: url(../images/jiantou.svg) no-repeat right center / 10px auto;
    padding-right: 10px;
    border: none;
    outline: none;
    font-size: var(--size20);
    color: rgba(47, 28, 11, 1);
}

.calendar_header_left p {
    font-size: var(--size20);
    color: rgba(59, 155, 126, 1);
    line-height: 1;
}

.calendar_container form {
    width: 320px;
    height: 50px;
    border-radius: 26px;
    background: rgba(35, 148, 114, 0.11);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;
}

.calendar_container form input {
    width: 100%;
    height: 100%;
    font-size: var(--size14);
    color: #000000;
    padding: 0 var(--top20);
}

.calendar_container form button {
    width: 18px;
    position: absolute;
    top: 50%;
    right: var(--top20);
    transform: translateY(-50%);
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}


.calendar_container form button svg {
    width: 100%;
}


.calendar_header {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
}

.calendar_header button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: transparent;
    background: rgba(59, 155, 126, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.calendar_header h2 {
    font-size: var(--size20);
    color: rgba(59, 155, 126, 1);
    line-height: 1;
}


.calendar_content {
    width: 100%;
    border-top: 1px solid rgba(213, 213, 213, 1);
    border-left: 1px solid rgba(213, 213, 213, 1);
    margin-top: var(--top40);
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.calendar_weekdays {
    width: 100%;
    min-width: 1200px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.weekday {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: var(--size16);
    color: #6c757d;
    border-bottom: 1px solid rgba(213, 213, 213, 1);
    border-right: 1px solid rgba(213, 213, 213, 1);
}

.calendar_actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: var(--top60);
}

.calendar_actions button {
    width: max-content;
    height: 50px;
    background: rgba(35, 148, 114, 1);
    border-radius: 60px;
    font-size: var(--size18);
    color: rgba(250, 250, 255, 1);
    padding: 0 var(--top80);
    border: transparent;
    cursor: pointer;
}

.calendar_grid {
    width: 100%;
    display: grid;
    min-width: 1200px;
    grid-template-columns: repeat(7, 1fr);
}

.calendar_day {
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(213, 213, 213, 1);
    border-right: 1px solid rgba(213, 213, 213, 1);
    min-height: 120px;
    padding: var(--top20);
    cursor: pointer;
}

.calendar_day_number {
    font-size: var(--size20);
    color: rgba(0, 0, 0, 1);
    line-height: 1;
}

.calendar_day.other_month .calendar_day_number {
    color: rgba(153, 153, 153, 1);
}

.calendar_day_dot {
    width: 16px;
    height: 16px;
    background: rgba(35, 148, 114, 1);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: var(--top20);
    right: var(--top20);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #ffffff;
}

.calendar_day_dot svg {
    width: 10px;
}

.calendar_time_list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    margin-top: var(--top20);
}

.calendar_time_pill {
    width: max-content;
    line-height: 28px;
    border-radius: 30px;
    background: rgba(236, 189, 120, 1);
    padding: 0 10px;
    font-size: 12px;
    color: rgba(47, 28, 11, 1);
}

.calendar_time_pill span {
    color: rgba(35, 148, 114, 1);
}

.calendar_grid_style .calendar_time_pill {
    width: 100%;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.calendar_time_pill.chosen {
    background: #2e8b57;
    color: #fff;
}

.calendar_time_pill.scheduled {
    background: rgba(236, 189, 120, 1);
    color: rgba(47, 28, 11, 1);
}

.calendar_time_pill.pending {
    width: 100%;
    background: rgba(255, 193, 7, 1);
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.calendar_time_pill.rejected {
    width: 100%;
    background: rgba(220, 53, 69, 1);
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.calendar_time_pill.pending span,
.calendar_time_pill.rejected span {
    color: #ffffff;
}

.calendar_modal_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: none;
}

.calendar_modal_overlay.visible {
    display: block;
}

.calendar_modal {
    width: 800px;
    max-width: 90%;
    background: rgba(250, 250, 255, 1);
    padding: var(--top30);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.calendar_modal_header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top30);
}

.calendar_modal_title {
    flex: 1;
    font-size: var(--size24);
    color: rgba(47, 28, 11, 1);
}

.calendar_modal_add {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-size: var(--size18);
    color: rgba(47, 28, 11, 1);
    cursor: pointer;
}

.calendar_modal_header button {
    width: 16px;
    height: 16px;
    background: transparent;
    border: transparent;
    cursor: pointer;
}

.calendar_modal_header svg {
    display: block;
    width: 100%;
    height: 100%;
}

.calendar_modal_add svg {
    width: 20px;
}

.calendar_modal_grid {
    width: 100%;
    margin-top: var(--top40);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}

.calendar_modal_grid label {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: var(--size20);
    color: rgba(47, 28, 11, 1);
    cursor: pointer;
}

.calendar_modal_grid label input {
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 1);
}

.calendar_modal_actions {
    width: 100%;
    margin-top: var(--top40);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.calendar_btn_secondary {
    width: max-content;
    background: rgba(250, 250, 255, 1);
    border: 1px solid rgba(35, 148, 114, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: 44px;
    border-radius: 40px;
    padding: 0 var(--top50);
    font-size: var(--size16);
    color: rgba(35, 148, 114, 1);
    cursor: pointer;
}

.calendar_btn_primary {
    width: max-content;
    background: rgba(35, 148, 114, 1);
    border: 1px solid rgba(35, 148, 114, 1);
    height: 44px;
    border-radius: 40px;
    padding: 0 var(--top50);
    font-size: var(--size16);
    color: rgba(250, 250, 255, 1);
    cursor: pointer;
}

.calendar_add_modal {
    width: 600px;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 1);
    padding: var(--top30);
    border-radius: 10px;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    display: none;
}

.calendar_add_modal.visible {
    display: block;
}

.calendar_add_modal_body {
    width: 100%;
    margin-top: var(--top40);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.calendar_add_modal_body span {
    color: #000;
    font-size: var(--size20);
}

.calendar_add_modal_body input {
    width: 45%;
    height: 40px;
    border: 1px solid #00000010;
    padding: 0 15px;
    font-size: var(--size14);
    color: #000;
}



.Login {
    width: 100%;
    min-height: 100vh;
    background: url(../images/beiijng4.png) no-repeat bottom center / cover;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.Login_max {
    width: var(--max);
    margin: 0 auto var(--top60);
    border-radius: var(--top30);
    background: rgba(255, 255, 255, 1);
    padding: 5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top50);
}

.Login_max img {
    width: 60%;
    height: auto;
}

.Login_right {
    flex: 1;
}

.Login_right ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: rgb(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 5px;
}

.Login_right ul li {
    flex: 1;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    font-size: var(--size16);
    color: #000000;
    cursor: pointer;
}

.Login_right ul li.article {
    background: rgba(35, 148, 114, 1);
    color: rgba(255, 255, 255, 1);
}

.Login_list {
    width: 100%;
    margin-top: var(--top30);
}

.Login_itme {
    width: 100%;
    display: none;
    transition: auto;
}

.Login_itme:nth-child(1) {
    display: block;
}

.Login_itme form {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top30);
}

.Login_input {
    width: 100%;
    border-bottom: 1px solid rgba(102, 102, 102, 1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.Login_input svg {
    width: 25px;
    height: auto;
    display: block;
}

.Login_input input {
    flex: 1;
    height: 50px;
    font-size: var(--size14);
    color: rgba(153, 153, 153, 1);
}

.Submit {
    width: 100%;
    height: 50px;
    background: rgba(35, 148, 114, 1);
    border-radius: 60px;
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    margin-top: var(--top20);
}

.Kecheng_nav {
    width: var(--max);
    margin: var(--top60) auto;
}

.Kecheng_nav ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.Kecheng_nav ul li {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    line-height: 60px;
    text-align: center;
    font-size: var(--size20);
    color: rgba(35, 148, 114, 1);
}

.Kecheng_nav ul li.active {
    background: rgba(35, 148, 114, 1);
    color: rgba(255, 255, 255, 1);
}

.Xinxi {
    width: var(--max);
    margin: var(--top60) auto var(--top60);
    display: flex;
    flex-wrap: wrap;
    gap: var(--top20);
}

.Xinxi>p {
    width: 100%;
    font-size: var(--size20);
    color: rgba(47, 28, 11, 1);
}


.card_info {
    width: 100%;
    margin-top: var(--top30);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top30);
}

.card_item {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: var(--top30);
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.card_item p {
    width: 100%;
    font-size: var(--size20);
    color: rgba(47, 28, 11, 1);
}


.Video {
    width: var(--max);
    margin: var(--top60) auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}

.video_card {
    width: 100%;
}

.video_card img {
    width: 100%;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}

.video_card h2 {
    font-size: var(--size20);
    color: rgba(47, 28, 11, 1);
    text-align: center;
    margin-top: 10px;
}

.video_content {
    width: var(--max);
    margin: var(--top60) auto;
    font-size: var(--size140);
    color: rgba(47, 28, 11, 1);
    line-height: 1.8;
}

.video_content img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.video_content video {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.Xinwenin {
    width: 100%;
    overflow: hidden;
    background: url(../images/beijing5.png) no-repeat center center / cover;
}

.Xinwenin_max {
    width: var(--max);
    margin: var(--top60) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5vw;
}

.Xinwenin_max h2 {
    font-size: var(--size24);
    color: rgba(35, 148, 114, 1);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    line-height: 1;
}

.Xinwenin_max ul {
    flex: 1;
    margin-top: var(--top60);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top60);
}

.Xinwenin_max ul li {
    width: 100%;
    padding-left: var(--top30);
    border-left: 1px solid rgba(112, 112, 112, 1);
    position: relative;
}

.Xinwenin_max ul li h3 {
    width: max-content;
    line-height: 38px;
    background: rgba(35, 148, 114, 1);
    padding: 0 20px;
    font-size: var(--size18);
    color: rgba(250, 250, 255, 1);
    border-radius: 45px;
    margin-top: -19px;
}

.Xinwenin_max ul li h3::after {
    content: '';
    width: var(--top30);
    height: 1px;
    background: rgba(112, 112, 112, 1);
    position: absolute;
    top: 0;
    left: 0;
}

.Xinwenin_max ul li h4 {
    font-size: var(--size20);
    color: rgba(47, 28, 11, 1);
    margin-top: var(--top30);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.Xinwenin_max ul li p {
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
    line-height: 1.6;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.Xinwenin_max ul li span {
    font-size: var(--size20);
    color: rgba(35, 148, 114, 1);
    line-height: 1;
    margin-top: var(--top20);
    display: block;
}

.Xinwenin_max ul li:hover h3 {
    background: rgba(236, 189, 120, 1);
}

.Xinwenin_max ul li:hover h4 {
    color: rgba(236, 189, 120, 1);
}

.KechengJie_max>a {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 60px;
    background: rgba(236, 189, 120, 1);
    border-radius: 60px;
    padding: 0 60px;
    font-size: var(--size20);
    color: rgba(250, 250, 255, 1);
    margin: auto;
    margin-top: var(--top60);
    gap: 10px;
}

.KechengJie_max>a svg {
    width: var(--size24);
    height: auto;
}

.Guanyua_text>a {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 60px;
    background: rgba(236, 189, 120, 1);
    border-radius: 60px;
    padding: 0 60px;
    font-size: var(--size20);
    color: rgba(250, 250, 255, 1);
    margin-top: var(--top60);
    gap: 10px;
}

.Guanyua_text>a svg {
    width: var(--size24);
    height: auto;
}

.Guanyua_text>a:hover,
.KechengJie_max>a:hover {
    gap: 20px;
}

.Jieshiain {
    width: 100%;
    overflow: hidden;
    background: rgba(247, 236, 214, 1);
}

.Jieshiain_max {
    width: var(--max);
    margin: auto;
    margin-top: var(--top80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 5vw;
}

.Jieshiain_max>img {
    width: 48%;
    height: auto;
}

.Jieshiain_right {
    flex: 1;
}

.Jieshiain_text {
    width: 100%;
    background: rgba(59, 158, 125, 1);
    padding: var(--top50) var(--top30);
}

.Jieshiain_text span {
    display: block;
    font-size: var(--size24);
    line-height: 1;
    color: rgba(250, 250, 255, 1);
}

.Jieshiain_text h2 {
    font-size: var(--size18);
    color: rgba(250, 250, 255, 1);
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.Jieshiain_text h2::before {
    content: "";
    width: 15px;
    border-bottom: 2px dashed rgba(250, 250, 255, 1);
}

.Jieshiain_content {
    width: 100%;
    font-size: var(--size16);
    color: rgba(250, 250, 255, 1);
    line-height: 1.8;
    margin-top: var(--top50);
}

.Jieshiain_text>a {
    width: 38px;
    display: block;
    margin-top: var(--top40);
}

.Jieshiain_text>a svg {
    width: var(--size24);
    height: auto;
}

.Jieshiain_text>a:hover {
    gap: 20px;
}

.Jieshiain_right img {
    width: 100%;
    height: auto;
}


.Footer {
    width: 100%;
    overflow: hidden;
    background: rgba(35, 148, 114, 1);
}

.Footer_max {
    width: var(--max);
    overflow: hidden;
    margin: var(--top60) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5vw;
}

.Beian {
    width: 100%;
    overflow: hidden;
    background: rgba(31, 115, 89, 1);
}

.Beian_max {
    width: var(--max);
    overflow: hidden;
    margin: var(--top20) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.Beian_max p {
    font-size: var(--size14);
    color: rgba(255, 255, 255, 1);
}

.Footer_left {
    width: max-content;
}

.Footer_left>img {
    width: 80px;
    height: auto;
}

.Footer_left h2 {
    font-size: var(--size18);
    color: rgba(255, 255, 255, 1);
    margin-top: var(--top20);
}

.Footer_tel {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: var(--top40);
}

.Footer_tel svg {
    width: var(--top40);
    height: auto;
}

.Footer_tel p {
    font-size: var(--size24);
    color: rgba(255, 255, 255, 1);
}

.Footer_left>P {
    font-size: var(--size18);
    color: rgba(255, 255, 255, 1);
    margin-top: var(--top30);
}

.Erweima {
    width: 100%;
    margin-top: var(--top30);
}

.Erweima>img {
    width: 100px;
    height: auto;
}

.Erweima h3 {
    font-size: var(--size18);
    color: rgba(255, 255, 255, 1);
    margin-top: 10px;
}

.Footer_nav {
    flex: 1;
}

.Footer_nav ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Footer_nav ul li {
    font-size: var(--size16);
    color: rgba(247, 236, 214, 1);
    text-align: center;
    position: relative;
    transition: all 0.1s;
    padding-bottom: var(--top20);
}

.Footer_nav ul li::after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(172, 193, 219, 1);
    position: absolute;
    bottom: 0;
    left: 0%;
    transition: all 0.3s;
}

.Footer_nav ul li::before {
    content: "";
    width: 15px;
    height: 1px;
    background: rgba(247, 236, 214, 1);
    position: absolute;
    bottom: 0;
    left: 0%;
    transition: all 0.3s;
    z-index: 5;
}

.Footer_right {
    width: 350px;
}

.Footer_right img {
    width: 100%;
    height: auto;
}

.Footer_add {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top20);
    margin-top: 20px;
}

.Footer_add h2 {
    width: max-content;
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
}

.Footer_add p {
    flex: 1;
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
}

.Footer_right a {
    display: block;
    width: 100%;
    line-height: 50px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #ffffff;
    font-size: var(--size20);
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 20px;
}

.form_detail_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--top20);
}

.form_detail_header {
    text-align: center;
    margin-bottom: 30px;
}

.form_detail_image {
    max-width: 200px;
    height: auto;
    margin-bottom: 15px;
}

.form_detail_title {
    color: #333;
    margin-bottom: 10px;
    font-size: var(--size24);
    font-family: 'Bold';
}

.form_detail_content {
    background: #fff;
    padding: var(--top30);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.form_detail_group {
    margin-bottom: var(--top20);
}

.form_detail_label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
    font-size: var(--size16);
}

.form_detail_required {
    color: red;
}

.form_detail_input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: var(--size14);
    color: rgba(37, 50, 85, 1);
    font-family: "Regular";
}

.form_detail_input:focus {
    outline: none;
    border-color: rgba(35, 148, 114, 1);
    box-shadow: 0 0 5px rgba(35, 148, 114, 0.3);
}

.form_detail_textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: var(--size14);
    color: rgba(37, 50, 85, 1);
    min-height: 100px;
    resize: vertical;
    font-family: "Regular";
}

.form_detail_textarea:focus {
    outline: none;
    border-color: rgba(35, 148, 114, 1);
    box-shadow: 0 0 5px rgba(35, 148, 114, 0.3);
}

.form_detail_radio_group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form_detail_radio_label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--size14);
    color: rgba(37, 50, 85, 1);
    color: #333;
    padding: 8px 12px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    transition: all 0.3s ease;
    background: #fff;
    min-width: 0;
    white-space: nowrap;
}

.form_detail_radio_label:hover {
    border-color: rgba(35, 148, 114, 0.5);
    background: rgba(35, 148, 114, 0.05);
}

.form_detail_radio_input {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    appearance: none;
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.form_detail_radio_input:checked {
    border-color: rgba(35, 148, 114, 1);
    background: rgba(35, 148, 114, 1);
}

.form_detail_radio_input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

.form_detail_radio_input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(35, 148, 114, 0.2);
}

.form_detail_radio_label:has(.form_detail_radio_input:checked) {
    border-color: rgba(35, 148, 114, 1);
    background: rgba(35, 148, 114, 0.1);
    color: rgba(35, 148, 114, 1);
    font-weight: 500;
}

.form_detail_checkbox_group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.form_detail_checkbox_label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 8px 12px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    transition: all 0.3s ease;
    background: #fff;
    min-width: 0;
    white-space: nowrap;
}

.form_detail_checkbox_label:hover {
    border-color: rgba(35, 148, 114, 0.5);
    background: rgba(35, 148, 114, 0.05);
}

.form_detail_checkbox_input {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    appearance: none;
    border: 2px solid #ddd;
    border-radius: 4px;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.form_detail_checkbox_input:checked {
    border-color: rgba(35, 148, 114, 1);
    background: rgba(35, 148, 114, 1);
}

.form_detail_checkbox_input:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.form_detail_checkbox_input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(35, 148, 114, 0.2);
}

.form_detail_checkbox_label:has(.form_detail_checkbox_input:checked) {
    border-color: rgba(35, 148, 114, 1);
    background: rgba(35, 148, 114, 0.1);
    color: rgba(35, 148, 114, 1);
    font-weight: 500;
}

.form_detail_select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-family: "Regular";
    background: #fff;
}

.form_detail_select:focus {
    outline: none;
    border-color: rgba(35, 148, 114, 1);
    box-shadow: 0 0 5px rgba(35, 148, 114, 0.3);
}

.form_detail_actions {
    text-align: center;
    margin-top: 30px;
}

.form_detail_submit_btn {
    background: rgba(35, 148, 114, 1);
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    font-family: "Regular";
}

.form_detail_submit_btn:hover {
    background: #2d7a5f;
}

.form_detail_submit_btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.form_detail_reset_btn {
    background: #f5f5f5;
    color: #333;
    padding: 12px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 15px;
    transition: background 0.3s;
    font-family: "Regular";
}

.form_detail_reset_btn:hover {
    background: #e8e8e8;
}

.Signup{
    width:max-content;
    background: rgba(35, 148, 114, 1);
    height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
   padding: 0 5px;
    z-index: 9999;
    color: #fff;
    font-size: var(--size16);
}