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

#app {
    overflow: auto
}

@media (max-width: 768px) {
    #app,.content,body,html {
        min-width:0!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: hsla(0,0%,100%,.6);
    box-shadow: 0 4px 4px 0 hsla(0,0%,61.2%,.25);
    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: #323232;
    text-align: center;
    font-family: Inter;
    font-size: .625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: .87rem -12px 0
}

.splitLine[data-v-51875c6d] {
    width: 1.625rem;
    height: .0625rem;
    background: #c9c9c9;
    margin: .7rem auto
}

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

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

.customer[data-v-51875c6d],.freeTest[data-v-51875c6d] {
    color: #fff;
    background: linear-gradient(180deg,#5192fd,#1d6ced);
    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: 0 4px 6.7px 0 hsla(0,0%,61.6%,.25);
    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: #f5f5f5
}

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

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

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

.recordNumber span[data-v-2074f9aa] {
    font-size: .875rem;
    line-height: 1.2rem;
    color: #676767;
    font-weight: lighter
}

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

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

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

.email[data-v-2074f9aa] {
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    letter-spacing: 0;
    color: #676767
}

.qrBox[data-v-2074f9aa] {
    padding: 3px 5px 8px;
    background-color: var(--vt-c-white);
    border-radius: .5rem;
    font-size: .75rem;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    margin-left: .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 .2s ease
}

.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: .6875rem;
        margin-left: 0
    }

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

    .company[data-v-2074f9aa] {
        margin: .62rem 0;
        color: #000;
        font-size: .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: #676767;
        font-size: .75rem;
        font-weight: 400
    }

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

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

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

.menuItem[data-v-0bf397fa] {
    font-size: 1rem;
    color: #000;
    margin-left: 1.5rem;
    font-weight: 600
}

.menuItem.active[data-v-0bf397fa] {
    color: #3581ff
}

.loginGrp[data-v-0bf397fa] {
    margin-left: 3.75rem;
    border: 1px solid #3581ff;
    border-radius: .5rem;
    overflow: hidden
}

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

.loginGrp div[data-v-0bf397fa]:first-child {
    color: #3581ff
}

.loginGrp div[data-v-0bf397fa]:nth-child(2) {
    background-color: #3581ff;
    color: #fff
}

.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:0 16px;
        position: relative;
        background: hsla(0,0%,100%,.9);
        backdrop-filter: blur(10px);
        z-index: 99999999
    }

    .mNav[data-v-0bf397fa] {
        padding: 10px 0;
        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: 0;
        right: 0;
        top: 52px;
        z-index: 99999999;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all .1s linear;
        background: #fff
    }

    .mloginGrp[data-v-0bf397fa] {
        width: 100%;
        background: #3581ff;
        backdrop-filter: blur(10px);
        padding: .8rem .75rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

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

    .mRes[data-v-0bf397fa] {
        border-radius: .5rem 0 0 .5rem;
        border: 1px solid #fff;
        color: #fff
    }

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

    .mLogin[data-v-0bf397fa] {
        border-radius: 0 .5rem .5rem 0;
        background: #fff;
        color: #3581ff
    }

    .mJump[data-v-0bf397fa] {
        padding: 0 1.5rem;
        color: #000;
        font-family: Inter;
        font-size: .875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .mMenuItem[data-v-0bf397fa] {
        padding: 1.25rem 0;
        border-bottom: 1px solid #e5e5e5
    }

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

    .mMenuItem.active[data-v-0bf397fa] {
        color: #3581ff
    }
}

.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: #e0eaf6
}

.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: 0 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 #016cff;
    transition: .2s
}

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

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

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

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

.content2[data-v-33c6bd00] {
    margin: 0 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: #000;
    margin-left: 2rem;
    font-weight: 600
}

.menuItem.active[data-v-33c6bd00] {
    color: #3581ff
}

.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;
    padding-left: 25px
}

.base-warp .info-warp .info[data-v-6ef6bf39] {
    margin-top: 15px;
    border-top: 1px solid #dedede;
    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;
    display: flex;
    padding-top: 5px
}

.base-warp .info-warp .top-warp .rw .box[data-v-6ef6bf39] {
    flex: 1;
    color: #a7a7a7
}

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

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

.UserCenterIndex .memberGrp[data-v-6ef6bf39] {
    color: #fff;
    padding: 18px 0;
    padding-left: 32px;
    font-size: 18px
}

.UserCenterIndex .userCenterMain[data-v-6ef6bf39] {
    background: #fff;
    padding: 40px 0;
    padding: 40px 32px;
    border-radius: 14px
}

.UserCenterIndex .userInfo[data-v-6ef6bf39] {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #cdcdcd;
    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: #333
}

.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: #fff;
    background-image: linear-gradient(180deg,#fee356,#bfab00);
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 4px
}

