.postmeMenu[data-v-6061245e] {
    box-sizing: border-box
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content .n-menu-item-content-header {
    font-size: 14px !important;
    color: #9d9c9d !important
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header {
    color: #272628 !important;
    font-weight: 700 !important
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header {
    color: #272628 !important
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content.n-menu-item-content--selected:before {
    background-color: #f3f2f5
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content:before {
    border-radius: 6px;
    left: 24px;
    right: 24px
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content .n-menu-item-content__icon {
    color: #9d9c9d
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon {
    color: #272628
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content--selected:after {
    content: "";
    width: 4px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #8459fb;
    border-radius: 0 6px 6px 0
}

.postmeMenu[data-v-6061245e] .n-submenu .n-menu-item-content {
    height: 36px;
    padding-right: 42px
}

.postmeMenu[data-v-6061245e] .n-menu-item {
    height: 36px;
    margin-bottom: 15px;
    margin-top: 0
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content--selected:after {
    content: "";
    width: 4px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4262d7;
    border-radius: 0 6px 6px 0
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content .n-menu-item-content-header {
    color: #272628;
    font-size: 14px;
    font-weight: 400
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content:hover .n-menu-item-content-header {
    font-weight: 700
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content:not(.n-menu-item-content--disabled):hover:before {
    background-color: #f3f2f5
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content:before {
    left: 24px;
    right: 24px;
    border-radius: 6px
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content.n-menu-item-content--selected:before {
    background-color: #f3f2f5
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header {
    color: #272628
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon {
    color: #272628
}

.postmeMenu[data-v-6061245e] .n-menu-item .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon {
    color: #272628
}

.postmeMenu.n-menu--collapsed[data-v-6061245e] .n-menu-item-content--collapsed {
    padding-left: 33px !important
}

.postmeMenu.n-menu--collapsed[data-v-6061245e] .n-menu-item-content--collapsed:before {
    left: 19px;
    right: 20px
}

.postmeMenu.n-menu--collapsed[data-v-6061245e] .n-menu-item .n-menu-item-content:before {
    left: 19px;
    right: 20px
}

.postmeMenu.n-menu--collapsed[data-v-6061245e] .n-menu-item .n-menu-item-content {
    padding-left: 33px !important
}

.menuBox[data-v-6061245e] {
    width: 230px;
    height: 100%;
    display: flex;
    flex-shrink: 0;
    box-shadow: 1px 0 #e6e5e8;
    border-right: 1px solid #e6e5e8;
    background: #fff;
    flex-direction: column;
    position: relative;
    transition: .3s all
}

.menuBox.mini[data-v-6061245e] {
    width: 80px !important
}

.menuBox.mini .menuBoxList .ButtonArea[data-v-6061245e] {
    padding: 0 20px
}

.menuBox.mini .menuBoxList .ButtonArea .buttons[data-v-6061245e] {
    justify-content: center
}

.menuBox .header[data-v-6061245e] {
    width: 100%;
    height: 80px;
    display: flex;
    flex-shrink: 0;
    padding: 0 32px;
    box-sizing: border-box;
    align-items: center
}

.menuBox .menuBoxList[data-v-6061245e] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 18px;
    box-sizing: border-box;
    overflow: hidden
}

.menuBox .menuBoxList .ButtonArea[data-v-6061245e] {
    width: 100%;
    /*height: 36px;*/
    display: flex;
    flex-shrink: 0;
    padding: 0 24px;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
    height: auto !important;
    /*position: relative*/
}

.menuBox .menuBoxList .ButtonArea .leftSelectLine[data-v-6061245e] {
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8459fb;
    display: none;
    border-radius: 0 6px 6px 0
}

.menuBox .menuBoxList .ButtonArea.active .lineButton[data-v-6061245e] {
    background: #f3f2f5;
    color: #272628;
    font-weight: 700
}

.menuBox .menuBoxList .ButtonArea.active .leftSelectLine[data-v-6061245e] {
    display: block
}

.menuBox .menuBoxList .ButtonArea:hover .lineButton[data-v-6061245e] {
    background: #f3f2f5;
    color: #272628;
    font-weight: 700
}

.menuBox .menuBoxList .customButtonArea[data-v-6061245e] {
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    overflow: hidden;
    overflow-y: auto
}

.menuBox .menuBoxList .customButtonArea .scrollBoxs[data-v-6061245e] {
    width: 100%;
    height: auto;
    display: flex;
    flex-shrink: 0;
    flex-direction: column
}

.menuBox .menuBoxList .buttons[data-v-6061245e] {
    width: 100%;
    height: 36px;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start;
    padding-left: 16px;
    box-sizing: border-box;
    border-radius: 6px
}

.menuBox .collicon[data-v-6061245e] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px #00000014;
    border-radius: 50%;
    border: 1px solid #e6e5e8;
    box-sizing: border-box;
    position: absolute;
    top: 28px;
    right: -18px;
    background-color: #fff;
    z-index: 99
}

.firstReg[data-v-070ac76f] {
    width: 100%;
    height: auto;
    display: flex;
    padding: 24px 0;
    box-sizing: border-box;
    flex-direction: column;
    margin-top: 40px
}

.firstReg .titleName[data-v-070ac76f] {
    width: 100%;
    height: 29px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    color: #272628;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px
}

.firstReg .tipsInfo[data-v-070ac76f] {
    width: 100%;
    height: auto;
    color: #686769;
    font-size: 14px;
    margin-bottom: 24px
}

.firstReg .lineTitle[data-v-070ac76f] {
    width: 100%;
    height: auto;
    display: flex;
    color: #272628;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.firstReg .selectJob[data-v-070ac76f] {
    width: 100%;
    height: 152px;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    margin-bottom: 40px
}

.firstReg .selectJob .jobBox[data-v-070ac76f] {
    width: 24%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 16px;
    border-radius: 16px;
    border: 1px solid transparent;
    cursor: pointer
}

.firstReg .selectJob .jobBox[data-v-070ac76f]:hover {
    box-shadow: 0 4px 8px #00000014;
    border-color: #e6e5e8
}

.firstReg .selectJob .jobBox.active[data-v-070ac76f] {
    background: #f3f2f5
}

.firstReg .selectJob .jobBox img[data-v-070ac76f] {
    width: 62px;
    height: 62px
}

.firstReg .selectJob .jobBox .jobTitle[data-v-070ac76f] {
    width: 50%;
    height: 40px;
    font-size: 14px;
    color: #272628;
    font-weight: 500;
    text-align: center
}

.firstReg .checkBoxTerrList[data-v-070ac76f] {
    width: 100%;
    height: 60px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.firstReg .checkBoxTerrList .checkBoxGroup[data-v-070ac76f] {
    width: 24%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 17px;
    box-sizing: border-box;
    font-weight: 500
}

.firstReg .checkBoxTerrList .checkBoxGroup[data-v-070ac76f]:hover {
    background: #f3f2f5;
    border-radius: 16px
}

.userDrop[data-v-50b53abb] {
    width: 252px;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 16px 10px;
    box-sizing: border-box
}

.userDrop .buyInfo[data-v-50b53abb] {
    width: 100%;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 8px;
    margin-bottom: 24px
}

.userDrop .buyInfo .levelBox[data-v-50b53abb] {
    width: auto;
    height: 20px;
    display: flex
}

.userDrop .buyInfo .levelBox .level[data-v-50b53abb] {
    width: auto;
    height: 100%;
    background: linear-gradient(270deg, #778fe7 0, #4262d6 100%);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color: #f1e9e2;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    padding: 0 8px;
    box-sizing: border-box
}

.userDrop .buyInfo .level-time[data-v-50b53abb] {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: #272628;
    font-size: 12px;
    align-items: center
}

.userDrop .buyInfo .level-time .xufei[data-v-50b53abb] {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    column-gap: 2px
}

.userDrop .actionList[data-v-50b53abb] {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.userDrop .actionList .actionButton[data-v-50b53abb] {
    width: 100%;
    height: 47px;
    display: flex;
    flex-shrink: 0;
    border-radius: 8px;
    padding: 0 16px;
    align-items: center;
    color: #272628;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    column-gap: 8px
}

.userDrop .actionList .actionButton[data-v-50b53abb]:hover {
    background: #f3f2f5
}

.sendSmsBox[data-v-6e998c32] {
    width: 100%;
    height: auto;
    display: flex;
    column-gap: 8px
}

.sendSmsBox[data-v-6e998c32] .n-button--disabled {
    background-color: #fcfbfe;
    color: #a6a5a7;
    opacity: 1
}

.sendSmsBox[data-v-6e998c32] .n-button--disabled .n-button__border {
    border-color: #e6e5e8
}

.sendSmsBox .sendButton[data-v-6e998c32] {
    width: 120px;
    display: flex;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px
}

.formArea[data-v-6e998c32] {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
    margin-top: 4px
}

.formArea .actionAreas[data-v-6e998c32] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px
}

.formArea .actionAreas .buttonclass[data-v-6e998c32] {
    width: 128px;
    height: 40px;
    border-radius: 8px;
    font-size: 14px
}

.input[data-v-6e998c32] {
    height: 40px;
    display: flex;
    flex-shrink: 0;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px
}

.input[data-v-6e998c32] .n-input-wrapper {
    padding-left: 16px;
    padding-right: 16px
}

.input[data-v-6e998c32] .n-input-wrapper .n-input__input-el {
    height: 40px;
    line-height: 40px
}

.sendSmsBox[data-v-53f46337] {
    width: 100%;
    height: auto;
    display: flex;
    column-gap: 8px
}

.sendSmsBox[data-v-53f46337] .n-button--disabled {
    background-color: #fcfbfe;
    color: #a6a5a7;
    opacity: 1
}

.sendSmsBox[data-v-53f46337] .n-button--disabled .n-button__border {
    border-color: #e6e5e8
}

.sendSmsBox .sendButton[data-v-53f46337] {
    width: 120px;
    display: flex;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px
}

.formArea[data-v-53f46337] {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
    margin-top: 4px
}

.formArea .actionAreas[data-v-53f46337] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px
}

.formArea .actionAreas .buttonclass[data-v-53f46337] {
    width: 128px;
    height: 40px;
    border-radius: 8px;
    font-size: 14px
}

.input[data-v-53f46337] {
    height: 40px;
    display: flex;
    flex-shrink: 0;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px
}

.input[data-v-53f46337] .n-input-wrapper {
    padding-left: 16px;
    padding-right: 16px
}

.input[data-v-53f46337] .n-input-wrapper .n-input__input-el {
    height: 40px;
    line-height: 40px
}

.headerSection[data-v-43998852] {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 5px
}

.headerSection .headerTabs[data-v-43998852] {
    width: 290px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    background-color: #eff2f6;
    border: 1px solid #e2e5e9;
    padding: 4px;
    box-sizing: border-box;
    column-gap: 8px
}

.headerSection .headerTabs .tabContent[data-v-43998852] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6e737d;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.headerSection .headerTabs .tabContent.active[data-v-43998852] {
    color: #282b2e;
    font-weight: 500;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px #0000001f
}

.headerBox[data-v-43998852] {
    width: 100%;
    height: 65px;
    display: flex;
    flex-shrink: 0;
    padding: 0 48px;
    box-sizing: border-box;
    background: #fff;
    justify-content: space-between;
    align-items: center
}

.headerBox .input[data-v-43998852] {
    width: 348px;
    height: 35px;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    background: #f3f2f5;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 14px
}

.headerBox .input.file[data-v-43998852] {
    background: unset;
    border-radius: 0
}

.headerBox .input.file[data-v-43998852]:hover .n-input__state-border {
    box-shadow: unset !important
}

.headerBox .input.file[data-v-43998852] .n-input__border {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    outline: 0
}

.headerBox .input.file[data-v-43998852] .n-input__state-border {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    box-shadow: unset !important;
    outline: 0
}

.headerBox .input.file[data-v-43998852] .n-input-wrapper {
    padding-left: 24px;
    padding-right: 24px
}

.headerBox .input.file[data-v-43998852] .n-input-wrapper .n-input__input-el {
    height: 35px;
    line-height: 35px
}

.headerBox .input[data-v-43998852] .n-input {
    background-color: unset;
    border-radius: 12px
}

.headerBox .input[data-v-43998852] .n-input .n-input-wrapper {
    column-gap: 12px;
    padding-left: 24px;
    padding-right: 24px
}

.headerBox .input[data-v-43998852] .n-input .n-input__input-el {
    height: 35px
}

.headerBox .input[data-v-43998852] .n-input .n-input__border {
    border: unset
}

.headerBox .userAvatarBox[data-v-43998852] {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    column-gap: 16px
}

.MainBox[data-v-08d81e3a] {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    z-index: 10
}

.MainBox .Framework[data-v-08d81e3a] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #f3f2f5
}

.MainBox .Framework .ContentArea[data-v-08d81e3a] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.link-container a {
    color: #000;
    background-color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    width: 90%
}