/**
顶部导航 begin
 */
.menu-container {
    background-color: #000000;
}
.menu-container .menu-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-container .menu-wrapper .menu-logo .menu-logo-img {
    width: 189px;
    height: 69px;
}
.menu-container .menu-wrapper .menu-list {
    display: flex;
}
.menu-container .menu-wrapper .menu-list .menu-item {
    margin: 0 40px;
}
.menu-container .menu-wrapper .menu-list .menu-item .menu-text {
    color: #ffffff;
}
.menu-container .menu-wrapper .menu-list .menu-item.menu-item-selected .menu-text {
    color: #D4A552;
}
.menu-container .menu-wrapper .menu-expand {
    display: flex;
}
.menu-container .menu-wrapper .menu-expand .menu-expand-item {
    margin: 0 10px;
    width: 19px;
    height: 20px;
    cursor: pointer;
    padding: 10px 0;
}
.menu-container .menu-wrapper .menu-expand .menu-expand-item:not(:last-child) {
    margin-right: 35px;
}
/**
顶部导航 start
 */

/**
栏目导航 start
 */
.sub-menu-container {
    background-color: #d4a552;
    height: 60px;
}
.sub-menu-container .sub-menu-wrapper{
    max-width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sub-menu-container .sub-menu-wrapper .sub-menu-item {
    color: #FFFFFF;
    font-size: 20px;
}
.sub-menu-container .sub-menu-wrapper .sub-menu-item-selected {
    color: #000000;
}
.sub-menu-container .sub-menu-wrapper .sub-menu-item .sub-menu-item-wrapper {
    position: relative;
}
.sub-menu-container .sub-menu-wrapper .sub-menu-item-selected .sub-menu-item-wrapper .sub-menu-bottom-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
    position: absolute;
    z-index: 2;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    top: 42px;
}
.sub-menu-container .sub-menu-wrapper .sub-menu-item-selected .sub-menu-item-wrapper .sub-menu-bottom-arrow .sub-menu-bottom-arrow-content {
    transform: translateY(24px) rotate(225deg);
    background-color: #ffffff;
    --antd-arrow-background-color: linear-gradient(to right bottom, #ffffff, #ffffff);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 22.3137085px;
    height: 22.3137085px;
    margin: auto;
    content: '';
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none;
}
.sub-menu-container .sub-menu-wrapper .sub-menu-item-selected .sub-menu-item-wrapper .sub-menu-bottom-arrow .sub-menu-bottom-arrow-content::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: '';
    -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
    clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
/**
栏目导航 end
 */
/**
登录框 start
 */
.personnel-login-modal-root .personnel-login-modal-mask {
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100%;
    background-color: #00000073;
}
.personnel-login-modal-root .personnel-login-modal-wrap {
    position: fixed;
    inset: 0;
    overflow: auto;
    outline: 0;
    z-index: 1000;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal {
    width: 500px;
    box-sizing: border-box;
    padding: 0 0 24px;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: auto;
    position: relative;
    top: 100px;
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 10px;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-head {
    padding: 16px 24px;
    color: #000000d9;
    background: #fff;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: space-between;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-head .personnel-login-modal-head-content .personnel-login-modal-back {
    cursor: pointer;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-head .personnel-login-modal-close {
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body {
    padding: 10px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
    margin: 0 auto;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-title,
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content {
    width: 100%;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-title {
    font-size: 32px;
    text-align: center;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item  {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin: 0 0 24px;
    padding: 0;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    vertical-align: top;
    transition: margin-bottom .3s 17ms linear;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form {
    margin-top: 20px;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item {
    padding-bottom: 10px;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 25px;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item .personnel-login-form-item-label {
    width: 80px;
    font-size: 20px;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item .personnel-login-form-item-control {
    flex: 1 1 0;
    min-width: 0;
    align-items: center;
    display: flex;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item .personnel-login-form-item-control .personnel-login-form-item-control-input {
    flex: 1;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item .personnel-login-form-item-control .personnel-login-form-item-control-input .personnel-login-input {
    padding: 4px 11px;
    border: 0;
    font-size: 17px;
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: #000000d9;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    transition: all .3s;
    outline: none;
}
.personnel-login-verification-code-button {
    background-color: #000000;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    cursor: pointer;
}
.personnel-login-verification-code-button-disabled {
    background-color: #bbbbbb;
    cursor: not-allowed;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item .personnel-login-form-item-control .personnel-login-form-item-control-input .personnel-login-input:hover,
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-modal-content .personnel-login-form .personnel-login-form-item .personnel-login-form-item-control .personnel-login-form-item-control-input .personnel-login-input:focus {
    border: 0;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-ext {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #bbbbbb;
    font-size: 16px;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-ext .personnel-login-forget,
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-button,
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-third .personnel-login-mode,
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-third .personnel-login-register .personnel-login-register-text {
    cursor: pointer;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-button {
    background-color: #000000;
    padding: 10px 0;
    text-align: center;
    margin-top: 35px;
    border-radius: 5px;
    font-size: 16px;
    color: #ffffff;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-third {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #bbbbbb;
    margin-top: 20px;
}
.personnel-login-modal-root .personnel-login-modal-wrap .personnel-login-modal .personnel-login-modal-body .personnel-login-third .personnel-login-register .personnel-login-register-text {
    color: #D4A552;
}
/**
登录框 end
 */

/**
个人中心菜单 start
 */
.menu-personnel ul,
.menu-personnel li {
    list-style: none
}
.menu-personnel .menu-personnel-list {
    display: none;
    z-index: 100;
    text-align: center;
    min-width: 105px;
    position: relative;
    left: -43px;
    top: 5px;
    margin: 0;
    padding: 4px 0;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
}
.menu-personnel:hover .menu-personnel-list,
.menu-personnel-list:hover {
    display: block;
}
.menu-personnel .menu-personnel-list .menu-personnel-item {
    padding: 12px 20px;
    cursor: pointer;
}
.menu-personnel .menu-personnel-list .menu-personnel-item:hover {
    color: #D4A552;
    background-color: #F5F5F5;
}
/**
个人中心菜单 end
 */