.UserCenterIndex .userInfo .accountWrap .cancelAccount[data-v-6ef6bf39] {
    color: #fff;
    background: linear-gradient(180deg,tomato,#ff4500);
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 4px;
    cursor: pointer
}

.UserCenterIndex .userInfo .accountWrap .cancelAccount[data-v-6ef6bf39]:hover {
    background: linear-gradient(180deg,#ff4500,tomato)
}

.UserCenterIndex .userInfo .accountWrap .emailWrap[data-v-6ef6bf39] {
    color: #656565;
    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: #fafafa;
    border-radius: 12px
}

.UserCenterIndex .userInfo .inviteWrap>div[data-v-6ef6bf39]:first-child {
    white-space: wrap;
    color: #666;
    line-height: 15px
}

.UserCenterIndex .userInfo .inviteWrap .copyBtn[data-v-6ef6bf39] {
    border-radius: 36px;
    color: #3581ff;
    border: 1px solid #3581ff;
    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: #f5f5f5;
    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: 0
}

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

.pageHeader[data-v-1ded3f88] {
    color: #323232;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-bottom: 20px;
    padding-left: 16px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px
}

.pageHeader[data-v-1ded3f88]:before {
    content: "";
    display: block;
    width: 4px;
    height: 18px;
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    background: #3783ff
}

.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 {
    padding: 0!important;
    margin: 0
}

.tabs {
    display: flex
}

.tabs .tab {
    width: 50%;
    text-align: center;
    margin-bottom: 25px;
    background: #dededd;
    padding: 10px 0;
    border: 1px solid #606060;
    cursor: pointer
}

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

.tabs .tab.act {
    border-color: #2d8cf0;
    background: #2d8cf0;
    color: #fff
}

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

.demo-spin-icon-load {
    animation: ani-demo-spin 1s linear infinite
}

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

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.distributionForm {
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    flex-wrap: wrap
}

.distributionForm .formItem {
    width: 50%
}

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

.distributionForm .formItemIpt {
    width: 256px
}

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

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

.changeDetail {
    padding-top: 20px;
    color: #333
}

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

.changeDetail .detailTitle {
    color: #000;
    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 #e6e6e6;
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer
}

.sale-warp .sale-item.act[data-v-044cfe5e] {
    border-color: #3581ff;
    box-shadow: 0 6px 16px 0 #ccc
}

.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: 0;
    color: #333
}

.sale-warp .sale-item .imgTitle1 .desc[data-v-044cfe5e] {
    color: #676767;
    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: 0;
    color: #333
}

.sale-warp .sale-item .info[data-v-044cfe5e] {
    text-align: left;
    padding: 16px 22px;
    color: #000;
    border-bottom: 1px solid #e6e6e6
}

.sale-warp .sale-item .info .price[data-v-044cfe5e] {
    font-weight: 700;
    font-size: 14px;
    color: #d90101
}

.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: #333
}

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

.payType[data-v-044cfe5e] {
    margin-top: 30px;
    color: #333;
    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 #3581ff;
    box-shadow: 0 6px 16px 0 #ccc;
    overflow: hidden
}

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

.payType>.pay-item.act[data-v-044cfe5e]:before {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 6px;
    width: 10px;
    height: 5px;
    border: 2px solid #fff;
    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: 0 20px
}

.modal-warp .info-warp>div[data-v-044cfe5e] {
    border-bottom: 1px solid #aaa
}

.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 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal-warp .qrcode-warp .tips[data-v-044cfe5e] {
    margin-top: 10px;
    color: #656565;
    font-size: 12px;
    text-align: center
}

.saleGrpTitle[data-v-044cfe5e] {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin: 20px 0
}

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

.payModal .ivu-modal-content {
    background-color: hsla(0,0%,94.5%,.7)!important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.payModal .ivu-modal-header {
    border-bottom: 1px solid #aaa!important
}

.payModal .ivu-modal-footer {
    border-top: 1px solid #aaa!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;
    overflow-y: auto
}

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

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

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

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

.simp-info .l60[data-v-61091726] {
    width: 130px;
    font-size: 14px;
    color: #a7a7a7;
    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;
    overflow-y: 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 #e6e6e6;
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer
}

.sale-warp .sale-item.act[data-v-4343c656] {
    border-color: #3581ff;
    box-shadow: 0 6px 16px 0 #ccc
}

.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: 0;
    color: #fff
}

.sale-warp .sale-item .info[data-v-4343c656] {
    text-align: left;
    padding: 16px 22px;
    color: #000;
    border-bottom: 1px solid #e6e6e6
}

.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;
    height: 250px;
    padding-top: 0;
    padding-left: 0;
    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;
    padding-right: 0;
    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(180deg,#1051ff,#3dafff)
}

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

.textAreaIpt .ivu-input {
    background-color: #f6f6f6!important;
    padding: 60px 20px 20px
}

.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;
    word-wrap: break-word
}

.carousel[data-v-49cf73f7] {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0
}

.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%;
    background-size: cover;
    background-repeat: no-repeat
}

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

.desc[data-v-49cf73f7] {
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: left;
    color: #042967;
    margin: 1.625rem 0 2.25rem
}

.downloadBtn[data-v-49cf73f7] {
    line-height: 1.1875rem;
    text-align: center;
    background: linear-gradient(180deg,#5192fd,#1d6ced);
    padding: .875rem 1.75rem;
    border-radius: .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: #000;
        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: #042967;
        font-size: .75rem;
        font-weight: 500;
        margin-top: .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: #2470ef;
    width: 26px
}

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

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

.tabs .tab[data-v-2f1ec71d] {
    width: 50%;
    text-align: center;
    margin-bottom: 25px;
    background: #dededd;
    padding: 10px 0;
    border: 1px solid #606060;
    cursor: pointer
}

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

.tabs .tab.act[data-v-2f1ec71d] {
    border-color: #2d8cf0;
    background: #2d8cf0;
    color: #fff
}

span.tip[data-v-2f1ec71d] {
    color: #838383
}

.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 0
}

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

.copyright[data-v-2f1ec71d] {
    position: fixed;
    text-align: center;
    color: #323232;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    right: 0;
    left: 0;
    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: .5rem
}

.desc[data-v-2f1ec71d] {
    font-size: 1.125rem;
    line-height: 1.375rem;
    text-align: left;
    color: #042967;
    margin: 1.625rem 0 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: #fff;
    box-shadow: 0 4px 14.6px 2px hsla(0,0%,82.4%,.25);
    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: #242424;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.toRes[data-v-2f1ec71d] {
    color: #333;
    text-align: center
}

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

.notify[data-v-2f1ec71d] {
    color: #3581ff;
    cursor: pointer
}

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

.inputGrp>div[data-v-2f1ec71d]:first-child {
    margin-bottom: .5rem;
    color: #323232;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.input[data-v-2f1ec71d] {
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 6px 0 hsla(0,0%,89.8%,.25)
}

.loginBtn[data-v-2f1ec71d] {
    border-radius: 2.375rem;
    background: #3581ff;
    box-shadow: 0 4px 12px 0 rgba(23,110,255,.25);
    text-align: center;
    color: #fff;
    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: #fff;
    padding: 2.5rem;
    border-radius: 24px;
    box-shadow: 0 4px 14.6px 2px hsla(0,0%,82.4%,.25);
    backdrop-filter: blur(20px)
}

