@charset "UTF-8";
/* CSS Document */

.header-var {
    --height: 80px;
    --gap: 40px;
    --padding: 30px;
    --logo-min-width: 290px;
    --logo-margin-right: 0;
    --logo-image-width: 240px;
    --logo-image-height: 40px;
    --menu-gap: 50px;
    --menu-font-size: 15px;
    --menu-active-height: 2px;
    --menu-active-offset: 5px;
    --language-gap: 12px;
    --language-icon-size: 20px;
    --language-font-size: 15px;
    --button-gap: 20px;
    --button-height: 38px;
    --button-padding: 20px;
    --button-font-size: 15px;
    --menu-button-font-size: 24px;
}
.header {width: 100%; height: var(--height); background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; align-items: center; gap: var(--gap); padding: 0 var(--padding); box-sizing: border-box; position: sticky; top: 0; z-index: 999;}
.header .logo {font-size: 0; min-width: var(--logo-min-width); margin-right: var(--logo-margin-right);}
.header .logo a {display: block;}
.header .logo img {max-width: var(--logo-image-width); max-height: var(--logo-image-height);}
.header .menu {flex: 1; display: flex; align-items: center; gap: var(--menu-gap); font-size: var(--menu-font-size); color: #333; font-weight: bold;}
.header .menu .item {display: block; color: #333;}
.header .menu .item {transition: color 0.2s;}
.header .menu .item:hover {color: var(--color-primary);}
.header .menu .item.on {color: var(--color-primary); position: relative;}
.header .menu .item.on:after {content: ''; display: block; width: 100%; height: var(--menu-active-height); border-radius: calc(var(--menu-active-height) * 0.5); background: var(--color-primary); position: absolute; left: 0; top: 100%; margin-top: var(--menu-active-offset);}

.header .language {display: flex; align-items: center; gap: var(--language-gap); color: #333;}
.header .language {transition: color 0.2s;}
.header .language:hover {color: var(--color-primary);}
.header .language .yee-iconfont {font-size: var(--language-icon-size);}
.header .language .text {font-size: var(--language-font-size); font-weight: 500;}

.header .login {display: flex; align-items: center; gap: var(--button-gap);}
.header .login .button {display: flex; align-items: center; height: var(--button-height); box-sizing: border-box; border: 1px solid var(--color-primary); border-radius: calc(var(--button-height) * 0.5); padding: 0 var(--button-padding); font-size: var(--button-font-size); color: var(--color-primary); font-weight: 500;}
.header .login .button {transition: color 0.2s, background 0.2s;}
.header .login .button:hover {background: var(--color-primary); color: #fff;}

.header .menu-button {display: none; font-size: var(--menu-button-font-size); color: #333;}
.header .menu-button:hover {color: var(--color-primary);}
@media all and (max-width: 1280px) {
    .header-var {
        --gap: 30px;
        --logo-min-width: auto;
        --logo-margin-right: var(--padding);
        --menu-gap: 40px;
        --language-gap: 10px;
        --button-gap: 15px;
    }
}
@media all and (max-width: 1180px) {
    .header-var {
        --height: 70px;
        --gap: 25px;
        --logo-image-width: 216px;
        --logo-image-height: 36px;
        --menu-gap: 30px;
        --language-icon-size: 18px;
        --language-font-size: 14px;
        --button-height: 34px;
        --button-padding: 15px;
        --button-font-size: 14px;
    }
}
@media all and (max-width: 1080px) {
    .header-var {
        --logo-margin-right: 0;
    }
    .header .logo {flex: 1;}
    .header .menu-button {display: block;}
    .header .menu {display: none;}
}
@media all and (max-width: 720px) {
    .header .login {display: none;}
}
@media all and (max-width: 480px) {
    .header-var {
        --height: 60px;
        --gap: 20px;
        --padding: 20px;
        --logo-image-width: 192px;
        --logo-image-height: 32px;
        --language-icon-size: 16px;
        --language-font-size: 13px;
    }
}
@media all and (max-width: 380px) {
    .header-var {
        --logo-image-width: 180px;
        --logo-image-height: 30px;
        --language-gap: 8px;
        --language-icon-size: 15px;
        --menu-button-font-size: 20px;
    }
}










.header-fixed {
    --fixed-width: 300px;
}
.header-fixed {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999;}
.header-fixed .mask {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.8);}
.header-fixed .wrap {width: 100%; height: 100%; overflow: hidden;}
.header-fixed .main {width: 90%; max-width: var(--fixed-width); height: 100%; box-sizing: border-box; padding: 0 0 var(--padding) 0; overflow-x: hidden; overflow-y: auto; background: #fff; position: absolute; right: 0; top: 0; z-index: 5;}
.header-fixed .close {display: flex; justify-content: flex-end;}
.header-fixed .close a {height: var(--height); display: flex; justify-content: center; align-items: center; z-index: 9; font-size: 12px; color: #999; padding: 0 var(--padding);}
.header-fixed .menu {padding: 0 var(--padding); font-size: var(--menu-font-size); color: #333;}
.header-fixed .menu .item {display: flex; width: 100%; justify-content: space-between; align-items: center; color: #333; border-bottom: 1px solid #eee; padding: calc(var(--menu-gap) * 0.5) 0;}
.header-fixed .menu .item {transition: color 0.2s;}
.header-fixed .menu .item:hover {color: var(--color-primary);}
.header-fixed .menu .item:after {content: '\e639'; font-family: "yee-iconfont" !important; font-size: 0.6em;}
.header-fixed .menu .item.on {color: var(--color-primary); border-color: var(--color-primary);}
.header-fixed .login {display: grid; grid-gap: var(--button-gap); padding: var(--gap) var(--padding) 0 var(--padding);}
.header-fixed .login .button {display: flex; justify-content: center; align-items: center; height: var(--button-height); box-sizing: border-box; border: 1px solid var(--color-primary); border-radius: calc(var(--button-height) * 0.5); padding: 0 var(--button-padding); font-size: var(--button-font-size); color: var(--color-primary); font-weight: 500;}
.header-fixed .login .button {transition: color 0.2s, background 0.2s;}
.header-fixed .login .button:hover {background: var(--color-primary); color: #fff;}

.header-fixed {display: none;}
.header-fixed .mask {opacity: 0; transition: opacity 0.3s;}
.header-fixed .main {opacity: 0; transform: translateX(var(--fixed-width)); transition: opacity 0.3s, transform 0.3s;}
.header-fixed.show {display: block;}
.header-fixed.show.anim .mask {opacity: 1;}
.header-fixed.show.anim .main {opacity: 1; transform: translateX(0);}










.footer {
    --padding: 50px 30px;
    --font-size: 14px;
    --max-width: 1200px;
}
.footer {background: #273951; padding: var(--padding); text-align: center; font-size: var(--font-size); line-height: 1.715;}
.footer .content {max-width: var(--max-width); margin: 0 auto; color: rgba(255, 255, 255, 0.8);}
@media all and (max-width: 1180px) {
    .footer {
        --padding: 30px;
        --font-size: 13px;
    }
}
@media all and (max-width: 480px) {
    .footer {
        --padding: 20px;
        --font-size: 12px;
    }
}










.banner {height: 600px;}
.banner .swiper-slide {width: 100%; height: 100%; background-position: center; background-size: auto 100%;}
.banner .swiper-pagination {
    --swiper-pagination-bottom: 20px;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 10px;
    font-size: 0;
}
@media all and (max-width: 1440px) {
    .banner {aspect-ratio: 1440 / 600; width: 100%; height: auto;}
}
@media all and (max-width: 1180px) {
    .banner .swiper-pagination {
        --swiper-pagination-bullet-size: 9px;
    }
}
@media all and (max-width: 720px) {
    .banner .swiper-pagination {
        --swiper-pagination-bottom: 15px;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        --swiper-pagination-bullet-size: 8px;
    }
}
@media all and (max-width: 480px) {
    .banner .swiper-pagination {
        --swiper-pagination-bottom: 12px;
        --swiper-pagination-bullet-horizontal-gap: 3px;
        --swiper-pagination-bullet-size: 7px;
    }
}










.page-index {
    --outer-padding: 30px;
    --index-gap: 60px;
    --index-row-gap: 40px;
    --index-row-company-gap: 30px;
    --title-name-font-size: 36px;
    --title-mark-font-size: 18px;
    --max-width: 1200px;
}
.page-index {display: grid; grid-gap: var(--index-gap); padding-top: var(--index-gap);}
@media all and (max-width: 1180px) {
    .page-index {
        --index-gap: 45px;
        --index-row-gap: 25px;
        --index-row-company-gap: 25px;
        --title-name-font-size: 32px;
        --title-mark-font-size: 16px;
    }
}
@media all and (max-width: 860px) {
    .page-index {
        --index-gap: 40px;
        --index-row-gap: 20px;
        --index-row-company-gap: 20px;
        --title-name-font-size: 28px;
        --title-mark-font-size: 15px;
    }
}
@media all and (max-width: 720px) {
    .page-index {
        --title-name-font-size: 26px;
        --title-mark-font-size: 14px;
    }
}
@media all and (max-width: 480px) {
    .page-index {
        --outer-padding: 20px;
        --index-gap: 30px;
        --title-name-font-size: 24px;
        --title-mark-font-size: 13px;
    }
}
@media all and (max-width: 380px) {
    .page-index {
        --index-gap: 20px;
        --title-name-font-size: 22px;
        --title-mark-font-size: 12px;
        --index-row-gap: 15px;
    }
}










/*首页-优势-标题*/
.index-advantage-title {
    --title-gap: 10px;
}
.index-advantage-title {width: 100%; max-width: calc(var(--max-width) + var(--outer-padding) * 2); box-sizing: border-box; margin: 0 auto; display: grid; grid-gap: var(--title-gap); padding: 0 var(--outer-padding); text-align: center;}
.index-advantage-title .name {font-size: var(--title-name-font-size); color: #000; font-family: "AlibabaBold", sans-serif;}
.index-advantage-title .mark {font-size: var(--title-mark-font-size); color: #666;}
.index-advantage-title .mark span {font-size: 1.334em; padding: 0 0.2em; color: var(--color-primary); font-family: "AlibabaBold", Arial, sans-serif;}
@media all and (max-width: 1180px) {
    .index-advantage-title {
        --title-gap: 8px;
    }
}
@media all and (max-width: 860px) {
    .index-advantage-title {
        --title-gap: 5px;
    }
}










/*首页-标题*/
.index-title {
    --title-gap: 20px;
    --title-image-width: 40px;
}
.index-title {width: 100%; max-width: calc(var(--max-width) + var(--outer-padding) * 2); box-sizing: border-box; margin: 0 auto; font-size: var(--title-name-font-size); font-family: "AlibabaBold", sans-serif; display: flex; justify-content: center; align-items: center; gap: var(--title-gap); padding: 0 var(--outer-padding);}
.index-title:before,
.index-title:after {content: ''; display: block; width: var(--title-image-width); aspect-ratio: 2 / 1; background-size: 100% 100%;}
.index-title:before {background-image: url("../images/title-before.png");}
.index-title:after {background-image: url("../images/title-after.png");}
@media all and (max-width: 1180px) {
    .index-title {
        --title-gap: 15px;
        --title-image-width: 32px;
    }
}
@media all and (max-width: 860px) {
    .index-title {
        --title-image-width: 28px;
    }
}
@media all and (max-width: 720px) {
    .index-title {
        --title-image-width: 24px;
    }
}
@media all and (max-width: 380px) {
    .index-title {
        --title-gap: 10px;
        --title-image-width: 20px;
    }
}










/*首页-优势*/
.index-advantage {display: grid; grid-gap: var(--index-row-gap);}
.index-advantage-main {
    --height: 300px;
    --gap: 20px;
    --border-radius: 20px;
    --box-padding: 30px;
}
.index-advantage-main {width: 100%; max-width: calc(var(--max-width) + var(--outer-padding) * 2); min-height: var(--height); box-sizing: border-box; margin: 0 auto; padding: 0 var(--outer-padding); display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gap);}
.index-advantage-main .group {display: grid; grid-gap: var(--gap); grid-template-rows: 1fr 1fr;}
.index-advantage-main .item {border-radius: var(--border-radius); box-sizing: border-box; position: relative;}
.index-advantage-main .item:after {content: ''; display: block; position: absolute; inset: 0; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));}
.index-advantage-main .item1 {background: #1556D8;}
.index-advantage-main .item2 {background: #00AC9F;}
.index-advantage-main .item3 {background: #0C88DB;}
.index-advantage-main .item4 {background: #3036E2;}
.index-advantage-main .item5 {background: #7749EB;}
.index-advantage-main .item6 {background: #198F00;}
.index-advantage-main .item1:before,
.index-advantage-main .item4:before {content: ''; display: block; position: absolute; inset: 0; background: url("../images/advantage-background.png") no-repeat center top / cover;}
.index-advantage-main .box {
    --gap: 10px;
}
.index-advantage-main .box {position: relative; z-index: 9; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--gap); justify-content: center; align-items: flex-start; color: #fff; padding: var(--box-padding);}
.index-advantage-main .box1 {
    --icon-size: 50px;
    --title-size: 20px;
    --content-size: 14px;
}
.index-advantage-main .box1 .icon {font-size: 0;}
.index-advantage-main .box1 .icon img {height: var(--icon-size);}
.index-advantage-main .box1 .title {font-size: var(--title-size); font-weight: bold; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding-top: var(--gap);}
.index-advantage-main .box1 .content {font-size: var(--content-size); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); line-height: 1.428;}
.index-advantage-main .box2 {
    --icon-size: 60px;
    --icon-offset: 20px;
    --title-size: 18px;
    --content-size: 14px;
}
.index-advantage-main .box2 .icon {font-size: 0; position: absolute; right: var(--icon-offset); top: var(--icon-offset);}
.index-advantage-main .box2 .icon img {width: var(--icon-size);}
.index-advantage-main .box2 .title {position: relative; z-index: 9; font-size: var(--title-size); font-weight: bold; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.index-advantage-main .box2 .content {position: relative; z-index: 9; font-size: var(--content-size); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); line-height: 1.428;}
@media all and (max-width: 1180px) {
    .index-advantage-main {
        --height: auto;
        --gap: 15px;
        --border-radius: 15px;
        --box-padding: 25px;
    }
    .index-advantage-main .box {
        --gap: 8px;
    }
    .index-advantage-main .box1 {
        --icon-size: 40px;
        --title-size: 18px;
        --content-size: 12px;
    }
    .index-advantage-main .box2 {
        --icon-size: 40px;
        --icon-offset: 15px;
        --title-size: 17px;
        --content-size: 12px;
    }
}
@media all and (max-width: 960px) {
    .index-advantage-main {grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width: 720px) {
    .index-advantage-main {
        --box-padding: 20px;
    }
    .index-advantage-main .box {
        --gap: 5px;
    }
    .index-advantage-main .box1 {
        --icon-size: 36px;
        --title-size: 16px;
    }
    .index-advantage-main .box2 {
        --icon-size: 36px;
        --title-size: 16px;
    }
}
@media all and (max-width: 480px) {
    .index-advantage-main {grid-template-columns: 1fr;}
    .index-advantage-main .box1 {
        --icon-size: 32px;
        --title-size: 14px;
    }
    .index-advantage-main .box2 {
        --icon-size: 32px;
        --title-size: 14px;
    }
}
@media all and (max-width: 380px) {
    .index-advantage-main {
        --gap: 12px;
        --border-radius: 12px;
    }
}










/*首页-推荐会议*/
.index-meeting {display: grid; grid-gap: var(--index-row-gap);}
.index-meeting-main {
    --button-size: 40px;
    --button-icon-size: 14px;
    --padding-bottom: 0;
}
.index-meeting-main {width: 100%; max-width: calc(var(--max-width) + var(--outer-padding) * 2); position: relative; box-sizing: border-box; margin: 0 auto; padding: 0 var(--outer-padding) var(--padding-bottom) var(--outer-padding);}
.index-meeting-main .button-prev,
.index-meeting-main .button-next {width: var(--button-size); height: var(--button-size); border-radius: 50%; position: absolute; top: 50%; margin-top: calc(0 - var(--button-size) * 0.5); background: #F5F7FE; display: flex; justify-content: center; align-items: center; font-size: var(--button-icon-size); color: var(--color-primary); cursor: pointer;}
.index-meeting-main .button-prev,
.index-meeting-main .button-next {transition: color 0.2s, background 0.2s;}
.index-meeting-main .button-prev:hover,
.index-meeting-main .button-next:hover {background: var(--color-primary); color: #ffffff;}
.index-meeting-main .button-prev.swiper-button-disabled,
.index-meeting-main .button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.index-meeting-main .button-prev {left: -50px;}
.index-meeting-main .button-next {right: -50px;}
.index-meeting-main .swiper-pagination {
    --swiper-pagination-bottom: 0;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 10px;
    font-size: 0;
    visibility: hidden;
}

.index-meeting-list {
    --gap: 30px;
}
.index-meeting-list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gap);}
.index-meeting-list .item {
    --border-radius: 12px;
    --padding: 25px;
    --info-gap: 8px;
    --info-icon-size: 14px;
    --info-font-size: 14px;
    --title-margin-top: 15px;
    --title-size: 18px;
    --title-line-clamp: 3;
    --mark-margin-top: 25px;
    --mark-gap: 25px;
    --button-height: 36px;
    --button-padding: 20px;
    --button-font-size: 14px;
}
.index-meeting-list .item {border-radius: var(--border-radius); padding: var(--padding); border: 1px solid #E9F1FD; box-sizing: border-box; background: url("../images/index-block-background.png") no-repeat left bottom / cover;}
.index-meeting-list .item .info {display: flex; align-items: center; gap: var(--info-gap); color: #666;}
.index-meeting-list .item .info .yee-iconfont {font-size: var(--info-icon-size);}
.index-meeting-list .item .info .text {flex: 1; font-size: var(--info-font-size);}
.index-meeting-list .item .title {margin-top: var(--title-margin-top); -webkit-line-clamp: var(--title-line-clamp); font-size: var(--title-size); font-weight: bold; line-height: 1.556; height: calc(var(--title-size) * 1.556 * 3); color: #000;}
.index-meeting-list .item .title a {color: #000;}
.index-meeting-list .item .title a:hover {color: var(--color-primary);}
.index-meeting-list .item .mark {margin-top: var(--mark-margin-top); display: flex; justify-content: space-between; align-items: center; gap: var(--mark-gap);}
.index-meeting-list .item .mark .info {flex: 1;}
.index-meeting-list .item .button {display: flex; align-items: center; box-sizing: border-box; height: var(--button-height); border: 1px solid var(--color-primary); border-radius: calc(var(--button-height) * 0.5); padding: 0 var(--button-padding); font-size: var(--button-font-size); color: var(--color-primary);}
.index-meeting-list .item .button {transition: color 0.2s, background 0.2s;}
.index-meeting-list .item .button:hover {background: var(--color-primary); color: #ffffff;}
@media all and (max-width: 1360px) {
    .index-meeting-main .button-prev {left: 0; visibility: hidden;}
    .index-meeting-main .button-next {right: 0; visibility: hidden;}
    .index-meeting-main .swiper-pagination {visibility: visible;}

    .index-meeting-main {
        --padding-bottom: 30px;
    }
}
@media all and (max-width: 1180px) {
    .index-meeting-main {
        --padding-bottom: 25px;
    }

    .index-meeting-main .swiper-pagination {
        --swiper-pagination-bullet-size: 9px;
    }

    .index-meeting-list {
        --gap: 15px;
    }
    .index-meeting-list .item {
        --padding: 20px;
        --info-gap: 5px;
        --info-icon-size: 12px;
        --info-font-size: 12px;
        --title-margin-top: 10px;
        --title-size: 16px;
        --title-line-clamp: 3;
        --mark-margin-top: 15px;
        --mark-gap: 15px;
        --button-height: 32px;
        --button-padding: 15px;
        --button-font-size: 13px;
    }
}
@media all and (max-width: 960px) {
    .index-meeting-list {grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width: 720px) {
    .index-meeting-main .swiper-pagination {
        --swiper-pagination-bullet-horizontal-gap: 4px;
        --swiper-pagination-bullet-size: 8px;
    }
    .index-meeting-list .item {
        --title-size: 14px;
        --title-line-clamp: 3;
        --button-height: 28px;
        --button-padding: 12px;
        --button-font-size: 12px;
    }
}
@media all and (max-width: 600px) {
    .index-meeting-list {grid-template-columns: 1fr;}
    .index-meeting-list .item {
        --title-size: 15px;
    }
    .index-meeting-list .item .title {
        height: auto;
    }
}
@media all and (max-width: 380px) {
    .index-meeting-main {
        --padding-bottom: 20px;
    }
    .index-meeting-list {
        --gap: 12px;
    }
    .index-meeting-list .item {
        --title-size: 14px;
    }
}










/*首页-办会单位*/
.index-company {display: grid; grid-gap: var(--index-row-company-gap);}
.index-company-main {
    --padding: 40px;
}
.index-company-main {background: #F7F8FF; padding: var(--padding) 0;}
.index-company-list {
    --gap: 30px;
}
.index-company-list {width: 100%; max-width: calc(var(--max-width) + var(--outer-padding) * 2); box-sizing: border-box; margin: 0 auto; padding: 0 var(--outer-padding); display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gap); }
.index-company-list .item {
    --icon-size: 60px;
    --gap: 15px;
    --padding: 15px 20px;
    --name-size: 15px;
    --border-radius: 12px;
}
.index-company-list .item {display: flex; align-items: center; gap: var(--gap); background: #fff; box-sizing: border-box; border-radius: var(--border-radius); padding: var(--padding); box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.05);}
.index-company-list .item .icon {font-size: 0;}
.index-company-list .item .icon img {width: var(--icon-size); height: var(--icon-size); object-fit: contain;}
.index-company-list .item .name {flex: 1; font-size: var(--name-size); line-height: 1.6; color: #333;}
@media all and (max-width: 1180px) {
    .index-company-main {
        --padding: 30px;
    }
    .index-company-list {
        --gap: 15px;
    }
    .index-company-list .item {
        --icon-size: 50px;
        --gap: 15px;
        --padding: 15px;
        --name-size: 13px;
        --border-radius: 10px;
    }
}
@media all and (max-width: 960px) {
    .index-company-list {grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width: 720px) {
    .index-company-list .item {
        --icon-size: 40px;
        --gap: 14px;
        --padding: 14px;
        --name-size: 12px;
    }
}
@media all and (max-width: 600px) {
    .index-company-list {grid-template-columns: repeat(2, 1fr);}
    .index-company-list .item {
        --name-size: 13px;
    }
}
@media all and (max-width: 480px) {
    .index-company-main {
        --padding: 20px;
    }
}
@media all and (max-width: 380px) {
    .index-company-list {
        --gap: 12px;
    }
    .index-company-list .item {
        --icon-size: 36px;
        --gap: 10px;
        --padding: 10px;
        --name-size: 12px;
    }
}










/*内页banner*/
.pages-banner {
    --height: 300px;
    --title-size: 48px;
    --mark-size: 18px;
    --gap: 5px;
    --padding: 30px;
    --max-width: 1200px;
}
.pages-banner {background-position: center; background-size: auto 100%; width: 100%; box-sizing: border-box; height: var(--height); padding: 0 var(--padding); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--gap); text-align: center; color: #fff;}
.pages-banner .title {max-width: var(--max-width); font-size: var(--title-size); font-family: "AlibabaBold", Arial, sans-serif;}
.pages-banner .mark {max-width: var(--max-width); font-size: var(--mark-size); font-weight: 500;}
@media all and (max-width: 1440px) {
    .pages-banner {
        --height: auto;
        --title-size: calc(100vw / 1440 * 48);
        --mark-size: calc(100vw / 1440 * 18);
    }
    .pages-banner {aspect-ratio: 1440 / 300;}
}
@media all and (max-width: 600px) {
    .pages-banner {
        --title-size: calc(100vw / 600 * 30);
        --mark-size: calc(100vw / 600 * 14);
        --gap: 3px;
    }
    .pages-banner {aspect-ratio: 600 / 180;}
}
@media all and (max-width: 480px) {
    .pages-banner {
        --padding: 20px;
    }
}










.pages-wrapper {
    --padding: 0 30px;
}
.pages-wrapper {max-width: 1200px; margin: 0 auto; padding: var(--padding);}
@media all and (max-width: 480px) {
    .pages-wrapper {
        --padding: 0 20px;
    }
}






/*面包屑*/
.pages-top {
    --height: 60px;
    --padding: 0 30px;
    --gap: 10px;
    --icon-size: 14px;
    --font-size: 14px;
}
.pages-top {background: #fff; border-bottom: 1px solid #eee; padding: var(--padding);}
.pages-top .center {max-width: 1200px; min-height: var(--height); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: var(--gap); flex-wrap: wrap;}
.pages-breadcrumb {display: flex; align-items: center; gap: var(--gap);}
.pages-breadcrumb .yee-iconfont {font-size: var(--icon-size); color: #999;}
.pages-breadcrumb .text {display: flex; align-items: center; flex-wrap: wrap; font-size: var(--font-size); color: #666;}
.pages-breadcrumb .text .item:after {content: '/'; padding: 0 0.5em;}
.pages-breadcrumb .text .item:last-child:after {display: none;}
.pages-breadcrumb .text .item a {color: #666;}
.pages-breadcrumb .text .item:last-child {color: var(--color-primary); font-weight: 500;}
.pages-breadcrumb .text .item:last-child a {color: var(--color-primary);}
.pages-back a {display: flex; align-items: center; gap: var(--gap); color: #666;}
.pages-back a .yee-iconfont {font-size: var(--icon-size); }
.pages-back a .text {font-size: var(--font-size); }
.pages-back a:hover {color: var(--color-primary);}
@media all and (max-width: 1080px) {
    .pages-top {
        --height: 50px;
    }
}
@media all and (max-width: 480px) {
    .pages-top {
        --padding: 0 20px;
        --gap: 10px;
        --icon-size: 12px;
        --font-size: 12px;
    }
}




/*分页*/
.paginator {
    --height: 36px;
    --font-size: 16px;
    --icon-size: 12px;
    --gap: 15px;
}
.paginator {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: var(--gap); text-align: center;}
.paginator a,
.paginator b {display: flex; justify-content: center; align-items: center; min-width: var(--height); height: var(--height); box-sizing: border-box; border: 1px solid #ddd; border-radius: calc(var(--height) * 0.5); font-size: var(--font-size); color: #333; transition: border-color 0.2s, color 0.2s; padding: 0 5px;}
.paginator a.yee-iconfont {font-size: var(--icon-size);}
.paginator a:hover {border-color: var(--color-primary); color: var(--color-primary);}
.paginator b {background: var(--color-primary); border-color: var(--color-primary); color: #fff;}
@media all and (max-width: 1080px) {
    .paginator {
        --height: 32px;
        --font-size: 14px;
        --icon-size: 10px;
        --gap: 12px;
    }
}
@media all and (max-width: 480px) {
    .paginator {
        --height: 30px;
        --font-size: 12px;
        --icon-size: 10px;
        --gap: 10px;
    }
}
@media all and (max-width: 380px) {
    .paginator {
        --height: 28px;
        --gap: 8px;
    }
}









/*新闻*/
.page-news {
    --padding: 20px 0 60px 0;
    --gap: 40px;
}
.page-news {display: grid; grid-gap: var(--gap); padding: var(--padding);}
@media all and (max-width: 1280px) {
    .page-news {
        --padding: 10px 0 50px 0;
        --gap: 30px;
    }
}
@media all and (max-width: 1080px) {
    .page-news {
        --padding: 5px 0 40px 0;
    }
}
@media all and (max-width: 600px) {
    .page-news {
        --padding: 0 0 40px 0;
    }
}
@media all and (max-width: 480px) {
    .page-news {
        --padding: 5px 0 30px 0;
    }
}
@media all and (max-width: 380px) {
    .page-news {
        --padding: 0 0 20px 0;
        --gap: 20px;
    }
}








/*新闻列表*/
.page-news-list {
    --padding: 30px;
    --gap: 30px;
    --date-width: 120px;
    --date-year-month: 16px;
    --date-day: 36px;
    --date-radius: 12px;
    --box-gap: 15px;
    --title-size: 24px;
    --content-size: 16px;
    --content-line-clamp: 2;
    --mark-padding-top: 5px;
    --mark-gap: 30px;
    --mark-icon-size: 14px;
    --mark-font-size: 14px;
    --mark-info-gap: 30px;
    --mark-item-gap: 8px;
}
.page-news-list .group {border-bottom: 1px solid #eee; padding: var(--padding) 0; display: flex; align-items: flex-start; gap: var(--gap);}
.page-news-list .group .date {box-sizing: border-box; width: var(--date-width); height: var(--date-width); border: 1px solid #ddd; border-radius: var(--date-radius); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-family: "AlibabaBold", Arial, sans-serif; color: #333;}
.page-news-list .group .date .year-month {font-size: var(--date-year-month);}
.page-news-list .group .date .day {font-size: var(--date-day);}
.page-news-list .group .box {flex: 1; display: grid; grid-gap: var(--box-gap);}
.page-news-list .group .box .title {font-size: var(--title-size); font-weight: bold; color: #000;}
.page-news-list .group .box .title a {color: #000;}
.page-news-list .group .box .title a:hover {color: var(--color-primary); text-decoration: underline;}
.page-news-list .group .box .content {font-size: var(--content-size); line-height: 1.6; color: #666;}
.page-news-list .group .box .mark {display: flex; justify-content: space-between; align-items: center; gap: var(--mark-gap); padding-top: var(--mark-padding-top); color: #666;}
.page-news-list .group .box .mark .info {display: flex; align-items: center; gap: var(--mark-info-gap);}
.page-news-list .group .box .mark .info .item {display: flex; align-items: center; gap: var(--mark-item-gap);}
.page-news-list .group .box .mark .info .item.none {flex: none;}
.page-news-list .group .box .mark .info .item .yee-iconfont {font-size: var(--mark-icon-size); flex: none;}
.page-news-list .group .box .mark .info .item .text {font-size: var(--mark-font-size);}
.page-news-list .group .box .mark .info .item .text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page-news-list .group .box .mark .more {font-size: var(--mark-font-size); color: var(--color-primary); font-weight: 500; flex: none;}
.page-news-list .group .box .mark .more a {display: block; position: relative; color: var(--color-primary); transition: transform 0.2s;}
.page-news-list .group .box .mark .more a:hover {transform: scale(1.1);}
.page-news-list .group .box .mark .more a:after {content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 0; background: var(--color-primary); opacity: 0.1;}
@media all and (max-width: 1080px) {
    .page-news-list {
        --padding: 25px;
        --gap: 25px;
        --date-width: 100px;
        --date-year-month: 14px;
        --date-day: 30px;
        --date-radius: 10px;
        --box-gap: 12px;
        --title-size: 20px;
        --content-size: 14px;
        --mark-padding-top: 2px;
        --mark-gap: 20px;
        --mark-icon-size: 12px;
        --mark-font-size: 12px;
        --mark-info-gap: 20px;
        --mark-item-gap: 5px;
    }
}
@media all and (max-width: 600px) {
    .page-news-list {
        --padding: 30px;
        --gap: 20px;
        --date-width: 80px;
        --date-year-month: 12px;
        --date-day: 24px;
        --date-radius: 8px;
        --box-gap: 10px;
        --title-size: 18px;
        --content-size: 13px;
        --mark-padding-top: 0;
        --mark-gap: 15px;
        --mark-info-gap: 15px;
    }
}
@media all and (max-width: 480px) {
    .page-news-list {
        --padding: 20px;
        --gap: 15px;
        --date-width: 70px;
        --box-gap: 8px;
        --title-size: 17px;
        --content-size: 12px;
        --mark-padding-top: 2px;
        --mark-gap: 15px;
        --mark-info-gap: 15px;
    }
    .page-news-list .group .box .mark .more {display: none;}
}
@media all and (max-width: 380px) {
    .page-news-list {
        --title-size: 16px;
    }
}







/*新闻详情*/
.page-news-detail {
    --padding: 50px 0 60px 0;
    --gap: 40px;
    --head-gap: 20px;
    --title-size: 36px;
    --mark-size: 14px;
    --mark-column-gap: 20px;
    --mark-row-gap: 10px;
    --mark-item-gap: 8px;
    --content-size: 16px;
}
.page-news-detail {display: grid; grid-gap: var(--gap); padding: var(--padding);}
.page-news-detail-head {display: grid; grid-gap: var(--head-gap); text-align: center;}
.page-news-detail-title {font-size: var(--title-size); font-family: "AlibabaBold", Arial, sans-serif; color: #000;}
.page-news-detail-mark {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: var(--mark-size); color: #666; column-gap: var(--mark-column-gap); row-gap: var(--mark-row-gap);}
.page-news-detail-mark .item {display: flex; align-items: center; gap: var(--mark-item-gap);}
.page-news-detail-line {height: 1px; background: #eee;}
.page-news-detail-main {font-size: var(--content-size); line-height: 1.875; color: #444;}
@media all and (max-width: 1080px) {
    .page-news-detail {
        --padding: 40px 0 50px 0;
        --gap: 30px;
        --head-gap: 10px;
        --title-size: 30px;
        --mark-size: 13px;
        --content-size: 15px;
    }
}
@media all and (max-width: 720px) {
    .page-news-detail {
        --padding: 30px 0 40px 0;
        --gap: 25px;
        --title-size: 28px;
        --content-size: 14px;
    }
}
@media all and (max-width: 600px) {
    .page-news-detail {
        --title-size: 24px;
        --mark-size: 12px;
        --mark-column-gap: 15px;
        --mark-row-gap: 8px;
        --mark-item-gap: 5px;
    }
}
@media all and (max-width: 480px) {
    .page-news-detail {
        --padding: 20px 0 30px 0;
        --gap: 20px;
    }
}





/*联系我们*/
.page-contact {
    --padding: 60px 0;
    --content-size: 16px;
    --gap: 40px;
}
.page-contact {padding: var(--padding); font-size: var(--content-size); line-height: 1.875; color: #333;}
.page-contact-main {display: flex; justify-content: space-between; align-items: center; gap: var(--gap);}
.page-contact-content {flex: 1;}
.page-contact-image {width: 50%;}
@media all and (max-width: 1280px) {
    .page-contact {
        --padding: 30px 0;
        --gap: 30px;
    }
}
@media all and (max-width: 1080px) {
    .page-contact {
        --content-size: 15px;
    }
}
@media all and (max-width: 800px) {
    .page-contact-main {display: grid;}
    .page-contact-content {width: 100%;}
    .page-contact-image {width: 100%; font-size: 0;}
}
@media all and (max-width: 480px) {
    .page-contact {
        --padding: 20px 0;
        --gap: 20px;
        --content-size: 14px;
    }
}






/*会议查询*/
.page-meeting {
    --padding: 60px 0;
    --gap: 40px;
}
.page-meeting {padding: var(--padding); display: grid; grid-gap: var(--gap);}
@media all and (max-width: 1280px) {
    .page-meeting {
        --padding: 40px 0;
    }
}
@media all and (max-width: 1080px) {
    .page-meeting {
        --padding: 30px 0;
        --gap: 30px;
    }
}
@media all and (max-width: 480px) {
    .page-meeting {
        --padding: 20px 0 30px 0;
        --gap: 20px;
    }
}





/*会议查询-筛选*/
.page-meeting-filter {
    --padding: 20px;
    --column-gap: 30px;
    --row-gap: 20px;
    --group-gap: 20px;
    --input-height: 40px;
    --button-width: 80px;
    --font-size: 15px;
}
.page-meeting-filter {display: flex; align-items: center; flex-wrap: wrap; padding: var(--padding); column-gap: var(--column-gap); row-gap: var(--row-gap); background: #FAFAFA; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.page-meeting-filter .group {display: flex; align-items: center; gap: var(--group-gap);}
.page-meeting-filter .group.width-25 {width: 25%;}
.page-meeting-filter .group.auto {flex: 1;}
.page-meeting-filter .group .tit-box {font-size: var(--font-size); color: #333;}
.page-meeting-filter .group .inp-box {flex: 1; position: relative;}
.page-meeting-filter .group .inp-box .select-arrow {display: block; height: 100%; aspect-ratio: 1 / 1; background: url("../images/select.png") no-repeat center / 10px 10px; position: absolute; right: 0; top: 0; pointer-events: none;}
.page-meeting-filter .group .inp-box select {appearance: none; width: 100%; height: var(--input-height); background: #fff; border: 1px solid #ddd; font-size: var(--font-size); box-sizing: border-box; padding: 0 2em 0 1em; color: #666; border-radius: calc(var(--input-height) * 0.5);}
.page-meeting-filter .group .inp-box input.inp {width: 100%; height: var(--input-height); background: #fff; border: 1px solid #ddd; font-size: var(--font-size); box-sizing: border-box; padding: 0 1em; color: #666; border-radius: calc(var(--input-height) * 0.5);}
.page-meeting-filter .group .btn-box input.btn {width: var(--button-width); height: var(--input-height); background: var(--color-primary); border: 0 none; font-size: var(--font-size); box-sizing: border-box; color: #fff; border-radius: calc(var(--input-height) * 0.5); cursor: pointer;}

@media all and (max-width: 1080px) {
    .page-meeting-filter .group .tit-box {display: none;}
}
@media all and (max-width: 860px) {
    .page-meeting-filter .group.width-25 {flex: 1;}
    .page-meeting-filter .group.auto {flex: auto; width: 100%;}
}
@media all and (max-width: 480px) {
    .page-meeting-filter {
        --padding: 15px;
        --column-gap: 15px;
        --row-gap: 10px;
        --group-gap: 10px;
        --input-height: 36px;
        --button-width: 80px;
        --font-size: 13px;
    }
}
@media all and (max-width: 400px) {
    .page-meeting-filter {
        --button-width: 70px;
    }
}


/*会议列表*/
.page-meeting-list {
    --gap: 40px;
    --group-radius: 20px;
    --group-padding: 30px;
    --group-gap: 8px;
    --title-size: 20px;
    --type-padding: 6px 10px;
    --type-radius: 8px;
    --type-gap: 10px;
    --type-size: 12px;
    --info-size: 14px;
    --info-gap: 15px;
    --info-padding: 5px 0;
    --more-size: 14px;
    --more-padding: 8px 20px;
    --more-radius: 8px;
}
.page-meeting-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gap);}
.page-meeting-list .group {background: url("../images/meeting-line.png") no-repeat left top / 180px auto, linear-gradient(#F8FAFF, #ffffff); border: 1px solid #E9EBF1; border-radius: var(--group-radius); padding: var(--group-padding); display: flex; flex-direction: column; gap: var(--group-gap);}
.page-meeting-list .group .title {font-size: var(--title-size); line-height: 1.5; font-weight: bold; color: #000;}
.page-meeting-list .group .title a {color: #000;}
.page-meeting-list .group .title a:hover {color: var(--color-primary); text-decoration: underline;}
.page-meeting-list .group .type {display: flex; flex-wrap: wrap; gap: var(--type-gap); font-size: var(--type-size); line-height: 1; font-weight: 500;}
.page-meeting-list .group .type .item {padding: var(--type-padding); border-radius: var(--type-radius);}
.page-meeting-list .group .type .item.color1 {background: #E5EAFF; color: #375FF2;}
.page-meeting-list .group .type .item.color2 {background: #CEE8FF; color: #137DDA;}
.page-meeting-list .group .mark {display: flex; justify-content: space-between; align-items: flex-end;}
.page-meeting-list .group .info {flex: 1; font-size: var(--info-size); color: #666;}
.page-meeting-list .group .info .item {display: flex; align-items: center; padding: var(--info-padding); gap: var(--info-gap);}
.page-meeting-list .group .info .item .text {line-height: 1.429; flex: 1;}
.page-meeting-list .group .more {flex: none;}
.page-meeting-list .group .more a {display: block; text-align: center; background: linear-gradient(to right, var(--color-primary-light), var(--color-primary)); color: #fff; font-weight: bold; font-size: var(--more-size); border-radius: var(--more-radius); padding: var(--more-padding);}
.page-meeting-list .group .more a:hover {background: var(--color-primary);}
@media all and (max-width: 1080px) {
    .page-meeting-list {
        --gap: 30px;
        --group-radius: 16px;
        --group-padding: 25px;
        --group-gap: 10px;
        --info-size: 13px;
        --info-gap: 10px;
        --info-padding: 4px 0;
        --more-padding: 8px 15px;
    }
}
@media all and (max-width: 860px) {
    .page-meeting-list {grid-template-columns: 1fr;}
}
@media all and (max-width: 480px) {
    .page-meeting-list {
        --gap: 20px;
        --group-radius: 12px;
        --group-padding: 20px;
        --group-gap: 10px;
        --title-size: 18px;
        --type-padding: 5px 8px;
        --type-radius: 8px;
        --type-gap: 5px;
        --type-size: 12px;
        --info-size: 12px;
        --info-gap: 8px;
        --info-padding: 4px 0;
        --more-size: 12px;
        --more-padding: 8px 15px;
        --more-radius: 8px;
    }
}
@media all and (max-width: 400px) {
    .page-meeting-list {
        --more-size: 13px;
        --more-padding: 9px 15px;
    }
    .page-meeting-list .group .mark {display: block;}
    .page-meeting-list .group .more {padding-top: 10px;}
}





/*登录*/
.pages-login {
    --padding: 60px 0;
}
.pages-login {background: #F1F4F9; padding: var(--padding);}
@media all and (max-width: 1280px) {
    .pages-login {
        --padding: 40px 0;
    }
}
@media all and (max-width: 1260px) {
    .pages-login {
        --padding: 30px 0;
    }
}
@media all and (max-width: 480px) {
    .pages-login {
        --padding: 20px 0;
    }
    .pages-login {
        background: none;
    }
}

.login-company {
    --border-radius: 20px;
    --padding: 40px;
    --gap: 40px;
    --nav-width: 160px;
    --nav-gap: 20px;
    --nav-radius: 25px;
    --nav-padding: 14px 20px;
    --nav-font-size: 16px;
    --main-width: 900px;
    --main-gap: 30px;
    --title-gap: 17px;
    --title-line-width: 3px;
    --title-line-height: 14px;
    --title-font-size: 16px;
    --enter-size: 16px;
    --enter-gap: 10px;
    --list-gap: 30px;
    --list-item-radius: 12px;
    --list-item-height: 60px;
    --list-item-font-size: 16px;
    --list-item-border-width: 2px;
    --list-item-padding: 13px 27px;
}
.login-company {background: #fff; border-radius: var(--border-radius); padding: var(--padding); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; align-items: flex-start; gap: var(--gap);}
.login-company-navs {width: var(--nav-width); display: grid; gap: var(--nav-gap);}
.login-company-navs .item {display: block; text-align: center; font-size: var(--nav-font-size); line-height: 1.375; padding: var(--nav-padding); border-radius: var(--nav-radius); background: #F5F7FE; color: #666;}
.login-company-navs .item.on {background: linear-gradient(to right, var(--color-primary-light), var(--color-primary)); color: #fff;}
.login-company-main {flex: 1; max-width: 900px; display: grid; grid-gap: var(--main-gap);}
.login-company-head {display: flex; justify-content: space-between; align-items: center;}
.login-company-title {display: flex; align-items: center; gap: var(--title-gap); font-size: var(--title-font-size); color: #000; font-weight: bold;}
.login-company-title:before {content: ''; display: block; width: var(--title-line-width); height: var(--title-line-height); border-radius: var(--title-line-width); background: var(--color-primary);}
.login-company-enter {font-size: var(--enter-size); color: var(--color-primary);}
.login-company-enter a {display: flex; align-items: center; gap: var(--enter-gap); color: var(--color-primary);}
.login-company-enter a .text {font-weight: bold;}
.login-company-enter a:hover .text {text-decoration: underline;}
.login-company-list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--list-gap);}
.login-company-list .item {display: flex; justify-content: center; align-items: center; text-align: center; padding: var(--list-item-padding); border: var(--list-item-border-width) solid #eee; border-radius: var(--list-item-radius); box-sizing: border-box; min-height: var(--list-item-height); color: #333; font-size: var(--list-item-font-size);}
.login-company-list .item:hover {background: #EBEFFE; color: var(--color-primary); border-color: var(--color-primary); font-weight: bold;}
@media all and (max-width: 1080px) {
    .login-company {
        --border-radius: 15px;
        --padding: 30px;
        --gap: 30px;
        --nav-width: 160px;
        --nav-gap: 20px;
        --nav-radius: 25px;
        --nav-padding: 12px 18px;
        --nav-font-size: 15px;
        --main-width: 900px;
        --main-gap: 20px;
        --title-gap: 15px;
        --title-line-width: 3px;
        --title-line-height: 14px;
        --title-font-size: 15px;
        --enter-size: 15px;
        --enter-gap: 10px;
        --list-gap: 20px;
        --list-item-radius: 10px;
        --list-item-height: 60px;
        --list-item-font-size: 15px;
        --list-item-border-width: 2px;
        --list-item-padding: 13px 27px;
    }
}
@media all and (max-width: 960px) {
    .login-company-list {grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width: 800px) {
    .login-company {
        --nav-width: auto;
        --nav-padding: 10px 20px;
    }
    .login-company {display: block;}
    .login-company-navs {display: flex; justify-content: center; padding-bottom: var(--gap); flex-wrap: wrap;}
}
@media all and (max-width: 600px) {
    .login-company {
        --border-radius: 10px;
        --padding: 25px;
        --gap: 25px;
        --nav-width: auto;
        --nav-gap: 15px;
        --nav-radius: 25px;
        --nav-padding: 8px 15px;
        --nav-font-size: 13px;
        --main-width: 900px;
        --main-gap: 20px;
        --title-gap: 10px;
        --title-line-width: 3px;
        --title-line-height: 14px;
        --title-font-size: 14px;
        --enter-size: 14px;
        --enter-gap: 8px;
        --list-gap: 15px;
        --list-item-radius: 8px;
        --list-item-height: 50px;
        --list-item-font-size: 14px;
        --list-item-border-width: 1px;
        --list-item-padding: 10px 15px;
    }
}
@media all and (max-width: 480px) {
    .login-company {
        --padding: 0;
        --nav-gap: 10px;
        --nav-padding: 8px 12px;
        --nav-radius: 8px;
        --list-gap: 10px;
        --list-item-height: auto;
    }
    .login-company {background: none; box-shadow: none;}
}





/*登录-弹窗*/
.dialog-login {
    --width: 440px;
    --padding: 40px;
    --wrap-padding: 0;
    --border-radius: 15px;
    --close-size: 12px;
    --close-padding: 20px;
    --title-size: 24px;
    --icon-size: 16px;
    --input-font-size: 15px;
    --input-height: 48px;
    --input-radius: 8px;
    --list-gap: 20px;
    --forget-size: 14px;
}
.dialog-login {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999;}
.dialog-login .mask {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0;}
.dialog-login .wrap {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: var(--wrap-padding);}
.dialog-login .main {width: var(--width); height: auto; background: #fff; position: relative; z-index: 20; border-radius: var(--border-radius); box-sizing: border-box; padding: var(--padding);}
.dialog-login .close {position: absolute; display: block; right: 0; top: 0; padding: var(--close-padding); font-size: var(--close-size); color: #B1B6C8;}
.dialog-login .close:hover {color: #666;}
.dialog-login .title {text-align: center; font-family: "AlibabaBold", Arial, sans-serif; font-size: var(--title-size);}
.dialog-login .list {padding-top: var(--padding); display: grid; grid-gap: var(--list-gap);}
.dialog-login .list .group {display: flex; align-items: center; gap: var(--list-gap);}
.dialog-login .list .group .item {position: relative;}
.dialog-login .list .group .item.auto {flex: 1;}
.dialog-login .list .group .item .verify-image {font-size: 0;}
.dialog-login .list .group .item .verify-image img {height: var(--input-height); border-radius: var(--input-radius);}
.dialog-login .list .group .item input.btn {width: 100%; height: var(--input-height); border-radius: var(--input-radius); background: linear-gradient(to right, var(--color-primary-light), var(--color-primary)); box-sizing: border-box; border: 0 none; font-size: var(--input-font-size); color: #fff; font-weight: bold; cursor: pointer;}
.dialog-login .list .group .item input.inp {width: 100%; height: var(--input-height); border-radius: var(--input-radius); background: #F7F8FA; box-sizing: border-box; border: 1px solid #D5D8E4; font-size: var(--input-font-size); color: #333; padding: 0 1em 0 calc(var(--input-height) - 2px); transition: border-color 0.2s;}
.dialog-login .list .group .item .icon {height: 100%; position: absolute; left: 0; top: 0; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; font-size: var(--input-font-size); color: #777B89; transition: color 0.2s;}
.dialog-login .list .group .item:focus-within .icon {color: var(--color-primary);}
.dialog-login .list .group .item:focus-within input.inp {border-color: var(--color-primary);}

.dialog-login .forget {text-align: center; color: var(--color-primary); padding-top: var(--list-gap); font-size: var(--forget-size); font-weight: bold;}

.dialog-login {display: none;}
.dialog-login .mask {opacity: 0; transition: opacity 0.3s;}
.dialog-login .main {opacity: 0; transform: scale(0); transition: opacity 0.3s, transform 0.3s;}
.dialog-login.show {display: block;}
.dialog-login.show.anim .mask {opacity: 1;}
.dialog-login.show.anim .main {opacity: 1; transform: scale(1);}

@media all and (max-width: 480px) {
    .dialog-login {
        --width: 100%;
        --padding: 30px;
        --wrap-padding: 20px;
        --border-radius: 12px;
        --close-size: 10px;
        --close-padding: 15px;
        --title-size: 22px;
        --icon-size: 14px;
        --input-font-size: 14px;
        --input-height: 44px;
        --input-radius: 6px;
        --list-gap: 15px;
        --forget-size: 12px;
    }
}
@media all and (max-width: 375px) {
    .dialog-login {
        --padding: 20px;
        --title-size: 20px;
        --icon-size: 13px;
        --input-font-size: 13px;
        --input-height: 40px;
        --list-gap: 14px;
    }
}















/*登录-入驻*/
.login-enter {
    --gap: 30px;
    --padding: 30px;
    --title-size: 30px;
    --border-radius: 20px;
    --notice-width: 440px;

    --block-title-line-width: 3px;
    --block-title-line-height: 14px;
    --block-title-font-size: 16px;
    --block-title-gap: 17px;
    --block-gap: 20px;

    --block-content-size: 14px;
    --block-list-gap: 15px;

    --group-gap: 20px;
    --group-title-width: 180px;
    --group-title-font-size: 14px;
    --group-input-font-size: 14px;
    --group-input-radius: 8px;
    --group-input-width: 400px;
    --group-input-height: 40px;
    --group-textarea-height: 120px;
    --group-button-width: 120px;
    --group-button-height: 44px;
    --group-button-font-size: 16px;

    --group-upload-gap: 15px;
    --group-upload-button-width: 120px;
    --group-upload-button-font-size: 14px;
    --group-upload-template-font-size: 14px;
    --group-upload-file-padding: 6px 15px;
    --group-upload-file-font-size: 13px;

}
.login-enter {display: grid; grid-gap: var(--gap);}
.login-enter-title {text-align: center; font-size: var(--title-size); font-family: "AlibabaBold", Arial, sans-serif;}
.login-enter-wrap {background: #fff; border-radius: var(--border-radius); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); display: flex; align-items: flex-start;}
.login-enter-main {flex: 1; display: grid; grid-gap: var(--padding); padding: var(--padding) 0;}
.login-enter-notice {width: var(--notice-width); height: 100%; border-left: 1px solid #eee; box-sizing: border-box; padding: var(--padding) 0;}
.login-enter-block {padding: 0 var(--padding); display: grid; grid-gap: var(--block-gap);}
.login-enter-name {display: flex; align-items: center; gap: var(--block-title-gap); font-size: var(--block-title-font-size); color: #333; font-weight: bold;}
.login-enter-name:before {content: ''; display: block; width: var(--block-title-line-width); height: var(--block-title-line-height); background: var(--color-primary); border-radius: calc(var(--block-title-line-width) * 0.5);}
.login-enter-content {font-size: var(--block-content-size); line-height: 1.6; color: #666;}
.login-enter-list {display: grid; grid-gap: var(--block-list-gap);}
.login-enter-list .group {display: flex; align-items: flex-start; gap: var(--group-gap);}
.login-enter-list .group .tit-box {display: flex; justify-content: flex-end; align-items: center; width: var(--group-title-width); min-height: var(--group-input-height); text-align: right; font-size: var(--group-title-font-size); color: #666;}
.login-enter-list .group .tit-box .require {color: #ff0000; padding-right: 0.2em;}
.login-enter-list .group .con-box {flex: 1;}
.login-enter-list .group .inp-box {max-width: var(--group-input-width); position: relative;}
.login-enter-list .group .inp-box .select-arrow {display: block; height: 100%; aspect-ratio: 1 / 1; background: url("../images/select.png") no-repeat center / 10px 10px; position: absolute; right: 0; top: 0; pointer-events: none;}
.login-enter-list .group .inp-box select {appearance: none; width: 100%; height: var(--group-input-height); background: #fff; border: 1px solid #ddd; font-size: var(--group-input-font-size); box-sizing: border-box; padding: 0 2em 0 1em; color: #333; border-radius: var(--group-input-radius);}
.login-enter-list .group .inp-box input.inp {width: 100%; height: var(--group-input-height); font-size: var(--group-input-font-size); color: #333; border: 1px solid #ddd; border-radius: var(--group-input-radius); box-sizing: border-box; padding: 0 1em;}
.login-enter-list .group .inp-box textarea {width: 100%; height: var(--group-textarea-height); font-size: var(--group-input-font-size); color: #333; border: 1px solid #ddd; border-radius: var(--group-input-radius); box-sizing: border-box; padding: 0.6em 1em;}
.login-enter-list .group .btn-box {max-width: var(--group-input-width); padding: calc(var(--block-list-gap) * 0.5) 0 var(--block-list-gap) 0;}
.login-enter-list .group .btn-box input.btn {width: var(--group-button-width); height: var(--group-button-height); font-size: var(--group-button-font-size); color: #fff; border: 0 none; border-radius: var(--group-input-radius); background: var(--color-primary); cursor: pointer;}
.login-enter-list .group .upload-box {max-width: var(--group-input-width); display: grid; grid-gap: var(--group-upload-gap);}
.login-enter-list .group .upload-box-head {display: flex; justify-content: space-between; align-items: center; gap: var(--group-upload-gap);}
.login-enter-list .group .upload-box-btn {width: var(--group-upload-button-width); height: var(--group-input-height); position: relative; flex: none;}
.login-enter-list .group .upload-box-btn input {font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; background: none; border: 0 none; opacity: 0; z-index: 2; cursor: pointer;}
.login-enter-list .group .upload-box-btn span {display: flex; justify-content: center; align-items: center; font-size: var(--group-upload-button-font-size); color: var(--color-primary); box-sizing: border-box; width: 100%; height: 100%; border: 1px solid var(--color-primary); border-radius: var(--group-input-radius);}
.login-enter-list .group .upload-box-temp {font-size: var(--group-upload-template-font-size); color: var(--color-primary);}
.login-enter-list .group .upload-box-temp a {color: var(--color-primary);}
.login-enter-list .group .upload-box-temp a:hover {text-decoration: underline;}
.login-enter-list .group .upload-box-list {display: grid; grid-gap: 5px;}
.login-enter-list .group .upload-box-list .item {background: #F5F5F5; border-radius: var(--group-input-radius); padding: var(--group-upload-file-padding); display: flex; justify-content: space-between; align-items: center; font-size: var(--group-upload-file-font-size);}
.login-enter-list .group .upload-box-list .item .title {flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.login-enter-list .group .upload-box-list .item .remove {padding-left: 10px;}
.login-enter-list .group .upload-box-list .item .remove a {color: #ff0000; font-weight: 500;}
.login-enter-list .group .upload-box-list .item .remove a:hover {text-decoration: underline;}
@media all and (max-width: 1280px) {
    .login-enter {
        --gap: 20px;
    }
}
@media all and (max-width: 1180px) {
    .login-enter-wrap {display: grid; grid-gap: var(--padding); padding: var(--padding) 0;}
    .login-enter-main {flex: none; padding: 0;}
    .login-enter-notice {width: auto; height: auto; border: 0 none; padding: 0;}
    .login-enter-list .group .tit-box {width: calc((100% - var(--group-input-width) - var(--group-gap) * 2) * 0.5);}
}
@media all and (max-width: 1080px) {
    .login-enter {
        --title-size: 28px;
    }
}
@media all and (max-width: 960px) {
    .login-enter-list .group .tit-box {width: var(--group-title-width);}
}
@media all and (max-width: 800px) {
    .login-enter {
        --group-gap: 10px;
    }
    .login-enter-list .group {display: grid;}
    .login-enter-list .group .tit-box {width: auto; min-height: auto; display: block; text-align: left;}
    .login-enter-list .group .inp-box {max-width: 100%;}
    .login-enter-list .group .upload-box {max-width: 100%;}
    .login-enter-list .group .btn-box {max-width: 100%; padding: 0;}
    .login-enter-list .group .btn-box input.btn {width: 100%;}
}
@media all and (max-width: 480px) {
    .login-enter {
        --gap: 0;
        --padding: 20px;
        --title-size: 24px;
        --border-radius: 0;

        --block-title-line-width: 3px;
        --block-title-line-height: 13px;
        --block-title-font-size: 15px;
        --block-title-gap: 10px;

        --block-content-size: 13px;

        --group-upload-gap: 10px;
        --group-upload-button-width: 100px;
        --group-upload-template-font-size: 13px;

    }

    .login-enter-wrap {background: none; box-shadow: none;}
    .login-enter-title {border-bottom: 1px solid #eee; padding-bottom: var(--padding);}
    .login-enter-block {padding: 0;}
}














/*登录-入驻-申请成功*/
.login-success {background: #fff; border-radius: 20px; padding: 140px 30px 190px 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); text-align: center;}
.login-success .icon {font-size: 0;}
.login-success .icon img {width: 60px;}
.login-success .title {font-size: 24px; color: #000; font-weight: bold; padding-top: 20px;}
.login-success .content {font-size: 16px; color: #666; padding-top: 10px; max-width: 480px; margin: 0 auto;}
.login-success .mark {font-size: 16px; color: #333; padding-top: 80px;}
.login-success .mark span {color: #ff0000; padding-right: 0.4em;}
@media all and (max-width: 640px) {
    .login-success {padding: 100px 30px 150px 30px;}
    .login-success .icon img {width: 50px;}
    .login-success .title {font-size: 20px;}
    .login-success .content {font-size: 14px;}
    .login-success .mark {font-size: 14px; padding-top: 60px;}
}
@media all and (max-width: 480px) {
    .login-success {background: none; box-shadow: none; padding: 60px 0 120px 0;}
    .login-success .mark {padding-top: 40px;}
}





/*弹窗表单*/
.dialog-form {padding: 20px 40px 20px 20px; display: grid; gap: 15px; box-sizing: border-box; width: 500px;}
.dialog-form-main {display: grid; gap: 15px;}
.dialog-form-main .group {display: flex; align-items: flex-start; gap: 10px;}
.dialog-form-main .group .tit-box {min-width: 80px; display: flex; justify-content: flex-end;}
.dialog-form-main .group .con-box {flex: 1; font-size: 0;}
.dialog-form-foot {display: flex; align-items: center; gap: 15px; padding-left: 90px;}

@media all and (max-width: 560px) {
    .dialog-form {width: 90vw; height: 80vh; padding: 20px; overflow: auto; display: block;}
    .dialog-form-main {display: block;}
    .dialog-form-main .group {display: block; padding-top: 15px;}
    .dialog-form-main .group:first-child {padding-top: 0;}
    .dialog-form-main .group .tit-box {justify-content: flex-start; padding-bottom: 5px;}
    .dialog-form-main .group .form-name {height: auto;}
    .dialog-form-foot {justify-content: center; padding-left: 0; padding-top: 20px;}
}


/*弹窗内容*/
.dialog-content {font-size: 15px; line-height: 1.7; color: #333; padding: 20px;}