#app, .content, body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 1024px !important;
}

#app {
    overflow: auto;
}

@media (max-width: 768px) {
    #app, .content, body, html {
        min-width: 0px !important;
    }
}

.sideBarBox[data-v-51875c6d] {
    top: calc(40% - 170px);
    right: 10px;
    position: fixed;
    z-index: 9999;
}

.sideBar1[data-v-51875c6d], .sideBar[data-v-51875c6d] {
    width: 54px;
    height: 350px;
    flex-shrink: 0;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: rgba(156, 156, 156, 0.25) 0px 4px 4px 0px;
    backdrop-filter: blur(10px);
    padding: 12px 12px 4px;
}

.sideBar1[data-v-51875c6d] {
    height: auto !important;
}

.sideBar > div[data-v-51875c6d]:not(:first-child) {
    margin-top: 16px;
}

.sideBar1[data-v-51875c6d] {
    margin-top: 20px;
}

.sideBar1 > div[data-v-51875c6d]:not(:first-child) {
    margin-top: 16px;
}

.tips[data-v-51875c6d] {
    color: rgb(50, 50, 50);
    text-align: center;
    font-family: Inter;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0.87rem -12px 0px;
}

.splitLine[data-v-51875c6d] {
    width: 1.625rem;
    height: 0.0625rem;
    background: rgb(201, 201, 201);
    margin: 0.7rem auto;
}

.itemBox div[data-v-51875c6d] {
    color: rgb(52, 52, 52);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    margin-top: 5px;
    overflow-wrap: break-word;
    text-align: center;
}

.freeTest[data-v-51875c6d] {
    border-radius: 46px;
    width: 46px;
    height: 46px;
    font-size: 14px;
    line-height: 14px;
    margin-left: -8px;
    padding-top: 8px;
    margin-top: 18px !important;
}

.customer[data-v-51875c6d], .freeTest[data-v-51875c6d] {
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(81, 146, 253), rgb(29, 108, 237));
    font-style: normal;
    font-weight: 500;
    text-align: center;
}

.customer[data-v-51875c6d] {
    width: 54px;
    height: 54px;
    margin-top: 30px;
    border-radius: 43px;
    box-shadow: rgba(157, 157, 157, 0.25) 0px 4px 6.7px 0px;
    font-size: 12px;
    line-height: 12px;
    padding: 9px;
}

.customer img[data-v-51875c6d] {
    display: inline;
}

.customer div[data-v-51875c6d] {
    margin-top: 2px;
}

.main[data-v-2074f9aa] {
    background: rgb(245, 245, 245);
}

.companyInfo[data-v-2074f9aa] {
    padding: 2.3125rem 0px;
}

.companyInfo[data-v-2074f9aa], .qrArr[data-v-2074f9aa] {
    display: flex;
    justify-content: space-between;
}

.recordNumber[data-v-2074f9aa] {
    padding: 1.25rem 0px;
    border-top: 1px solid rgb(219, 219, 219);
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.recordNumber span[data-v-2074f9aa] {
    font-size: 0.875rem;
    line-height: 1.2rem;
    color: rgb(103, 103, 103);
    font-weight: lighter;
}

.logo[data-v-2074f9aa] {
    width: 9.1875rem;
}

.grey[data-v-2074f9aa] {
    color: var(--text-color-grey);
}

.company[data-v-2074f9aa] {
    margin: 0.8125rem 0px 0.5rem;
    font-weight: 500;
    letter-spacing: 0px;
}

.email[data-v-2074f9aa] {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.875rem;
    letter-spacing: 0px;
    color: rgb(103, 103, 103);
}

.qrBox[data-v-2074f9aa] {
    padding: 3px 5px 8px;
    background-color: var(--vt-c-white);
    border-radius: 0.5rem;
    font-size: 0.75rem;
    color: rgb(51, 51, 51);
    letter-spacing: 0px;
    text-align: center;
    margin-left: 0.6875rem;
}

.socialMedia[data-v-2074f9aa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.socialIcon[data-v-2074f9aa] {
    display: inline-block;
}

.socialIcon a[data-v-2074f9aa] {
    display: inline-block;
    transition: transform 0.2s;
}

.socialIcon a[data-v-2074f9aa]:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .companyInfo[data-v-2074f9aa] {
        padding: 2.5rem 1.5rem 1.2rem;
        display: block;
    }

    .qrBox[data-v-2074f9aa] {
        margin-top: 1.25rem;
        margin-right: 0.6875rem;
        margin-left: 0px;
    }

    .recordNumber[data-v-2074f9aa] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0.75rem 0px;
        margin: 0px 0.75rem;
    }

    .company[data-v-2074f9aa] {
        margin: 0.62rem 0px;
        color: rgb(0, 0, 0);
        font-size: 0.875rem;
        font-weight: 500;
    }

    .company[data-v-2074f9aa], .email[data-v-2074f9aa] {
        text-align: left;
        font-family: Inter;
        font-style: normal;
        line-height: normal;
    }

    .email[data-v-2074f9aa] {
        color: rgb(103, 103, 103);
        font-size: 0.75rem;
        font-weight: 400;
    }

    .socialMedia[data-v-2074f9aa] {
        margin-top: 1rem;
        justify-content: center;
    }
}

.nav[data-v-0bf397fa] {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 999999;
}

.logoImg[data-v-0bf397fa] {
    height: 2.625rem;
}

.menuItem[data-v-0bf397fa] {
    font-size: 1rem;
    color: rgb(0, 0, 0);
    margin-left: 1.5rem;
    font-weight: 600;
}

.menuItem.active[data-v-0bf397fa] {
    color: rgb(53, 129, 255);
}

.loginGrp[data-v-0bf397fa] {
    margin-left: 3.75rem;
    border: 1px solid rgb(53, 129, 255);
    border-radius: 0.5rem;
    overflow: hidden;
}

.loginGrp div[data-v-0bf397fa] {
    padding: 0.3rem 1.25rem;
}

.loginGrp div[data-v-0bf397fa]:first-child {
    color: rgb(53, 129, 255);
}

.loginGrp div[data-v-0bf397fa]:nth-child(2) {
    background-color: rgb(53, 129, 255);
    color: rgb(255, 255, 255);
}

.langBox[data-v-0bf397fa] {
    display: flex;
    align-items: center;
    margin-left: 12px;
    cursor: pointer;
}

.langBox img[data-v-0bf397fa] {
    width: 30px;
    height: auto;
    margin-right: 12px;
}

.langItemBox[data-v-0bf397fa] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.langItemBox img[data-v-0bf397fa] {
    width: 30px;
    height: auto;
    margin-right: 12px;
}