.tips[data-v-2f1ec71d] {
    color: #666;
    font-size: .75rem;
    bottom: -24px;
    right: 0
}

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

.getCode[data-v-2f1ec71d] {
    color: #3581ff;
    font-size: .875rem;
    right: 1rem;
    top: .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: #fff;
        box-shadow: 0 4px 14.6px 2px hsla(0,0%,82.4%,.25);
        backdrop-filter: blur(20px);
        padding: 2.5rem 1.5rem
    }

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

    .resForm>div[data-v-2f1ec71d] {
        margin-bottom: 0;
        background: #fff;
        padding: 2.5rem 1.5rem;
        border-radius: 24px;
        box-shadow: 0 4px 14.6px 2px hsla(0,0%,82.4%,.25);
        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 #dcdee2
}

.userWorkSpace .spaceArea .spaceDivider[data-v-411f01e8] {
    color: #409eff
}

.userWorkSpace .spaceArea .spaceItem[data-v-411f01e8] {
    text-align: center;
    padding: 10px 24px;
    border: 1px solid #dcdee2;
    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: #409eff;
    border-color: #409eff
}

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

.userWorkSpace .spaceArea .spaceItem.current[data-v-411f01e8] {
    color: #409eff;
    border-color: #409eff;
    background-color: #f0faff;
    font-weight: 700
}

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

.userWorkSpace .mainArea[data-v-411f01e8] {
    flex: 1;
    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: #409eff;
    border-color: #409eff;
    background-color: #f0faff;
    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;
    overflow-y: auto
}

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

.achievement[data-v-005b1bcc] {
    position: absolute;
    background-color: hsla(0,0%,100%,.4);
    border-radius: .75rem;
    box-shadow: 0 4px 20px 0 hsla(0,0%,84.7%,.25);
    padding: 1.5rem .75rem;
    border: 1px solid #fff;
    backdrop-filter: blur(30px);
    left: 0;
    right: 0;
    top: -4.4rem
}

.achiItem[data-v-005b1bcc] {
    padding: 0 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: .75rem 0 .5rem;
    color: #000
}

.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:.88rem 1.75rem 0;
        border: 1px solid #fff;
        left: .75rem;
        right: .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: 0 .5rem 1.25rem
    }

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

    .numGrp[data-v-005b1bcc] {
        margin: .5rem 0 .125rem;
        color: #000
    }

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

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

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

    .desc[data-v-005b1bcc] {
        color: #676767;
        font-family: Inter;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }
}

.features[data-v-8d82bd9e] {
    background: url(../img/featuresBg.c1dd646d.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12.0625rem 0 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: 0 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: #000;
    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 0 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: .4rem
    }

    .descFont[data-v-8d82bd9e] {
        color: #333;
        text-align: center;
        font-family: Inter;
        font-size: .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: #f6f8ff;
    padding: 5.625rem 0 6.3125rem
}

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

.panel[data-v-5dff594b] {
    padding: 1.625rem 0 .75rem 1.625rem;
    border-radius: 1rem;
    background-color: #fff
}

.panelTitle[data-v-5dff594b] {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .75rem
}

.panelDesc[data-v-5dff594b] {
    color: #8e939f;
    font-family: Inter;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem
}

.blueBg1[data-v-5dff594b] {
    background-color: #e5f3fc
}

.blueBg2[data-v-5dff594b] {
    background-color: #eaf2ff
}

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

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

.authImg[data-v-5dff594b] {
    margin: 0 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 0 1.4rem
    }

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

    .mainContent[data-v-5dff594b] {
        padding: 0 .75rem
    }

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

    .panelTitle[data-v-5dff594b] {
        color: #000;
        font-family: Inter;
        font-size: .9375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: .5rem!important
    }

    .panelTitle.blue[data-v-5dff594b] {
        color: #0f9cf7
    }

    .panelDesc[data-v-5dff594b] {
        color: #666;
        font-family: Inter;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.125rem;
        word-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: .8rem
    }
}

.whyChoose[data-v-085686c9] {
    background: #fff;
    padding: 5.625rem 0 8.25rem
}

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

.itemBox[data-v-085686c9] {
    padding: .75rem 1.5rem 3.5rem;
    text-align: left;
    border-radius: 12px;
    background: #f6f6f6;
    position: relative
}

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

.itemNum[data-v-085686c9] {
    color: #e5e5e5;
    font-size: 4.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.itemTitle[data-v-085686c9] {
    color: #333030;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.itemDesc[data-v-085686c9] {
    color: #666;
    font-size: .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: #fff
}

.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: #5d9aff
}

.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 0 1.5rem
    }

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

    .mainContent[data-v-085686c9] {
        padding: 0 .75rem
    }

    .itemBox[data-v-085686c9] {
        padding: 1.25rem .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: #fff;
        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: #fff;
        font-family: Inter;
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.125rem
    }
}

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

.specialityBox[data-v-6d150e91] {
    background-color: #3581ff
}

.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: 0;
    text-align: center;
    padding: 5.4375rem 0
}

@media (max-width: 768px) {
    .specialityBox>div[data-v-6d150e91] {
        padding:1.4rem;
        color: #fff;
        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);
    background-size: cover;
    background-repeat: repeat;
    padding: 5.625rem 0;
    font-size: .875rem
}

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

.tz[data-v-103df3e0] {
    padding: 0 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: 0 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 0 .875rem;
    text-align: center;
    color: #fff;
    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: .875rem;
    margin: .5rem 0
}

.mainArea[data-v-103df3e0] {
    padding: 0 1.875rem 0 2.5rem;
    background-color: #fff;
    min-height: 27.5rem;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

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

.mainArea>div[data-v-103df3e0]:first-child {
    border-bottom: 1px solid #e6e6e6
}

.tcName[data-v-103df3e0] {
    display: inline-block;
    border-radius: 1.375rem;
    padding: .5rem .9375rem;
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    background: #f6f6f6
}

.countArea[data-v-103df3e0] {
    margin: 1.625rem 0 1.75rem;
    color: #000
}

.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: .125rem
}

