.menuWrapper--3akmk {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #eee
}

.menus--2ovc9 {
    margin: 0 auto;
    width: 1008px
}

.menu--1NjCH {
    position: relative;
    display: inline-block;
    padding: 14px 0 12px;
    min-width: 60px;
    color: #39424e;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.menu--1NjCH.active--28_y1 {
    color: #ff6880
}

.menu--1NjCH.noAuth--2WgNh {
    color: #ccc
}

.menu--1NjCH+.menu--1NjCH {
    margin-left: 40px
}

.tip--nTRv9 {
    float: right;
    padding: 14px 0 12px;
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.bar--2V6Ar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #ff6880
}

.container--2xEG_ {
    position: relative
}

.bubble--3QGNA,
.trigger--XdKqC {
    display: inline-block
}

.bubble--3QGNA {
    position: absolute;
    z-index: 10;
    min-width: 100px;
    font-size: 14px;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .16))
}

.tip--2GCpY {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    text-align: center
}

.right--2D-F6 {
    top: 0;
    left: 100%
}

.left--3aVae {
    top: 0;
    right: 100%
}

.top--1gnrI {
    top: -100%;
    left: 50%;
    margin-top: -11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.top--1gnrI .arrow--3LQnV {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: translateY(10px) translateX(0);
    transform: translateY(10px) translateX(0)
}

.bottom--ksTjK .arrow--3LQnV {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.left--3aVae .arrow--3LQnV {
    position: absolute;
    top: 50%;
    right: -13px;
    margin-top: -6px;
    color: #fff;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.container--39O4e {
    position: relative;
    height: auto
}

.container--39O4e,
.trigger--1fQOI {
    display: inline-block
}

.bubble--2MDEe {
    position: absolute;
    z-index: 10;
    font-size: 14px;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .16))
}

.bubble--2MDEe.show--11VQ8 {
    display: block;
    opacity: 1
}

.bubble--2MDEe.hide--3aYds {
    display: none;
    opacity: 0
}

.tip--3VjHb {
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 4px;
    background-color: #fff;
    color: #666;
    text-align: left
}

.right--2N7Ff {
    left: 100%;
    margin-left: 10px
}