@media (max-width: 768px) {
    .mobileNav[data-v-0bf397fa] {
        padding: 0px 16px;
        position: relative;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);
        z-index: 99999999;
    }

    .mNav[data-v-0bf397fa] {
        padding: 10px 0px;
        align-items: center;
    }

    .mNav img[data-v-0bf397fa]:first-child {
        height: 32px;
        width: auto;
    }

    .mNav img[data-v-0bf397fa]:last-child {
        height: 18px;
        width: auto;
    }

    .navMain[data-v-0bf397fa] {
        font-size: 1.17rem;
    }

    .dropdown[data-v-0bf397fa] {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 52px;
        z-index: 99999999;
        height: 0px;
        opacity: 0;
        overflow: hidden;
        transition: 0.1s linear;
        background: rgb(255, 255, 255);
    }

    .mloginGrp[data-v-0bf397fa] {
        width: 100%;
        background: rgb(53, 129, 255);
        backdrop-filter: blur(10px);
        padding: 0.8rem 0.75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mloginGrp > div[data-v-0bf397fa]:first-child {
        padding: 0.64rem 0px;
        color: rgb(217, 217, 217);
        text-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
        font-family: Inter;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .mRes[data-v-0bf397fa] {
        border-radius: 0.5rem 0px 0px 0.5rem;
        border: 1px solid rgb(255, 255, 255);
        color: rgb(255, 255, 255);
    }

    .mLogin[data-v-0bf397fa], .mRes[data-v-0bf397fa] {
        padding: 0.65rem 1.25rem;
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .mLogin[data-v-0bf397fa] {
        border-radius: 0px 0.5rem 0.5rem 0px;
        background: rgb(255, 255, 255);
        color: rgb(53, 129, 255);
    }

    .mJump[data-v-0bf397fa] {
        padding: 0px 1.5rem;
        color: rgb(0, 0, 0);
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .mMenuItem[data-v-0bf397fa] {
        padding: 1.25rem 0px;
        border-bottom: 1px solid rgb(229, 229, 229);
    }

    .mJump .mMenuItem[data-v-0bf397fa]:last-child {
        border-bottom: none;
    }

    .mMenuItem.active[data-v-0bf397fa] {
        color: rgb(53, 129, 255);
    }
}

.base-warp[data-v-6dc801e3] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.base-warp .son[data-v-6dc801e3] {
    width: 400px;
    height: 400px;
    margin: 5px;
}

.base-warp .son .img-warp[data-v-6dc801e3] {
    width: 100%;
    text-align: center;
}

.base-warp .son .img-warp img[data-v-6dc801e3] {
    width: 100%;
    height: 100%;
}

.base-warp .son .title[data-v-6dc801e3] {
    text-align: center;
}

.base-warp .son .title strong[data-v-6dc801e3] {
    font-size: 24px;
}

.content header[data-v-33c6bd00] {
    width: 100%;
    background: rgb(224, 234, 246);
}

.content header .content2[data-v-33c6bd00] {
    display: flex;
}

.content header .content2 .logo img[data-v-33c6bd00] {
    padding-top: 5px;
    width: 100%;
    height: 90%;
}

.content header .content2 .nav-warp[data-v-33c6bd00] {
    display: flex;
    margin-left: auto;
}

.content header .content2 .nav-warp .nav-item[data-v-33c6bd00] {
    line-height: 74px;
    padding: 0px 15px;
    cursor: pointer;
}

.content header .content2 .nav-warp .nav-item.act[data-v-33c6bd00], .content header .content2 .nav-warp .nav-item[data-v-33c6bd00]:hover {
    border-bottom: 4px solid rgb(1, 108, 255);
    transition: 0.2s;
}

.content .base-warp[data-v-33c6bd00] {
    position: absolute;
    left: 0px;
    top: 74px;
    width: 100%;
    height: calc(100% - 74px);
}

.content .base-warp .center[data-v-33c6bd00] {
    min-width: 1024px;
    margin: 0px auto;
    height: 100%;
    display: flex;
}

.content .base-warp .center .menu-warp[data-v-33c6bd00] {
    width: 280px;
    padding: 25px 10px 25px 25px;
}

.content .base-warp .center .router-warp[data-v-33c6bd00] {
    flex: 1 1 0%;
    padding: 25px 10px 25px 0px;
    overflow: hidden auto;
}

.content2[data-v-33c6bd00] {
    margin: 0px auto;
    height: 74px !important;
    width: 1024px !important;
}

.nav[data-v-33c6bd00] {
    position: relative;
}

.logoImg[data-v-33c6bd00] {
    height: 2.625rem;
}

.menuItem[data-v-33c6bd00] {
    font-size: 1rem;
    color: rgb(0, 0, 0);
    margin-left: 2rem;
    font-weight: 600;
}

.menuItem.active[data-v-33c6bd00] {
    color: rgb(53, 129, 255);
}

.cancelTip[data-v-6ef6bf39] {
    color: red;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}

.btn-warp[data-v-6ef6bf39] {
    padding-bottom: 3px;
    text-align: right;
}

.base-warp[data-v-6ef6bf39] {
    display: flex;
    padding: 15px;
}

.base-warp .info-warp[data-v-6ef6bf39] {
    flex: 1 1 0%;
    padding-left: 25px;
}

.base-warp .info-warp .info[data-v-6ef6bf39] {
    margin-top: 15px;
    border-top: 1px solid rgb(222, 222, 222);
    padding-top: 20px;
}

.base-warp .info-warp .top-warp[data-v-6ef6bf39] {
    display: flex;
}

.base-warp .info-warp .top-warp .lw[data-v-6ef6bf39] {
    width: 300px;
}

.base-warp .info-warp .top-warp .rw[data-v-6ef6bf39] {
    flex: 1 1 0%;
    display: flex;
    padding-top: 5px;
}

.base-warp .info-warp .top-warp .rw .box[data-v-6ef6bf39] {
    flex: 1 1 0%;
    color: rgb(167, 167, 167);
}

.base-warp .info-warp .top-warp .rw .box a[data-v-6ef6bf39] {
    font-size: 32px;
    font-weight: 600;
    padding: 0px 5px;
}

.UserCenterIndex[data-v-6ef6bf39] {
    background-image: url("../img/userCenterBG.175e8b1f.png");
    border-radius: 14px;
    padding: 0px 0px 10px;
    background-repeat: no-repeat;
    color: rgb(51, 51, 51);
}

.UserCenterIndex .memberGrp[data-v-6ef6bf39] {
    color: rgb(255, 255, 255);
    padding: 18px 0px 18px 32px;
    font-size: 18px;
}

.UserCenterIndex .userCenterMain[data-v-6ef6bf39] {
    background: rgb(255, 255, 255);
    padding: 40px 32px;
    border-radius: 14px;
}

.UserCenterIndex .userInfo[data-v-6ef6bf39] {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid rgb(205, 205, 205);
    padding-bottom: 40px;
}

.UserCenterIndex .userInfo .img-warp[data-v-6ef6bf39] {
    text-align: center;
}

.UserCenterIndex .userInfo .img-warp > div[data-v-6ef6bf39]:last-child {
    margin-top: 20px;
    color: rgb(51, 51, 51);
}

.UserCenterIndex .userInfo .accountWrap[data-v-6ef6bf39] {
    margin-left: 22px;
    padding-top: 16px;
}

.UserCenterIndex .userInfo .accountWrap .transEasy[data-v-6ef6bf39] {
    font-size: 18px;
    font-weight: 700;
}

.UserCenterIndex .userInfo .accountWrap .accountType[data-v-6ef6bf39] {
    margin-left: 12px;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(rgb(254, 227, 86), rgb(191, 171, 0));
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 4px;
}

.UserCenterIndex .userInfo .accountWrap .cancelAccount[data-v-6ef6bf39] {
    color: rgb(255, 255, 255);
    background: linear-gradient(tomato, rgb(255, 69, 0));
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 4px;
    cursor: pointer;
}

.UserCenterIndex .userInfo .accountWrap .cancelAccount[data-v-6ef6bf39]:hover {
    background: linear-gradient(rgb(255, 69, 0), tomato);
}

.UserCenterIndex .userInfo .accountWrap .emailWrap[data-v-6ef6bf39] {
    color: rgb(101, 101, 101);
    margin-top: 8px;
    white-space: nowrap;
    margin-bottom: 10px;
}

.UserCenterIndex .userInfo .inviteWrap[data-v-6ef6bf39] {
    margin-left: 107px;
    margin-top: 16px;
    padding: 19px 46px 19px 12px;
    background-color: rgb(250, 250, 250);
    border-radius: 12px;
}

.UserCenterIndex .userInfo .inviteWrap > div[data-v-6ef6bf39]:first-child {
    white-space: normal;
    color: rgb(102, 102, 102);
    line-height: 15px;
}

.UserCenterIndex .userInfo .inviteWrap .copyBtn[data-v-6ef6bf39] {
    border-radius: 36px;
    color: rgb(53, 129, 255);
    border: 1px solid rgb(53, 129, 255);
    padding: 4px 12px;
    margin-top: 12px;
    cursor: pointer;
    display: inline-block;
}

.UserCenterIndex .userInfo .changeWrap[data-v-6ef6bf39] {
    margin-left: 74px;
    padding-top: 38px;
}

.UserCenterIndex .userInfo .changeWrap > div[data-v-6ef6bf39]:first-child {
    margin-bottom: 14px;
}

.UserCenterIndex .userInfo .changeWrap div[data-v-6ef6bf39] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.UserCenterIndex .userInfo .changeWrap div > span[data-v-6ef6bf39]:first-child {
    margin-right: 9px;
    text-align: center;
    width: 28px;
    height: 28px;
    display: inline-block;
    background: rgb(245, 245, 245);
    border-radius: 30px;
    line-height: 32px;
}

.UserCenterIndex .userInfo .changeWrap span[data-v-6ef6bf39] {
    white-space: nowrap;
}

.UserCenterIndex .userDetail[data-v-6ef6bf39] {
    padding-top: 40px;
}

.UserCenterIndex .userDetail > div[data-v-6ef6bf39] {
    margin-bottom: 30px;
}

.UserCenterIndex .userDetail > div[data-v-6ef6bf39]:last-child {
    margin-bottom: 0px;
}

.UserCenterIndex .userDetail .textRight[data-v-6ef6bf39] {
    text-align: right;
    white-space: nowrap;
}

.pageHeader[data-v-1ded3f88] {
    color: rgb(50, 50, 50);
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-bottom: 20px;
    padding-left: 16px;
    border-bottom: 1px solid rgb(205, 205, 205);
    margin-bottom: 20px;
}

.pageHeader[data-v-1ded3f88]::before {
    content: "";
    display: block;
    width: 4px;
    height: 18px;
    position: absolute;
    top: 4px;
    bottom: 0px;
    left: 0px;
    background: rgb(55, 131, 255);
}

.btn-warp {
    padding-bottom: 10px;
    text-align: right;
}

.tip-warp {
    width: 100%;
    padding: 15px;
}

.tip-warp .tip {
    text-align: left;
    padding-top: 5px;
    font-size: 12px;
}

.ivu-drawer-body {
    margin: 0px;
    padding: 0px !important;
}

.tabs {
    display: flex;
}

.tabs .tab {
    width: 50%;
    text-align: center;
    margin-bottom: 25px;
    background: rgb(222, 222, 221);
    padding: 10px 0px;
    border: 1px solid rgb(96, 96, 96);
    cursor: pointer;
}

.tabs .tab:first-child {
    border-right: 0px;
}

.tabs .tab.act {
    border-color: rgb(45, 140, 240);
    background: rgb(45, 140, 240);
    color: rgb(255, 255, 255);
}

.tabs .quick-btn-warp {
    padding-top: 155px;
}

.demo-spin-icon-load {
    animation: 1s linear 0s infinite normal none running ani-demo-spin;
}

@keyframes ani-demo-spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.distributionForm {
    border-bottom: 1px solid rgb(205, 205, 205);
    display: flex;
    flex-wrap: wrap;
}

.distributionForm .formItem {
    width: 50%;
}

.distributionForm .formItem:nth-child(2) {
    margin-top: 0px !important;
}

.distributionForm .formItemIpt {
    width: 256px;
}

.distributionForm .numSelGrp {
    display: inline-block;
    margin-left: 10px;
}

.distributionForm .numSelGrp button {
    border-radius: 33px;
}

.changeDetail {
    padding-top: 20px;
    color: rgb(51, 51, 51);
}

.changeDetail .detailRow {
    padding: 10px 36px 0px;
}

.changeDetail .detailTitle {
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.sale-warp[data-v-044cfe5e] {
    display: flex;
}

.sale-warp .sale-item[data-v-044cfe5e] {
    width: 345px;
    border-radius: 12px;
    border: 1px solid rgb(230, 230, 230);
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer;
}

.sale-warp .sale-item.act[data-v-044cfe5e] {
    border-color: rgb(53, 129, 255);
    box-shadow: rgb(204, 204, 204) 0px 6px 16px 0px;
}

.sale-warp .sale-item .imgTitle1[data-v-044cfe5e] {
    padding: 8px 22px;
    background-repeat: no-repeat;
}

.sale-warp .sale-item .imgTitle1 .name[data-v-044cfe5e] {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
    color: rgb(51, 51, 51);
}

.sale-warp .sale-item .imgTitle1 .desc[data-v-044cfe5e] {
    color: rgb(103, 103, 103);
    font-size: 12px;
    white-space: nowrap;
}

.sale-warp .sale-item .imgTitle2[data-v-044cfe5e] {
    padding: 14px 22px;
}

.sale-warp .sale-item .imgTitle2 .name[data-v-044cfe5e] {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
    color: rgb(51, 51, 51);
}

.sale-warp .sale-item .info[data-v-044cfe5e] {
    text-align: left;
    padding: 16px 22px;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(230, 230, 230);
}

.sale-warp .sale-item .info .price[data-v-044cfe5e] {
    font-weight: 700;
    font-size: 14px;
    color: rgb(217, 1, 1);
}

.tz[data-v-044cfe5e] {
    padding: 12px 22px 16px;
}

.tz .tzCol[data-v-044cfe5e] {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.tz .tzCol img[data-v-044cfe5e] {
    margin-right: 4px;
}

.chargeNum[data-v-044cfe5e] {
    margin-top: 30px;
    color: rgb(51, 51, 51);
}

.chargeNum > span[data-v-044cfe5e] {
    font-weight: 700;
    font-size: 16px;
    margin-right: 12px;
}

.payType[data-v-044cfe5e] {
    margin-top: 30px;
    color: rgb(51, 51, 51);
    display: flex;
    align-items: flex-start;
}

.payType > span[data-v-044cfe5e] {
    font-weight: 700;
    font-size: 16px;
    margin-right: 12px;
}

.payType > .pay-item[data-v-044cfe5e] {
    border-radius: 12px;
    width: 168px;
    padding: 7px 9px;
    border: 1px solid transparent;
    position: relative;
}

.payType > .pay-item img[data-v-044cfe5e] {
    width: 100%;
}

.payType > .pay-item.act[data-v-044cfe5e] {
    border: 1px solid rgb(53, 129, 255);
    box-shadow: rgb(204, 204, 204) 0px 6px 16px 0px;
    overflow: hidden;
}

.payType > .pay-item.act[data-v-044cfe5e]::after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 24px;
    height: 24px;
    background: rgb(33, 150, 243);
    clip-path: polygon(0px 100%, 100% 100%, 100% 0px);
}

.payType > .pay-item.act[data-v-044cfe5e]::before {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 6px;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid rgb(255, 255, 255);
    border-left: 2px solid rgb(255, 255, 255);
    border-image: initial;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    z-index: 1;
}

.submitBtn[data-v-044cfe5e] {
    margin-top: 40px;
    padding-left: 80px;
}

.submitBtn button[data-v-044cfe5e] {
    width: 360px;
    padding: 10px 31px !important;
}

.modal-warp .info-warp[data-v-044cfe5e] {
    padding: 0px 20px;
}

.modal-warp .info-warp > div[data-v-044cfe5e] {
    border-bottom: 1px solid rgb(170, 170, 170);
}

.modal-warp .info-warp > div[data-v-044cfe5e]:nth-child(2) {
    padding-top: 16px;
}

.modal-warp .info-warp > div > div[data-v-044cfe5e] {
    margin-bottom: 16px;
}

.modal-warp .info-warp > div > div img[data-v-044cfe5e] {
    width: 22px;
}

.modal-warp .qrcode-warp[data-v-044cfe5e] {
    width: 100%;
    margin: 20px auto 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-warp .qrcode-warp .tips[data-v-044cfe5e] {
    margin-top: 10px;
    color: rgb(101, 101, 101);
    font-size: 12px;
    text-align: center;
}

.saleGrpTitle[data-v-044cfe5e] {
    font-size: 16px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    margin: 20px 0px;
}

.mb16[data-v-044cfe5e] {
    margin-bottom: 12px;
}

.payModal .ivu-modal-content {
    background-color: rgba(241, 241, 241, 0.7) !important;
    backdrop-filter: blur(20px);
}

.payModal .ivu-modal-header {
    border-bottom: 1px solid rgb(170, 170, 170) !important;
}

.payModal .ivu-modal-footer {
    border-top: 1px solid rgb(170, 170, 170) !important;
}

.roundTag[data-v-61091726] {
    border-radius: 28px !important;
    line-height: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
}

.query-warp[data-v-61091726] {
    width: 100%;
    padding-bottom: 15px;
}

.btn-warp[data-v-61091726] {
    padding-bottom: 10px;
    text-align: right;
}

.base-warp[data-v-61091726] {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
}

.page-warp[data-v-61091726] {
    text-align: right;
    position: relative;
}

.simp-info[data-v-61091726] {
    display: flex;
    padding: 2px 0px;
}

.simp-info .l[data-v-61091726] {
    width: 50px;
}

.simp-info .r[data-v-61091726] {
    flex: 1 1 0%;
    text-align: left;
}

.simp-info .l60[data-v-61091726] {
    width: 130px;
    font-size: 14px;
    color: rgb(167, 167, 167);
    text-align: left;
}

.simp-info .l50[data-v-61091726] {
    width: 50%;
    padding-right: 15px;
}

.simp-info .l50 .r[data-v-61091726] {
    text-align: right;
}

.query-warp[data-v-45813794] {
    width: 100%;
    padding-bottom: 25px;
}

.base-warp[data-v-45813794] {
    width: 100%;
    height: 100%;
    overflow: hidden auto;
}

.page-warp[data-v-45813794] {
    text-align: right;
    position: relative;
}

.sale-warp[data-v-4343c656] {
    display: flex;
    margin-bottom: 30px;
}

.sale-warp .sale-item[data-v-4343c656] {
    width: 345px;
    border-radius: 12px;
    border: 1px solid rgb(230, 230, 230);
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer;
}

.sale-warp .sale-item.act[data-v-4343c656] {
    border-color: rgb(53, 129, 255);
    box-shadow: rgb(204, 204, 204) 0px 6px 16px 0px;
}

.sale-warp .sale-item .imgTitle1[data-v-4343c656] {
    padding: 17px 22px;
}

.sale-warp .sale-item .imgTitle1 .name[data-v-4343c656] {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.sale-warp .sale-item .info[data-v-4343c656] {
    text-align: left;
    padding: 16px 22px;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(230, 230, 230);
}

.mb16[data-v-4343c656] {
    margin-bottom: 12px;
}

.base-warp[data-v-4343c656] {
    display: flex;
    max-width: 100%;
}

.base-warp .source-warp[data-v-4343c656] {
    max-width: 650px;
    flex: 1 1 0%;
    height: 250px;
    padding-top: 0px;
    padding-left: 0px;
    position: relative;
}

.base-warp .source-warp .tranSel[data-v-4343c656] {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    width: 390px;
    height: 36px;
}

.base-warp .trans[data-v-4343c656] {
    width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.base-warp .trans img[data-v-4343c656] {
    display: inline;
}

.base-warp .tran-warp[data-v-4343c656] {
    max-width: 650px;
    height: 250px;
    flex: 1 1 0%;
    padding-right: 0px;
    position: relative;
}

.base-warp .tran-warp .tranSel[data-v-4343c656] {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    width: 390px;
    height: 36px;
}

.transBtn[data-v-4343c656] {
    width: 96px;
    height: 96px;
    border-radius: 80px;
    background-image: linear-gradient(rgb(16, 81, 255), rgb(61, 175, 255));
}

.textAreaIpt, .textAreaIpt .ivu-input {
    max-width: 650px !important;
}

.textAreaIpt .ivu-input {
    padding: 60px 20px 20px;
    background-color: rgb(246, 246, 246) !important;
}

.base-warp .page-warp[data-v-0c00041a] {
    text-align: right;
    position: relative;
}

.icon[data-v-0c00041a] {
    width: 15px;
    height: 15px;
}

pre[data-v-53bfbe66] {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.carousel[data-v-49cf73f7] {
    position: absolute;
    inset: 0px;
}

.PCImg[data-v-49cf73f7] {
    position: absolute;
    right: 20%;
    top: 22%;
    height: 350px;
    width: auto;
}

.mainContent[data-v-49cf73f7] {
    position: relative;
    z-index: 999;
}

.title1[data-v-49cf73f7], .title2[data-v-49cf73f7] {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: left;
    background-position: 50% center;
    background-size: cover;
    background-repeat: no-repeat;
}

.title2[data-v-49cf73f7] {
    margin-top: 0.5rem;
}

.desc[data-v-49cf73f7] {
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: left;
    color: rgb(4, 41, 103);
    margin: 1.625rem 0px 2.25rem;
}

.downloadBtn[data-v-49cf73f7] {
    line-height: 1.1875rem;
    text-align: center;
    background: linear-gradient(rgb(81, 146, 253), rgb(29, 108, 237));
    padding: 0.875rem 1.75rem;
    border-radius: 0.5rem;
    color: var(--vt-c-white);
}

@media (max-width: 768px) {
    .bannerBox[data-v-49cf73f7] {
        height: 22.5rem;
    }

    .PCImg[data-v-49cf73f7] {
        position: absolute;
        right: calc(50% - 100px);
        top: 35%;
        width: 200px;
        height: auto;
    }

    .title1[data-v-49cf73f7] {
        color: rgb(0, 0, 0);
        font-size: 1.375rem;
        font-weight: 600;
    }

    .desc[data-v-49cf73f7], .title1[data-v-49cf73f7] {
        text-align: center;
        font-family: Inter;
        font-style: normal;
        line-height: normal;
    }

    .desc[data-v-49cf73f7] {
        color: rgb(4, 41, 103);
        font-size: 0.75rem;
        font-weight: 500;
        margin-top: 0.65rem;
    }
}

.bannerBox .el-carousel__container {
    height: 100%;
}

.bannerBox .el-carousel__indicators--horizontal {
    bottom: 70px;
}

.bannerBox .el-carousel__indicator--horizontal button {
    height: 8px;
    width: 8px;
    border-radius: 16px;
    opacity: 1;
}

.bannerBox .el-carousel__indicator--horizontal.is-active button {
    background: rgb(36, 112, 239);
    width: 26px;
}

.ivu-drawer-body[data-v-2f1ec71d] {
    margin: 0px;
    padding: 0px !important;
}

.tabs[data-v-2f1ec71d] {
    display: flex;
}

.tabs .tab[data-v-2f1ec71d] {
    width: 50%;
    text-align: center;
    margin-bottom: 25px;
    background: rgb(222, 222, 221);
    padding: 10px 0px;
    border: 1px solid rgb(96, 96, 96);
    cursor: pointer;
}

.tabs .tab[data-v-2f1ec71d]:first-child {
    border-right: 0px;
}

.tabs .tab.act[data-v-2f1ec71d] {
    border-color: rgb(45, 140, 240);
    background: rgb(45, 140, 240);
    color: rgb(255, 255, 255);
}

span.tip[data-v-2f1ec71d] {
    color: rgb(131, 131, 131);
}

.tip[data-v-2f1ec71d] {
    text-align: center;
}

.login[data-v-2f1ec71d] {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-image: url("../img/loginBg.678a6bdf.png");
    position: relative;
    background-size: cover;
    background-attachment: fixed;
}

.mainContent[data-v-2f1ec71d] {
    padding: 12.9375rem 0px;
}

.loginLogo[data-v-2f1ec71d] {
    position: absolute;
    top: 16px;
    left: 26px;
}

.copyright[data-v-2f1ec71d] {
    position: fixed;
    text-align: center;
    color: rgb(50, 50, 50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    right: 0px;
    left: 0px;
    bottom: 20px;
}

.title1[data-v-2f1ec71d], .title2[data-v-2f1ec71d] {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: left;
}

.title2[data-v-2f1ec71d] {
    margin-top: 0.5rem;
}

.desc[data-v-2f1ec71d] {
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: left;
    color: rgb(4, 41, 103);
    margin: 1.625rem 0px 2.25rem;
}

.formBox[data-v-2f1ec71d] {
    position: absolute;
}

.loginForm[data-v-2f1ec71d] {
    position: absolute;
    width: 26rem;
    top: 12.9375rem;
    right: 15.625rem;
    border-radius: 24px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(210, 210, 210, 0.25) 0px 4px 14.6px 2px;
    backdrop-filter: blur(20px);
    padding: 2.5rem;
}

.titleRow[data-v-2f1ec71d] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}

.title[data-v-2f1ec71d] {
    color: rgb(36, 36, 36);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.toRes[data-v-2f1ec71d] {
    color: rgb(51, 51, 51);
    text-align: center;
}

.notify[data-v-2f1ec71d], .toRes[data-v-2f1ec71d] {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.notify[data-v-2f1ec71d] {
    color: rgb(53, 129, 255);
    cursor: pointer;
}

.inputGrp[data-v-2f1ec71d] {
    margin-top: 20px;
}

.inputGrp > div[data-v-2f1ec71d]:first-child {
    margin-bottom: 0.5rem;
    color: rgb(50, 50, 50);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.input[data-v-2f1ec71d] {
    width: 100%;
    background: rgb(255, 255, 255);
    box-shadow: rgba(229, 229, 229, 0.25) 0px 4px 6px 0px;
}

.loginBtn[data-v-2f1ec71d] {
    border-radius: 2.375rem;
    background: rgb(53, 129, 255);
    box-shadow: rgba(23, 110, 255, 0.25) 0px 4px 12px 0px;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-top: 1rem;
    width: 100%;
}

.agreement[data-v-2f1ec71d] {
    margin-top: 1.87rem;
}

.resForm[data-v-2f1ec71d] {
    position: absolute;
    width: 29rem;
    top: 8.75rem;
    right: 15.625rem;
}

.resForm > div[data-v-2f1ec71d] {
    margin-bottom: 4rem;
    background: rgb(255, 255, 255);
    padding: 2.5rem;
    border-radius: 24px;
    box-shadow: rgba(210, 210, 210, 0.25) 0px 4px 14.6px 2px;
    backdrop-filter: blur(20px);
}

.tips[data-v-2f1ec71d] {
    color: rgb(102, 102, 102);
    font-size: 0.75rem;
    bottom: -24px;
    right: 0px;
}

.getCode[data-v-2f1ec71d], .tips[data-v-2f1ec71d] {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
}

.getCode[data-v-2f1ec71d] {
    color: rgb(53, 129, 255);
    font-size: 0.875rem;
    right: 1rem;
    top: 0.6rem;
    cursor: pointer;
}

@media (max-width: 768px) {
    .login[data-v-2f1ec71d] {
        background-image: none;
        position: relative;
    }

    .mNav[data-v-2f1ec71d] {
        padding: 10px 16px;
        align-items: center;
    }

    .logoImg[data-v-2f1ec71d] {
        height: 2.625rem;
    }

    .loginForm[data-v-2f1ec71d] {
        border-radius: 24px;
        background: rgb(255, 255, 255);
        box-shadow: rgba(210, 210, 210, 0.25) 0px 4px 14.6px 2px;
        backdrop-filter: blur(20px);
        padding: 2.5rem 1.5rem;
    }

    .loginForm[data-v-2f1ec71d], .resForm[data-v-2f1ec71d] {
        position: absolute;
        right: 0px;
        left: 0px;
        width: 100%;
        top: 12.9375rem;
    }

    .resForm > div[data-v-2f1ec71d] {
        margin-bottom: 0px;
        background: rgb(255, 255, 255);
        padding: 2.5rem 1.5rem;
        border-radius: 24px;
        box-shadow: rgba(210, 210, 210, 0.25) 0px 4px 14.6px 2px;
        backdrop-filter: blur(20px);
    }
}

.userWorkSpace[data-v-411f01e8] {
    height: calc(100% - 18px);
    width: 100%;
}

.userWorkSpace .spaceMain[data-v-411f01e8] {
    height: calc(100% - 56px);
    display: flex;
}

.userWorkSpace .spaceArea[data-v-411f01e8] {
    width: 250px;
    height: 100%;
    border-right: 1px solid rgb(220, 222, 226);
}

.userWorkSpace .spaceArea .spaceDivider[data-v-411f01e8] {
    color: rgb(64, 158, 255);
}

.userWorkSpace .spaceArea .spaceItem[data-v-411f01e8] {
    text-align: center;
    padding: 10px 24px;
    border: 1px solid rgb(220, 222, 226);
    margin-bottom: 14px;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
}

.userWorkSpace .spaceArea .spaceItem .delIcon[data-v-411f01e8] {
    position: absolute;
    font-size: 18px;
    color: red;
    top: 14px;
    right: 6px;
    display: none;
}

.userWorkSpace .spaceArea .spaceItem[data-v-411f01e8]:hover {
    color: rgb(64, 158, 255);
    border-color: rgb(64, 158, 255);
}

.userWorkSpace .spaceArea .spaceItem:hover .delIcon[data-v-411f01e8] {
    display: block;
}

.userWorkSpace .spaceArea .spaceItem.current[data-v-411f01e8] {
    color: rgb(64, 158, 255);
    border-color: rgb(64, 158, 255);
    background-color: rgb(240, 250, 255);
    font-weight: 700;
}

.userWorkSpace .spaceArea .spaceItem.current .delIcon[data-v-411f01e8] {
    display: block;
}

.userWorkSpace .mainArea[data-v-411f01e8] {
    flex: 1 1 0%;
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.userWorkSpace .mainArea > div[data-v-411f01e8]:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.userWorkSpace .mainArea > div:first-child .userSpan[data-v-411f01e8] {
    color: rgb(64, 158, 255);
    border-color: rgb(64, 158, 255);
    background-color: rgb(240, 250, 255);
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 10px;
}

.userWorkSpace .mainArea .searchArea[data-v-411f01e8] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 14px;
}

.userWorkSpace .mainArea .searchArea .searchIpt[data-v-411f01e8] {
    width: 200px;
    margin-right: 14px;
}

.userWorkSpace .mainArea .searchArea .searchIpt[data-v-411f01e8] .el-input__wrapper {
    border-radius: 6px !important;
}

.userWorkSpace .mainArea .tableArea[data-v-411f01e8] {
    flex-grow: 1;
    width: 100%;
}

.userWorkSpace .mainArea .tableArea .base-warp[data-v-411f01e8] {
    width: 100%;
    overflow: hidden auto;
}

.userWorkSpace .mainArea .tableArea .page-warp[data-v-411f01e8] {
    text-align: right;
    position: relative;
}

.achievement[data-v-005b1bcc] {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 0.75rem;
    box-shadow: rgba(216, 216, 216, 0.25) 0px 4px 20px 0px;
    padding: 1.5rem 0.75rem;
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(30px);
    left: 0px;
    right: 0px;
    top: -4.4rem;
}

.achiItem[data-v-005b1bcc] {
    padding: 0px 4.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.achiItem img[data-v-005b1bcc] {
    width: 5rem;
    height: 5rem;
}

.numGrp[data-v-005b1bcc] {
    margin: 0.75rem 0px 0.5rem;
    color: rgb(0, 0, 0);
}

.num[data-v-005b1bcc] {
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.875rem;
}

.unit[data-v-005b1bcc] {
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    white-space: nowrap;
}

.desc[data-v-005b1bcc] {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .achievement[data-v-005b1bcc] {
        padding: 0.88rem 1.75rem 0px;
        border: 1px solid rgb(255, 255, 255);
        left: 0.75rem;
        right: 0.75rem;
        top: -4.4rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .achievement[data-v-005b1bcc]::after {
        content: "";
        width: 4.13794rem;
    }

    .achiItem[data-v-005b1bcc] {
        padding: 0px 0.5rem 1.25rem;
    }

    .achiItem img[data-v-005b1bcc] {
        width: 4.13794rem;
        height: 4.13794rem;
    }

    .numGrp[data-v-005b1bcc] {
        margin: 0.5rem 0px 0.125rem;
        color: rgb(0, 0, 0);
    }

    .num[data-v-005b1bcc] {
        font-size: 1.25rem;
    }

    .num[data-v-005b1bcc], .unit[data-v-005b1bcc] {
        color: rgb(51, 51, 51);
        font-family: Inter;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .unit[data-v-005b1bcc] {
        font-size: 0.75rem;
    }

    .desc[data-v-005b1bcc] {
        color: rgb(103, 103, 103);
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.features[data-v-8d82bd9e] {
    background: url("../img/featuresBg.c1dd646d.png") center top / cover no-repeat;
    padding: 12.0625rem 0px 4.25rem;
}

.mainContent[data-v-8d82bd9e] {
    position: relative;
}

.imgBox[data-v-8d82bd9e] {
    position: relative;
    margin-top: 3.75rem;
    text-align: center;
}

.imgBox img[data-v-8d82bd9e] {
    margin: 0px auto;
}

.jh[data-v-8d82bd9e] {
    position: absolute;
    top: 20rem;
    left: 1.5rem;
}

.dl[data-v-8d82bd9e] {
    position: absolute;
    top: 6rem;
    left: calc(50% - 6rem);
}

.xx[data-v-8d82bd9e] {
    position: absolute;
    top: 20rem;
    right: 1.5rem;
}

.descFont[data-v-8d82bd9e] {
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
}

.btnGrp[data-v-8d82bd9e] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-prev[data-v-8d82bd9e] {
    margin-right: 70px;
}

.button-next[data-v-8d82bd9e], .button-prev[data-v-8d82bd9e] {
    cursor: pointer;
}

@media (max-width: 768px) {
    .features[data-v-8d82bd9e] {
        padding: 16rem 0px 3rem;
    }

    .imgBox[data-v-8d82bd9e] {
        margin-top: 2.06rem;
    }

    .jh[data-v-8d82bd9e] {
        position: absolute;
        top: 4rem;
        left: 1rem;
    }

    .dl[data-v-8d82bd9e] {
        position: absolute;
        top: 4rem;
        left: calc(50% - 2.2rem);
    }

    .xx[data-v-8d82bd9e] {
        position: absolute;
        top: 4rem;
        right: 0.4rem;
    }

    .descFont[data-v-8d82bd9e] {
        color: rgb(51, 51, 51);
        text-align: center;
        font-family: Inter;
        font-size: 0.6875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .btnGrp[data-v-8d82bd9e] {
        margin-top: 1.39rem;
    }

    .button-next[data-v-8d82bd9e], .button-prev[data-v-8d82bd9e] {
        width: 1.375rem;
        height: 1.375rem;
    }
}

.swiper-slide {
    opacity: 0;
}

.swiper-slide.swiper-slide-active {
    opacity: 1;
}

.functions[data-v-5dff594b] {
    background: rgb(246, 248, 255);
    padding: 5.625rem 0px 6.3125rem;
}

.moduleTitle[data-v-5dff594b] {
    margin-bottom: 3.75rem;
}

.panel[data-v-5dff594b] {
    padding: 1.625rem 0px 0.75rem 1.625rem;
    border-radius: 1rem;
    background-color: rgb(255, 255, 255);
}

.panelTitle[data-v-5dff594b] {
    color: rgb(0, 0, 0);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.75rem;
}

.panelDesc[data-v-5dff594b] {
    color: rgb(142, 147, 159);
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
}

.blueBg1[data-v-5dff594b] {
    background-color: rgb(229, 243, 252);
}

.blueBg2[data-v-5dff594b] {
    background-color: rgb(234, 242, 255);
}

.w6167[data-v-5dff594b] {
    width: 61.67%;
}

.w50_10[data-v-5dff594b] {
    width: calc(50% - 10px);
}

.authImg[data-v-5dff594b] {
    margin: 0px 1.3125rem;
}

.zdfyImg[data-v-5dff594b] {
    margin-right: 1.5rem;
}

.yydkImg[data-v-5dff594b] {
    margin-right: 2.25rem;
}

.khzlkImg[data-v-5dff594b] {
    margin-right: 1.875rem;
}

@media (max-width: 768px) {
    .functions[data-v-5dff594b] {
        padding: 2.5rem 0px 1.4rem;
    }

    .moduleTitle[data-v-5dff594b] {
        margin-bottom: 1.87rem;
    }

    .mainContent[data-v-5dff594b] {
        padding: 0px 0.75rem;
    }

    .panel[data-v-5dff594b] {
        padding: 1rem 0.75rem 0.75rem;
        margin-bottom: 0.75rem;
        width: calc(50% - 6px);
    }

    .panelTitle[data-v-5dff594b] {
        color: rgb(0, 0, 0);
        font-family: Inter;
        font-size: 0.9375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0.5rem !important;
    }

    .panelTitle.blue[data-v-5dff594b] {
        color: rgb(15, 156, 247);
    }

    .panelDesc[data-v-5dff594b] {
        color: rgb(102, 102, 102);
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.125rem;
        overflow-wrap: break-word;
        word-break: break-all;
    }

    .panel img[data-v-5dff594b] {
        width: 4.75rem !important;
        height: 4.75rem !important;
        display: inline !important;
    }

    .mr20[data-v-5dff594b] {
        margin-right: 0.8rem;
    }
}

.whyChoose[data-v-085686c9] {
    background: rgb(255, 255, 255);
    padding: 5.625rem 0px 8.25rem;
}

.moduleTitle[data-v-085686c9] {
    margin-bottom: 6.4375rem;
}

.itemBox[data-v-085686c9] {
    padding: 0.75rem 1.5rem 3.5rem;
    text-align: left;
    border-radius: 12px;
    background: rgb(246, 246, 246);
    position: relative;
}

.w23_5[data-v-085686c9] {
    width: 23.5%;
}

.itemNum[data-v-085686c9] {
    color: rgb(229, 229, 229);
    font-size: 4.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.itemTitle[data-v-085686c9] {
    color: rgb(51, 48, 48);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.itemDesc[data-v-085686c9] {
    color: rgb(102, 102, 102);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
}

.item01[data-v-085686c9] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkwAAAEuCAYAAAB8sE0PAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAA0YSURBVHhe7d3PblxnGcDhM3/t2E7dNKVAQUWwQCoLoBKR2EG5B9ix40YqcQ3cABLqmgU3QaVKIJUFCAmQAoUmxHEdz/9h3ukZlIa0L/F3xh4fP49k+ZxpIyfZ5Kfv+857OvfeWS4rAODaOxjMVl/z+u7FTWbd6vFkUN+9mH53WX3/q/+s7y7mw7P96o8Pjuu73dKtvwMA11y3U7YGMlt26qsXdziY1lcXd//0sL7aPYIJAFqid/HeWZsXBNPx/qS+upjxrFedTfr13e4RTADA2mJx8SzY6198KzA8Gl9sK/CyCCYAaIle4ZZcyanm/d6ivrqYswuenbosggkAWCtJnjj0XWKXt+OCYAKAlugWRkvJry7dkhvNe/XVbhJMAMDasuDQd79btiUXh753mWACAEgIJgCAhGACAK5cv/AJv20TTADAWqcgWkaFZ5B6hWMJtk0wAUBLLBZlo74LB4UXORrM6qvdJJgAgGKlT7mVjiXYNsEEAC2xKFwjKhk+OZqXJcXhsPzlvdskmACgJRaF56ZLzjCVvtrk7q1xfbWbBBMAtERpMJW8i650Sy5Wt473JvXd7hFMANASi4JJ3aFbEEwn42F9dXHH+4IJANiy0mAaFFTBbNEpHi3w+u0nOzuPSTABQEtMC8cK9LqLonNMD8/36quLiW251186q+92i2ACgJZYLMv/WS9ZIzoZlW/L7eoqk2ACgJZYrjqjdHjloGDidpxjmi3K0mJXV5kEEwC0yKzwHFNsy11UnGM6GZeNFwhvHJ9Vhzs2+VswAUCLzAuDaa/wnW73Hx/UV2W+9YVHO7U1J5gAoEWmhVtinVVvDQomfjexLRfiVSlfv3Na3109wQQALTItfEVJKDnHFO6f3qqvynzx6Hy9PbcLBBMAtEgc/C5d4Sl9Ee7908NGVpnCG8cf70Q0CSYAaJnieUydZdG2XBz+bmqVKUQ0vfnq1Zxpip/5zbuPBRMAtM1kVv7P+7CBVabSyd9Pu3swrt768oNqr1f2+3oR8aTed1c/87XDc8EEAG0zW3aLX5OyvwqTkqnfscr0t5PD+q4ZsVV47ysfbX2LLlaV4mdEoO3X4SiYAKBl4hzTvHBbLp6WGxYe/v7w7FYj07+fFVt0917/aL3y06RNKH1vHWUf159+onPvnfhrBQDaJFZGjoZlwx/jibvSQZSxKvTWlx5W/YKBmJ9nPOtVj1ZRdv/0oDqb9utPX8zx3qQ63p9+8lqWz/h9CiYAaKFYIbqzP6m6hQelY4Wo9BB5hMg3LmGm0iaeIpzOJv1qNO+tP9uIFaReb1EdDWbrkDtcBeXdW+P/K+YEEwC01O29afHk7iZWmUIEU4TTdeUMEwC01Gha/pRaDLEsGTGw8deTo+psUh5eV0UwAUBLxWtSSp+WCwcNvAg3npr74KPjRkcNXCbBBAAtNmpgJlOsMpVO/w5xnuj3/7xzLaNJMAFAi53P+o2sMsVB6ZK5TBvXNZoEEwC0WDzaNW7ghbzx1N1hv5nRANcxmgQTALTceQOHv8P+YNbIAfCwiabrchBcMAFAy8WWXFOrOUd700a25kJE0/v/eGU9dHLXCSYAuAGeNLTK1FvFUlNbcxt//vft6o8PXqpmi93NEsEEADdAk6tMsTV3q4Gn5p4W752L1aYH53v1J7tFMAHADRGvDGniibkQs5niVSNNii26P/zr5fVq064dCBdMAHBDxBNzTcxlCvHU3O39afG76p4nVpveu/9q9deTw50JJ8EEADfIei5T4ct0N+I800sNHgJ/VrxOJZ6ku+oVpzhb5eW7AHDDDLqL6nh/Wt+Vi9eePBoN67vtuXtrXN09GFWvHY7qT7YnIulkNFg/wXcyHgomALiJbg9njbzuZCPOH51O+vXddvW7y+p4b7KOp1jh2m/ozxHblQ/P91ehNFxHUoTghmACgBsoziDd2Z80egbpMqPpaRFQh4Npdbz680QE7vfm68/2+ovV90+PQNic4Yrf62jeWw/OjOtnA+lZggkAbqhhb7FeoWlSRMfJeFAtG3oab1c49A0AN9Rk3q3OGz5MHSs7L2/p6bmrJJgA4AZ7ErOZGnpqbiOenotD5W2KJsEEADdYHMx5NB40NtByI6LplVuTxieCXxXBBAA3XMTS2WQ7c44Oh7PqaDDf2qymyyKYAIBqPO819oLeZ8W75677uSbBBACsxXmmeMR+GzZbdLHadB3DSTABAP8Vc5RiyvW2xGpTHAhvcmjmZRBMAMCnxBylbUZTrDbFpPE7tybVoHs9VpsEEwDwKfHk3ONx8+MGnvXJ+IFJdbw33flwEkwAwP+IJ+fW4wa2HE1h0IuXAU/WK067ulUnmACA59pE0za355729FZdfO/v0OFwwQQAfKaIpm2faXpWhFOsNL28CqeIp5jldJVbdoPuQjABAJ9vPQ18NGj8vXP/j4inmBYeW3YxluCl4bTaX91vK6BiwGasbMXPOFqFWvzMeKqvc++d+GsAAMgdDGarr905ZzRbdNbnrGbL1fdlt5qvrqNsFqv/FoGzXH3+tAiizScRXZ3VTbezWH3Fi4MX65cHP49gAgBeSGyXHV7TAZQXZUsOAHghMQ08tugu4wm6XSGYAIAXFofB/z0eXsm5pqsgmACAC4lDPWeT/vp1Km1fbRJMAECR9RbdeFCNWrzaJJgAgGKxRfdxi1ebBBMA0JhYbXo4GlZPpu1abRJMAEDjnkz71cPzYWu26QQTALAVm226NoSTYAIAtqoN4SSYAIBL8XQ4XbfD4YIJALhUEU6bw+Eno+sxjkAwAQBXZrrorledHtSrTuPZbqaJYAIArtyyXnU6nQyqj57srVee4rUrsx3ZthNMAMDOiZWneO3Ko9Fwvfr0eDxYz3aazrvruNq2OF8Vq10RbfGzO/feiTfBAABcH53Osuqvvjqrdup3F1V3dd2rO6q3ug7d7vMTZ3PYfLH6mq+u4/+Kc1WLZbeazTvVfHX/bJQJJgCAhC05AICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAICEYAIASAgmAIBE97j/+Bf1NQAAz9H7+c++/Zc/ffzG6fli7ztV1dmrPwcAYKXTWZ52VxY//dpvfvnDL/zux0e981/X/w0A4MYbdqfv/eDu+z/pvPvuu28uFotufK103n/85lc/ePS1t0+mh29Pl8NvLpbV7frXAAC0Wr8z/3uvM79/MBi/96NXf/urNw4+fNTv95f/AcsjafveXp0/AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: cover;
}

.item01 .itemDesc[data-v-085686c9], .item01 .itemTitle[data-v-085686c9] {
    color: rgb(255, 255, 255);
}

.item01 .itemTitle[data-v-085686c9] {
    margin-top: -2.5rem;
}

.chooseImg[data-v-085686c9] {
    position: absolute;
    top: -3rem;
    height: 18.75rem;
}

.item01 .itemNum[data-v-085686c9] {
    color: rgb(93, 154, 255);
}

.item01Content[data-v-085686c9] {
    margin-left: -2rem;
}

.arrow[data-v-085686c9] {
    position: absolute;
    cursor: pointer;
}

.left[data-v-085686c9] {
    top: calc(50% - 16px);
    left: -16px;
}

.right[data-v-085686c9] {
    top: calc(50% - 16px);
    right: -16px;
}

@media (max-width: 768px) {
    .whyChoose[data-v-085686c9] {
        padding: 2.5rem 0px 1.5rem;
    }

    .moduleTitle[data-v-085686c9] {
        margin-bottom: 2.2rem;
    }

    .mainContent[data-v-085686c9] {
        padding: 0px 0.75rem;
    }

    .itemBox[data-v-085686c9] {
        padding: 1.25rem 0.75rem;
        margin-bottom: 1.5rem;
    }

    .chooseImg[data-v-085686c9] {
        position: static;
        height: auto;
        width: 100%;
    }

    .item01Content[data-v-085686c9] {
        margin-left: 2rem;
        margin-top: -2rem;
    }

    .itemNum[data-v-085686c9] {
        font-size: 4.125rem;
    }

    .itemNum[data-v-085686c9], .itemTitle[data-v-085686c9] {
        color: rgb(255, 255, 255);
        font-family: Inter;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .itemTitle[data-v-085686c9] {
        font-size: 1.125rem;
    }

    .itemDesc[data-v-085686c9] {
        color: rgb(255, 255, 255);
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.125rem;
    }
}

.main[data-v-6d150e91] {
    position: relative;
}

.specialityBox[data-v-6d150e91] {
    background-color: rgb(53, 129, 255);
}

.specialityBox > div[data-v-6d150e91] {
    background-image: url("../img/speciality.66f2ce15.png");
    color: var(--vt-c-white);
    font-size: 2.375rem;
    font-weight: 500;
    line-height: 2.875rem;
    letter-spacing: 0px;
    text-align: center;
    padding: 5.4375rem 0px;
}

@media (max-width: 768px) {
    .specialityBox > div[data-v-6d150e91] {
        padding: 1.4rem;
        color: rgb(255, 255, 255);
        text-align: center;
        font-family: Inter;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.75rem;
    }
}

.demand[data-v-103df3e0] {
    background: url("img/demandBg.8eb20aed.png") 0% 0% / cover repeat;
    padding: 5.625rem 0px;
    font-size: 0.875rem;
}

.mb16[data-v-103df3e0] {
    margin-bottom: 12px;
}

.tz[data-v-103df3e0] {
    padding: 0px 22px;
    margin-top: 12px;
}

.tz > div[data-v-103df3e0] {
    padding-bottom: 12px;
}

.tz .tzCol[data-v-103df3e0] {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.saleBox[data-v-103df3e0] {
    width: 1300px;
    margin: 0px auto;
}

.saleBox > div[data-v-103df3e0]:first-child {
    margin-bottom: 60px;
}

.moduleTitle[data-v-103df3e0] {
    margin-bottom: 5rem;
}

.titleArea[data-v-103df3e0] {
    padding: 1.625rem 0px 0.875rem;
    text-align: center;
    color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-size: cover;
}

.title[data-v-103df3e0] {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
}

.titleDesc[data-v-103df3e0] {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    margin: 0.5rem 0px;
}

.mainArea[data-v-103df3e0] {
    padding: 0px 1.875rem 0px 2.5rem;
    background-color: rgb(255, 255, 255);
    min-height: 27.5rem;
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.mainArea > div[data-v-103df3e0] {
    padding: 1.5rem 0px;
}

.mainArea > div[data-v-103df3e0]:first-child {
    border-bottom: 1px solid rgb(230, 230, 230);
}

.tcName[data-v-103df3e0] {
    display: inline-block;
    border-radius: 1.375rem;
    padding: 0.5rem 0.9375rem;
    color: rgb(0, 0, 0);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    background: rgb(246, 246, 246);
}

.countArea[data-v-103df3e0] {
    margin: 1.625rem 0px 1.75rem;
    color: rgb(0, 0, 0);
}

.unit[data-v-103df3e0] {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
}

.count[data-v-103df3e0] {
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    margin-left: 0.125rem;
}

.countDesc[data-v-103df3e0] {
    color: rgb(154, 154, 154);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin-left: 1.25rem;
}

.mainArea .featureBox[data-v-103df3e0] {
    margin-bottom: 0.8125rem;
}

.mainArea .featureBox[data-v-103df3e0]:last-child {
    margin-bottom: 0px;
}

.featureBox img[data-v-103df3e0] {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0.625rem;
}

.featureBox div[data-v-103df3e0] {
    color: rgb(51, 51, 51);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.testBtnBox[data-v-103df3e0] {
    padding: 24px 0px;
    text-align: center;
}

.testBtn[data-v-103df3e0] {
    margin-top: 0px;
    border-radius: 1.75rem;
    padding: 0.75rem 1.75rem;
    background: linear-gradient(rgb(81, 146, 253), rgb(29, 108, 237));
    color: rgb(255, 255, 255);
    font-style: normal;
    line-height: 1rem;
    display: inline-block;
    cursor: pointer;
}

.saleGrpTitle[data-v-103df3e0] {
    font-size: 20px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    margin: 30px 0px;
}

.sale-warp[data-v-103df3e0] {
    display: flex;
    align-items: baseline;
}

.sale-warp .sale-item[data-v-103df3e0] {
    width: 300px;
    border-radius: 12px;
    border: 1px solid rgb(230, 230, 230);
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer;
}

.sale-warp .sale-item.act[data-v-103df3e0] {
    border-color: rgb(53, 129, 255);
    box-shadow: rgb(204, 204, 204) 0px 6px 16px 0px;
}

.sale-warp .sale-item .imgTitle1[data-v-103df3e0] {
    padding: 8px 22px;
    background-repeat: no-repeat;
}

.sale-warp .sale-item .imgTitle1 .name[data-v-103df3e0] {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.sale-warp .sale-item .imgTitle1 .desc[data-v-103df3e0] {
    color: rgb(255, 255, 255);
    font-size: 12px;
    white-space: nowrap;
}

.sale-warp .sale-item .imgTitle2[data-v-103df3e0] {
    padding: 14px 22px;
}

.sale-warp .sale-item .imgTitle2 .name[data-v-103df3e0] {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.sale-warp .sale-item .info[data-v-103df3e0] {
    text-align: left;
    padding: 16px 0px;
    margin: 0px 22px;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgb(230, 230, 230);
}

.sale-warp .sale-item .info .price[data-v-103df3e0] {
    font-weight: 700;
    font-size: 14px;
    color: rgb(217, 1, 1);
}

@media (max-width: 768px) {
    .demand[data-v-103df3e0] {
        padding: 2.5rem 0.75rem 1rem;
    }

    .saleBox[data-v-103df3e0] {
        width: 100%;
    }

    .saleBox > div > div[data-v-103df3e0], .saleBox > div[data-v-103df3e0] {
        max-width: 100%;
    }

    .sale-warp[data-v-103df3e0] {
        flex-wrap: wrap;
    }

    .sale-item[data-v-103df3e0] {
        margin-bottom: 20px;
    }

    .moduleTitle[data-v-103df3e0] {
        margin-bottom: 2rem;
    }

    .titleArea[data-v-103df3e0] {
        padding: 1.2rem 0px 0.9rem;
    }

    .title[data-v-103df3e0] {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .title[data-v-103df3e0], .titleDesc[data-v-103df3e0] {
        color: rgb(255, 255, 255);
        text-align: center;
        font-family: Inter;
        font-style: normal;
        line-height: normal;
    }

    .titleDesc[data-v-103df3e0] {
        font-size: 0.75rem;
        font-weight: 400;
        margin: 0.3rem 0px;
    }
}

.title[data-v-69499855] {
    padding-top: 5.625rem;
    background-color: rgb(255, 255, 255);
    text-align: center;
    color: rgb(41, 43, 53);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
}

.part[data-v-69499855] {
    padding: 2.4375rem 0px 5.3125rem;
}

.part1[data-v-69499855], .part3[data-v-69499855] {
    background-color: rgb(255, 255, 255);
}

.part2[data-v-69499855] {
    background-color: rgb(246, 248, 255);
}

.partTitle[data-v-69499855] {
    padding: 1rem 0.25rem;
    position: relative;
}

.partTitle > span[data-v-69499855]:first-child {
    color: rgb(179, 179, 179);
    font-size: 5.5rem;
    line-height: 6rem;
    font-weight: 600;
    font-style: normal;
}

.partTitle > span[data-v-69499855]:last-child {
    color: rgb(41, 43, 53);
    font-size: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: 1.6rem;
    font-weight: 600;
    left: 0.3rem;
    font-style: normal;
}

.imgBox[data-v-69499855] {
    display: flex;
    align-content: center;
}

.part1 .imgBox > img[data-v-69499855] {
    max-width: 39rem;
    height: auto;
    object-fit: contain;
}

.imgBox .desc[data-v-69499855] {
    color: rgb(103, 103, 103);
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    position: absolute;
}

.imgBox .desc .descTitle[data-v-69499855] {
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0.375rem;
}

.desc1_1[data-v-69499855] {
    top: 80px;
    left: 70px;
}

.desc1_2[data-v-69499855] {
    top: 244px;
    left: 226px;
    white-space: nowrap;
}

.desc1_3[data-v-69499855] {
    top: 436px;
    left: 54px;
    white-space: nowrap;
}

.part2 .imgBox > img[data-v-69499855] {
    max-width: 39rem;
    height: auto;
    object-fit: contain;
}

.part2 .imgBox[data-v-69499855] {
    margin-left: 6.25rem;
}

.desc2_1[data-v-69499855] {
    top: 80px;
    left: 184px;
}

.desc2_2[data-v-69499855] {
    top: 244px;
    left: -30px;
    white-space: nowrap;
}

.desc2_3[data-v-69499855] {
    top: 436px;
    left: 82px;
    white-space: nowrap;
}

.part3 .imgBox[data-v-69499855] {
    margin-top: 1.625rem;
}

.imgBox .desc.desc3_1[data-v-69499855] {
    text-align: left;
    position: absolute;
    top: 94px;
    left: 160px;
}

.imgBox .desc3_1 .descTitle[data-v-69499855] {
    text-align: left;
    margin-bottom: 0.5rem;
}

.imgBox .desc3_1 > div[data-v-69499855] {
    white-space: nowrap;
    color: rgb(51, 51, 51);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
}

.splitLine[data-v-69499855] {
    width: 50px;
    height: 1px;
    background: rgb(205, 205, 205);
    margin: 1rem 0px;
}

.part3Content[data-v-69499855] {
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .title[data-v-69499855] {
        padding-top: 2.5rem;
        margin-bottom: 1.25rem;
        background-color: rgb(255, 255, 255);
        color: rgb(41, 43, 53);
        text-align: center;
        font-family: Inter;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .part[data-v-69499855] {
        padding: 0px 0.6rem;
    }

    .partTitle[data-v-69499855] {
        padding: 0px;
        position: relative;
    }

    .partTitle > span[data-v-69499855]:first-child {
        color: rgb(179, 179, 179);
        font-family: Inter;
        font-size: 3.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .partTitle > span[data-v-69499855]:last-child {
        color: rgb(41, 43, 53);
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        position: absolute;
        bottom: 0.6rem;
        left: 0px;
    }

    .mImgBox[data-v-69499855] {
        margin-top: 1.2rem;
        position: relative;
    }

    .mImgBox img[data-v-69499855] {
        width: 100%;
        height: auto;
    }

    .doc1font1[data-v-69499855] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: 4%;
    }

    .doc1font2[data-v-69499855] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: calc(50% - 3rem);
    }

    .doc1font3[data-v-69499855] {
        position: absolute;
        width: 6rem;
        top: 16%;
        right: 4.5%;
    }

    .doc2font1[data-v-69499855] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: 4%;
    }

    .doc2font2[data-v-69499855] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: calc(50% - 3rem);
    }

    .doc2font3[data-v-69499855] {
        position: absolute;
        width: 7rem;
        top: 16%;
        right: 2.5%;
    }

    .mTitle[data-v-69499855] {
        color: rgb(0, 0, 0);
        font-weight: 600;
        margin-bottom: 0.4rem;
    }

    .mDesc[data-v-69499855], .mTitle[data-v-69499855] {
        text-align: center;
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        line-height: normal;
        word-break: break-all;
    }

    .mDesc[data-v-69499855] {
        color: rgb(103, 103, 103);
        font-weight: 400;
    }

    .part2[data-v-69499855] {
        padding: 2rem 0.6rem 1.56rem;
    }

    .part3[data-v-69499855] {
        padding: 2rem 0.6rem 1.12rem;
    }

    .doc3font1[data-v-69499855] {
        position: absolute;
        top: 16%;
        left: 2%;
        right: 2%;
    }
}

.title[data-v-0c512478] {
    padding-top: 5.625rem;
    background-color: rgb(255, 255, 255);
    text-align: center;
    color: rgb(41, 43, 53);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
}

.part[data-v-0c512478] {
    padding: 4.4375rem 0px 5.3125rem;
}

.part1[data-v-0c512478], .part3[data-v-0c512478] {
    background-color: rgb(255, 255, 255);
}

.part2[data-v-0c512478] {
    background-color: rgb(246, 248, 255);
}

.partTitle[data-v-0c512478] {
    padding: 1rem 0.25rem;
    position: relative;
}

.partTitle > span[data-v-0c512478]:first-child {
    color: rgb(179, 179, 179);
    font-size: 5.5rem;
    line-height: 6rem;
    font-weight: 600;
    font-style: normal;
}

.partTitle > span[data-v-0c512478]:last-child {
    color: rgb(41, 43, 53);
    font-size: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: 1.6rem;
    font-weight: 600;
    left: 0.3rem;
    font-style: normal;
}

.customerBox[data-v-0c512478] {
    display: flex;
    place-content: center space-between;
    flex-wrap: wrap;
}

.part1 .customerBox > img[data-v-0c512478] {
    max-width: 39rem;
    height: auto;
    object-fit: contain;
}

.customerBox .desc[data-v-0c512478] {
    position: absolute;
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 0.375rem;
}

@media (max-width: 768px) {
    .title[data-v-0c512478] {
        padding-top: 2.5rem;
        margin-bottom: 1.25rem;
        background-color: rgb(255, 255, 255);
        color: rgb(41, 43, 53);
        text-align: center;
        font-family: Inter;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .part[data-v-0c512478] {
        padding: 2rem 0.6rem;
    }

    .partTitle[data-v-0c512478] {
        padding: 0px;
        position: relative;
    }

    .partTitle > span[data-v-0c512478]:first-child {
        color: rgb(179, 179, 179);
        font-family: Inter;
        font-size: 3.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .partTitle > span[data-v-0c512478]:last-child {
        color: rgb(41, 43, 53);
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        position: absolute;
        bottom: 0.6rem;
        left: 0px;
    }

    .mCustomerBox[data-v-0c512478] {
        margin-top: 1.2rem;
        position: relative;
    }

    .mCustomerBox img[data-v-0c512478] {
        width: 100%;
        height: auto;
    }

    .doc1font1[data-v-0c512478] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: 4%;
    }

    .doc1font2[data-v-0c512478] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: calc(50% - 3rem);
    }

    .doc1font3[data-v-0c512478] {
        position: absolute;
        width: 6rem;
        top: 16%;
        right: 4.5%;
    }

    .doc2font1[data-v-0c512478] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: 4%;
    }

    .doc2font2[data-v-0c512478] {
        position: absolute;
        width: 6rem;
        top: 16%;
        left: calc(50% - 3rem);
    }

    .doc2font3[data-v-0c512478] {
        position: absolute;
        width: 7rem;
        top: 16%;
        right: 2.5%;
    }

    .mTitle[data-v-0c512478] {
        color: rgb(0, 0, 0);
        font-weight: 600;
        margin-bottom: 0.4rem;
    }

    .mDesc[data-v-0c512478], .mTitle[data-v-0c512478] {
        text-align: center;
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        line-height: normal;
        word-break: break-all;
    }

    .mDesc[data-v-0c512478] {
        color: rgb(103, 103, 103);
        font-weight: 400;
    }

    .part2[data-v-0c512478] {
        padding: 2rem 0.6rem 1.56rem;
    }

    .part3[data-v-0c512478] {
        padding: 2rem 0.6rem 1.12rem;
    }

    .doc3font1[data-v-0c512478] {
        position: absolute;
        top: 16%;
        left: 2%;
        right: 2%;
    }
}

.download[data-v-4faf4095] {
    background: rgb(255, 255, 255);
}

.mainContent[data-v-4faf4095] {
    padding: 5.625rem 0px 8.125rem;
}

.moduleTitle[data-v-4faf4095] {
    margin-bottom: 4.5rem;
    padding-top: 5.625rem;
    background-color: rgb(255, 255, 255);
    text-align: center;
    color: rgb(41, 43, 53);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
}

.pcdownArea[data-v-4faf4095] {
    flex-wrap: wrap;
    justify-content: center;
}

.parentBox[data-v-4faf4095] {
    display: flex;
    justify-content: space-between;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}

.parent[data-v-4faf4095] {
    font-weight: 700;
}

.pcdownArea > div[data-v-4faf4095] {
    margin-bottom: 20px;
}

.downArea > div[data-v-4faf4095] {
    overflow: hidden;
    border-radius: 1rem;
    padding: 2rem 1.5rem;
    height: 260px;
    margin-right: 0.8rem;
    margin-left: 0.8rem;
    position: relative;
    background-repeat: no-repeat;
    transition: 0.2s linear;
}

.appTitle[data-v-4faf4095] {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.splitList[data-v-4faf4095] {
    margin: 20px 0px 24px;
    height: 2px;
    width: 32px;
}

.version[data-v-4faf4095] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.secBox[data-v-4faf4095] {
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: space-between;
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    align-items: center;
    background-color: rgb(240, 240, 240);
}

.sDownloadBtn[data-v-4faf4095] {
    display: inline-block;
    color: rgb(53, 129, 255);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 28px;
    background: rgb(255, 255, 255);
    padding: 10px 28px;
    cursor: pointer;
}

.secTitle[data-v-4faf4095] {
    font-size: 0.875rem;
    font-weight: 700;
    color: rgb(28, 68, 114);
    margin-left: 0.5rem;
}

.downloadBtn[data-v-4faf4095] {
    position: absolute;
    display: inline-block;
    color: rgb(53, 129, 255);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 28px;
    background: rgb(255, 255, 255);
    padding: 10px 28px;
    bottom: 2rem;
    left: 2rem;
    cursor: pointer;
}

@media (max-width: 768px) {
    .secTitle[data-v-4faf4095] {
        font-size: 0.75rem;
        font-weight: 700;
    }

    .saveBtn[data-v-4faf4095] {
        font-size: 0.75rem !important;
    }

    .secBox[data-v-4faf4095] {
        padding: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mainContent[data-v-4faf4095] {
        padding: 2.5rem 0.75rem 2rem;
    }

    .moduleTitle[data-v-4faf4095] {
        padding-top: 2rem;
        margin-bottom: 1rem;
        background-color: rgb(255, 255, 255);
        color: rgb(41, 43, 53);
        text-align: center;
        font-family: Inter;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .downArea[data-v-4faf4095] {
        flex-direction: column;
    }

    .downArea > div[data-v-4faf4095]:last-child {
        margin-right: 0px;
    }

    .downArea > div[data-v-4faf4095] {
        overflow: hidden;
        border-radius: 1rem;
        padding: 1rem 1.5rem;
        flex-grow: 1;
        position: relative;
        background-repeat: no-repeat;
        margin-top: 1rem;
        width: 100%;
        height: 200px;
        background-size: cover;
    }
}

.downloadModal > .ivu-modal-content {
    background: rgb(255, 255, 255) !important;
}

.downloadModal > .ivu-modal-content > .ivu-modal-footer {
    display: none !important;
}

.alignCenter[data-v-8d825f56] {
    display: flex;
    align-items: center;
}

.bodyTitle[data-v-8d825f56] {
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 600;
}

.rightIcon[data-v-8d825f56] {
    height: 2rem;
    width: 2rem;
    margin-right: 0.6rem;
}

.bodyDesc[data-v-8d825f56] {
    margin: 0.6rem 0px;
    color: rgb(103, 103, 103);
}

.title1[data-v-8d825f56] {
    margin-top: 2rem;
    font-size: 1.75rem;
    font-weight: 700;
}

.textIndent[data-v-8d825f56] {
    text-indent: 2rem;
}

.imgStyle[data-v-8d825f56] {
    width: 100%;
    height: auto;
    margin-top: 1rem;
}

.mt2[data-v-8d825f56] {
    margin-top: 2rem;
}

.mt1[data-v-8d825f56] {
    margin-top: 1rem;
}

.mt0_5[data-v-8d825f56] {
    margin-top: 0.5rem;
}

@media (max-width: 768px) {
    .bodyTitle[data-v-8d825f56] {
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 600;
        margin-top: 1rem;
    }

    .rightIcon[data-v-8d825f56] {
        height: 1.5rem;
        width: 1.5rem;
        margin-right: 0.2rem;
    }

    .title1[data-v-8d825f56] {
        margin-top: 0.5rem;
        font-size: 1rem;
    }

    .mt2[data-v-8d825f56] {
        margin-top: 0.6rem;
    }

    .mt1[data-v-8d825f56] {
        margin-top: 0.4rem;
    }

    .mt0_5[data-v-8d825f56] {
        margin-top: 0.2rem;
    }

    .textIndent[data-v-8d825f56] {
        text-indent: 1rem;
    }
}

.productDesc[data-v-2b0f9f41] {
    background: url("../img/demandBg.8eb20aed.png");
}

.mainContent[data-v-2b0f9f41] {
    padding: 3rem 0px 8.125rem;
    display: flex;
    width: 1300px !important;
}

.leftTree[data-v-2b0f9f41] {
    width: 32%;
}

.mainBody[data-v-2b0f9f41] {
    width: 68%;
    padding-left: 2rem;
}

.leftIcon[data-v-2b0f9f41] {
    height: 1.2rem;
    width: 1.2rem;
    margin-right: 0.4rem;
}

.alignCenter[data-v-2b0f9f41] {
    display: flex;
    align-items: center;
}

.bodyTitle[data-v-2b0f9f41] {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 600;
}

.rightIcon[data-v-2b0f9f41] {
    height: 1.6rem;
    width: 1.6rem;
    margin-right: 0.6rem;
}

.bodyDesc[data-v-2b0f9f41] {
    margin: 0.6rem 0px;
    color: rgb(103, 103, 103);
}

@media (max-width: 768px) {
    .mainBody[data-v-2b0f9f41] {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mainContent[data-v-2b0f9f41] {
        width: auto !important;
    }
}

.el-tree {
    background: transparent !important;
}

.custom-tree .el-tree-node {
    position: relative;
}

.custom-tree .el-tree-node__expand-icon {
    position: absolute;
    right: 2%;
    scale: 1.1;
}

.custom-tree .el-tree-node__label {
    padding-left: 15px;
}

.custom-tree .el-tree-node__content {
    display: flex;
    align-items: center;
    padding: 0px 12px;
    line-height: 1.8;
    height: auto !important;
}

.node-content.primary-node {
    font-weight: 700;
    font-size: 16px;
    color: rgb(0, 0, 0);
    padding: 10px 0px 10px 10px;
    display: flex;
    align-items: center;
}

.node-content.primary-node span {
    font-weight: 700;
}

.node-content.child-node {
    font-size: 14px;
    color: rgb(102, 102, 102);
    padding-left: 16px;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
}

.custom-tree .el-tree-node__content:hover {
    background-color: rgb(245, 247, 250);
}

.custom-tree .el-tree-node.is-expanded::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0px;
    bottom: 0px;
    width: 2px;
    z-index: 9;
}

.custom-tree .is-current > .el-tree-node__content > .child-node {
    color: rgb(53, 129, 255) !important;
}

.custom-tree .is-current .el-tree-node__content {
    position: relative;
}

.custom-tree .is-current > .el-tree-node__content::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 4px;
    z-index: 999;
    border-radius: 2px;
    background-color: rgb(53, 129, 255);
}

.custom-tree > .is-current > .el-tree-node__content::before {
    background-color: transparent !important;
}

.textNode[data-v-1c7b116f] {
    text-indent: 2rem;
    margin: 0.5rem 0px;
    line-height: 1.6;
}

#app, .content, body, html {
    min-width: 600px !important;
}

.stats-cards[data-v-5418f445] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stat-card[data-v-5418f445] {
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    margin-right: 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-card[data-v-5418f445]:last-child {
    margin-right: 0px;
}

.stat-card .card-title[data-v-5418f445] {
    font-size: 14px;
    color: rgb(96, 98, 102);
    margin-bottom: 10px;
}

.stat-card .card-value[data-v-5418f445] {
    font-size: 24px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 10px;
}

.stat-card .card-trend[data-v-5418f445] {
    font-size: 14px;
    color: rgb(144, 147, 153);
    font-weight: 700;
    display: flex;
    align-items: center;
}

.stat-card .card-trend.up[data-v-5418f445] {
    color: rgb(103, 194, 58);
    font-weight: 700;
}

.stat-card .card-trend.down[data-v-5418f445] {
    color: rgb(245, 108, 108);
    font-weight: 700;
}

.stat-card .card-icon[data-v-5418f445] {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.charts-section[data-v-5418f445] {
    display: flex;
    margin-bottom: 20px;
    gap: 20px;
}

.chart-container[data-v-5418f445] {
    flex: 1 1 0%;
    height: 300px;
    display: flex;
    flex-direction: column;
}

.chart-container[data-v-5418f445], .recent-users[data-v-5418f445] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
}

.recent-users[data-v-5418f445] {
    margin-bottom: 20px;
}

.recent-users .section-title[data-v-5418f445] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: rgb(48, 49, 51);
}

.recent-users .user-list[data-v-5418f445] {
    width: 100%;
}

.recent-users .user-list .no-data[data-v-5418f445] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.recent-users .user-item[data-v-5418f445] {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    border-bottom: 1px solid rgb(235, 238, 245);
}

.recent-users .user-item[data-v-5418f445]:last-child {
    border-bottom: none;
}

.recent-users .user-item .user-avatar[data-v-5418f445] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.recent-users .user-item .user-info[data-v-5418f445] {
    flex: 1 1 0%;
}

.recent-users .user-item .user-info .user-name[data-v-5418f445] {
    font-size: 14px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 5px;
}

.recent-users .user-item .user-info .user-company[data-v-5418f445] {
    font-size: 12px;
    color: rgb(144, 147, 153);
}

.recent-users .user-item .user-time[data-v-5418f445] {
    font-size: 12px;
    color: rgb(144, 147, 153);
    margin-left: 15px;
    min-width: 60px;
    text-align: right;
}

.pending-tasks[data-v-5418f445] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
}

.pending-tasks .section-title[data-v-5418f445] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: rgb(48, 49, 51);
}

.pending-tasks .task-list[data-v-5418f445] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.pending-tasks .task-list .no-data[data-v-5418f445] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.pending-tasks .task-item[data-v-5418f445] {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid rgb(235, 238, 245);
    border-radius: 8px;
    margin-bottom: 0px;
    background-color: rgb(255, 255, 255);
}

.pending-tasks .task-item .task-icon[data-v-5418f445] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(240, 249, 235);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.pending-tasks .task-item .task-icon i[data-v-5418f445] {
    color: rgb(103, 194, 58);
    font-size: 20px;
}

.pending-tasks .task-item .task-info[data-v-5418f445] {
    flex: 1 1 0%;
}

.pending-tasks .task-item .task-info .task-title[data-v-5418f445] {
    font-size: 14px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 5px;
}

.pending-tasks .task-item .task-info .task-desc[data-v-5418f445] {
    font-size: 12px;
    color: rgb(144, 147, 153);
}

.pending-tasks .task-item .task-time[data-v-5418f445] {
    font-size: 12px;
    color: rgb(144, 147, 153);
    margin-left: 15px;
}

.custom-tag[data-v-d92323f4] {
    transition: 0.2s;
}

.custom-tag[data-v-d92323f4]:hover {
    opacity: 0.8;
}

.custom-tag .closeIcon[data-v-d92323f4] {
    margin-left: 8px;
    cursor: pointer;
    color: rgb(255, 255, 255);
}

.tag-select-container .selected-tags[data-v-dc745fb8] {
    margin-top: 8px;
    padding: 8px 0px;
    border-top: 1px solid rgb(240, 240, 240);
}

.contact-detail-modal .contact-detail-content[data-v-6404837d] {
    max-height: 500px;
    overflow: hidden auto;
    padding: 10px;
}

.contact-detail-modal .detail-item[data-v-6404837d] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}

.contact-detail-modal .detail-item .detail-label[data-v-6404837d] {
    min-width: 120px;
    font-weight: 500;
    color: rgb(96, 98, 102);
    margin-right: 10px;
    flex-shrink: 0;
}

.contact-detail-modal .detail-item .detail-value[data-v-6404837d] {
    flex: 1 1 0%;
    color: rgb(48, 49, 51);
    word-break: break-word;
    overflow-wrap: break-word;
}

.contact-detail-modal .loading-container[data-v-6404837d] {
    text-align: center;
    padding: 50px 0px;
}

.contact-detail-modal .avatar-container[data-v-6404837d] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-detail-modal .avatar-container .avatar-image[data-v-6404837d] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-detail-modal .avatar-placeholder[data-v-6404837d] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(45, 140, 240);
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
}

[data-v-1d6afa78] .ivu-form {
    overflow-x: hidden;
}

.tag-manage-container .clear-section[data-v-7bc0bc33] {
    margin-bottom: 20px;
    text-align: left;
}

.tag-manage-container .transfer-container[data-v-7bc0bc33] {
    display: flex;
    gap: 20px;
    height: 400px;
}

.tag-manage-container .transfer-container .transfer-panel[data-v-7bc0bc33] {
    flex: 1 1 0%;
    border: 1px solid rgb(220, 222, 226);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.tag-manage-container .transfer-container .transfer-panel .panel-header[data-v-7bc0bc33] {
    padding: 12px 16px;
    background-color: rgb(248, 248, 249);
    border-bottom: 1px solid rgb(220, 222, 226);
}

.tag-manage-container .transfer-container .transfer-panel .panel-header h4[data-v-7bc0bc33] {
    margin: 0px;
    font-size: 14px;
    color: rgb(81, 90, 110);
}

.tag-manage-container .transfer-container .transfer-panel .panel-content[data-v-7bc0bc33] {
    flex: 1 1 0%;
    padding: 16px;
    overflow-y: auto;
}

.tag-manage-container .transfer-container .transfer-panel .panel-content .tag-list[data-v-7bc0bc33] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag-manage-container .transfer-container .transfer-panel .panel-content .tag-list .tag-item[data-v-7bc0bc33] {
    margin-bottom: 8px;
}

.tag-manage-container .transfer-container .transfer-panel .panel-content .tag-list .tag-item.clickable[data-v-7bc0bc33] {
    cursor: pointer;
    transition: opacity 0.2s;
}

.tag-manage-container .transfer-container .transfer-panel .panel-content .tag-list .tag-item.clickable[data-v-7bc0bc33]:hover {
    opacity: 0.8;
}

.tag-manage-container .transfer-container .transfer-panel .panel-content .tag-list .empty-state[data-v-7bc0bc33] {
    width: 100%;
    text-align: center;
    color: rgb(197, 200, 206);
    font-size: 14px;
    padding: 40px 0px;
}

.tag-manage-container .transfer-container .left-panel .panel-header[data-v-7bc0bc33] {
    background-color: rgb(232, 244, 253);
}

.tag-manage-container .transfer-container .right-panel .panel-header[data-v-7bc0bc33] {
    background-color: rgb(240, 249, 255);
}

.stats-cards[data-v-13bcc7cc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stat-card[data-v-13bcc7cc] {
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    margin-right: 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-card[data-v-13bcc7cc]:last-child {
    margin-right: 0px;
}

.stat-card .card-title[data-v-13bcc7cc] {
    font-size: 14px;
    color: rgb(96, 98, 102);
    margin-bottom: 10px;
}

.stat-card .card-value[data-v-13bcc7cc] {
    font-size: 24px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 10px;
}

.stat-card .card-trend[data-v-13bcc7cc] {
    font-size: 14px;
    color: rgb(144, 147, 153);
    font-weight: 700;
    display: flex;
    align-items: center;
}

.stat-card .card-trend.up[data-v-13bcc7cc] {
    color: rgb(103, 194, 58);
    font-weight: 700;
}

.stat-card .card-trend.down[data-v-13bcc7cc] {
    color: rgb(245, 108, 108);
    font-weight: 700;
}

.stat-card .card-icon[data-v-13bcc7cc] {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.group-detail-modal .group-detail-content .detail-item[data-v-aa4f3128] {
    margin-bottom: 16px;
}

.group-detail-modal .group-detail-content .detail-item .detail-label[data-v-aa4f3128] {
    font-weight: 500;
    color: rgb(51, 51, 51);
    margin-bottom: 8px;
    display: inline-block;
    min-width: 100px;
}

.group-detail-modal .group-detail-content .detail-item .detail-value[data-v-aa4f3128] {
    color: rgb(102, 102, 102);
}

.group-detail-modal .group-detail-content .detail-item .detail-input[data-v-aa4f3128] {
    width: 100%;
}

.group-detail-modal .group-detail-content .tag-edit-section .current-tags[data-v-aa4f3128] {
    margin-bottom: 8px;
}

.group-detail-modal .group-detail-content .tag-edit-section .add-tag-section[data-v-aa4f3128] {
    display: flex;
    align-items: center;
}

.group-detail-modal .loading-container[data-v-aa4f3128] {
    text-align: center;
    padding: 40px 0px;
}

.tag-manage-container[data-v-c8fe9ae0] {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.left-section[data-v-c8fe9ae0] {
    flex: 1 1 0%;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
    max-height: calc(-240px + 100vh);
    overflow-y: auto;
}

.right-section[data-v-c8fe9ae0] {
    width: 320px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.quick-add[data-v-c8fe9ae0], .tag-stats[data-v-c8fe9ae0] {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}

.section-title[data-v-c8fe9ae0] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    color: rgb(23, 35, 61);
}

.tag-group[data-v-c8fe9ae0] {
    margin-bottom: 16px;
}

.tag-group-header[data-v-c8fe9ae0] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background-color: rgb(248, 248, 249);
    border-radius: 4px;
    margin-bottom: 12px;
}

.tag-group-icon[data-v-c8fe9ae0] {
    margin-right: 8px;
    color: rgb(45, 140, 240);
}

.tag-group-name[data-v-c8fe9ae0] {
    flex: 1 1 0%;
    font-weight: 700;
}

.tag-group-actions[data-v-c8fe9ae0] {
    display: flex;
    gap: 8px;
}

.tag-item[data-v-c8fe9ae0] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid rgb(240, 240, 240);
    justify-content: space-between;
}

.tag-count[data-v-c8fe9ae0] {
    color: rgb(128, 134, 149);
    font-size: 12px;
    margin-left: auto;
    margin-right: 16px;
}

.tag-actions[data-v-c8fe9ae0] {
    display: flex;
    gap: 8px;
}

.stats-grid[data-v-c8fe9ae0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.stats-item[data-v-c8fe9ae0] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stats-label[data-v-c8fe9ae0] {
    font-size: 14px;
    color: rgb(128, 134, 149);
    margin-bottom: 8px;
}

.stats-value[data-v-c8fe9ae0] {
    font-size: 24px;
    font-weight: 700;
    color: rgb(45, 140, 240);
    text-align: center;
}

.stats-value.green[data-v-c8fe9ae0] {
    color: rgb(25, 190, 107);
}

.stats-value.orange[data-v-c8fe9ae0] {
    color: rgb(255, 153, 0);
}

.most-used-tag[data-v-c8fe9ae0] {
    margin-top: 16px;
}

.most-used-label[data-v-c8fe9ae0] {
    font-size: 14px;
    color: rgb(128, 134, 149);
    margin-bottom: 8px;
}

.most-used-value[data-v-c8fe9ae0] {
    display: flex;
    align-items: center;
}

.most-used-count[data-v-c8fe9ae0] {
    margin-left: 8px;
    color: rgb(128, 134, 149);
    font-size: 10px;
}

.tag-group-edit-container[data-v-70cce293] {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.edit-form-section[data-v-70cce293] {
    flex: 1 1 0%;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}

.form-header[data-v-70cce293] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.info-icon[data-v-70cce293] {
    color: rgb(45, 140, 240);
    font-size: 18px;
    margin-right: 8px;
}

.form-title[data-v-70cce293] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.stats-section[data-v-70cce293] {
    width: 320px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}

.stats-header[data-v-70cce293] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.stats-icon[data-v-70cce293] {
    color: rgb(45, 140, 240);
    font-size: 18px;
    margin-right: 8px;
}

.stats-title[data-v-70cce293] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.stats-content[data-v-70cce293] {
    margin-bottom: 24px;
}

.stats-item[data-v-70cce293] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0px;
    border-bottom: 1px solid rgb(248, 248, 249);
}

.stats-item[data-v-70cce293]:last-child {
    border-bottom: none;
}

.stats-label[data-v-70cce293] {
    font-size: 14px;
    color: rgb(128, 134, 149);
}

.stats-value[data-v-70cce293] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.stats-value.green[data-v-70cce293] {
    color: rgb(25, 190, 107);
}

.included-tags[data-v-70cce293] {
    margin-top: 24px;
}

.tags-header[data-v-70cce293] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.tags-list[data-v-70cce293] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.tag-item[data-v-70cce293] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: rgb(248, 248, 249);
    border-radius: 4px;
}

.tag-usage[data-v-70cce293] {
    font-size: 12px;
    color: rgb(128, 134, 149);
}

.tag-edit-container[data-v-332f12cc] {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.left-section[data-v-332f12cc] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.right-section[data-v-332f12cc] {
    width: 340px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-card[data-v-332f12cc] {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}

.section-title[data-v-332f12cc] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
    font-size: 16px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.title-icon[data-v-332f12cc] {
    color: rgb(45, 140, 240);
    font-size: 18px;
    margin-right: 8px;
}

.color-picker-container[data-v-332f12cc], .color-preview[data-v-332f12cc] {
    display: flex;
    align-items: center;
}

.tag-relative-list[data-v-332f12cc] {
    margin-top: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}

.tag-relative-list .section-title[data-v-332f12cc] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
    font-size: 16px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.pagination-container[data-v-332f12cc] {
    margin-top: 20px;
    text-align: right;
}

.related-tags .tag-group-section[data-v-332f12cc] {
    margin-bottom: 20px;
}

.related-tags .tag-group-section[data-v-332f12cc]:last-child {
    margin-bottom: 0px;
}

.related-tags .tag-group-title[data-v-332f12cc] {
    font-size: 14px;
    font-weight: 700;
    color: rgb(23, 35, 61);
    margin-bottom: 12px;
}

.related-tags .tag-list[data-v-332f12cc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.stats-grid[data-v-332f12cc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.stats-item[data-v-332f12cc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background-color: rgb(248, 248, 249);
    border-radius: 4px;
    text-align: center;
}

.stats-label[data-v-332f12cc] {
    font-size: 14px;
    color: rgb(128, 134, 149);
    margin-bottom: 8px;
}

.stats-value[data-v-332f12cc] {
    font-size: 18px;
    font-weight: 700;
    color: rgb(23, 35, 61);
}

.stats-value.green[data-v-332f12cc] {
    color: rgb(25, 190, 107);
}

.customers-list[data-v-332f12cc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.customer-item[data-v-332f12cc] {
    display: flex;
    align-items: center;
    padding: 12px;
    background-color: rgb(248, 248, 249);
    border-radius: 4px;
    transition: background-color 0.2s;
}

.customer-item[data-v-332f12cc]:hover {
    background-color: rgb(232, 244, 255);
}

.customer-avatar[data-v-332f12cc] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgb(45, 140, 240);
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 700;
}

.customer-info[data-v-332f12cc] {
    flex: 1 1 0%;
}

.customer-name[data-v-332f12cc] {
    font-size: 14px;
    font-weight: 700;
    color: rgb(23, 35, 61);
    margin-bottom: 4px;
}

.customer-company[data-v-332f12cc] {
    font-size: 12px;
    color: rgb(128, 134, 149);
}

.more-customers[data-v-332f12cc] {
    text-align: center;
    padding: 12px;
    color: rgb(128, 134, 149);
    font-size: 12px;
    background-color: rgb(248, 248, 249);
    border-radius: 4px;
}

.customers-modal .modal-search[data-v-332f12cc] {
    margin-bottom: 16px;
}

.table-avatar[data-v-332f12cc] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgb(45, 140, 240);
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0px auto;
}

.stats-cards[data-v-491d5cc0] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stat-card[data-v-491d5cc0] {
    flex: 1 1 0%;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    margin-right: 15px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-card[data-v-491d5cc0]:last-child {
    margin-right: 0px;
}

.stat-card .card-title[data-v-491d5cc0] {
    font-size: 14px;
    color: rgb(96, 98, 102);
    margin-bottom: 10px;
}

.stat-card .card-value[data-v-491d5cc0] {
    font-size: 24px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 10px;
}

.stat-card .card-trend[data-v-491d5cc0] {
    font-size: 14px;
    color: rgb(144, 147, 153);
    font-weight: 700;
    display: flex;
    align-items: center;
}

.stat-card .card-trend.up[data-v-491d5cc0] {
    color: rgb(103, 194, 58);
    font-weight: 700;
}

.stat-card .card-trend.down[data-v-491d5cc0] {
    color: rgb(245, 108, 108);
    font-weight: 700;
}

.stat-card .card-icon[data-v-491d5cc0] {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.customer-avatar[data-v-491d5cc0] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 14px;
}

.customer-tags[data-v-491d5cc0] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.status-active[data-v-491d5cc0] {
    color: rgb(103, 194, 58);
    font-weight: 700;
}

.status-inactive[data-v-491d5cc0] {
    color: rgb(245, 108, 108);
    font-weight: 700;
}

.customer-avatar[data-v-6176335f] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 14px;
}

.note-content[data-v-6176335f] {
    overflow-wrap: break-word;
    line-height: 1.4;
}

.status-active[data-v-6176335f] {
    color: rgb(103, 194, 58);
    font-weight: 700;
}

.status-inactive[data-v-6176335f] {
    color: rgb(245, 108, 108);
    font-weight: 700;
}

.info-section[data-v-41088903] {
    margin-bottom: 20px;
    display: flex;
    flex: 1 1 0%;
}

.info-card[data-v-41088903] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.info-card-left[data-v-41088903] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.info-title[data-v-41088903] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.info-title-icon[data-v-41088903] {
    margin-right: 8px;
    color: rgb(45, 140, 240);
}

.info-row[data-v-41088903] {
    margin-bottom: 15px;
}

.info-label[data-v-41088903] {
    color: rgb(96, 98, 102);
    margin-bottom: 5px;
}

.info-value[data-v-41088903] {
    color: rgb(48, 49, 51);
    font-weight: 700;
}

.tag-section[data-v-41088903] {
    margin-top: 20px;
}

.tag-group[data-v-41088903] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.modal-header[data-v-6ec0945b] {
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-end;
}

.all-records-modal .ivu-modal-body[data-v-6ec0945b] {
    padding: 16px 24px;
}

.edit-record-modal .ivu-modal-body[data-v-6ec0945b] {
    padding: 24px;
}

.mainPage[data-v-5d15f3b2] {
    min-height: 100vh;
    padding: 20px;
}

.info-section[data-v-5d15f3b2] {
    margin-top: 20px;
}

.info-card[data-v-5d15f3b2] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px 0px;
}

.info-title[data-v-5d15f3b2] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(48, 49, 51);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.info-title-icon[data-v-5d15f3b2] {
    margin-right: 8px;
    color: rgb(45, 140, 240);
}

.info-row[data-v-5d15f3b2] {
    margin-bottom: 15px;
}

.info-label[data-v-5d15f3b2] {
    color: rgb(96, 98, 102);
    margin-bottom: 5px;
    font-size: 14px;
}

.info-value[data-v-5d15f3b2] {
    color: rgb(48, 49, 51);
    font-weight: 500;
    font-size: 14px;
}

.status-active[data-v-5d15f3b2] {
    color: rgb(82, 196, 26);
}

.next-contact[data-v-5d15f3b2], .score-high[data-v-5d15f3b2] {
    color: rgb(24, 144, 255);
}

.follow-records .record-item[data-v-5d15f3b2] {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

.follow-records .record-item[data-v-5d15f3b2]:last-child {
    margin-bottom: 0px;
}

.follow-records .record-item .record-dot[data-v-5d15f3b2] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgb(24, 144, 255);
    margin-right: 16px;
    margin-top: 6px;
    flex-shrink: 0;
    position: relative;
}

.follow-records .record-item .record-dot[data-v-5d15f3b2]::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 40px;
    background-color: rgb(232, 232, 232);
}

.follow-records .record-item:last-child .record-dot[data-v-5d15f3b2]::after {
    display: none;
}

.follow-records .record-item .record-content[data-v-5d15f3b2] {
    flex: 1 1 0%;
}

.follow-records .record-item .record-content .record-header[data-v-5d15f3b2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.follow-records .record-item .record-content .record-header .record-type[data-v-5d15f3b2] {
    font-weight: 500;
    color: rgb(48, 49, 51);
    display: flex;
    align-items: center;
}

.follow-records .record-item .record-content .record-header .record-type .ivu-icon[data-v-5d15f3b2] {
    margin-right: 6px;
    color: rgb(24, 144, 255);
}

.follow-records .record-item .record-content .record-header .record-time[data-v-5d15f3b2] {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.follow-records .record-item .record-content .record-text[data-v-5d15f3b2] {
    color: rgb(102, 102, 102);
    line-height: 1.6;
    margin-bottom: 8px;
}

.follow-records .record-item .record-content .record-date[data-v-5d15f3b2] {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.follow-records .no-records.no-plan[data-v-5d15f3b2] {
    color: rgb(153, 153, 153);
    text-align: center;
    padding: 20px;
    font-style: italic;
}

.follow-records .loading-state[data-v-5d15f3b2] {
    text-align: center;
    padding: 20px;
    color: rgb(102, 102, 102);
}

.follow-records .loading-state .loading-icon[data-v-5d15f3b2] {
    animation: 1s linear 0s infinite normal none running spin-5d15f3b2;
    margin-right: 8px;
}

@keyframes spin-5d15f3b2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.user-profile .profile-section[data-v-5d15f3b2] {
    margin-bottom: 20px;
}

.user-profile .profile-section[data-v-5d15f3b2]:last-child {
    margin-bottom: 0px;
}

.user-profile .profile-section .section-label[data-v-5d15f3b2] {
    color: rgb(96, 98, 102);
    font-size: 14px;
    margin-bottom: 10px;
}

.user-profile .profile-section .tag-group[data-v-5d15f3b2] {
    display: flex;
    flex-wrap: wrap;
}

.user-profile .profile-section .communication-stats[data-v-5d15f3b2] {
    display: flex;
    gap: 20px;
}

.user-profile .profile-section .communication-stats .stat-item[data-v-5d15f3b2] {
    display: flex;
    flex-direction: column;
}

.user-profile .profile-section .communication-stats .stat-item .stat-label[data-v-5d15f3b2] {
    color: rgb(153, 153, 153);
    font-size: 12px;
    margin-bottom: 4px;
}

.user-profile .profile-section .communication-stats .stat-item .stat-value[data-v-5d15f3b2] {
    color: rgb(48, 49, 51);
    font-weight: 500;
}

.user-profile .profile-section .customer-level[data-v-5d15f3b2] {
    display: flex;
    align-items: center;
}

.user-profile .profile-section .target-info[data-v-5d15f3b2] {
    color: rgb(48, 49, 51);
    font-weight: 500;
}

.rfm-analysis .rfm-item[data-v-5d15f3b2] {
    margin-bottom: 16px;
}

.rfm-analysis .rfm-item .rfm-label[data-v-5d15f3b2] {
    color: rgb(96, 98, 102);
    font-size: 14px;
    margin-bottom: 8px;
}

.rfm-analysis .rfm-item .rfm-bar[data-v-5d15f3b2] {
    height: 8px;
    background-color: rgb(240, 240, 240);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
}

.rfm-analysis .rfm-item .rfm-bar .rfm-progress[data-v-5d15f3b2] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s;
}

.rfm-analysis .rfm-item .rfm-value[data-v-5d15f3b2] {
    color: rgb(48, 49, 51);
    font-weight: 500;
    text-align: right;
    font-size: 14px;
}

.rfm-analysis .rfm-summary[data-v-5d15f3b2] {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgb(240, 240, 240);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rfm-analysis .rfm-summary .rfm-level[data-v-5d15f3b2] {
    color: rgb(96, 98, 102);
    font-size: 14px;
}

.rfm-analysis .rfm-summary .rfm-total[data-v-5d15f3b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.rfm-analysis .rfm-summary .total-label[data-v-5d15f3b2] {
    font-size: 14px;
    color: rgb(102, 102, 102);
}

.rfm-analysis .rfm-summary .total-score[data-v-5d15f3b2] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(24, 144, 255);
}

.next-follow-plan[data-v-5d15f3b2] {
    background: rgb(248, 249, 250);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
}

.next-follow-plan .plan-header[data-v-5d15f3b2] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.next-follow-plan .plan-header .plan-icon[data-v-5d15f3b2] {
    color: rgb(24, 144, 255);
    margin-right: 6px;
}

.next-follow-plan .plan-header .plan-title[data-v-5d15f3b2] {
    font-weight: 500;
    color: rgb(48, 49, 51);
    display: flex;
    align-items: center;
}

.next-follow-plan .plan-time[data-v-5d15f3b2] {
    font-weight: 700;
    color: rgb(24, 144, 255);
}

.next-follow-plan .plan-type[data-v-5d15f3b2] {
    color: rgb(48, 49, 51);
    font-size: 14px;
    margin-left: 12px;
}

.next-follow-plan .plan-type .ivu-icon[data-v-5d15f3b2] {
    margin-right: 6px;
    color: rgb(24, 144, 255);
}

.next-follow-plan .plan-content .plan-note[data-v-5d15f3b2] {
    margin-left: 24px;
    color: rgb(102, 102, 102);
    font-size: 13px;
}

.mainPage[data-v-5f7abc77] {
    padding: 20px;
    background-color: rgb(245, 247, 250);
    min-height: 100vh;
}

.customer-overview[data-v-5f7abc77] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customer-info[data-v-5f7abc77] {
    display: flex;
    align-items: center;
}

.customer-avatar[data-v-5f7abc77] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 16px;
    overflow: hidden;
    background-color: rgb(64, 158, 255);
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-avatar img[data-v-5f7abc77] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.default-avatar[data-v-5f7abc77] {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 700;
}

.customer-details[data-v-5f7abc77] {
    flex: 1 1 0%;
}

.customer-name[data-v-5f7abc77] {
    font-size: 18px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    margin-bottom: 4px;
}

.customer-meta[data-v-5f7abc77] {
    color: rgb(102, 102, 102);
    margin-bottom: 8px;
}

.customer-meta .company[data-v-5f7abc77] {
    margin-right: 12px;
}

.customer-meta .position[data-v-5f7abc77] {
    color: rgb(153, 153, 153);
}

.customer-tags[data-v-5f7abc77] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lead-score[data-v-5f7abc77] {
    text-align: center;
}

.score-label[data-v-5f7abc77] {
    color: rgb(102, 102, 102);
    font-size: 14px;
    margin-bottom: 4px;
}

.score-value[data-v-5f7abc77] {
    font-size: 32px;
    font-weight: 700;
    color: rgb(64, 158, 255);
}

.follow-form-card[data-v-5f7abc77], .follow-history-card[data-v-5f7abc77], .follow-stats-card[data-v-5f7abc77], .next-follow-card[data-v-5f7abc77] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
}

.form-title[data-v-5f7abc77] {
    font-size: 16px;
    font-weight: 700;
    color: rgb(51, 51, 51);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.form-title-icon[data-v-5f7abc77] {
    margin-right: 8px;
    color: rgb(64, 158, 255);
}

.action-buttons[data-v-5f7abc77] {
    text-align: center;
    padding: 20px 0px;
}

.ivu-form-item[data-v-5f7abc77] {
    margin-bottom: 20px;
}

.ivu-date-picker[data-v-5f7abc77], .ivu-input[data-v-5f7abc77], .ivu-select[data-v-5f7abc77] {
    border-radius: 4px;
}

.ivu-btn[data-v-5f7abc77] {
    border-radius: 4px;
    padding: 8px 24px;
}

.follow-history-card[data-v-5f7abc77], .follow-stats-card[data-v-5f7abc77] {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
}

.history-list[data-v-5f7abc77] {
    max-height: 400px;
    overflow-y: auto;
}

.empty-history[data-v-5f7abc77] {
    text-align: center;
    padding: 40px 0px;
    color: rgb(197, 200, 206);
}

.empty-history p[data-v-5f7abc77] {
    margin-top: 8px;
    margin-bottom: 0px;
}

.history-item[data-v-5f7abc77] {
    border-bottom: 1px solid rgb(240, 240, 240);
    padding: 16px 0px;
}

.history-item[data-v-5f7abc77]:last-child {
    border-bottom: none;
}

.history-header[data-v-5f7abc77] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.follow-type-badge[data-v-5f7abc77] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: rgb(255, 255, 255);
}

.follow-type-phone[data-v-5f7abc77] {
    background-color: rgb(45, 140, 240);
}

.follow-type-email[data-v-5f7abc77] {
    background-color: rgb(25, 190, 107);
}

.follow-type-visit[data-v-5f7abc77] {
    background-color: rgb(255, 153, 0);
}

.follow-type-wechat[data-v-5f7abc77] {
    background-color: rgb(25, 190, 107);
}

.follow-type-qq[data-v-5f7abc77] {
    background-color: rgb(45, 140, 240);
}

.follow-type-other[data-v-5f7abc77] {
    background-color: rgb(197, 200, 206);
}

.follow-time[data-v-5f7abc77] {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.history-content[data-v-5f7abc77] {
    color: rgb(51, 51, 51);
    margin-bottom: 4px;
    line-height: 1.5;
}

.history-result[data-v-5f7abc77] {
    color: rgb(102, 102, 102);
    font-size: 14px;
    margin-bottom: 4px;
}

.history-operator[data-v-5f7abc77] {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.stats-content[data-v-5f7abc77] {
    padding: 10px 0px;
}

.stat-item[data-v-5f7abc77] {
    margin-bottom: 16px;
}

.stat-item[data-v-5f7abc77]:last-child {
    margin-bottom: 0px;
}

.stat-header[data-v-5f7abc77] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.stat-label[data-v-5f7abc77] {
    color: rgb(51, 51, 51);
    font-size: 14px;
}

.stat-count[data-v-5f7abc77] {
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.stat-bar[data-v-5f7abc77] {
    height: 8px;
    background-color: rgb(240, 240, 240);
    border-radius: 4px;
    overflow: hidden;
}

.stat-progress[data-v-5f7abc77] {
    height: 100%;
    transition: width 0.3s;
}

.history-overview[data-v-5f7abc77] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.overview-item[data-v-5f7abc77] {
    text-align: center;
    padding: 15px;
    background: rgb(248, 249, 250);
    border-radius: 6px;
}

.overview-label[data-v-5f7abc77] {
    font-size: 14px;
    color: rgb(102, 102, 102);
    margin-bottom: 8px;
}

.overview-value[data-v-5f7abc77] {
    font-size: 24px;
    font-weight: 700;
    color: rgb(51, 51, 51);
}

.chart-container[data-v-5f7abc77] {
    padding: 20px 0px;
}

.echarts-container[data-v-5f7abc77] {
    width: 100%;
    height: 300px;
}

.empty-data[data-v-5f7abc77] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: rgb(197, 200, 206);
}

.empty-data p[data-v-5f7abc77] {
    margin-top: 12px;
    margin-bottom: 0px;
    font-size: 16px;
}

.productDesc[data-v-5df4b382] {
    background: url("../img/demandBg.8eb20aed.png");
}

.mainContent[data-v-5df4b382] {
    padding: 3rem 0px 8.125rem;
    display: flex;
    width: 1300px !important;
}

.mainBody[data-v-5df4b382] {
    width: 100%;
    padding-left: 2rem;
}

.leftIcon[data-v-5df4b382] {
    height: 1.2rem;
    width: 1.2rem;
    margin-right: 0.4rem;
}

.alignCenter[data-v-5df4b382] {
    display: flex;
    align-items: center;
}

.bodyTitle[data-v-5df4b382] {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 600;
}

.bodyDesc[data-v-5df4b382] {
    margin: 0.6rem 0px;
    color: rgb(103, 103, 103);
}

.text-center[data-v-5df4b382] {
    text-align: center;
}

.rightDesc[data-v-5df4b382] {
    text-align: right;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .mainBody[data-v-5df4b382] {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mainContent[data-v-5df4b382] {
        width: auto !important;
    }
}

*, ::after, ::before {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
}

body {
    min-height: 100vh;
    color: rgb(0, 0, 0);
    line-height: 1.6;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    text-rendering: optimizelegibility;
}

.ql-container {
    font-size: 14px !important;
}

.ql-size-small {
    font-size: 12px !important;
}

.ql-size-large {
    font-size: 18px !important;
}

.ql-size-huge {
    font-size: 24px !important;
}

.ql-indent-1 {
    padding-left: 0px !important;
    text-indent: 1em !important;
}

.ql-indent-2 {
    padding-left: 0px !important;
    text-indent: 2em !important;
}

.ql-indent-3 {
    padding-left: 0px !important;
    text-indent: 3em !important;
}

.ql-indent-4 {
    padding-left: 0px !important;
    text-indent: 4em !important;
}

.ql-indent-5 {
    padding-left: 0px !important;
    text-indent: 5em !important;
}

.ql-indent-6 {
    padding-left: 0px !important;
    text-indent: 6em !important;
}

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

.moduleTitle {
    color: rgb(41, 43, 53);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.mr20 {
    margin-right: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.relative {
    position: relative;
}

.cursor-pointer {
    cursor: pointer;
}

.flex {
    display: flex;
}

.grow {
    flex-grow: 1;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.items-end {
    align-items: flex-end;
}

.items-baseline {
    align-items: baseline;
}

.justify-center {
    justify-content: center;
}

.inline-block {
    display: inline-block;
}

.el-input__wrapper {
    border-radius: 2.375rem !important;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.w-50 {
    width: 50%;
}

img {
    display: block;
}

body .crisp-client .cc-tlyw .cc-kxkl .cc-nsge {
    bottom: 40px !important;
    transform: rotate(5deg) !important;
}

body .crisp-client .cc-tlyw .cc-kxkl .cc-1hqb[data-visible="true"] ~ a.cc-nsge {
    transform: rotate(0deg) !important;
}

body .crisp-client .cc-tlyw .cc-kxkl .cc-1hqb, body .crisp-client .cc-tlyw .cc-kxkl .cc-nsge {
    right: 10px !important;
}

body .crisp-client .cc-tlyw .cc-kxkl .cc-nsge .cc-imbb {
    height: 54px !important;
    width: 54px !important;
}

body .crisp-client .cc-tlyw[data-last-operator-face="false"] .cc-kxkl .cc-nsge .cc-imbb .cc-11f2[data-is-ongoing="false"] .cc-15e7 {
    width: 30px !important;
    top: 16px !important;
    left: 12px !important;
}

body .crisp-client .cc-tlyw[data-last-operator-face="false"] .cc-kxkl .cc-1hqb[data-visible="true"] ~ a.cc-nsge .cc-imbb .cc-11f2[data-is-ongoing="false"] .cc-15e7 {
    top: 18px !important;
    left: 18px !important;
}

.ivu-message {
    z-index: 2147483647 !important;
}

.ivu-form {
    padding: 0px !important;
}

.ivu-form-item {
    margin-top: 22px !important;
    margin-bottom: 0px !important;
}

.login .ivu-input {
    border-radius: 2.375rem !important;
    padding: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

.login .ivu-form-item-label {
    margin-bottom: 0.5rem !important;
    color: rgb(50, 50, 50) !important;
    font-size: 0.875rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    padding: 0px !important;
}

input::placeholder {
    color: rgb(102, 102, 102);
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    body, html {
        font-size: 16px;
    }

    .mainContent {
        width: auto;
    }

    .moduleTitle {
        color: rgb(41, 43, 53);
        font-family: Inter;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}

:root {
    --vt-c-white: #fff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #000;
    --vt-c-black-soft: #222;
    --vt-c-black-mute: #282828;
    --vt-c-indigo: #2c3e50;
    --vt-c-divider-light-1: rgba(60,60,60,0.29);
    --vt-c-divider-light-2: rgba(60,60,60,0.12);
    --vt-c-divider-dark-1: rgba(84,84,84,0.65);
    --vt-c-divider-dark-2: rgba(84,84,84,0.48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60,60,60,0.66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: hsla(0,0%,92.2%,0.64);
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --section-gap: 160px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2);
    }
}

.userCenterHeader {
    &.content header {
        background-color: rgb(223, 230, 243);
    }

    & .mainContent {
        width: 100%;
        padding: 8px 46px 8px 26px;
    }

    & .menuItem {
        font-size: 16px;
        color: rgb(51, 51, 51);
        font-weight: 400;
        margin-left: 35px;
        &.active {
            margin-right: 77px;
        }
    }

    & > .base-warp {
        & .ivu-menu-item-group {
            margin-bottom: 24px;
        }

        & .ivu-menu.ivu-menu-light.ivu-menu-vertical {
            width: 200px !important;
        }

        & .ivu-menu-item-group-title {
            color: rgb(153, 153, 153);
            position: relative;
            font-size: 16px !important;
            &::before {
                content: "";
                display: block;
                width: 4px;
                height: 18px;
                position: absolute;
                top: 15px;
                bottom: 0px;
                left: 0px;
                background: rgb(55, 131, 255);
            }
        }

        & .ivu-menu-vertical .ivu-menu-item-group-title {
            padding-left: 14px;
            margin-bottom: 16px;
        }

        & .ivu-menu-item {
            color: rgb(103, 103, 103);
            margin: 12px 0px;
            font-size: 16px !important;
        }

        & .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
            color: rgb(255, 255, 255);
            background-image: linear-gradient(90deg, rgb(16, 81, 255), rgb(61, 175, 255));
            border-radius: 10px;
        }

        & .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu)::after, & .ivu-menu-vertical.ivu-menu-light::after {
            width: 0px;
        }

        & .ivu-menu-vertical .ivu-menu-item, & .ivu-menu-vertical .ivu-menu-submenu-title {
            padding: 10px 0px 10px 32px;
        }
    }
}

.router-warp {
    background-color: rgb(245, 245, 245);
    font-family: Inter;
    padding: 20px 24px !important;
    font-size: 14px !important;
}

.ivu-modal {
    top: 15%;
}

.ivu-modal-content {
    background-color: rgb(241, 241, 241);
    border-radius: 12px;
}

.ivu-modal-header {
    padding: 18px 20px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid rgb(205, 205, 205) !important;
}

.ivu-modal-header-inner {
    font-family: Inter;
    font-size: 16px !important;
    color: rgb(51, 51, 51) !important;
    font-weight: 700 !important;
}

.ivu-modal-close {
    right: 20px;
    top: 18px;
}

.ivu-modal-close .ivu-icon-ios-close {
    font-weight: 700;
    border-radius: 6px;
    font-size: 24px !important;
    width: 20px !important;
    height: 20px !important;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(234, 96, 80) !important;
}

.ivu-icon-ios-close::before {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 20px;
    font-weight: 700 !important;
}

.ivu-modal-body {
    padding: 20px;
    & .ivu-form-item:first-child {
        margin-top: 0px !important;
    }
}

.ivu-modal-footer {
    text-align: center;
}

.ivu-modal-footer button {
    padding: 0px 20px;
    height: 36px;
    border-radius: 24px;
    font-size: 14px;
}

.ivu-modal-footer .ivu-btn-text {
    background-color: rgb(180, 180, 180);
    color: rgb(255, 255, 255);
}

.ivu-tabs-nav {
    border-radius: 8px;
    background-color: rgb(255, 255, 255) !important;
}

.ivu-tabs-nav .ivu-tabs-tab {
    padding: 6px 14px;
    margin-right: 0px;
}

.ivu-tabs-nav .ivu-tabs-tab-active {
    background: rgb(53, 129, 255);
    color: rgb(255, 255, 255);
    border-radius: 10px;
}

.ivu-tabs-bar {
    border: none;
}

.ivu-tabs-ink-bar {
    height: 0px;
}

.ivu-input {
    height: 36px;
    border-radius: 8px;
}

.ivu-modal-footer {
    border-color: rgb(205, 205, 205);
}

.saveBtn {
    background-color: rgb(53, 129, 255);
    border-radius: 24px !important;
}

.saveBtn, .warnBtn {
    color: rgb(255, 255, 255);
    padding: 6px 31px;
    height: auto;
    display: inline-block;
    width: auto;
    outline: none !important;
}

.warnBtn {
    border-radius: 24px;
}

.mainPage {
    padding: 20px;
    background-color: rgb(255, 255, 255);
    min-height: 100%;
}

.searchWrap {
    width: 100%;
    margin-bottom: 20px;
}

.searchCol {
    display: flex;
    align-items: center;
    & > span {
        white-space: nowrap;
    }
}

.searchIpt {
    width: 258px;
    margin-left: 6px;
    & .ivu-input, & .ivu-select-selection {
        background-color: rgb(245, 245, 245) !important;
    }

    & .ivu-select-selection {
        height: 36px !important;
    }

    & .ivu-select-single .ivu-select-selection .ivu-select-placeholder, & .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
        height: 36px;
        line-height: 34px;
    }
}

.searchDate {
    width: 406px;
    margin-left: 6px;
    & .ivu-input {
        background-color: rgb(245, 245, 245) !important;
    }
}

.ivu-table-wrapper {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ivu-table {
    color: rgb(0, 0, 0);
}

.ivu-table th {
    background-color: rgb(230, 230, 230) !important;
}

.ivu-table-small {
    font-size: 14px !important;
}

.ivu-table-small td {
    height: 50px !important;
}

.ivu-table-cell {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.ivu-form .ivu-form-item-label {
    color: rgb(51, 51, 51) !important;
}

:root {
    --main-white: #fff;
    --main-black: #000;
    --main-bgc: #fff;
    --main-border: 1px solid #30363d;
    --card-bgc: #161b22;
    --text-color-active: #009cff;
    --text-color-grey: #828991;
    --hover-bgc-c: #3c3c3c;
    --text-color-green: #3fba50;
    --bgc-gray: #f5f5f5;
}