.countDesc[data-v-103df3e0] {
    color: #9a9a9a;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin-left: 1.25rem
}

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

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

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

.featureBox div[data-v-103df3e0] {
    color: #333;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem
}

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

.testBtn[data-v-103df3e0] {
    margin-top: 0;
    border-radius: 1.75rem;
    padding: .75rem 1.75rem;
    background: linear-gradient(180deg,#5192fd,#1d6ced);
    color: #fff;
    font-style: normal;
    line-height: 1rem;
    display: inline-block;
    cursor: pointer
}

.saleGrpTitle[data-v-103df3e0] {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin: 30px 0
}

.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 #e6e6e6;
    margin-right: 20px;
    overflow: hidden;
    cursor: pointer
}

.sale-warp .sale-item.act[data-v-103df3e0] {
    border-color: #3581ff;
    box-shadow: 0 6px 16px 0 #ccc
}

.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: 0;
    color: #fff
}

.sale-warp .sale-item .imgTitle1 .desc[data-v-103df3e0] {
    color: #fff;
    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: 0;
    color: #fff
}

.sale-warp .sale-item .info[data-v-103df3e0] {
    text-align: left;
    padding: 16px 0;
    margin: 0 22px;
    color: #000;
    border-bottom: 1px solid #e6e6e6
}

.sale-warp .sale-item .info .price[data-v-103df3e0] {
    font-weight: 700;
    font-size: 14px;
    color: #d90101
}

@media (max-width: 768px) {
    .demand[data-v-103df3e0] {
        padding:2.5rem .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 0 .9rem
    }

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

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

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

.title[data-v-69499855] {
    padding-top: 5.625rem;
    background-color: #fff;
    text-align: center;
    color: #292b35;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem
}

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

.part1[data-v-69499855],.part3[data-v-69499855] {
    background-color: #fff
}

.part2[data-v-69499855] {
    background-color: #f6f8ff
}

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

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

.partTitle>span[data-v-69499855]:last-child {
    color: #292b35;
    font-size: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: 1.6rem;
    font-weight: 600;
    left: .3rem;
    font-style: normal
}

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

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

.imgBox .desc[data-v-69499855] {
    color: #676767;
    text-align: center;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    position: absolute
}

.imgBox .desc .descTitle[data-v-69499855] {
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: .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;
    -o-object-fit: contain;
    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: .5rem
}

.imgBox .desc3_1>div[data-v-69499855] {
    white-space: nowrap;
    color: #333;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem
}

.splitLine[data-v-69499855] {
    width: 50px;
    height: 1px;
    background: #cdcdcd;
    margin: 1rem 0
}

.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: #fff;
        color: #292b35;
        text-align: center;
        font-family: Inter;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }

    .part[data-v-69499855] {
        padding: 0 .6rem
    }

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

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

    .partTitle>span[data-v-69499855]:last-child {
        color: #292b35;
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        position: absolute;
        bottom: .6rem;
        left: 0
    }

    .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: #000;
        font-weight: 600;
        margin-bottom: .4rem
    }

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

    .mDesc[data-v-69499855] {
        color: #676767;
        font-weight: 400
    }

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

    .part3[data-v-69499855] {
        padding: 2rem .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: #fff;
    text-align: center;
    color: #292b35;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem
}

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

.part1[data-v-0c512478],.part3[data-v-0c512478] {
    background-color: #fff
}

.part2[data-v-0c512478] {
    background-color: #f6f8ff
}

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

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

.partTitle>span[data-v-0c512478]:last-child {
    color: #292b35;
    font-size: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: 1.6rem;
    font-weight: 600;
    left: .3rem;
    font-style: normal
}

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

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

.customerBox .desc[data-v-0c512478] {
    color: #676767;
    font-size: .875rem;
    font-weight: 400;
    position: absolute;
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: .375rem
}

@media (max-width: 768px) {
    .title[data-v-0c512478] {
        padding-top:2.5rem;
        margin-bottom: 1.25rem;
        background-color: #fff;
        color: #292b35;
        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 .6rem
    }

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

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

    .partTitle>span[data-v-0c512478]:last-child {
        color: #292b35;
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        position: absolute;
        bottom: .6rem;
        left: 0
    }

    .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: #000;
        font-weight: 600;
        margin-bottom: .4rem
    }

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

    .mDesc[data-v-0c512478] {
        color: #676767;
        font-weight: 400
    }

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

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

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

.download[data-v-4faf4095] {
    background: #fff
}

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

.moduleTitle[data-v-4faf4095] {
    margin-bottom: 4.5rem;
    padding-top: 5.625rem;
    background-color: #fff;
    text-align: center;
    color: #292b35;
    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: .8rem;
    margin-left: .8rem;
    position: relative;
    background-repeat: no-repeat;
    transition: all .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 0 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: .5rem 1rem;
    justify-content: space-between;
    border-radius: .5rem;
    margin-bottom: .75rem;
    align-items: center;
    background-color: #f0f0f0
}

.sDownloadBtn[data-v-4faf4095] {
    display: inline-block;
    color: #3581ff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 28px;
    background: #fff;
    padding: 10px 28px;
    cursor: pointer
}

.secTitle[data-v-4faf4095] {
    font-size: .875rem;
    font-weight: 700;
    color: #1c4472;
    margin-left: .5rem
}

.downloadBtn[data-v-4faf4095] {
    position: absolute;
    display: inline-block;
    color: #3581ff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 28px;
    background: #fff;
    padding: 10px 28px;
    bottom: 2rem;
    left: 2rem;
    cursor: pointer
}

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

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

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

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

    .moduleTitle[data-v-4faf4095] {
        padding-top: 2rem;
        margin-bottom: 1rem;
        background-color: #fff;
        color: #292b35;
        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: 0
    }

    .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: #fff!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: .6rem
}

.bodyDesc[data-v-8d825f56] {
    margin: .6rem 0;
    color: #676767
}

.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: .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: .2rem
    }

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

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

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

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

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

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