.left--dLbAA,
.right--2N7Ff {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

.left--dLbAA {
    right: 100%;
    margin-right: 10px
}

.bottom--fE1fu {
    left: 50%;
    margin-top: 11px;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.top--CgzGA {
    top: 0;
    left: 50%;
    margin-top: -11px;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%)
}

.arrow--30YqA {
    position: absolute;
    color: #fff
}

.top--CgzGA .arrow--30YqA {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: translateY(10px) translateX(0);
    transform: translateY(10px) translateX(0)
}

.right--2N7Ff .arrow--30YqA {
    top: 50%;
    left: -13px;
    margin-top: -6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bottom--fE1fu .arrow--30YqA {
    top: -10px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.left--dLbAA .arrow--30YqA {
    top: 50%;
    right: -13px;
    margin-top: -6px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.uploadContainer--bK8RU {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0
}

.file--1V34F {
    display: inline-block
}

.imageContainer--3Y78C {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCI+PGRlZnM+PG1hc2sgaWQ9ImIiIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxtYXNrIGlkPSJjIiB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cmVjdCBpZD0iYSIgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ii8+PC9kZWZzPjxnIGZpbGw9IiNGNkY2RjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjQ0NDIiBzdHJva2UtZGFzaGFycmF5PSIyLjUsNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIG1hc2s9InVybCgjYikiPjx1c2UgbWFzaz0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2EiLz48L2c+PC9zdmc+) 100% 100%;
    text-align: center
}

.imageContainer--3Y78C img {
    max-width: 118px;
    max-height: 118px;
    border: 1px solid transparent;
    border-radius: 2px;
    line-height: 118px
}

.imageMask--3TpnD {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 32px
}

.reUpload--3m8G4 {
    position: relative;
    float: left;
    margin-top: 4px;
    width: 88px;
    height: 24px;
    border-right: 1px solid hsla(0, 0%, 100%, .3);
    text-align: center;
    font-size: 14px;
    line-height: 24px
}

.deleteIcon--2K0M1 {
    float: left;
    margin-top: 3px;
    width: 30px;
    height: 26px;
    border-left: 1px solid rgba(0, 0, 0, .3)
}

.uploadButton--29mqi {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 6px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCI+PGRlZnM+PG1hc2sgaWQ9ImIiIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxtYXNrIGlkPSJjIiB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cmVjdCBpZD0iYSIgd2lkdGg9IjEyMCIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ii8+PC9kZWZzPjxnIGZpbGw9IiNGNkY2RjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjQ0NDIiBzdHJva2UtZGFzaGFycmF5PSIyLjUsNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIG1hc2s9InVybCgjYikiPjx1c2UgbWFzaz0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2EiLz48L2c+PC9zdmc+) 100% 100%
}

.imageButton--B34FL {
    width: 120px;
    height: 120px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDYpIj48cGF0aCBzdHJva2U9IiM5OTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjI0MSIgZD0iTTE1LjY0MiAxOS4wNzRIMS43N0ExLjczNCAxLjczNCAwIDAxLjAzNiAxNy4zNFYxLjczNEMuMDM2Ljc3Ni44MTMgMCAxLjc3IDBoMTcuMzRjLjk1OCAwIDEuNzM0Ljc3NiAxLjczNCAxLjczNHYxMC40MDQiLz48cGF0aCBzdHJva2U9IiM5OTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjI0MSIgZD0iTTAgMTUuNDA3bDMuNTg3LTMuOTVhMS44NCAxLjg0IDAgMDEyLjY5OSAwbDIuOTc2IDMuMjc3YTEuODQgMS44NCAwIDAwMi41MzUuMTU5TDEzLjc5IDEzLjJhMS44NDIgMS44NDIgMCAwMTIuNDQuMDYybDEuMTEgMS4wNDciLz48Y2lyY2xlIGN4PSIxNS42NDIiIGN5PSI2LjA2OSIgcj0iMS43MzQiIGZpbGw9IiM5OTkiLz48cGF0aCBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjI0MSIgZD0iTTIwLjg0NCAxNC43Mzl2Ni4wNjltLTIuNjAxLTMuNDY4bDIuNjAxLTIuNjAxIDIuNjAxIDIuNiIvPjwvZz48L3N2Zz4=) center 32px no-repeat
}

.imageButton--B34FL.uploading--39g1g {
    background: none
}

@-webkit-keyframes rotation--2jM1g {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes rotation--2jM1g {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.loadingImage--3WMx3 {
    display: none;
    width: 120px;
    height: 120px;
    background: url(uploading.7f14178b.png) 50% no-repeat;
    background-size: 36px 36px;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    -webkit-animation: rotation--2jM1g 2s linear infinite;
    animation: rotation--2jM1g 2s linear infinite
}

.uploading--39g1g .loadingImage--3WMx3 {
    display: block
}

.uploading--39g1g .imageMask--3TpnD {
    display: none
}

.imageInput--dsoOB {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0;
    cursor: pointer
}

.modalMask--32BLB {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    overflow: auto;
    align-items: center;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3);
    text-align: center
}

.modalContainer--1yfih {
    position: relative;
    padding: 20px;
    border-radius: 4px;
    background: #fff
}

.modalImage--1P0ov img {
    max-width: 800px;
    max-height: 500px
}

.close--7x9R5 {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px
}

.container--KxiNV {
    min-width: 1200px;
    min-height: 745px;
    overflow: hidden;
    position: relative;
    flex: 1 1
}

.multi--2NXHH {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iNjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjE5LjY5MSUiIHgyPSI3My44MjglIiB5Mj0iNzkuOTk3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjgxOTYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkExRjc0IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48Y2lyY2xlIGN4PSI0MS41IiBjeT0iMTg5LjUiIHI9IjMzLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04IC0xNTYpIiBmaWxsPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii4zNjIiLz48L3N2Zz4=), linear-gradient(121deg, #e50b82, #fd904d);
    background-position: top 152px right, 100%;
    background-size: auto, 100% 100%;
    background-repeat: no-repeat, no-repeat
}

.container--1abKY {
    bottom: 0;
    text-align: center;
    font-size: 12px;
    line-height: 17px
}

.container--1abKY.dark--1XW3_ {
    color: #333;
    opacity: .5
}

.container--1abKY.light--3b_P4 {
    color: #fff
}

.gongan--uABFC {
    display: inline-block;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background: url(guohui.638bb1ec.png) 0 0 no-repeat;
    background-size: 16px 16px;
    vertical-align: top
}

.line--2VuPH {
    display: flex;
    align-items: center;
    justify-content: center
}

.line--2VuPH+.line--2VuPH {
    margin-top: 6px
}

.block--1nDzR {
    display: flex;
    align-items: center;
    justify-content: center
}

.link--2MBR0 {
    color: inherit;
    text-decoration: none
}

.link--2MBR0.dark--1XW3_:hover {
    color: #ff6880
}

.bar--28whb {
    box-sizing: border-box;
    margin: 0 8px;
    width: 1px;
    height: 14px
}

.bar--28whb.dark--1XW3_ {
    border-right: 1px solid #999
}

.bar--28whb.light--3b_P4 {
    border-right: 1px solid #fff
}

.pale--6IE6e {
    color: #999
}

.pale--6IE6e.light--3b_P4 {
    color: #fff
}

.container--Rb8wU {
    position: absolute;
    top: 20px;
    left: -235px;
    width: 332px;
    height: 420px;
    padding: 5px;
    z-index: 200;
    box-sizing: border-box;
    background-image: url(messageBlockBg.cd32dda7.svg)
}

.content--3NRYe {
    padding-top: 14px;
    height: 365px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.list--G14mL {
    flex: 1 1;
    overflow-y: scroll;
    overflow-x: hidden
}

.text--31aBg {
    font-size: 14px;
    font-weight: 500;
    color: #999
}

.btn--2TGr6 {
    border-radius: 4px;
    background: #f9f9f9;
    height: 42px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666;
    cursor: pointer
}

.btn--2TGr6:hover {
    font-weight: 500;
    color: #ff6880
}

.container--3c7Yk {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    background: #fff;
    padding-top: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .3s
}

.container--3c7Yk:hover {
    background: #f9f9f9
}

.header--zOgKq {
    justify-content: space-between
}

.header--zOgKq,
.headerLeft--TzuTi {
    display: flex;
    align-items: center
}

.icon---7Vmb {
    width: 20px;
    height: 20px
}

.title--3ehQU {
    font-weight: 500;
    font-size: 14px;
    color: #1c1c1c;
    letter-spacing: 0;
    margin-left: 8px
}

.time--3giOD {
    font-size: 10px;
    color: #999;
    letter-spacing: 0
}

.content--3Wjvj {
    font-size: 14px;
    color: #1c1c1c;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    margin-top: 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb
}

.container--UG7F9 {
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -8px;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    min-height: 16px;
    border-radius: 16px;
    border: 1px solid #fff;
    background-color: #ff6880;
    right: -14px;
    padding: 2px
}

.container--UG7F9.twoLength--2X6VD {
    right: -19px;
    padding: 2px 4px
}

.container--UG7F9.threeLength--8Riuv {
    right: -25px;
    padding: 2px 4px
}

.container--2J1yn {
    position: relative;
    margin-right: 32px;
    font-size: 14px;
    cursor: pointer
}

.container--2J1yn.light--3ilcB {
    color: #333
}

.container--2J1yn.dark--30y9s {
    color: #fff
}

.container--2J1yn.active--1_Nx3 {
    color: #ff6880
}

.container--Lascy {
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 32px;
    height: 60px;
    letter-spacing: 0
}

.container--Lascy.light--Eb9Vw {
    position: fixed;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12)
}

.logo--3kZ0B {
    width: 64px;
    height: 64px;
    transition: .5s;
    -webkit-transform: rotate(0deg);
    margin-top: 10px;
    transform: rotate(0deg)
}

.logo--3kZ0B:hover {
    transition: .5s;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.logo--3kZ0B.dark--2lNxN {
    background-image: url(dark.19b695a7.svg)
}

.logo--3kZ0B.light--Eb9Vw {
    background-image: url(light.7aa02bfb.svg)
}

.tabs--6Y3qx {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.link--1gur7 {
    margin-right: 32px;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.link--1gur7.dark--2lNxN {
    color: #fff
}

.link--1gur7.light--Eb9Vw {
    color: #333
}

.link--1gur7.light--Eb9Vw.active--3mxta {
    color: #ff6880
}

.publish---NUht {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    box-sizing: border-box;
    width: 80px;
    height: 28px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.icon--3e6I9 {
    margin-right: 6px
}

.publish---NUht.dark--2lNxN {
    border: 1px solid #fff
}

.publish---NUht.light--Eb9Vw {
    background-color: #ff6880
}

.divider--bp5lW {
    margin: 0 16px;
    width: 1px;
    height: 16px;
    background-color: #e6e8eb
}

.login--pAC2L {
    margin-right: 0
}

.avatar--3oByJ {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer
}

.relative--2zSvw {
    position: relative
}

.userBlock--2NJpb {
    position: absolute;
    top: 100%;
    right: -25px;
    z-index: 99999999;
    padding: 5px;
    width: 248px;
    height: 129px;
    background-image: url(userBlockBg.3d51b1c2.svg);
    cursor: pointer
}

.content--8vqC8 {
    display: flex;
    overflow: hidden;
    align-items: center;
    padding: 25px 0 18px 14px;
    border-bottom: 1px solid #eee
}

.userAvatar--2rAZL {
    width: 28px;
    height: 28px;
    border-radius: 50%
}

.userInfo--2HcXy {
    overflow: hidden;
    flex: 1 1;
    margin-left: 10px
}

.name--3C4Hh {
    overflow: hidden;
    width: 100%;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.count--373HC {
    margin-top: 6px;
    color: #999;
    font-size: 12px;
    line-height: 17px
}

.logout--1NBkv {
    box-sizing: border-box;
    padding-top: 9px;
    height: 42px;
    color: #666;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.logout--1NBkv:hover {
    color: #ff6880;
    font-weight: 500
}

.container--2HsRu {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 32px 38px 38px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 100
}

.title--bGCx_ {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    color: #333
}

.subtitle--tOueR,
.title--bGCx_ {
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    text-align: center
}

.subtitle--tOueR {
    font-size: 14px;
    line-height: 1.57;
    color: #999;
    margin: 4px 0 32px
}

.wrapper--1dVI3 {
    display: flex;
    align-items: flex-start
}

.left--3Sbp9 {
    padding-right: 27px;
    border-right: 1px solid #dbdbdb;
    box-sizing: border-box;
    margin-right: 26px
}

.image--BmGtO {
    width: 420px;
    height: 292px;
    overflow: hidden;
    background: #000;
    text-align: center
}

.choose--2Zx3T {
    margin-top: 8px;
    line-height: 22px;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #577ba2;
    cursor: pointer
}

.choose--2Zx3T:hover {
    opacity: .8
}

.previewWrapper--2D5Kk {
    width: 200px
}

.previewWrapper--2D5Kk img {
    width: 200px;
    height: 200px;
    object-fit: contain
}

.previewLabel--fyL5D {
    line-height: 22px;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 16px;
    text-align: center;
    color: #999;
    margin-top: 8px
}

.operations--1hj_x {
    display: flex;
    justify-content: center;
    margin-top: 41px
}

.btn--3152q {
    width: 120px;
    height: 38px;
    border-radius: 19px;
    box-sizing: border-box;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    padding: 9px;
    cursor: pointer
}

.cancel--LCxQn {
    color: #999;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    margin-right: 24px
}

.cancel--LCxQn:hover {
    background-color: #f9f9f9
}

.confirm--2Pj8P {
    color: #fff;
    background-image: linear-gradient(288deg, #ff808b, #fc6078)
}

.confirm--2Pj8P:hover {
    background-image: linear-gradient(288deg, #fb717d, #f6506b)
}

.mask--3SWlb {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .4;
    background-color: #000
}

.cover--3NIGN {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000
}

.uploadCover--1yt4J {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    width: 200px;
    height: 140px;
    border: 1px dashed #ccc;
    background: url(uploadCover.09d46f0a.svg) #f4f4f4 no-repeat 50%;
    box-sizing: border-box;
    cursor: pointer
}

.coverMask--1FTgL {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background-color: rgba(0, 0, 0, .3);
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-align: center
}

.coverMask--1FTgL:hover {
    opacity: .8
}

.container--3Lgcv {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center
}

.container--3Lgcv.show--2V-ai {
    z-index: 100;
    visibility: visible
}

.shadow--24DHk {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4
}

.dialog--3SccU {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 48px 0;
    width: 420px;
    border-radius: 12px;
    background: #fff
}

.logo--165AS {
    margin-bottom: 12px;
    width: 64px;
    height: 64px;
    background: 50%/cover no-repeat url(squared.9ff960bc.svg)
}

.welcome--sg7Xe {
    margin-bottom: 32px;
    color: #333;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px
}

.close--2dvGi {
    position: absolute;
    top: 16px;
    right: 15px;
    cursor: pointer
}

.moreButton--2rAaS {
    margin-top: 16px;
    text-align: center
}

.moreInfo--21EPJ {
    display: inline-block;
    padding: 0 8px;
    color: #333;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer
}

.icon--2q9_H {
    display: inline-block;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    background-position: 50%;
    vertical-align: top
}

.phoneIcon--2KYPT {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0ZGNjg4MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMTI1IDEuNWMuNzYgMCAxLjM3NS42MTYgMS4zNzUgMS4zNzV2MTQuMjVjMCAuNzYtLjYxNiAxLjM3NS0xLjM3NSAxLjM3NWgtOC4yNWMtLjc2IDAtMS4zNzUtLjYxNi0xLjM3NS0xLjM3NVYyLjg3NWMwLS43Ni42MTYtMS4zNzUgMS4zNzUtMS4zNzVoOC4yNXpNMTAgMTQuNTMzYy0uNzYgMC0xLjM3NS42MzUtMS4zNzUgMS40MTdzLjYxNiAxLjQxNyAxLjM3NSAxLjQxN2MuNzYgMCAxLjM3NS0uNjM1IDEuMzc1LTEuNDE3cy0uNjE2LTEuNDE3LTEuMzc1LTEuNDE3em00LjEyNS0xMS4zODVoLTguMjV2MTAuNDA3aDguMjVWMy4xNDh6Ii8+PC9zdmc+) no-repeat
}

.accountIcon--3gaGy {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0Y3QTcwMCIgZD0iTTEzIDE4SDdhNCA0IDAgMDEtNC00di00YTIgMiAwIDAxMi0yLjAwMVY3YTUgNSAwIDExMTAgMHYuOTk5QTIgMiAwIDAxMTcgMTB2NGE0IDQgMCAwMS00IDR6bS00LTQuMjc3djEuMjc2YTEgMSAwIDEwMiAwdi0xLjI3NmMuNTk1LS4zNDcgMS0uOTg2IDEtMS43MjNhMiAyIDAgMTAtNCAwYzAgLjczNy40MDQgMS4zNzYgMSAxLjcyM3ptMS05LjcyNEEzIDMgMCAwMDcgN2MwIC4zNTMuMDcyLjY4Ni4xODQgMWg1LjYzMmMuMTEyLS4zMTQuMTg0LS42NDcuMTg0LTFhMyAzIDAgMDAtMy0zLjAwMXoiLz48L3N2Zz4=) no-repeat
}

.weixinIcon--3Uli0 {
    background: url(wechat.11812f64.svg) no-repeat
}

.moreInfo--21EPJ:hover {
    opacity: 1
}

.container--11aFd {
    margin: 0 auto;
    width: 320px;
    color: #999;
    font-size: 16px
}

.password--1oG5W {
    position: relative
}

.passwordInput--bHst1 {
    width: 270px;
    height: 44px;
    border: 0;
    font-size: 16px;
    line-height: 44px
}

.passwordInput--bHst1::-webkit-input-placeholder {
    color: #999
}

.findPassword--3ky2W {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    color: #577ba2;
    font-size: 12px;
    line-height: 44px;
    cursor: pointer
}

.error--2HHit {
    padding-top: 8px;
    width: 100%;
    height: 16px;
    border-top: 1px solid #eee;
    color: #ff6880;
    font-size: 12px
}

.error--2HHit.active--3yv0a {
    border-top: 1px solid #ff6880
}

.agreement--3MHh4 {
    top: 334px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 18px;
    color: #505050;
    font-size: 12px;
    line-height: 17px
}

.check--17s4u {
    margin-right: 4px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJEQkRCIi8+PC9zdmc+);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.check--17s4u.active--3yv0a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI5IiBjeT0iOSIgcj0iOCIgZmlsbD0iI0ZGNjg4MCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03LjA5NCAxMi42TDQuNDkgOS45OTRBLjc0Ljc0IDAgMDE1LjUzNSA4Ljk1bDIuMDkyIDIuMDkyIDQuNzA0LTQuNzA0YS43NC43NCAwIDAxMS4wNDUgMS4wNDVMOC4xNSAxMi42MWEuNzQuNzQgMCAwMS0xLjA1Ni0uMDF6Ii8+PC9nPjwvc3ZnPg==)
}

.link--1a7cb {
    color: #577ba2
}

.loginButton--2A3-s {
    margin-top: 16px;
    width: 320px;
    height: 46px;
    border-radius: 6px;
    background-image: linear-gradient(278deg, #ff808b, #fc6078);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 46px;
    opacity: .5
}

.loginButton--2A3-s.active--3yv0a {
    opacity: 1;
    cursor: pointer
}

.container--2h1A7 {
    margin: 0 auto;
    width: 320px;
    color: #999;
    font-size: 16px
}

.password--3EbEc {
    position: relative
}

.passwordInput--1m1RW {
    width: 220px;
    height: 44px;
    border: 0;
    font-size: 16px;
    line-height: 44px
}

.passwordInput--1m1RW::-webkit-input-placeholder {
    color: #999
}

.codeText--3w9JY {
    position: absolute;
    top: 6px;
    right: 0;
    width: 92px;
    height: 32px;
    border: 1px solid #ff6880;
    border-radius: 4px;
    color: #ff6880;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer
}

.error--2lmiF {
    padding-top: 8px;
    width: 100%;
    height: 16px;
    border-top: 1px solid #eee;
    color: #ff6880;
    font-size: 12px
}

.error--2lmiF.active--8C1Ds {
    border-top: 1px solid #ff6880
}

.agreement--1vhpD {
    top: 334px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 18px;
    color: #505050;
    font-size: 12px;
    line-height: 17px
}

.check--kfxSr {
    margin-right: 4px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJEQkRCIi8+PC9zdmc+);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.check--kfxSr.active--8C1Ds {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI5IiBjeT0iOSIgcj0iOCIgZmlsbD0iI0ZGNjg4MCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03LjA5NCAxMi42TDQuNDkgOS45OTRBLjc0Ljc0IDAgMDE1LjUzNSA4Ljk1bDIuMDkyIDIuMDkyIDQuNzA0LTQuNzA0YS43NC43NCAwIDAxMS4wNDUgMS4wNDVMOC4xNSAxMi42MWEuNzQuNzQgMCAwMS0xLjA1Ni0uMDF6Ii8+PC9nPjwvc3ZnPg==)
}

.link--3MfUi {
    color: #577ba2
}

.loginButton--16stG {
    margin-top: 16px;
    width: 320px;
    height: 46px;
    border: 0;
    border-radius: 6px;
    background-image: linear-gradient(278deg, #ff808b, #fc6078);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 46px;
    opacity: .5
}

.loginButton--16stG.active--8C1Ds {
    opacity: 1;
    cursor: pointer
}

.container--xb6eP {
    position: relative;
    margin: 0 auto;
    width: 320px;
    height: 204px;
    color: #999;
    font-size: 16px
}

.password--LpbKH {
    position: relative
}

.passwordInput--1Sr4u {
    width: 310px;
    height: 44px;
    border: 0;
    font-size: 16px;
    line-height: 44px
}

.passwordInput--1Sr4u::-webkit-input-placeholder {
    color: #999
}

.codeText--3Dp-H {
    position: absolute;
    top: 6px;
    right: 0;
    width: 92px;
    height: 32px;
    border: 1px solid #ff6880;
    border-radius: 4px;
    color: #ff6880;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer
}

.error--2c70q {
    padding-top: 8px;
    width: 100%;
    height: 16px;
    border-top: 1px solid #eee;
    color: #ff6880;
    font-size: 12px
}

.error--2c70q.active--1dSNh {
    border-top: 1px solid #ff6880
}

.agreement--1Njch {
    top: 334px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 18px;
    color: #505050;
    font-size: 12px;
    line-height: 17px
}

.tips--3iTlW {
    margin-top: -18px;
    color: #999;
    text-align: left;
    font-size: 12px;
    line-height: 24px
}

.eyes--FFxs1 {
    position: absolute;
    top: 11px;
    right: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNEOUQ5RDkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01IDljMS42ODMgMy4wOCA0LjAzNiA0LjY2NyA3IDQuNjY3IDIuOTY0IDAgNS4zMTctMS41ODcgNy00LjY2NyIvPjxwYXRoIGQ9Ik0xMy45NDQgMTMuNjY3bC43NzggMS45NDRtLTQuNjY2LTEuOTQ0bC0uNzc4IDEuOTQ0bTcuNzc4LTMuODg5bDEuNTU1IDEuMTY3TTYuOTQ0IDExLjcyMkw1LjM5IDEyLjg5Ii8+PC9nPjwvc3ZnPg==);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.eyes--FFxs1.active--1dSNh {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzIDYpIj48cGF0aCBzdHJva2U9IiNEOEQ4RDgiIHN0cm9rZS13aWR0aD0iMS42ODgiIGQ9Ik0xNy4xNDYgNkMxNS4xNDYgMi41NTcgMTIuNDI4Ljg0NCA5IC44NDQgNS41NzIuODQ0IDIuODUzIDIuNTU3Ljg1NCA2YzIgMy40NDMgNC43MTggNS4xNTYgOC4xNDYgNS4xNTYgMy40MjggMCA2LjE0Ny0xLjcxMyA4LjE0Ni01LjE1NnpNLjgzOCA2LjAyN0ExNi4wMjkgMTYuMDI5IDAgMDAuODQgNi4wMnoiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNiIgcj0iMyIgZmlsbD0iI0Q4RDhEOCIvPjwvZz48L3N2Zz4=)
}

.check--19C_k {
    margin-right: 4px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJEQkRCIi8+PC9zdmc+);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.check--19C_k.active--1dSNh {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI5IiBjeT0iOSIgcj0iOCIgZmlsbD0iI0ZGNjg4MCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03LjA5NCAxMi42TDQuNDkgOS45OTRBLjc0Ljc0IDAgMDE1LjUzNSA4Ljk1bDIuMDkyIDIuMDkyIDQuNzA0LTQuNzA0YS43NC43NCAwIDAxMS4wNDUgMS4wNDVMOC4xNSAxMi42MWEuNzQuNzQgMCAwMS0xLjA1Ni0uMDF6Ii8+PC9nPjwvc3ZnPg==)
}

.link--24wAE {
    color: #577ba2
}

.loginButton--1iqUj {
    position: absolute;
    bottom: 0;
    margin-top: 16px;
    width: 320px;
    height: 46px;
    border-radius: 6px;
    background-image: linear-gradient(278deg, #ff808b, #fc6078);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 46px;
    opacity: .5
}

.loginButton--1iqUj.active--1dSNh {
    opacity: 1;
    cursor: pointer
}

.container--GtQJl {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    box-sizing: border-box;
    padding: 24px;
    width: 312px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.title--Q270L {
    overflow: hidden;
    align-items: center;
    color: #161f31;
    text-align: center;
    text-overflow: ellipse;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.text--1rxiR {
    margin-top: 24px
}

.icon--1cYbP {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background: 50%/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iI0ZGNjg4MCIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIyLjQ5NyAxMS43NjNsLS41MzkgMTAuNDc3YTEuOTczIDEuOTczIDAgMDEtMS45NzkgMS44NjEgMS45NjYgMS45NjYgMCAwMS0xLjk3Mi0xLjg2MmwtLjUwNC0xMC40NzVjLS4wNjYtMS4zNjggMS0yLjUzIDIuMzgyLTIuNTk1bC4xMi0uMDAyYzEuMzc4IDAgMi40OTUgMS4xMDYgMi40OTUgMi40NyAwIC4wNDMtLjAwMS4wODQtLjAwMy4xMjZ6bS0yLjQyIDE5LjA3aC0uMTIxYy0xLjMgMC0yLjM1NS0xLjA0My0yLjM1NS0yLjMzYTIuMzQzIDIuMzQzIDAgMDEyLjM1NS0yLjMzMmguMTIxYzEuMyAwIDIuMzU1IDEuMDQ0IDIuMzU1IDIuMzMxIDAgMS4yODgtMS4wNTQgMi4zMzEtMi4zNTUgMi4zMzF6Ii8+PC9nPjwvc3ZnPg==)
}

.icon--1cYbP.success--2YdV2 {
    background: 50%/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iIzQ4Q0E3QSIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0xMi41IDE5LjI5OWw1LjI2NSA1Ljg1NWEuODMzLjgzMyAwIDAwMS4yMzIuMDA5bDEwLjE3LTEwLjk5NiIvPjwvZz48L3N2Zz4=)
}

.content--1ZC4F {
    margin-top: 8px;
    color: #666;
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

.line--2IMCE {
    display: inline-block;
    text-align: left
}

.operation--3qBkE {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.btn--1Jtbf {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 16px;
    min-width: 120px;
    border-radius: 6px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.btn--1Jtbf.light--3WRMn {
    margin-right: 24px;
    border: 1px solid #ccc;
    color: #999
}

.btn--1Jtbf.dark--3SLdG {
    background: #ff6880;
    color: #fff
}

.mask--2mXgw {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #333;
    opacity: .4
}

.container--2MlwJ {
    margin: 0 27px;
    padding: 16px 0;
    border-bottom: 1px solid #eee
}

.title--2vgr1 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 12px
}

.icon--2Vz4F {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px
}

.type--3a9c1 {
    font-weight: 500;
    color: #1c1c1c;
    margin-right: 16px
}

.time--3yCm9,
.type--3a9c1 {
    font-size: 14px;
    line-height: 20px
}

.time--3yCm9 {
    color: #999
}

.content--362vr {
    text-align: justify;
    font-size: 14px;
    line-height: 16px;
    color: #1c1c1c
}

.container--1wUNS {
    display: flex;
    align-items: center;
    font-family: SFProText, PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 13px;
    line-height: 15px;
    color: #39424e
}

.item--Nli47 {
    cursor: pointer
}

.item--Nli47+.item--Nli47 {
    margin-left: 17px
}

.item--Nli47.active--1Imyx {
    color: #ff6880;
    font-weight: 500
}

.item--Nli47.disabled--2mBwm {
    cursor: not-allowed;
    opacity: .6
}

.arrow--Q8HrA {
    margin-left: 8px;
    display: flex;
    align-items: center
}

.select--11VC_ {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #d7dadd;
    font-size: 13px;
    line-height: 18px;
    color: #39424e;
    margin-left: 16px;
    cursor: pointer;
    position: relative
}

.list--2dR2O,
.select--11VC_ {
    width: 104px;
    background: #fff;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none
}

.list--2dR2O {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .08), -1px -1px 4px 0 rgba(0, 0, 0, .08);
    border-radius: 4px
}

.option--2PyfL {
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 18px;
    color: #39424e
}

.option--2PyfL:hover {
    font-weight: 500;
    background: rgba(255, 104, 128, .2)
}

.container--17wof {
    width: 496px;
    height: 150px;
    border-radius: 4px;
    border: 1px solid #e6e8eb;
    padding: 16px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    margin-top: 16px
}

.container--17wof:hover {
    background-color: rgba(163, 163, 164, .1)
}

.container--17wof:nth-child(2n) {
    margin-left: 16px
}

.preview--3694r {
    position: relative;
    width: 186px;
    height: 118px;
    background-color: #000;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 4px
}

.play--3H5d1 {
    width: 54px;
    height: 54px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyNyIgY3k9IjI3IiByPSIyNyIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjQiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMi40IiBkPSJNMzYuMDQ4IDI1LjMwM2wtMTIuMDA3LTcuNDFBMS45OTQgMS45OTQgMCAwMDIxIDE5LjU5djE0LjgyYTEuOTk0IDEuOTk0IDAgMDAzLjA0MSAxLjY5N2wxMi4wMDctNy40MWExLjk5NCAxLjk5NCAwIDAwMC0zLjM5NHoiLz48L2c+PC9zdmc+);
    flex-grow: 0;
    flex-shrink: 0
}

.duration--3PRuf {
    font-size: 13px;
    color: #fff;
    letter-spacing: .4px;
    text-align: right;
    line-height: 18px;
    font-family: DINAlternate;
    text-shadow: .5px .5px 1px rgba(0, 0, 0, .5);
    position: absolute;
    right: 8px;
    bottom: 8px
}

.info--VNtBA {
    margin-left: 16px;
    position: relative;
    flex: 1 1
}

.del--1magX {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: rgba(51, 51, 51, .6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.del--1magX:hover {
    border-radius: 2px;
    background-color: #ff6880
}

.text--L650V {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.desc--2KLUM {
    font-weight: 500;
    line-height: 22px;
    color: #39424e
}

.desc--2KLUM,
.tag--k3izX {
    font-size: 14px;
    max-width: 262px
}

.tag--k3izX {
    line-height: 16px;
    color: #939aa3;
    margin-top: 4px
}

.time--2bWOX {
    margin-top: 8px;
    line-height: 17px
}

.count--1EIra,
.time--2bWOX {
    font-size: 12px;
    color: #939aa3
}

.count--1EIra {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.num--3XRxn {
    margin-left: 4px
}

.dot--2gIWf {
    width: 2px;
    height: 2px;
    background-color: #939aa3;
    margin: 0 6px;
    border-radius: 50%
}

.processing--1f1dV {
    color: #2bbc51;
    letter-spacing: 0;
    cursor: default;
    align-items: center
}

.noPass--cC2ca,
.processing--1f1dV {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-left: 10px
}

.noPass--cC2ca {
    font-weight: 500;
    color: #fc4141
}

.noPass--cC2ca .text--L650V {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top
}

.tip--1fGV4 {
    width: 400px
}

.disable--P_zju {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    width: 158px;
    height: 118px;
    padding: 0 14px;
    border-radius: 4px;
    text-align: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center
}

.icon--fVnEo {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: text-top
}

.container--XW0S2 {
    position: relative;
    box-sizing: border-box;
    padding: 65px 0 41px
}

.formContainer--1qUBq {
    padding: 24px 34px;
    width: 1008px;
    box-sizing: border-box;
    margin: 24px auto 40px;
    border-radius: 4px;
    border: 1px solid #e6e8eb
}

.tipContainer--1rfy7 {
    width: 1008px;
    margin: 0 auto 40px
}

.stepWrapper--m4F8R {
    margin: 65px auto 50px
}

.infoWrapper--1RVUB {
    padding: 0 28px
}

.field--2eunq+.field--2eunq {
    margin-top: 28px
}

.titleBar--3kLbI {
    display: flex;
    flex-flow: row;
    align-items: center;
    height: 21px;
    margin-bottom: 16px
}

.title--vQlD9 {
    line-height: 21px;
    font-size: 18px;
    font-weight: 500;
    color: #333
}

.tip--2nK5T {
    line-height: 17px;
    font-size: 12px;
    color: #999
}

.cover--1F8lO,
.video--3Dgmo {
    display: flex
}

.previewPlaceholder--Jsk61 {
    width: 186px;
    height: 118px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiPjxkZWZzPjxyZWN0IGlkPSJhIiB3aWR0aD0iMjkuODE3IiBoZWlnaHQ9IjI4LjI4NiIgeD0iLjY2MyIgeT0iLjQ1IiByeD0iOC4zNTciLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA1NyAyLjU3MSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOSAuOTcpIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cmVjdCB3aWR0aD0iMjguMTQ2IiBoZWlnaHQ9IjI2LjYxNCIgeD0iMS40OTgiIHk9IjEuMjg1IiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMS42NzEiIHJ4PSI4LjM1NyIvPjxwYXRoIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLXdpZHRoPSIxLjY3MSIgZD0iTTEuODExIDI0LjIyM2w2LjIxNy01LjU1OGEyLjU3MSAyLjU3MSAwIDAxMy40NzYuMDQ1bDQuMDggMy44NGExLjggMS44IDAgMDAyLjA5OC4yNjhsMy4yMDYtMS43NTNhMi41NzEgMi41NzEgMCAwMTIuODE3LjIzbDQuNDQxIDMuNDciIG1hc2s9InVybCgjYikiLz48L2c+PGNpcmNsZSBjeD0iMjMuMDczIiBjeT0iMTAuNzc1IiByPSIxLjc3NSIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) #f4f4f4 no-repeat 50%
}

.preview--2DFlv {
    position: relative;
    width: 186px;
    height: 118px;
    background: 50%/contain no-repeat #000;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.duration--249hD {
    font-family: DINAlternate, PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .4px;
    color: #fff;
    text-shadow: .5px .5px 1px rgba(0, 0, 0, .5);
    position: absolute;
    right: 8px;
    bottom: 8px
}

.play--AiYPi {
    width: 54px;
    height: 54px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyNyIgY3k9IjI3IiByPSIyNyIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjQiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMi40IiBkPSJNMzYuMDQ4IDI1LjMwM2wtMTIuMDA3LTcuNDFBMS45OTQgMS45OTQgMCAwMDIxIDE5LjU5djE0LjgyYTEuOTk0IDEuOTk0IDAgMDAzLjA0MSAxLjY5N2wxMi4wMDctNy40MWExLjk5NCAxLjk5NCAwIDAwMC0zLjM5NHoiLz48L2c+PC9zdmc+);
    flex-grow: 0;
    flex-shrink: 0
}

.uploadInfo--3MxYH {
    flex: 1 1;
    padding-top: 23px;
    padding-left: 16px
}

.flexRow--3iifb {
    display: flex;
    flex-flow: row;
    align-items: center
}

.alignSide--1lMbP {
    justify-content: space-between
}

.alignCenter--lNJLe {
    justify-content: center
}

.name--13pY0 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #333;
    max-width: 646px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipse;
    margin-bottom: 5px
}

.progressBarRow--2yKSI {
    height: 16px;
    margin-bottom: 9px
}

.percent--3Tsd2 {
    font-size: 14px;
    line-height: 16px;
    font-family: SFProDisplay, PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    color: #39424e
}

.success--2V2Nu {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMC45MDkiIGZpbGw9IiMyQkJDNTEiIHN0cm9rZT0iIzJCQkM1MSIgc3Ryb2tlLXdpZHRoPSIuODE4Ii8+PHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTcuMDkgMTEuODlsMy41OCAzLjQ2OCA2Ljc4NS02LjY0NSIvPjwvZz48L3N2Zz4=)
}

.fail--3AcZo {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiNGQzQxNDEiIGQ9Ik0xMiAxQzUuODg5IDEgMSA1Ljg4OSAxIDEyczQuODg5IDExIDExIDExIDExLTQuODg5IDExLTExUzE4LjExMSAxIDEyIDF6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjkyOSAxNC40NDFjLS42NDggMC0xLjAyOC0uNTg4LTEuMDg1LTEuMjE5bC0uMjQ0LTYuMTFjMC0uNjUzLjQ4OS0xLjIyMyAxLjE0LTEuMjIzaC41NzFjLjY1MiAwIDEuMjIyLjU3IDEuMTQgMS4yMjJsLS40MDcgNi4xMTFjLS4wNjkuNjU1LS40MDIgMS4yMTktMS4xMTUgMS4yMTl6bS4wNzEgMy42N2MtLjY1MiAwLTEuMjIyLS41Ny0xLjIyMi0xLjIyMnMuNTctMS4yMjIgMS4yMjItMS4yMjIgMS4yMjIuNTcgMS4yMjIgMS4yMjItLjU3IDEuMjIyLTEuMjIyIDEuMjIyeiIvPjwvZz48L3N2Zz4=)
}

.progressBar--2VvcF {
    width: 687px;
    height: 8px;
    border-radius: 10px;
    background-color: #f4f4f4
}

.complete--3YCjH {
    height: 100%;
    border-radius: 6px
}

.processContentRow--1nsXz {
    height: 20px;
    font-size: 14px;
    color: #666
}

.ratio--23ZNb {
    display: inline-block;
    width: 220px
}

.speed--31Mbr {
    width: 160px
}

.restTime--3CDCC,
.speed--31Mbr {
    display: inline-block;
    margin-left: 4px
}

.restTime--3CDCC {
    width: 130px
}

.uploadTip--PiSob {
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.error--F0aRl {
    color: #ff6880
}

.labelBtn--22QtF {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4989cc;
    cursor: pointer
}

.labelBtn--22QtF:hover {
    opacity: .8
}

.chooseCover--3Y6X9 {
    margin-left: 16px;
    width: 724px;
    height: 140px;
    padding: 12px 16px 12px 30px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    background: 50%/contain no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MjQiIGhlaWdodD0iMTQwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFRUUiIGQ9Ik0yLjExMiA0MC44NmwxMS45MTIgMTEuOTAzVjEzNmMwIDEuOTMzIDEuNTY4IDMuNSAzLjUwMyAzLjVoNzAyLjQ3YTMuNTAxIDMuNTAxIDAgMDAzLjUwMy0zLjVWNGMwLTEuOTMzLTEuNTY4LTMuNS0zLjUwMy0zLjVIMTcuNTI3QTMuNTAxIDMuNTAxIDAgMDAxNC4wMjQgNHYxNy4xNzhMMi4xMTIgMzMuMDgyYTUuNDk3IDUuNDk3IDAgMDAwIDcuNzc4eiIvPjwvc3ZnPg==)
}

.frames--yKU2l {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin-top: 8px
}

.frameWrapper--1B8Ak {
    position: relative;
    width: 126px;
    height: 88px;
    box-sizing: border-box
}

.frameWrapper--1B8Ak:hover {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .3), -3px -3px 6px 0 rgba(0, 0, 0, .3)
}

.frameWrapper--1B8Ak.selected--19l8N {
    box-shadow: 0 0 0 2px #ff6880
}

.frame--FrBOC {
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: contain;
    cursor: zoom-in
}

.frameBtn--2Z986 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 8px;
    border-radius: 12px;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    width: 52px;
    padding: 2px 0;
    cursor: pointer;
    opacity: 0
}

.frameWrapper--1B8Ak:hover .frameBtn--2Z986 {
    opacity: .5
}

.frameCancelBtn--1KRRO {
    color: #fff;
    background-color: #ff6880
}

.frameSelectBtn--1kDXx {
    color: #666;
    border: 1px solid #fff;
    background-color: #fff
}

.frameWrapper--1B8Ak:hover .frameCancelBtn--1KRRO:hover,
.frameWrapper--1B8Ak:hover .frameSelectBtn--1kDXx:hover {
    opacity: 1
}

.placeholder--zz-is {
    width: 126px;
    height: 88px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiPjxkZWZzPjxyZWN0IGlkPSJhIiB3aWR0aD0iMjkuODE3IiBoZWlnaHQ9IjI4LjI4NiIgeD0iLjY2MyIgeT0iLjQ1IiByeD0iOC4zNTciLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA1NyAyLjU3MSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC4xOSAuOTcpIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cmVjdCB3aWR0aD0iMjguMTQ2IiBoZWlnaHQ9IjI2LjYxNCIgeD0iMS40OTgiIHk9IjEuMjg1IiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMS42NzEiIHJ4PSI4LjM1NyIvPjxwYXRoIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLXdpZHRoPSIxLjY3MSIgZD0iTTEuODExIDI0LjIyM2w2LjIxNy01LjU1OGEyLjU3MSAyLjU3MSAwIDAxMy40NzYuMDQ1bDQuMDggMy44NGExLjggMS44IDAgMDAyLjA5OC4yNjhsMy4yMDYtMS43NTNhMi41NzEgMi41NzEgMCAwMTIuODE3LjIzbDQuNDQxIDMuNDciIG1hc2s9InVybCgjYikiLz48L2c+PGNpcmNsZSBjeD0iMjMuMDczIiBjeT0iMTAuNzc1IiByPSIxLjc3NSIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) #f4f4f4 no-repeat 50%
}

.count--3xdte {
    position: relative;
    right: 10px;
    bottom: 26px;
    line-height: 16px;
    font-family: HelveticaNeue;
    font-size: 14px;
    text-align: right;
    color: #999
}

.desc--3ps1O {
    box-sizing: border-box;
    width: 100%;
    height: 98px;
    border-radius: 4px;
    border: 1px solid #eee;
    outline: none;
    box-shadow: none;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.desc--3ps1O::-webkit-input-placeholder {
    color: #999
}

.desc--3ps1O::placeholder {
    color: #999
}

.btnRow--2gw3m {
    height: 40px
}

.btn--1mans {
    display: inline-block;
    width: 128px;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 22px;
    padding: 9px 0;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.btn--1mans+.btn--1mans {
    margin-left: 16px
}

.btn--1mans.light--3v8oN {
    border: 1px solid #dbdbdb;
    color: #999
}

.btn--1mans.light--3v8oN:hover {
    opacity: .8
}

.btn--1mans.dark--1_vo4 {
    font-weight: 500;
    color: #fff;
    background-image: linear-gradient(288deg, #ff808b, #fc6078)
}

.btn--1mans.dark--1_vo4:hover {
    background-image: linear-gradient(288deg, #fb717d, #f6506b)
}

.mask--OPqVA {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .4;
    background-color: #333
}

.previewImage--1uWEE {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex
}

.imageWrapper--2H6Bo {
    position: relative
}

.image--K6xsZ {
    max-width: 800px;
    max-height: 800px;
    object-fit: contain
}

.close--3AbQ6 {
    position: absolute;
    top: 0;
    right: -40px;
    color: #fff;
    cursor: pointer
}

.container--1TK9j {
    display: flex;
    padding: 28px 0 29px;
    border-radius: 4px;
    justify-content: center
}

.upload--La-Z6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 712px;
    padding: 28px 0 29px;
    border-radius: 4px;
    border: 1px dashed #c2c6cc;
    box-sizing: border-box
}

.cloud--3FEEK {
    width: 140px;
    height: 96px;
    background: no-repeat 50%/cover url(cloud.0b2cc027.svg)
}

.text--3hSrH {
    font-size: 20px;
    line-height: 28px;
    color: #39424e;
    margin-top: 5px
}

.btn--SWwsr,
.text--3hSrH {
    font-weight: 500;
    text-align: center
}

.btn--SWwsr {
    width: 320px;
    padding: 9px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .8px;
    background-color: #ff6880;
    color: #fff;
    margin-top: 24px;
    cursor: pointer
}

.btn--SWwsr:hover {
    background-image: linear-gradient(288deg, #fb717d, #f6506b)
}

.tip--pV-er {
    width: 280px;
    border-radius: 4px;
    margin-left: 16px;
    padding: 44px 29px 44px 24px;
    background: no-repeat 100% 100% url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTM3Ij48cGF0aCBmaWxsPSIjNjA2QTc4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04My41IDE2N0MzNy4zODQgMTY3IDAgMTI5LjYxNiAwIDgzLjVTMzcuMzg0IDAgODMuNSAwIDE2NyAzNy4zODQgMTY3IDgzLjUgMTI5LjYxNiAxNjcgODMuNSAxNjd6TTc1LjkxIDQ1LjU0NXY0NS41NDZoMTUuMThWNDUuNTQ1SDc1Ljkxem0wIDYwLjcyOHYxNS4xODJoMTUuMTh2LTE1LjE4Mkg3NS45MXoiIG9wYWNpdHk9Ii4wNCIvPjwvc3ZnPg==) #fafbfc;
    box-sizing: border-box
}

.tip--pV-er p {
    font-size: 14px;
    line-height: 1.71;
    color: #606a78;
    margin: 0
}

.tip--pV-er p+p {
    margin-top: 4px
}

.tipTitle--1D-yO {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #39424e;
    margin-bottom: 6px
}

.container--3X6pR {
    justify-content: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.container--3X6pR,
.step--2R_W5 {
    display: flex;
    flex-wrap: no-wrap;
    align-items: center
}

.step--2R_W5 {
    height: 30px
}

.icon--lJfKc {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    color: #ccc
}

.icon--lJfKc.active--TL6lj {
    color: #ff6880
}

.bar--k03nF {
    width: 204px;
    height: 2px;
    border-radius: 1px;
    background-color: #dbdbdb;
    margin-right: 16px;
    margin-left: 16px
}

.bar--k03nF.active--TL6lj {
    background-color: #ff6880
}

.label--1lWSL {
    color: #ccc
}

.label--1lWSL.active--TL6lj {
    color: #333
}

.text--1Lt9_ {
    line-height: 33px;
    font-weight: 500;
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 8px
}

.tip--pou9D {
    line-height: 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 16px
}

.container--7CLnN {
    position: relative
}

.btn--3efqJ {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 9px;
    border-radius: 12px;
    border: 1px solid #ff6880;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #ff6880;
    margin-right: 8px;
    cursor: pointer
}

.btn--3efqJ:hover {
    opacity: .8
}

.dropdown--2fm28 {
    position: absolute;
    top: 27px;
    left: -32px;
    z-index: 10;
    background-image: url(topicBg.107b57ec.svg);
    padding: 5px
}

.wrapper--2g9sL {
    width: 375px;
    height: 500px;
    border-radius: 4px
}

.top--3-crp {
    padding: 19px 16px 4px
}

.title--2nG3J {
    position: relative;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.close--1mi7- {
    position: absolute;
    top: 0;
    right: 0
}

.search--1HeC3 {
    width: 100%;
    margin-top: 10px;
    padding: 7px 31px 7px 10px;
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 60%, .2);
    box-sizing: border-box;
    line-height: 20px;
    color: #1c1c1c;
    outline: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjQ0NDIiBkPSJNMTUuMzUgMTQuODQzbDMuMDggMy4wNzlhLjc1Ljc1IDAgMDEtMS4wNiAxLjA2bC0zLjExNi0zLjExNSAxLjA5Ni0xLjAyNHoiLz48Y2lyY2xlIGN4PSIxMS41MzEiIGN5PSIxMC44NjIiIHI9IjYuMDYyIiBzdHJva2U9IiNDQ0MiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9nPjwvc3ZnPg==) #fff no-repeat;
    background-position: bottom 50% right 8px;
    background-size: 24px 24px
}

.search--1HeC3,
.sorry--2G4aM {
    font-size: 14px;
    font-weight: 500
}

.sorry--2G4aM {
    margin-top: 195px;
    text-align: center;
    color: #999
}

.loading--WdSL2 {
    width: 42px;
    margin: 195px auto 0
}

.list--2akew {
    overflow-y: scroll;
    height: 407px
}

.deny--3DE1P {
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-size: 16px;
    line-height: 1.25;
    color: #404040;
    cursor: pointer
}

.denyIcon--3pawP {
    margin-right: 6px
}

.deny--3DE1P:hover {
    background-color: #f9f9f9
}

.topic--3QCPJ {
    height: 60px;
    padding: 4px 16px;
    box-sizing: border-box;
    cursor: pointer
}

.topic--3QCPJ:hover {
    background-color: #f9f9f9
}

.img--9xyqI {
    float: left;
    width: 52px;
    height: 52px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.hash--VsuSp {
    background-image: url(hash.af7ac2f0.svg)
}

.info--2HmtK {
    margin-left: 63px
}

.name--3gcAG {
    font-size: 16px;
    font-weight: 500;
    color: #1c1c1c;
    max-width: 280;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 9px
}

.count--2B4Ah,
.name--3gcAG {
    line-height: 1;
    margin-bottom: 8px
}

.count--2B4Ah {
    font-size: 12px;
    color: #999
}

.topic-enter {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.topic-enter-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.topic-exit {
    opacity: 1
}

.topic-exit-active {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.container--3FFUu {
    width: 100%
}

.title--TDwPb {
    display: flex;
    align-items: center;
    height: 52px;
    background-color: #f5f6f7;
    border: 1px solid #eee;
    border-right: 0
}

.modalContainer--2GkAl {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto
}

.modalContainer--2GkAl .title--TDwPb {
    position: absolute
}

.modalContainer--2GkAl .table--2MApY {
    padding-top: 54px
}

.shadow--16VW8 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .4;
    background: #000
}

.closeIcon--155_m {
    position: absolute;
    right: 15px;
    top: 16px;
    cursor: pointer
}

.modalInfo--2V6AV {
    z-index: 1;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
    border: 1px solid #e8e8e8;
    background-color: #fff;
    padding: 36px 28px;
    position: relative;
    overflow: auto
}

.modalTitle--3fYBm {
    height: 28px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin-bottom: 6px
}

.subTitle--1fuCi {
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #999;
    margin-bottom: 37px
}

.loadingContainer--2uoxv {
    width: 100%;
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 155px
}

.loading--P47pQ {
    width: 42px
}

.table--2MApY {
    width: 100%
}

.tableLine--2Nm_D {
    height: 68px;
    font-size: 14px;
    display: flex;
    color: #333;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.tableCell--cBXyW {
    flex: auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 12px;
    border-right: 1px solid #eee
}

.tableCell--cBXyW.active--3U5y0 {
    background-color: #fafbfc
}

@media screen and (max-width:1500px) {
    .modalContainer--2GkAl .container--3FFUu {
        width: 100%;
        max-height: 480px;
        overflow: auto
    }
}

.titleCell--2gYKi {
    flex: auto;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.titleTip--33VCV {
    display: inline-block;
    height: 21px;
    cursor: pointer
}

.sortContaienr--8YKjM {
    cursor: pointer;
    display: inline-block;
    margin-left: 4px
}

.sortUp--130Yu {
    margin-bottom: 2px
}

.sortDown--b1oU1,
.sortUp--130Yu {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #ccc
}

.sortDown--b1oU1 {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.active--3lUN0 {
    border-bottom: 4px solid #ff6880
}

.container--17poz {
    text-align: right
}

.pickers--3sRIw {
    display: inline-block;
    margin-right: 28px
}

.datePicker--3y90f {
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    cursor: pointer
}

.datePicker--3y90f.active--1paMS {
    color: #ff6880
}

.splitBar--3eA9V {
    display: inline-block;
    margin: 0 12px;
    width: 1px;
    height: 15px;
    background-color: #dbdbdb;
    vertical-align: text-bottom
}

.ant-calendar-today .ant-calendar-date {
    border-color: #ff6880;
    color: #ff6880
}

.ant-calendar-selected-start-date .ant-calendar-date {
    background: #ff6880;
    color: #fff
}

.ant-calendar-selected-start-date .ant-calendar-date:hover {
    background: #ff6880
}

.ant-calendar-selected-end-date .ant-calendar-date {
    background: #ff6880;
    color: #fff
}

.ant-calendar-date:hover,
.ant-calendar-selected-end-date .ant-calendar-date:hover {
    background: #ff6880
}

.ant-calendar-range .ant-calendar-in-range-cell:before {
    background-color: rgba(255, 104, 128, .1)
}

.ant-input:hover {
    border-color: #ff6880
}

.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: #ff6880;
    box-shadow: 0 0 0 2px rgba(255, 104, 128, .2)
}

.ant-calendar-picker {
    border-color: #e6e8eb
}

.ant-calendar-picker-icon {
    z-index: 0
}

.ant-calendar-range-picker-input {
    color: rgba(0, 0, 0, .65);
    font-size: 14px
}

.container--3aQXq {
    width: 1008px;
    border-radius: 4px;
    padding: 20px 0;
    background-color: #fafbfc
}

.item--4Siyh {
    width: 230px;
    padding-left: 20px;
    display: inline-block;
    border-right: 1px solid #e6e8eb
}

.item--4Siyh:last-child {
    border-right: 0
}

.title--3E197 {
    height: 20px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px
}

.count--sc-G5 {
    height: 33px;
    font-size: 24px;
    color: #333;
    margin-bottom: 16px
}

.statCount--2d254 {
    display: flex
}

.statUpTitle--BkwAZ {
    display: inline-block;
    height: 20px;
    font-size: 14px;
    color: #666
}

.upData--3AXG1 {
    flex: 1 1;
    text-align: center
}

.upNum--3Y4Lp {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #ff6880
}

.rotate--12nyQ {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.unit--2IXpe {
    width: 1008px;
    height: 400px;
    border-radius: 4px;
    border: 1px solid #e6e8eb;
    margin-top: 24px
}

.title--3mwJT {
    padding: 16px 24px 12px;
    height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.titleTip--2cf74 {
    display: inline-block;
    height: 21px;
    cursor: pointer;
    vertical-align: sub
}

.filters--LxpUY {
    border-bottom: 1px solid #e6e8eb;
    height: 40px
}

.mediaList--xqUbG {
    float: left;
    padding-left: 24px;
    padding-top: 4px
}

.mediaUnit--1Yg_- {
    height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    padding: 4px 8px;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    font-weight: 400
}

.active--39pw0 {
    color: #ff6880;
    background-color: rgba(255, 104, 128, .1)
}

.dateContainer--2-uXC {
    padding-right: 24px
}

.imgStyle--3q15T {
    min-width: 50px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    vertical-align: top
}

.linkStyle--2lQHO {
    color: #4989cc;
    max-height: 34px;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    margin-left: 12px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.imgStyle--3q15T img {
    width: 50px;
    height: 35px;
    object-fit: cover
}

.chart--3oEn4 {
    width: 1008px;
    height: 306px
}

.chart--3oEn4 a:hover {
    cursor: pointer;
    color: #ff6880
}

.sidebar--3rQ1m {
    position: fixed;
    box-sizing: border-box;
    padding-top: 24px;
    width: 240px;
    height: 100%;
    border-right: 1px solid #eee;
    background-color: #fafbfc;
    z-index: 1
}

.menu--2r0Li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 25px;
    height: 40px;
    color: #1d252f;
    font-size: 14px
}

.menu--2r0Li+.menu--2r0Li {
    margin-top: 8px
}

.menu--2r0Li.active--2kzEL {
    background-color: rgba(163, 163, 164, .1)
}

.icon--2moaW {
    margin-right: 13px;
    width: 16px;
    height: 16px;
    text-align: center
}

.noauth--2FhtI.menu--2r0Li {
    color: rgba(29, 37, 47, .3)
}

.container--VNPxz {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 16px
}

.phoneInput--2kiqW {
    width: 100%;
    height: 44px;
    border: 0;
    color: #333;
    font-size: 16px;
    line-height: 44px
}

.phoneInput--2kiqW::-webkit-input-placeholder {
    color: #999
}

.error--1NQgy {
    padding-top: 8px;
    width: 100%;
    height: 16px;
    border-top: 1px solid #eee;
    color: #ff6880;
    font-size: 12px
}

.error--1NQgy.active--1pc_2 {
    border-top: 1px solid #ff6880
}

.clear--36JOh {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDUpIj48Y2lyY2xlIGN4PSI3LjUiIGN5PSI3LjUiIHI9IjcuNSIgZmlsbD0iI0Q4RDhEOCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01LjcwNyA0LjI5M0w3LjQ3NCA2LjA2bDEuNzY5LTEuNzY3YTEgMSAwIDAxMS4zMi0uMDgzbC4wOTQuMDgzYTEgMSAwIDAxMCAxLjQxNEw4Ljg4OSA3LjQ3NGwxLjc2OCAxLjc2OWExIDEgMCAxMS0xLjQxNCAxLjQxNEw3LjQ3NCA4Ljg4OWwtMS43NjcgMS43NjhhMSAxIDAgMDEtMS4zMi4wODNsLS4wOTQtLjA4M2ExIDEgMCAwMTAtMS40MTRMNi4wNiA3LjQ3NCA0LjI5MyA1LjcwN2ExIDEgMCAwMTEuNDE0LTEuNDE0eiIvPjwvZz48L3N2Zz4=) no-repeat;
    background-position: 50%;
    cursor: pointer
}

.formContainer--2mnya {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 1010px
}

.formItem--y-he- {
    display: block
}

.itemRequired--bPow9 {
    float: left;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    line-height: 18px
}

.required--tBE7A {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(form-required.660032f4.svg) no-repeat
}

.labelContainer--dXPdM {
    margin-right: 16px;
    width: 140px;
    height: 48px;
    text-align: left
}

.label--3tgrs,
.labelContainer--dXPdM {
    display: inline-block;
    vertical-align: top
}

.inputLabel--3gxXw {
    line-height: 48px
}

.inputLabel--3gxXw .itemRequired--bPow9 {
    margin-top: 0;
    line-height: 48px
}

.labelText--1WqsV {
    display: inline-block;
    width: 112px;
    line-height: 24px
}

.itemContainer--UN30C {
    position: relative;
    display: inline-block;
    padding-bottom: 40px;
    width: 640px;
    text-align: left
}

.uploadContainer--5HXhj {
    display: inline-block;
    vertical-align: bottom;
    font-size: 0
}

.uploadTips--3jdFF {
    position: absolute;
    top: 0;
    left: 136px;
    color: #ff6880;
    font-size: 12px;
    line-height: 16px
}

.itemInput--1Nc4T {
    padding-left: 16px;
    width: 620px;
    height: 44px;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    line-height: 44px
}

.itemInput--1Nc4T.inValid--2CQ8c {
    border: 1px solid #ff6880
}

.inputTips--30Lmy {
    position: absolute;
    bottom: 16px;
    color: #ff6880;
    font-size: 12px;
    line-height: 16px
}

.inputTips--30Lmy.placeholder--3s2RI {
    color: #999
}

.imageTips--1TNp3 {
    display: inline-block;
    margin-left: 16px;
    width: 248px;
    color: #999;
    font-size: 12px;
    line-height: 16px
}

.tipLine--1uAgu {
    display: block;
    cursor: pointer
}

.imageTipsText--2Fhds {
    display: inline-block;
    color: #577ba2
}

.tipImage--3Y16v {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    vertical-align: middle
}

.checkInfo--cB5Fp {
    margin: 8px auto 16px;
    text-align: center;
    font-size: 0
}

.checkText--3bNf_ {
    color: #999;
    font-size: 14px;
    line-height: 16px
}

.links--1nESe {
    color: #577ba2
}

.checkbox--2D2HD {
    display: inline-block;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    border: 1px solid #fc6078;
    border-radius: 2px;
    background-color: #fc6078;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjNJREFUWAntV80rRFEU/72XESWDlQlFsRCisFST3RQKJZ8L5Gthy9/A1oIVC+VjYyKxsDDZoiiSslBorIgUGc04x8zLfc+7M3PrPTZuzdxzzj33/H7vnHPf62qgEZucKUbkbZZEP2k+trk3tDDFDsGTNaXNTd9qcfDXUzIWuAdqG/kBnuxaPfHkvw3OjAoYWyfBz9ofDT8RcLvmyR4t5uMM/On4J5DhWv5rKoDeFiAaA1a2gfMrWyh3SlBWBIx0AXm5dNi8QH+rLTgbnSeQT6Bj3YBHSC5nQTKcJZDpASZ6AG+OGS64Z9YFzVkCg+1ASaEQnsTdA+Do3GwTNOcItDUDdZVCaBJPLoCtfbPNogmFsqxUlQN9ieZZ3wFOLy0OgtpYAwSaBAOJN/fAUtBss9HkGWBwbij+jVJH11fZbCdTKXX8QJt57ekFmF8F3iNmu40mJyA66+Q21PGTBJMbt3R85ANYWAMen8UIUllOgNMejX5vtJKQdfzyJnB9970vhSQnwDVf3LAn0VANyDr+8CwFpHlZ3oTsd5w4Ppx+zgAPnoc747L4n0bHi+6GLM+A4cEkrJkw1ow5zY433MU5NQH2TkZCoeNFYENOj4CMhGLHG6DinLwHRE+DxAcds64AoGnxz6xCx1vDsa5GgHfw6Uj2VmQfhZF+CRSCqrj+E6AMfN3VVLLmoK8W5hKEHIyoGiqk8y2Vdj2o7nTAny6nWVM6X5H5lkqloA/4b5SDMQiLMBn7E0h4kVpnAbqQAAAAAElFTkSuQmCC);
    background-size: 14px 14px;
    vertical-align: top;
    cursor: pointer
}

.checkInfo--cB5Fp.notChecked--3hSW3 .checkbox--2D2HD {
    border: 1px solid #ccc;
    background: #fff
}

.checkInfo--cB5Fp.notChecked--3hSW3 .checkText--3bNf_,
.checkInfo--cB5Fp.notChecked--3hSW3 .links--1nESe {
    color: #fc6078
}

.buttonContainer--2I0Fl {
    margin: 0 auto;
    width: 386px;
    height: 48px
}

.lastStepButton--131W0 {
    margin-right: 64px;
    width: 158px;
    height: 46px;
    border: 1px solid #ff6880;
    border-radius: 6px;
    color: #ff6880;
    line-height: 44px
}

.lastStepButton--131W0,
.submitButton--1YboY {
    display: inline-block;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer
}

.submitButton--1YboY {
    width: 160px;
    height: 48px;
    border-radius: 6px;
    background-image: linear-gradient(270deg, #ff808b, #fc6078);
    color: #fff;
    line-height: 48px
}

.wrapper--2EcOH {
    box-sizing: border-box;
    width: 1200px;
    padding: 24px 0 0 28px;
    margin: 32px auto;
    background: #fff;
    letter-spacing: 0
}

.titleWrapper--uY8K7 {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.titleIcon--3bgYR {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e50b82, #fd904d)
}

.titleIcon--3bgYR:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff
}

.titleName--hSOaE {
    font-size: 24px;
    color: #333;
    font-weight: 100;
    margin-left: 12px;
    font-family: Microsoft Yahei, \\5fae\8f6f\96c5\9ed1, sans-serif
}

.content--C1SjP {
    display: flex;
    flex-wrap: wrap
}

.wrapper--15e9C {
    width: 271px;
    margin: 0 20px 28px 0;
    font-weight: 100;
    font-family: Microsoft Yahei, \\5fae\8f6f\96c5\9ed1, sans-serif
}

.cover--_7Ypq {
    position: relative;
    box-sizing: border-box;
    width: 271px;
    height: 152px;
    border-radius: 4.6px;
    cursor: pointer;
    transition: box-shadow .25s ease-in-out;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.cover--_7Ypq:hover {
    box-shadow: 0 0 0 3px #fa1f41
}

.mask--2PZve {
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    transition: .2s ease-in-out
}

.cover--_7Ypq:hover .mask--2PZve {
    opacity: 1
}

.play--3jWGf {
    width: 54px;
    height: 54px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyNyIgY3k9IjI3IiByPSIyNyIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjQiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMi40IiBkPSJNMzYuMDQ4IDI1LjMwM2wtMTIuMDA3LTcuNDFBMS45OTQgMS45OTQgMCAwMDIxIDE5LjU5djE0LjgyYTEuOTk0IDEuOTk0IDAgMDAzLjA0MSAxLjY5N2wxMi4wMDctNy40MWExLjk5NCAxLjk5NCAwIDAwMC0zLjM5NHoiLz48L2c+PC9zdmc+);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.title--3X6aw {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 8px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.authorWrapper--1S23t {
    display: flex;
    align-items: center
}

.avatarWrapper--3esYk {
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 50%;
    background-size: cover;
    background-color: #eee
}

.authorName--Zirmn {
    margin: 0 14px 0 6px;
    font-size: 12px;
    color: #999
}

.wrapper--30Bt2 {
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 0
}

.closeWrapper--3J5Ng,
.wrapper--30Bt2 {
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .4)
}

.closeWrapper--3J5Ng {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    cursor: pointer
}

.close--sKFQf {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.video--22x5S {
    width: 800px;
    height: 450px
}

.video--22x5S,
.wrapper--3Ud51 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wrapper--13LQh {
    position: relative;
    width: 1200px;
    height: 617px;
    padding-top: 24px;
    margin-top: 61px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center
}

.leftBg--1fbpV {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 54.44444%
}

.rightBg--2hCjY {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 77.08333%
}

.contactImg--1s_qQ {
    width: 280px;
    height: 120px
}

.contactLinks--3okm0 {
    margin-top: 65px;
    text-align: left
}

.contactLinks--3okm0 div {
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 10px
}

.contactQr--1TgFz {
    margin-top: 45px
}

.qrTitle--3NCH2 {
    display: flex;
    flex-flow: row nowrap;
    height: 30px;
    line-height: 30px;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 22px
}

.qrIcon--K4XLz {
    width: 30px;
    height: 30px;
    margin-right: 7px
}

.qrImg--2TKzN {
    width: 154px;
    height: 154px;
    margin-top: 8px
}

.container--3MD0X {
    box-sizing: border-box
}

.mask--ptXLD {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.static--20h2R {
    display: block;
    position: static;
    margin: 0 auto
}

.shadow--2kAZE {
    opacity: .4;
    background: #333;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.playContainer--1CAAT {
    background: #d8d8d8;
    border-radius: 0 0 4px 4px;
    width: 1200px;
    height: 804px;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.playbg--1H8xt {
    width: auto;
    height: auto;
    max-width: 660px;
    max-height: 420px;
    margin: 0 auto
}

.icon--1c01Y {
    position: absolute;
    right: -30px;
    top: 0;
    cursor: pointer
}

.xgplayer-poster {
    background-repeat: no-repeat;
    background-size: contain
}

.container--1ugSR {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 1250px;
    overflow: auto;
    background-color: #f2f2f2
}

.wrapper--2V6j5 {
    display: flex;
    flex: 1 1;
    position: relative;
    margin-top: 60px
}

.sidebar---hnJx {
    width: 240px;
    background-color: #fafbfc;
    padding-top: 24px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    position: fixed;
    height: 100%
}

.menu--3xwF3 {
    height: 40px;
    padding-left: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1d252f
}

.menu--3xwF3+.menu--3xwF3 {
    margin-top: 8px
}

.menu--3xwF3.active--1qjcd {
    background-color: rgba(163, 163, 164, .1)
}

.icon--hXLAJ {
    margin-right: 13px
}

.main--1yMAJ {
    background-color: #fff;
    margin-left: 240px
}

.main--1yMAJ,
.mainContainer--27ZlW {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1
}

.mainContainer--27ZlW {
    width: 100%
}

.tabWrapper--32RUw {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    height: 46px;
    width: 100%
}

.tabs--vQl0G {
    width: 1008px;
    margin-right: auto;
    margin-left: auto
}

.tab--2ERB2 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #39424e;
    padding: 14px 0 12px;
    text-align: center;
    min-width: 60px
}

.tab--2ERB2+.tab--2ERB2 {
    margin-left: 40px
}

.tab--2ERB2.active--1qjcd {
    color: #ff6880
}

.bar--3MPdc {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%px;
    height: 2px;
    background-color: #ff6880;
    border-radius: 2px
}

.loading--2PU8p {
    width: 42px
}

.loadingWrapper--1f3cs {
    width: 100%;
    flex: 1 1
}

.loadingWrapper--1f3cs,
.nothing--3jSyX {
    display: flex;
    align-items: center;
    justify-content: center
}

.nothing--3jSyX {
    flex-direction: column;
    font-size: 14px;
    line-height: 22px;
    color: #606a78;
    text-align: center;
    margin-top: 95px;
    margin-bottom: 120px
}

.box--2rG0- {
    margin-bottom: 8px;
    width: 170px;
    height: 170px;
    background: no-repeat 50% url(nothing.3f824f04.svg)
}

.list--1hlMK {
    width: 1008px;
    margin: 8px auto 0;
    display: flex;
    flex-wrap: wrap
}

.pager--3jz2h {
    display: flex;
    width: 1008px;
    justify-content: flex-end;
    margin-top: 28px
}

.collectionContainer--1Xge- {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 1250px;
    overflow: auto;
    background-color: #f2f2f2
}

.collectionWrapper--3-Hv- {
    display: flex;
    flex: 1 1;
    position: relative;
    margin-top: 60px
}

.main--juGB_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1;
    background-color: #fff;
    margin-left: 240px;
    padding: 24px
}

.title--32z9b {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px
}

.tabWrapper--3Id4E {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.tabs--1mjbl {
    margin-right: auto;
    margin-left: auto
}

.tab--2_K-o {
    position: relative;
    display: inline-block;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 13px
}

.tab--2_K-o+.tab--2_K-o {
    margin-left: 32px
}

.tab--2_K-o.active--2j0yq {
    color: #333;
    font-weight: 500
}

.bar--2sL_M {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ff6880
}

.createBtn--1yWUO {
    position: absolute;
    bottom: 8px;
    right: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 6px 20px;
    border-radius: 4px;
    background: linear-gradient(90deg, #fc6179, #fe7e8a)
}

.emptyWrapper--Zbew0 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 111px 0 112px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #eee;
    background: #fafbfc;
    margin-top: 11px
}

.emptyWrapper--Zbew0 .desc--tIEYt {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 15px
}

.emptyWrapper--Zbew0 .hint--1OmY4 {
    color: #666;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px
}

.collectionItemCoverWrapper--2bK5P {
    position: relative;
    margin-right: 16px
}

.collectionItemWrapper--2Qc07 {
    display: flex;
    width: 100%;
    padding: 16px;
    position: relative
}

.collectionItemWrapper--2Qc07:hover {
    background: #f5f5f5;
    cursor: pointer
}

.collectionItemWrapper--2Qc07:hover .collectionDeleteWrapper--7R5ez {
    opacity: 1
}

.collectionItemCount--31ex_ {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.collectionItemCover--BXsGL {
    width: 138px
}

.collectionItemContent--1O47L {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.collectionItemTitle--2EqaR {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.collectionItemIntro--zksTB {
    color: #888;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px
}

.collectionItemPlayCount--1XqTG {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.collectionItemCreateTime--2qMVR {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.pendingStatusItem--1HfzE {
    color: #0075ff;
    margin-right: 8px
}

.publishedStatusItem--3KlNY {
    color: #04c700;
    margin-right: 8px
}

.notPassStatusItem--360ZP {
    color: #ff6880;
    margin-right: 8px
}

.underReviewStatusItem--2MXmK {
    color: #f88600;
    margin-right: 8px
}

.collectionDeleteWrapper--7R5ez {
    position: absolute;
    bottom: 22px;
    right: 24px;
    padding: 5px 8px;
    border-radius: 4px;
    background: #eee;
    color: #666;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0
}

.collectionListItemCustom--JFvkx {
    -webkit-border-after: none !important;
    border-block-end: none !important;
    padding: 0 !important
}

.emptyHint--2KZ-B {
    margin-left: 8px;
    margin-top: 120px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(28, 31, 35, .55);
    line-height: 20px
}

.collectionCreateContainer--cC5JD {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 1250px;
    overflow: auto;
    background-color: #f2f2f2
}

.collectionContentWrapper--2Fi9K {
    display: flex;
    flex: 1 1;
    position: relative;
    margin-top: 60px
}

.main--1EJGn {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1;
    background-color: #fff;
    margin-left: 240px;
    padding: 24px 24px 120px
}

.CollectionForm--2mXd6 {
    display: flex;
    width: 100%
}

.leftForm--2aJt5 {
    width: 500px;
    border-right: 1px solid #eee;
    padding-right: 32px
}

.formItemCover--5J0iY {
    width: 176px;
    margin-left: 32px;
    box-sizing: border-box
}

.title--vfOsR {
    font-size: 16px
}

.MyCollectionTitle--19kaO,
.title--vfOsR {
    color: #333;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    width: 100%;
    margin-bottom: 16px
}

.MyCollectionTitle--19kaO {
    font-size: 14px;
    margin-top: 32px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.MyCollectionTitle--19kaO .addBtn--2Edfu {
    padding: 6px 20px;
    border-radius: 4px;
    background: linear-gradient(90deg, #fc6179, #fe7e8a);
    color: #fff;
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer
}

.emptyWrapper--2XnWd {
    display: flex;
    flex-direction: column;
    padding: 66px 0 67px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #eee;
    background: #fafbfc;
    width: 100%;
    cursor: pointer
}

.emptyDesc--E3RMz {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px
}

.emptyDesc--E3RMz,
.emptyHint--3BL5P {
    text-align: center;
    font-style: normal;
    line-height: normal
}

.emptyHint--3BL5P {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.footer--1dIsS {
    display: flex;
    width: 100%;
    text-align: left;
    padding: 24px 0;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 264px;
    background-color: #fff
}

.createBtn--2vNnp {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    width: 135px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    background: linear-gradient(90deg, #fc6179, #fe7e8a)
}

.createBtn__disabled--2pWWq {
    cursor: not-allowed;
    opacity: .7
}

.cancelBtn--2qtg7 {
    cursor: pointer;
    margin-left: 24px;
    color: #666;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    width: 135px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: rgba(250, 251, 252, .01)
}

.coverUrlWrapper--Eiquh {
    width: 175px;
    height: 100%;
    border-radius: 4px;
    background: rgba(46, 50, 56, .05);
    position: relative
}

.coverUrlWrapper--Eiquh img {
    width: 100%
}

.coverEdit--Xe0I6 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    line-height: normal;
    text-align: center;
    color: #fff;
    font-weight: 400;
    padding: 6px 0
}

.formItemCoverUpload--3BpTa .ant-upload {
    border: none !important
}

.formItemCoverUpload--3BpTa .ant-upload-select {
    width: 176px !important;
    height: 176px !important;
    border-radius: 4px !important;
    background-color: #fafbfc
}

.uploadCover--1tVfR {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #eee;
    background: #fafbfc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.coverUploaderHint--2xjIL {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.customDetailCollectionItemWrapper--Z20-c {
    width: 100%;
    padding-right: 24px !important;
    background: #fff !important
}

.customDetailCollectionItemWrapper--Z20-c:hover {
    background: #f5f5f5 !important
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4:hover .collectionDeleteWrapper--FJMUd,
.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4:hover .collectionDragHint--1HCpq {
    opacity: 1 !important
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv {
    display: flex;
    align-items: center
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .order--2XYaN {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 12px;
    margin-right: 15px
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .collectionItemCover--2RQIY {
    width: 88.462px;
    margin-right: 12px
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .collectionItemContent--zAEqi {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .collectionItemContent--zAEqi .collectionItemTitle--3c48F {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .collectionItemContent--zAEqi .collectionItemPlayCount--n7DUr {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .collectionItemContent--zAEqi .collectionItemCreateTime--C2M_o {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .left--oOwkv .collectionItemContent--zAEqi .collectionItemCreateTime--C2M_o .publishedStatusItem--qehB3 {
    color: #04c700;
    margin-right: 8px
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .right--R5OaA {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .right--R5OaA .collectionDeleteWrapper--FJMUd {
    opacity: 0;
    border-radius: 4px;
    background: #ffdfe4;
    color: #ff4c67;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 5px 8px 6px
}

.customDetailCollectionItemWrapper--Z20-c .detailCollectionItemWrapper--1zrP4 .right--R5OaA .collectionDragHint--1HCpq {
    color: #999;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    line-height: normal;
    opacity: 0
}

.CropArea--2IKHl {
    display: flex
}

.CropArea--2IKHl .cropMain--17tVs {
    width: 308px;
    height: 350px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #f5f5f5
}

.CropArea--2IKHl .previewArea--22Qiw {
    margin-left: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px
}

.CropArea--2IKHl .previewArea--22Qiw .cropPreview--2ZwES {
    width: 119px;
    object-fit: fill;
    margin-bottom: 14px;
    border-radius: 4px
}

.filterStatusWrapper--3lbhn {
    display: flex;
    align-items: center;
    padding: 0 24px;
    justify-content: space-between;
    margin-top: 16px;
    text-align: right;
    line-height: normal
}

.filterStatusWrapper--3lbhn,
.filterStatusWrapper--3lbhn .ant-checkbox-wrapper {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.customCollectionListItem--TqZrf {
    padding: 12px 24px !important;
    -webkit-border-after: none !important;
    border-block-end: none !important;
    cursor: pointer
}

.customCollectionListItem--TqZrf:hover {
    background: #f5f5f5
}

.customCollectionListItemDisable--2KjqE:hover {
    background: #fff
}

.collectionItemWrapper--2uwPt {
    display: flex
}

.collectionItemWrapper--2uwPt .collectionItemCover--qqS47 {
    width: 60px;
    margin-right: 12px
}

.collectionItemWrapper--2uwPt .content--2jyO0 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.collectionItemWrapper--2uwPt .content--2jyO0 .collectionItemTitle--2KiQp {
    color: #333;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.collectionItemWrapper--2uwPt .content--2jyO0 .collectionItemCreateTime--3bGAF {
    color: #999;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.collectionItemWrapper--2uwPt .content--2jyO0 .collectionItemCreateTime--3bGAF .unavailableReason--3jFJW {
    border-radius: 2px;
    background: #f5f5f5;
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 3px 4px;
    margin-right: 5px
}

.collectionItemWrapper--2uwPt .content--2jyO0 .collectionItemTitleDisable--3YFJa {
    color: #333;
    opacity: .5
}

.addHint--NcBUR {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ant-drawer-close {
    position: absolute;
    right: 24px;
    margin: 0 !important
}

.contactImg--W9-Vt {
    position: absolute;
    top: 30px;
    left: calc(50% - 140px);
    width: 280px;
    height: 120px
}

.extraTitle--1i0h5 {
    position: absolute;
    top: 80px;
    left: 50%;
    color: #fff;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 20px
}

.extraContent--2YGq3 {
    margin: 40px auto 0;
    width: 70%
}

.contentLine--1oK_E {
    margin: 10px;
    line-height: 25px;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    font-size: 14px
}

.text--4kzyS {
    min-width: 1000px;
    width: 78%;
    margin: 80px auto 45px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 150px 0 50px
}

.wrapper--2Xb-R {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bg--1CSab {
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.canvas--2f0oV {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    height: 570px
}

.phone--1Cyw7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 525px;
    height: 570px;
    background-size: 525px 570px
}

.text--2v4Ku {
    position: absolute;
    top: 27px;
    right: 0;
    width: 602px;
    height: 248px;
    /* background-image: url(text.9185b0fb.png) */
}
.text--2v4Ku p{
    text-align: center;
}

.ppx--daEU- {
    position: absolute;
    top: 283px;
    right: 424px;
    width: 148px;
    height: 130px;
    background-image: url(ppx.adbb73a4.png)
}

.downloads--24Hny {
    position: absolute;
    top: 315px;
    right: 0
}

.downloadButton--DqYJS {
    display: inline-block;
    margin-right: 20px;
    padding: 9px 0 9px 9px;
    width: 130px;
    border-radius: 3px;
    /* background: #fff; */
    vertical-align: bottom;
    text-decoration: none;
    cursor: pointer
}

.downloadButton--DqYJS:hover {
    opacity: .7
}

.downloadContent--2GQSZ {
    display: flex;
    flex-wrap: nowrap;
    height: 30px
}

.downloadIcon--ZwdKy {
    width: 30px;
    height: 30px
}

.appleIcon--171mp {
    margin: 2px 9px 2px 4px;
    width: 21px;
    height: 26px
}

.androidIcon--3Uugz {
    margin: 0 10px 0 8px;
    width: 30px;
    height: 30px
}

.downloadText--2rYC9 {
    text-align: center;
    font-weight: 600;
    line-height: 30px
}

.downloadQr--yhLqs {
    float: right;
    margin: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    background: #fff;
    background-image: url(preview.476d015e.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: bottom;
    transition-delay: .15s
}

.downloadQr--yhLqs:hover img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.downloadQr--yhLqs:hover .downloadButton--DqYJS {
    opacity: 0
}

.qrIcon--Et99v {
    position: absolute;
    top: 0;
    right: 0;
    width: 223px;
    opacity: 0;
    transition: all .3s;
    -webkit-transform: scale(.22);
    transform: scale(.22);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.carousel--2orHY {
    position: absolute;
    top: 52px;
    left: 208px;
    overflow: hidden;
    width: 211px;
    height: 429px
}

.slide--3zkki {
    flex-grow: 0;
    flex-shrink: 0;
    width: 211px;
    height: 429px
}

.container--m6Gk5 {
    display: flex;
    overflow: auto;
    flex-direction: column;
    min-width: 1250px;
    min-height: 100vh;
    background-color: #f2f2f2
}

.wrapper--1AWvJ {
    display: flex;
    align-items: center;
    flex: 1 1;
    flex-direction: column;
    margin: 84px auto 0;
    width: 1008px;
    background-color: #fff
}

.messageCards--12bqH {
    width: 100%
}

.title--11iEN {
    box-sizing: border-box;
    padding-left: 24px;
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #eee
}

.tab--21Y7Y {
    position: relative;
    display: inline-block;
    padding: 14px 0 12px;
    color: #ff6880;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.bar--tjV0- {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #ff6880
}

.stub--3IdD_ {
    display: flex;
    align-items: center;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    color: #666;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.empty--23Rqq {
    width: 170px;
    height: 170px;
    background-image: url(msg.ea520723.png);
    background-size: cover;
    background-repeat: no-repeat
}

.footer--3eve9 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
    color: #666;
    letter-spacing: 0;
    font-size: 14px
}

.container--365zs {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 1250px;
    overflow: auto;
    background-color: #fff
}

.wrapper--1vYW3 {
    width: 660px;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    margin: 88px auto 45px
}

.infoContainer--zF9oL {
    width: 660px;
    padding-bottom: 24px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.videoContainer--3e56P {
    background: #000;
    margin: 0 auto 16px;
    max-height: 420px
}

.basicInfo--1FgPt {
    width: 100%
}

.title--2tmwb {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #39424e;
    margin-bottom: 4px
}

.topic--3bQdD {
    font-size: 14px;
    margin-bottom: 8px
}

.date--2oW01,
.topic--3bQdD {
    height: 16px;
    line-height: 16px;
    color: #939aa3
}

.date--2oW01 {
    font-size: 12px;
    margin-bottom: 16px
}

.info--31zpd {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #939aa3
}

.point--1280Y {
    display: inline-block;
    margin: 0 6px;
    color: #939aa3
}

.picItem--1f8c1 {
    width: 660px;
    padding-bottom: 16px
}

.container--99UP- {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 1250px;
    overflow: auto;
    background-color: #f2f2f2
}

.wrapper--aqLQ1 {
    display: flex;
    flex: 1 1;
    position: relative;
    margin-top: 60px
}

.sidebar--1KxuW {
    width: 240px;
    background-color: #fafbfc;
    padding-top: 24px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    position: fixed;
    height: 100%
}

.menu--AVPxo {
    height: 40px;
    padding-left: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1d252f
}

.menu--AVPxo+.menu--AVPxo {
    margin-top: 8px
}

.menu--AVPxo.active--1wag6 {
    background-color: rgba(163, 163, 164, .1)
}

.icon--3PLEx {
    margin-right: 13px
}

.main--2XIwy {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1;
    background-color: #fff;
    margin-left: 240px
}

.upload--FUA_E {
    margin-bottom: 16px
}

.post--V4CF3 {
    border-radius: 4px;
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.tabWrapper--PSTSl {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    height: 46px;
    width: 100%
}

.tabs--3NEim {
    width: 1008px;
    margin-right: auto;
    margin-left: auto
}

.tab--2L73b {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #39424e;
    padding: 14px 0 12px;
    text-align: center;
    min-width: 60px
}

.tab--2L73b+.tab--2L73b {
    margin-left: 40px
}

.tab--2L73b.active--1wag6 {
    color: #ff6880
}

.tip--1XAwW {
    float: right;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    padding: 14px 0 12px
}

.boardContainer--1LjcU {
    margin-top: 24px
}

.bar--16AMB {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff6880;
    border-radius: 2px
}

.nothing--3c78i {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1;
    min-height: 636px
}

.box--1kBjR {
    margin: 0 auto 8px;
    width: 170px;
    height: 170px;
    background: url(nothing.3f824f04.svg) no-repeat 50%
}

.itemTableContainer--3rrY9 {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    min-height: 636px;
    width: 928px;
    margin: 0 auto
}

.paginationContainer--3Q_Cm {
    display: flex;
    justify-content: flex-end;
    padding-right: 28px;
    padding-bottom: 28px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 28px
}

.itemList--37XSU {
    flex: 1 1
}

.imgStyle--IUGxf {
    min-width: 50px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    vertical-align: top
}

.linkStyle--10ujw {
    color: #4989cc;
    max-height: 34px;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    margin-left: 12px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.imgStyle--IUGxf img {
    width: 50px;
    height: 35px;
    object-fit: cover
}

.container--1Ytkb {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 1250px;
    overflow: auto;
    background-color: #f2f2f2
}

.wrapper--PVB1j {
    display: flex;
    flex: 1 1;
    position: relative;
    margin-top: 60px
}

.sidebar--2IFxs {
    width: 240px;
    background-color: #fafbfc;
    padding-top: 24px;
    border-right: 1px solid #eee;
    box-sizing: border-box;
    position: fixed;
    height: 100%
}

.menu--1-sSe {
    height: 40px;
    padding-left: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1d252f
}

.menu--1-sSe+.menu--1-sSe {
    margin-top: 8px
}

.menu--1-sSe.active--3VGZu {
    background-color: rgba(163, 163, 164, .1)
}

.icon--uPo3f {
    margin-right: 13px
}

.main---Uskj {
    align-items: center;
    background-color: #fff;
    margin-left: 240px
}

.main---Uskj,
.post--Hrh6a {
    display: flex;
    flex-direction: column;
    flex: 1 1
}

.post--Hrh6a {
    border-radius: 4px
}

.tabWrapper--27LXY {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    height: 46px;
    width: 100%
}

.tabs--IfFl7 {
    width: 1008px;
    margin-right: auto;
    margin-left: auto
}

.tab--1qxG2 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #39424e;
    padding: 14px 0 12px;
    text-align: center;
    min-width: 60px
}

.tab--1qxG2+.tab--1qxG2 {
    margin-left: 40px
}

.tab--1qxG2.active--3VGZu {
    color: #ff6880
}

.tip--3Eq6d {
    float: right;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    padding: 14px 0 12px
}

.bar--dlpSK {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff6880;
    border-radius: 2px
}

.nothing--2eG8A {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1;
    margin-top: 95px
}

.box--1nK3e {
    margin: 0 auto 8px;
    width: 170px;
    height: 170px;
    background: url(nothing.3f824f04.svg) no-repeat 50%
}

.itemTableContainer--2gOrY {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    width: 1008px;
    margin: 0 auto
}

.paginationContainer--3w9Gz {
    display: flex;
    justify-content: flex-end;
    padding-right: 28px;
    padding-bottom: 28px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 28px
}

.itemList--1mnmo {
    flex: 1 1;
    padding-top: 24px
}

.dateContainer--2_GRr {
    margin-bottom: 16px
}

.imgStyle--27YWS {
    min-width: 50px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    vertical-align: top
}

.linkStyle--3-eGy {
    color: #4989cc;
    max-height: 34px;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    margin-left: 12px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.imgStyle--27YWS img {
    width: 50px;
    height: 35px;
    object-fit: cover
}

.container--2sUWu {
    display: flex;
    overflow: auto;
    flex-direction: column;
    min-width: 1250px;
    min-height: 100vh;
    background-color: #f2f2f2
}

.wrapper--2dcB1 {
    position: relative;
    display: flex;
    flex: 1 1;
    margin-top: 60px
}

.sidebar--1omvW {
    position: fixed;
    box-sizing: border-box;
    padding-top: 24px;
    width: 240px;
    height: 100%;
    border-right: 1px solid #eee;
    background-color: #fafbfc
}

.menu--2wW5o {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 25px;
    height: 40px;
    color: #1d252f;
    font-size: 14px
}

.menu--2wW5o+.menu--2wW5o {
    margin-top: 8px
}

.menu--2wW5o.active--2Hvxs {
    background-color: rgba(163, 163, 164, .1)
}

.icon--1OBwT {
    margin-right: 13px
}

.main--2nD2t {
    display: flex;
    align-items: stretch;
    flex: 1 1;
    flex-direction: column;
    margin-left: 240px;
    background-color: #fff
}

.title--36yki {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #eee
}

.titleInfo--HUU5Z {
    margin: 0 auto;
    padding: 14px 0 12px;
    width: 1008px;
    color: #39424e;
    font-size: 14px;
    line-height: 20px
}

.codeContainer--3DG-M {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    margin: -80px auto 0;
    width: 298px;
    text-align: left
}

.text--2oRBo {
    align-items: center;
    flex-direction: column;
    margin: 0 auto 40px;
    height: 22px;
    color: #999;
    font-size: 16px;
    line-height: 22px
}

.text--2oRBo .mobile--2pvXi {
    color: #333
}

.label--3uO5J {
    margin-bottom: 8px;
    height: 25px;
    color: #333;
    text-align: left;
    font-size: 18px;
    line-height: 25px
}

.star--2z1mj {
    margin-right: 5px;
    color: #ff6880
}

.inputArea--3utxZ {
    position: relative;
    display: flex;
    padding: 0 16px;
    width: 264px;
    height: 42px;
    border: 1px solid #ccc;
    border-radius: 6px
}

.inputArea--3utxZ input {
    flex: 1 1;
    border: 0;
    color: #333;
    font-weight: 500;
    font-size: 16px
}

.codeText--3vAga {
    display: inline-block;
    height: 44px;
    color: #ff6880;
    white-space: nowrap;
    font-size: 14px;
    line-height: 44px;
    cursor: pointer
}

.eyes--NdUPW {
    right: 16px;
    z-index: 1;
    margin-top: 11px;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNEOUQ5RDkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01IDljMS42ODMgMy4wOCA0LjAzNiA0LjY2NyA3IDQuNjY3IDIuOTY0IDAgNS4zMTctMS41ODcgNy00LjY2NyIvPjxwYXRoIGQ9Ik0xMy45NDQgMTMuNjY3bC43NzggMS45NDRtLTQuNjY2LTEuOTQ0bC0uNzc4IDEuOTQ0bTcuNzc4LTMuODg5bDEuNTU1IDEuMTY3TTYuOTQ0IDExLjcyMkw1LjM5IDEyLjg5Ii8+PC9nPjwvc3ZnPg==);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.eyes--NdUPW.active--2Hvxs {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzIDYpIj48cGF0aCBzdHJva2U9IiNEOEQ4RDgiIHN0cm9rZS13aWR0aD0iMS42ODgiIGQ9Ik0xNy4xNDYgNkMxNS4xNDYgMi41NTcgMTIuNDI4Ljg0NCA5IC44NDQgNS41NzIuODQ0IDIuODUzIDIuNTU3Ljg1NCA2YzIgMy40NDMgNC43MTggNS4xNTYgOC4xNDYgNS4xNTYgMy40MjggMCA2LjE0Ny0xLjcxMyA4LjE0Ni01LjE1NnpNLjgzOCA2LjAyN0ExNi4wMjkgMTYuMDI5IDAgMDAuODQgNi4wMnoiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNiIgcj0iMyIgZmlsbD0iI0Q4RDhEOCIvPjwvZz48L3N2Zz4=)
}

.error--1JvHq {
    margin: 8px 0;
    height: 16px;
    color: #ff6880;
    font-size: 12px
}

.tips--GvMVz {
    padding: 8px 0;
    color: #999;
    text-align: left;
    font-size: 12px;
    line-height: 16px
}

.submit--3dhun {
    margin-top: 16px;
    width: 298px;
    height: 44px;
    border-radius: 6px;
    background-image: linear-gradient(280deg, #ff808b, #fc6078);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
    cursor: pointer
}

.footerContainer--17sd5 {
    flex: 1 1
}

.hideInput--33oIg {
    display: none
}

.container--1u3zV {
    display: flex;
    overflow: auto;
    flex-direction: column;
    min-width: 1250px;
    min-height: 100vh;
    background-color: #f2f2f2
}

.wrapper--3yGH9 {
    position: relative;
    display: flex;
    flex: 1 1;
    margin-top: 60px
}

.main--28q5R {
    align-items: stretch;
    margin-left: 240px;
    background-color: #fff
}

.info--3_Tzu,
.main--28q5R {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

.info--3_Tzu {
    overflow: hidden;
    justify-content: center;
    text-align: center
}

.loading--2cMKF {
    margin: 195px auto 0;
    width: 42px
}

.stepContainer--3XV6A {
    margin-bottom: 40px;
    height: 20px
}

.stepIcon--2CSOd {
    display: inline-block;
    margin-top: 2px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    vertical-align: top
}

.stepText--2Wr7T {
    height: 20px;
    color: #666;
    font-size: 14px;
    line-height: 20px
}

.stepBars--17hty {
    display: inline-block;
    margin: 0 16px;
    width: 56px;
    height: 20px;
    vertical-align: middle;
    line-height: 12px
}

.cards--3gHnQ {
    margin: 40px auto;
    width: 840px
}

.card--1ictR {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 20px 40px;
    padding: 16px;
    width: 240px;
    height: 182px;
    border: 1.5px solid #ebebeb;
    border-radius: 6px;
    background-color: #fff;
    vertical-align: bottom;
    cursor: pointer
}

.card--1ictR.active--xKu7a {
    border: 1.5px solid #ff6880
}

.cardIcon--3wg6I {
    margin: 0 auto 16px
}

.cardIcon--3wg6I,
.cardIcon--3wg6I img {
    width: 48px;
    height: 48px
}

.cardTitle--1a-6s {
    margin-bottom: 16px;
    color: #333;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.cardText--1v8Ej {
    margin: 0 auto;
    width: 192px;
    color: #999;
    text-align: left;
    font-size: 12px;
    line-height: 16px
}

.cardsButton--AHibx {
    margin: 0 auto;
    width: 240px;
    height: 48px;
    border-radius: 6px;
    background-image: linear-gradient(270deg, #ff808b, #fc6078);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    cursor: pointer
}

.agencyInfos--2eAIU {
    margin: 0 auto;
    width: 1008px;
    height: 100%;
    text-align: left
}

.userInfo--3SyjY {
    margin: 32px 0
}

.userImage--2U_YM {
    overflow: hidden;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    vertical-align: top
}

.userLine--2Glcu {
    display: inline-block;
    margin-left: 16px
}

.userName--3qqm8 {
    height: 40px;
    color: #333;
    font-weight: 500;
    font-size: 18px;
    line-height: 40px
}

.userDesc--kBgnz {
    height: 16px;
    color: #999;
    font-size: 14px;
    line-height: 16px
}

.account--138Qr {
    height: 54px;
    border-top: 1px solid #ebebeb
}

.agencyTitle--1WMer {
    display: inline-block;
    width: 128px;
    vertical-align: top;
    font-size: 16px;
    line-height: 54px
}

.agencyDetail--37z8q {
    display: inline-block;
    width: 880px;
    text-align: left;
    line-height: 54px
}

.detailLine--2CDEu:not(:first-child) {
    border-top: 1px solid #ebebeb
}

.subTitle--1kILM {
    width: 128px;
    color: #333;
    font-size: 16px
}

.agencyInfo--3o89M,
.subTitle--1kILM {
    display: inline-block;
    height: 40px;
    font-weight: 500;
    line-height: 40px
}

.agencyInfo--3o89M {
    color: #999;
    font-size: 18px
}

.changeAgency--3L7fx {
    float: right;
    margin-top: 14px;
    width: 76px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #999;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC;
    line-height: 24px
}

.changeAgency--3L7fx.active--xKu7a {
    border: 1px solid #ff6880;
    color: #ff6880;
    cursor: pointer
}

.statusInfo--1sZaX {
    margin: -80px auto 0;
    text-align: center
}

.statusButton--94VeZ {
    margin: 48px auto 0;
    width: 120px;
    height: 32px;
    border-radius: 4px;
    background: #fc6078;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer
}

.statusImage--17kWo {
    width: 224px;
    height: 160px
}

.statusTitle--2SKlh {
    height: 22px;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.statusText--1lqIx {
    height: 16px;
    color: #666;
    font-size: 12px;
    line-height: 28px
}

.formInfo--YbiF- {
    margin-top: 40px
}

html {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    font-family: PingFangSC-Regular, STHeiti, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background-color: initial;
    color: inherit;
    text-decoration: none
}

b,
strong {
    font-weight: bolder
}

img {
    border-style: none
}

button,
select {
    text-transform: none
}

li {
    list-style: none
}

:focus {
    outline: none
}

textarea {
    resize: none
}

input[type=text],
select,
textarea {
    -webkit-appearance: none;
    appearance: none
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #333
}

.slideContainer--hzPa2 {
    position: fixed;
    z-index: 111111;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .512);
    text-align: center
}

.pcSlide--21XBs,
.slideContainer--hzPa2 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.pcSlide--21XBs {
    position: absolute;
    width: 0;
    height: 0;
    background-color: #f8f8f8
}

.ReactCrop {
    position: relative;
    display: inline-block;
    cursor: crosshair;
    overflow: hidden;
    max-width: 100%;
    background-color: #000
}

.ReactCrop:focus {
    outline: none
}

.ReactCrop--disabled,
.ReactCrop--locked {
    cursor: inherit
}

.ReactCrop__image {
    display: block;
    max-width: 100%;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: fill-available
}

.ReactCrop--crop-invisible .ReactCrop__image {
    opacity: .5
}

.ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateZ(0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, .5);
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat
}

.ReactCrop--disabled .ReactCrop__crop-selection {
    cursor: inherit
}

.ReactCrop__drag-handle {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid hsla(0, 0%, 100%, .7);
    box-sizing: border-box;
    outline: 1px solid transparent
}

.ReactCrop .ord-nw {
    left: 0;
    cursor: nw-resize
}

.ReactCrop .ord-n,
.ReactCrop .ord-nw {
    top: 0;
    margin-top: -5px;
    margin-left: -5px
}

.ReactCrop .ord-n {
    left: 50%;
    cursor: n-resize
}

.ReactCrop .ord-ne {
    top: 0;
    cursor: ne-resize
}

.ReactCrop .ord-e,
.ReactCrop .ord-ne {
    right: 0;
    margin-top: -5px;
    margin-right: -5px
}

.ReactCrop .ord-e {
    top: 50%;
    cursor: e-resize
}

.ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize
}

.ReactCrop .ord-s {
    left: 50%;
    cursor: s-resize
}

.ReactCrop .ord-s,
.ReactCrop .ord-sw {
    bottom: 0;
    margin-bottom: -5px;
    margin-left: -5px
}

.ReactCrop .ord-sw {
    left: 0;
    cursor: sw-resize
}

.ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize
}

.ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit
}

.ReactCrop__drag-bar {
    position: absolute
}

.ReactCrop__drag-bar.ord-n {
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    margin-top: -3px
}

.ReactCrop__drag-bar.ord-e {
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
    margin-right: -3px
}

.ReactCrop__drag-bar.ord-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    margin-bottom: -3px
}

.ReactCrop__drag-bar.ord-w {
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    margin-left: -3px
}

.ReactCrop--fixed-aspect .ReactCrop__drag-bar,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,
.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle {
    display: none
}

@media (max-width:768px),
(pointer:coarse) {
    .ReactCrop__drag-handle {
        width: 17px;
        height: 17px
    }

    .ReactCrop .ord-n,
    .ReactCrop .ord-nw {
        margin-top: -9px;
        margin-left: -9px
    }

    .ReactCrop .ord-e,
    .ReactCrop .ord-ne {
        margin-top: -9px;
        margin-right: -9px
    }

    .ReactCrop .ord-se {
        margin-bottom: -9px;
        margin-right: -9px
    }

    .ReactCrop .ord-s,
    .ReactCrop .ord-sw {
        margin-bottom: -9px;
        margin-left: -9px
    }

    .ReactCrop .ord-w {
        margin-top: -9px;
        margin-left: -9px
    }

    .ReactCrop__drag-bar.ord-n {
        height: 14px;
        margin-top: -7px
    }

    .ReactCrop__drag-bar.ord-e {
        width: 14px;
        margin-right: -7px
    }

    .ReactCrop__drag-bar.ord-s {
        height: 14px;
        margin-bottom: -7px
    }

    .ReactCrop__drag-bar.ord-w {
        width: 14px;
        margin-left: -7px
    }
}