.mainContent[data-v-2b0f9f41] {
    padding: 3rem 0 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: .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: .6rem
}

.bodyDesc[data-v-2b0f9f41] {
    margin: .6rem 0;
    color: #676767
}

@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: 0 12px;
    line-height: 1.8;
    height: auto!important
}

.node-content.primary-node {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    padding: 10px 0;
    padding-left: 10px;
    display: flex;
    align-items: center
}

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

.node-content.child-node {
    font-size: 14px;
    color: #666;
    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: #f5f7fa
}

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

.custom-tree .is-current>.el-tree-node__content>.child-node {
    color: #3581ff!important
}

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

.custom-tree .is-current>.el-tree-node__content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    z-index: 999;
    border-radius: 2px;
    background-color: #3581ff
}

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

.textNode[data-v-1c7b116f] {
    text-indent: 2rem;
    margin: .5rem 0;
    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;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-right: 15px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

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

.stat-card .card-title[data-v-5418f445] {
    font-size: 14px;
    color: #606266;
    margin-bottom: 10px
}

.stat-card .card-value[data-v-5418f445] {
    font-size: 24px;
    font-weight: 700;
    color: #303133;
    margin-bottom: 10px
}

.stat-card .card-trend[data-v-5418f445] {
    font-size: 14px;
    color: #909399;
    font-weight: 700;
    display: flex;
    align-items: center
}

.stat-card .card-trend.up[data-v-5418f445] {
    color: #67c23a;
    font-weight: 700
}

.stat-card .card-trend.down[data-v-5418f445] {
    color: #f56c6c;
    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;
    height: 300px;
    display: flex;
    flex-direction: column
}

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

.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: #303133
}

.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 0;
    border-bottom: 1px solid #ebeef5
}

.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
}

.recent-users .user-item .user-info .user-name[data-v-5418f445] {
    font-size: 14px;
    font-weight: 700;
    color: #303133;
    margin-bottom: 5px
}

.recent-users .user-item .user-info .user-company[data-v-5418f445] {
    font-size: 12px;
    color: #909399
}

.recent-users .user-item .user-time[data-v-5418f445] {
    font-size: 12px;
    color: #909399;
    margin-left: 15px;
    min-width: 60px;
    text-align: right
}

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

.pending-tasks .section-title[data-v-5418f445] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #303133
}

.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 #ebeef5;
    border-radius: 8px;
    margin-bottom: 0;
    background-color: #fff
}

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

.pending-tasks .task-item .task-icon i[data-v-5418f445] {
    color: #67c23a;
    font-size: 20px
}

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

.pending-tasks .task-item .task-info .task-title[data-v-5418f445] {
    font-size: 14px;
    font-weight: 700;
    color: #303133;
    margin-bottom: 5px
}

.pending-tasks .task-item .task-info .task-desc[data-v-5418f445] {
    font-size: 12px;
    color: #909399
}

.pending-tasks .task-item .task-time[data-v-5418f445] {
    font-size: 12px;
    color: #909399;
    margin-left: 15px
}

.custom-tag[data-v-d92323f4] {
    transition: all .2s ease
}

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

.custom-tag .closeIcon[data-v-d92323f4] {
    margin-left: 8px;
    cursor: pointer;
    color: #fff
}

.tag-select-container .selected-tags[data-v-dc745fb8] {
    margin-top: 8px;
    padding: 8px 0;
    border-top: 1px solid #f0f0f0
}

.contact-detail-modal .contact-detail-content[data-v-6404837d] {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    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: #606266;
    margin-right: 10px;
    flex-shrink: 0
}

.contact-detail-modal .detail-item .detail-value[data-v-6404837d] {
    flex: 1;
    color: #303133;
    word-break: break-word;
    overflow-wrap: break-word
}

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

.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%;
    -o-object-fit: cover;
    object-fit: cover
}

.contact-detail-modal .avatar-placeholder[data-v-6404837d] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2d8cf0;
    color: #fff;
    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;
    border: 1px solid #dcdee2;
    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: #f8f8f9;
    border-bottom: 1px solid #dcdee2
}

.tag-manage-container .transfer-container .transfer-panel .panel-header h4[data-v-7bc0bc33] {
    margin: 0;
    font-size: 14px;
    color: #515a6e
}

.tag-manage-container .transfer-container .transfer-panel .panel-content[data-v-7bc0bc33] {
    flex: 1;
    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 .2s
}

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

.tag-manage-container .transfer-container .transfer-panel .panel-content .tag-list .empty-state[data-v-7bc0bc33] {
    width: 100%;
    text-align: center;
    color: #c5c8ce;
    font-size: 14px;
    padding: 40px 0
}

.tag-manage-container .transfer-container .left-panel .panel-header[data-v-7bc0bc33] {
    background-color: #e8f4fd
}

.tag-manage-container .transfer-container .right-panel .panel-header[data-v-7bc0bc33] {
    background-color: #f0f9ff
}

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

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

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

.stat-card .card-title[data-v-13bcc7cc] {
    font-size: 14px;
    color: #606266;
    margin-bottom: 10px
}

.stat-card .card-value[data-v-13bcc7cc] {
    font-size: 24px;
    font-weight: 700;
    color: #303133;
    margin-bottom: 10px
}

.stat-card .card-trend[data-v-13bcc7cc] {
    font-size: 14px;
    color: #909399;
    font-weight: 700;
    display: flex;
    align-items: center
}

.stat-card .card-trend.up[data-v-13bcc7cc] {
    color: #67c23a;
    font-weight: 700
}

.stat-card .card-trend.down[data-v-13bcc7cc] {
    color: #f56c6c;
    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: #333;
    margin-bottom: 8px;
    display: inline-block;
    min-width: 100px
}

.group-detail-modal .group-detail-content .detail-item .detail-value[data-v-aa4f3128] {
    color: #666
}

.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 0
}

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

.left-section[data-v-c8fe9ae0] {
    flex: 1;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    max-height: calc(100vh - 240px);
    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: #fff;
    border-radius: 4px;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.section-title[data-v-c8fe9ae0] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #17233d
}

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

.tag-group-header[data-v-c8fe9ae0] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background-color: #f8f8f9;
    border-radius: 4px;
    margin-bottom: 12px
}

.tag-group-icon[data-v-c8fe9ae0] {
    margin-right: 8px;
    color: #2d8cf0
}

.tag-group-name[data-v-c8fe9ae0] {
    flex: 1;
    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 #f0f0f0;
    justify-content: space-between
}

.tag-count[data-v-c8fe9ae0] {
    color: #808695;
    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: #808695;
    margin-bottom: 8px
}

.stats-value[data-v-c8fe9ae0] {
    font-size: 24px;
    font-weight: 700;
    color: #2d8cf0;
    text-align: center
}

.stats-value.green[data-v-c8fe9ae0] {
    color: #19be6b
}

.stats-value.orange[data-v-c8fe9ae0] {
    color: #f90
}

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

.most-used-label[data-v-c8fe9ae0] {
    font-size: 14px;
    color: #808695;
    margin-bottom: 8px
}

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

.most-used-count[data-v-c8fe9ae0] {
    margin-left: 8px;
    color: #808695;
    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;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

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

.info-icon[data-v-70cce293] {
    color: #2d8cf0;
    font-size: 18px;
    margin-right: 8px
}

.form-title[data-v-70cce293] {
    font-size: 16px;
    font-weight: 700;
    color: #17233d
}

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

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

.stats-icon[data-v-70cce293] {
    color: #2d8cf0;
    font-size: 18px;
    margin-right: 8px
}

.stats-title[data-v-70cce293] {
    font-size: 16px;
    font-weight: 700;
    color: #17233d
}

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

.stats-item[data-v-70cce293] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f8f8f9
}

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

.stats-label[data-v-70cce293] {
    font-size: 14px;
    color: #808695
}

.stats-value[data-v-70cce293] {
    font-size: 16px;
    font-weight: 700;
    color: #17233d
}

.stats-value.green[data-v-70cce293] {
    color: #19be6b
}

.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: #17233d
}

.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: #f8f8f9;
    border-radius: 4px
}

.tag-usage[data-v-70cce293] {
    font-size: 12px;
    color: #808695
}

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

.left-section[data-v-332f12cc] {
    flex: 1;
    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: #fff;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.section-title[data-v-332f12cc] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: 700;
    color: #17233d
}

.title-icon[data-v-332f12cc] {
    color: #2d8cf0;
    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: #fff;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.tag-relative-list .section-title[data-v-332f12cc] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    font-weight: 700;
    color: #17233d
}

.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: 0
}

.related-tags .tag-group-title[data-v-332f12cc] {
    font-size: 14px;
    font-weight: 700;
    color: #17233d;
    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: #f8f8f9;
    border-radius: 4px;
    text-align: center
}

.stats-label[data-v-332f12cc] {
    font-size: 14px;
    color: #808695;
    margin-bottom: 8px
}

.stats-value[data-v-332f12cc] {
    font-size: 18px;
    font-weight: 700;
    color: #17233d
}

.stats-value.green[data-v-332f12cc] {
    color: #19be6b
}

.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: #f8f8f9;
    border-radius: 4px;
    transition: background-color .2s
}

.customer-item[data-v-332f12cc]:hover {
    background-color: #e8f4ff
}

.customer-avatar[data-v-332f12cc] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #2d8cf0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 700
}

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

.customer-name[data-v-332f12cc] {
    font-size: 14px;
    font-weight: 700;
    color: #17233d;
    margin-bottom: 4px
}

.customer-company[data-v-332f12cc] {
    font-size: 12px;
    color: #808695
}

.more-customers[data-v-332f12cc] {
    text-align: center;
    padding: 12px;
    color: #808695;
    font-size: 12px;
    background-color: #f8f8f9;
    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: #2d8cf0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto
}

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

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

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

.stat-card .card-title[data-v-491d5cc0] {
    font-size: 14px;
    color: #606266;
    margin-bottom: 10px
}

.stat-card .card-value[data-v-491d5cc0] {
    font-size: 24px;
    font-weight: 700;
    color: #303133;
    margin-bottom: 10px
}

.stat-card .card-trend[data-v-491d5cc0] {
    font-size: 14px;
    color: #909399;
    font-weight: 700;
    display: flex;
    align-items: center
}

.stat-card .card-trend.up[data-v-491d5cc0] {
    color: #67c23a;
    font-weight: 700
}

.stat-card .card-trend.down[data-v-491d5cc0] {
    color: #f56c6c;
    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: #fff;
    font-weight: 700;
    font-size: 14px
}

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

.status-active[data-v-491d5cc0] {
    color: #67c23a;
    font-weight: 700
}

.status-inactive[data-v-491d5cc0] {
    color: #f56c6c;
    font-weight: 700
}

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

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

.status-active[data-v-6176335f] {
    color: #67c23a;
    font-weight: 700
}

.status-inactive[data-v-6176335f] {
    color: #f56c6c;
    font-weight: 700
}

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

.info-card[data-v-41088903] {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.05);
    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: #303133;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.info-title-icon[data-v-41088903] {
    margin-right: 8px;
    color: #2d8cf0
}

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

.info-label[data-v-41088903] {
    color: #606266;
    margin-bottom: 5px
}

.info-value[data-v-41088903] {
    color: #303133;
    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: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.05)
}

.info-title[data-v-5d15f3b2] {
    font-size: 16px;
    font-weight: 700;
    color: #303133;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.info-title-icon[data-v-5d15f3b2] {
    margin-right: 8px;
    color: #2d8cf0
}

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

.info-label[data-v-5d15f3b2] {
    color: #606266;
    margin-bottom: 5px;
    font-size: 14px
}

.info-value[data-v-5d15f3b2] {
    color: #303133;
    font-weight: 500;
    font-size: 14px
}

.status-active[data-v-5d15f3b2] {
    color: #52c41a
}

.next-contact[data-v-5d15f3b2],.score-high[data-v-5d15f3b2] {
    color: #1890ff
}

.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: 0
}

.follow-records .record-item .record-dot[data-v-5d15f3b2] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #1890ff;
    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: #e8e8e8
}

.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
}

.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: #303133;
    display: flex;
    align-items: center
}

.follow-records .record-item .record-content .record-header .record-type .ivu-icon[data-v-5d15f3b2] {
    margin-right: 6px;
    color: #1890ff
}

.follow-records .record-item .record-content .record-header .record-time[data-v-5d15f3b2] {
    color: #999;
    font-size: 12px
}

.follow-records .record-item .record-content .record-text[data-v-5d15f3b2] {
    color: #666;
    line-height: 1.6;
    margin-bottom: 8px
}

.follow-records .record-item .record-content .record-date[data-v-5d15f3b2] {
    color: #999;
    font-size: 12px
}

.follow-records .no-records.no-plan[data-v-5d15f3b2] {
    color: #999;
    text-align: center;
    padding: 20px;
    font-style: italic
}

.follow-records .loading-state[data-v-5d15f3b2] {
    text-align: center;
    padding: 20px;
    color: #666
}

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

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

    to {
        transform: rotate(1turn)
    }
}

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

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

.user-profile .profile-section .section-label[data-v-5d15f3b2] {
    color: #606266;
    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: #999;
    font-size: 12px;
    margin-bottom: 4px
}

.user-profile .profile-section .communication-stats .stat-item .stat-value[data-v-5d15f3b2] {
    color: #303133;
    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: #303133;
    font-weight: 500
}

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

.rfm-analysis .rfm-item .rfm-label[data-v-5d15f3b2] {
    color: #606266;
    font-size: 14px;
    margin-bottom: 8px
}

.rfm-analysis .rfm-item .rfm-bar[data-v-5d15f3b2] {
    height: 8px;
    background-color: #f0f0f0;
    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 .3s ease
}

.rfm-analysis .rfm-item .rfm-value[data-v-5d15f3b2] {
    color: #303133;
    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 #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rfm-analysis .rfm-summary .rfm-level[data-v-5d15f3b2] {
    color: #606266;
    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: #666
}

.rfm-analysis .rfm-summary .total-score[data-v-5d15f3b2] {
    font-size: 16px;
    font-weight: 700;
    color: #1890ff
}

.next-follow-plan[data-v-5d15f3b2] {
    background: #f8f9fa;
    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: #1890ff;
    margin-right: 6px
}

.next-follow-plan .plan-header .plan-title[data-v-5d15f3b2] {
    font-weight: 500;
    color: #303133;
    display: flex;
    align-items: center
}

.next-follow-plan .plan-time[data-v-5d15f3b2] {
    font-weight: 700;
    color: #1890ff
}

.next-follow-plan .plan-type[data-v-5d15f3b2] {
    color: #303133;
    font-size: 14px;
    margin-left: 12px
}

.next-follow-plan .plan-type .ivu-icon[data-v-5d15f3b2] {
    margin-right: 6px;
    color: #1890ff
}

.next-follow-plan .plan-content .plan-note[data-v-5d15f3b2] {
    margin-left: 24px;
    color: #666;
    font-size: 13px
}

.mainPage[data-v-5f7abc77] {
    padding: 20px;
    background-color: #f5f7fa;
    min-height: 100vh
}

.customer-overview[data-v-5f7abc77] {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    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: #409eff;
    display: flex;
    align-items: center;
    justify-content: center
}

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

.default-avatar[data-v-5f7abc77] {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

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

.customer-name[data-v-5f7abc77] {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px
}

.customer-meta[data-v-5f7abc77] {
    color: #666;
    margin-bottom: 8px
}

.customer-meta .company[data-v-5f7abc77] {
    margin-right: 12px
}

.customer-meta .position[data-v-5f7abc77] {
    color: #999
}

.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: #666;
    font-size: 14px;
    margin-bottom: 4px
}

.score-value[data-v-5f7abc77] {
    font-size: 32px;
    font-weight: 700;
    color: #409eff
}

.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: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.form-title[data-v-5f7abc77] {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.form-title-icon[data-v-5f7abc77] {
    margin-right: 8px;
    color: #409eff
}

.action-buttons[data-v-5f7abc77] {
    text-align: center;
    padding: 20px 0
}

.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: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}

.history-list[data-v-5f7abc77] {
    max-height: 400px;
    overflow-y: auto
}

.empty-history[data-v-5f7abc77] {
    text-align: center;
    padding: 40px 0;
    color: #c5c8ce
}

.empty-history p[data-v-5f7abc77] {
    margin-top: 8px;
    margin-bottom: 0
}

.history-item[data-v-5f7abc77] {
    border-bottom: 1px solid #f0f0f0;
    padding: 16px 0
}

.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: #fff
}

.follow-type-phone[data-v-5f7abc77] {
    background-color: #2d8cf0
}

.follow-type-email[data-v-5f7abc77] {
    background-color: #19be6b
}

.follow-type-visit[data-v-5f7abc77] {
    background-color: #f90
}

.follow-type-wechat[data-v-5f7abc77] {
    background-color: #19be6b
}

.follow-type-qq[data-v-5f7abc77] {
    background-color: #2d8cf0
}

.follow-type-other[data-v-5f7abc77] {
    background-color: #c5c8ce
}

.follow-time[data-v-5f7abc77] {
    color: #999;
    font-size: 12px
}

.history-content[data-v-5f7abc77] {
    color: #333;
    margin-bottom: 4px;
    line-height: 1.5
}

.history-result[data-v-5f7abc77] {
    color: #666;
    font-size: 14px;
    margin-bottom: 4px
}

.history-operator[data-v-5f7abc77] {
    color: #999;
    font-size: 12px
}

.stats-content[data-v-5f7abc77] {
    padding: 10px 0
}

.stat-item[data-v-5f7abc77] {
    margin-bottom: 16px
}

.stat-item[data-v-5f7abc77]:last-child {
    margin-bottom: 0
}

.stat-header[data-v-5f7abc77] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.stat-label[data-v-5f7abc77] {
    color: #333;
    font-size: 14px
}

.stat-count[data-v-5f7abc77] {
    color: #666;
    font-size: 14px
}

.stat-bar[data-v-5f7abc77] {
    height: 8px;
    background-color: #f0f0f0;
    border-radius: 4px;
    overflow: hidden
}

.stat-progress[data-v-5f7abc77] {
    height: 100%;
    transition: width .3s ease
}

.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: #f8f9fa;
    border-radius: 6px
}

.overview-label[data-v-5f7abc77] {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px
}

.overview-value[data-v-5f7abc77] {
    font-size: 24px;
    font-weight: 700;
    color: #333
}

.chart-container[data-v-5f7abc77] {
    padding: 20px 0
}

.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: #c5c8ce
}

.empty-data p[data-v-5f7abc77] {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 16px
}

.productDesc[data-v-5df4b382] {
    background: url(../img/demandBg.8eb20aed.png)
}

.mainContent[data-v-5df4b382] {
    padding: 3rem 0 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: .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: .6rem 0;
    color: #676767
}

.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: 0;
    padding: 0;
    font-weight: 500
}

body {
    min-height: 100vh;
    color: #000;
    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: 0!important;
    text-indent: 1em!important
}

.ql-indent-2 {
    padding-left: 0!important;
    text-indent: 2em!important
}

.ql-indent-3 {
    padding-left: 0!important;
    text-indent: 3em!important
}

.ql-indent-4 {
    padding-left: 0!important;
    text-indent: 4em!important
}

.ql-indent-5 {
    padding-left: 0!important;
    text-indent: 5em!important
}

.ql-indent-6 {
    padding-left: 0!important;
    text-indent: 6em!important
}

.mainContent {
    width: 1200px;
    margin: 0 auto
}

.moduleTitle {
    color: #292b35;
    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(0)!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: 99999999999!important
}

.ivu-form {
    padding: 0!important
}

.ivu-form-item {
    margin-top: 22px!important;
    margin-bottom: 0!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: .5rem!important;
    color: #323232!important;
    font-size: .875rem!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: normal!important;
    padding: 0!important
}

input::-moz-placeholder {
    color: #666;
    font-size: .875rem
}

input::placeholder {
    color: #666;
    font-size: .875rem
}

@media (max-width: 768px) {
    body,html {
        font-size:16px
    }

    .mainContent {
        width: auto
    }

    .moduleTitle {
        color: #292b35;
        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: #dfe6f3
    }

    .mainContent {
        width: 100%;
        padding: 8px 26px;
        padding-right: 46px
    }

    .menuItem {
        font-size: 16px;
        color: #333;
        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 {
            font-size: 16px!important;
            color: #999;
            position: relative;
            &:before {
                content: "";
                display: block;
                width: 4px;
                height: 18px;
                position: absolute;
                top: 15px;
                bottom: 0;
                left: 0;
                background: #3783ff
            }
        }

        .ivu-menu-vertical .ivu-menu-item-group-title {
            padding-left: 14px;
            margin-bottom: 16px
        }

        .ivu-menu-item {
            font-size: 16px!important;
            color: #676767;
            margin: 12px 0
        }

        .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
            color: #fff;
            background-image: linear-gradient(90deg,#1051ff,#3dafff);
            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: 0
        }

        .ivu-menu-vertical .ivu-menu-item,.ivu-menu-vertical .ivu-menu-submenu-title {
            padding: 10px 0 10px 32px
        }
    }
}

.router-warp {
    background-color: #f5f5f5;
    padding: 20px 24px!important;
    font-size: 14px!important;
    font-family: Inter
}

.ivu-modal {
    top: 15%
}

.ivu-modal-content {
    background-color: #f1f1f1;
    border-radius: 12px
}

.ivu-modal-header {
    padding: 18px 20px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #cdcdcd!important
}

.ivu-modal-header-inner {
    font-size: 16px!important;
    color: #333!important;
    font-weight: 700!important;
    font-family: Inter
}

.ivu-modal-close {
    right: 20px;
    top: 18px
}

.ivu-modal-close .ivu-icon-ios-close {
    font-size: 24px!important;
    font-weight: 700;
    width: 20px!important;
    height: 20px!important;
    color: #fff!important;
    background-color: #ea6050!important;
    border-radius: 6px
}

.ivu-icon-ios-close:before {
    font-weight: 700!important;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px
}

.ivu-modal-body {
    padding: 20px;
    .ivu-form-item:first-child {
        margin-top: 0!important
    }
}

.ivu-modal-footer {
    text-align: center
}

.ivu-modal-footer button {
    padding: 0 20px;
    height: 36px;
    border-radius: 24px;
    font-size: 14px
}

.ivu-modal-footer .ivu-btn-text {
    background-color: #b4b4b4;
    color: #fff
}

.ivu-tabs-nav {
    background-color: #fff!important;
    border-radius: 8px
}

.ivu-tabs-nav .ivu-tabs-tab {
    padding: 6px 14px;
    margin-right: 0
}

.ivu-tabs-nav .ivu-tabs-tab-active {
    color: #2d8cf0;
    background: #3581ff;
    color: #fff;
    border-radius: 10px
}

.ivu-tabs-bar {
    border: none
}

.ivu-tabs-ink-bar {
    height: 0
}

.ivu-input {
    height: 36px;
    border-radius: 8px
}

.ivu-modal-footer {
    border-color: #cdcdcd
}

.saveBtn {
    background-color: #3581ff;
    border-radius: 24px!important
}

.saveBtn,.warnBtn {
    color: #fff;
    padding: 6px 31px;
    height: auto;
    display: inline-block;
    width: auto;
    outline: none!important
}

.warnBtn {
    border-radius: 24px
}

.mainPage {
    padding: 20px;
    background-color: #fff;
    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: #f5f5f5!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: #f5f5f5!important
    }
}

.ivu-table-wrapper {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ivu-table {
    color: #000
}

.ivu-table th {
    background-color: #e6e6e6!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: #333!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
}