body{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-family:Roboto}html,body{width:100%;height:100%}input{outline:none}a{text-decoration:none;color:#222}ul,li{list-style:none}h1{font-size:18px}p{font-size:16px}div{font-size:14px;box-sizing:border-box}th{white-space:nowrap}.g-flex-start{display:flex;justify-content:flex-start;align-items:center}.g-flex-end{display:flex;justify-content:flex-end;align-items:center}.g-flex-between{display:flex;justify-content:space-between;align-items:center}.g-flex-center{display:flex;justify-content:center;align-items:center}.g-flex-wrap{flex-wrap:wrap}.g-split-line{height:2px;background-color:#373a42;margin-bottom:14px;border-top:1px solid #000}.g-create-btn{position:relative}.g-create-btn .text{color:#3ba2d5}.g-create-btn .bg{width:0;height:calc(100% + 24px);background:linear-gradient(160deg,#35c6c9d3 0%,#0f41f5e5 100%);border-radius:22px 0 0 22px;position:absolute;top:-12px;right:0;z-index:0;transition:all .25s}.g-create-btn:hover .text{color:#fff;position:relative;z-index:1}.g-create-btn:hover .bg{border-radius:0;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#e7e7e7;border-radius:3px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#bbb}::-webkit-scrollbar-button{display:none}#root,#App{width:100%;height:100%}.ant-table-wrapper .ant-table-thead>tr>th{padding:8px 12px;font-size:14px}.ant-card .ant-card-body{padding:12px}.ant-card .ant-card-meta-title{color:#595959e0}.left-menu{min-width:78px;width:78px;height:100%;position:relative;background:linear-gradient(160deg,#35c7c9 0%,#0f40f5 100%);border-top-right-radius:46px;transition:all .25s}.left-menu .logo-icon{width:100%;height:128px;flex-direction:column}.left-menu .logo-icon .logo{width:64px;height:58px;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.left-menu .menu-wrap{width:100%;padding:10px;position:relative;z-index:5}.left-menu .menu-item{width:100%;margin:26px 0;text-align:center;color:#f5f5f5;cursor:pointer}.left-menu .menu-item .menu-icon{width:36px;height:36px;border-radius:12px;background-position:center;background-size:100% 100%;background-repeat:no-repeat;display:inline-block;text-align:center;line-height:36px}.left-menu .menu-item .menu-icon .iconfont{font-size:18px}.left-menu .menu-item .name{font-size:14px}.left-menu .checked-item{color:#fff}.left-menu .second-menu-wrap{width:78px;height:100%;position:absolute;top:0;left:0;z-index:3;transition:all .25s}.left-menu .second-menu-wrap .empty-space{width:78px;height:100%}.left-menu .second-menu-wrap .list-wrap{width:248px;height:100%;padding:260px 40px 0}.left-menu .show-second-menu{width:326px;z-index:4;background:linear-gradient(160deg,#35c6c9d3 0%,#0f41f5e5 100%);border-top-right-radius:56px}.left-menu .show-second-menu .second-menu-item{height:60px;line-height:60px;border-radius:30px 0 0 30px;width:100%;color:#fff;padding-left:36px;cursor:pointer}.left-menu .show-second-menu .second-menu-item .iconfont{margin-right:18px}.left-menu .show-second-menu .second-menu-item:hover{background-color:#e7e7e794}.work-head{width:100%;min-width:1340px;height:66px;border-bottom:2px solid #ddd;align-items:end}.work-head .head-nav{max-width:80%;overflow:auto;padding-right:24px}.work-head .head-nav .nav-item{padding:8px 20px;border:1px solid #ccc;border-bottom:none;cursor:pointer;font-size:14px;color:#222;text-overflow:ellipsis;white-space:nowrap}.work-head .head-nav .nav-item .iconfont{display:none;margin-left:8px;color:#acacac}.work-head .head-nav .nav-item~.nav-item{border-left:none}.work-head .head-nav .nav-item:first-child{border-top-left-radius:8px}.work-head .head-nav .nav-item:last-child{border-top-right-radius:8px}.work-head .head-nav .nav-item:hover{padding-right:8px}.work-head .head-nav .nav-item:hover .iconfont{display:inline-block}.work-head .head-nav .checked-nav-item{background:#ddd}.work-head .user-info{height:100%;padding:0 12px;flex-direction:column}.work-head .user-info .user-avatar{cursor:pointer}.work-space{width:100%;height:100%;background-color:#f3f3f3}.work-space .work-right{height:100%;padding:0 28px 18px;flex:1;flex-direction:column;background-color:#f3f3f3}.work-space .work-right .work-view{width:100%;min-width:1340px;padding:14px 0;flex:1;overflow:auto;background-color:#f3f3f3}.work-space .work-right .work-view .content-module-wrap{border-radius:18px;width:100%;padding:14px 18px;background-color:#fff;margin-bottom:16px}.work-space .work-right .work-view .module-title{margin-bottom:14px}.work-space .work-right .work-view .module-title .title-left-icon{width:4px;height:16px;border-radius:2px;background-color:#165bdb;margin-right:12px;display:inline-block}.work-space .work-right .work-view .module-title .title{color:#222;font-size:18px;margin-right:8px}.work-space .work-right .work-view .module-title .recent-item{padding:3px 8px;border-radius:4px;background-color:#efefef;color:#acacac;font-size:12px;text-align:center;border:1px solid #ffffff;cursor:pointer;margin-right:4px}.work-space .work-right .work-view .module-title .recent-item .iconfont{margin-right:2px;font-size:8px}.work-space .work-right .work-view .module-title .recent-item-checked{color:#006eff;background:#ccc}.work-space .work-right .work-view .module-title .recent-item-disable{cursor:not-allowed;color:#bebdbd;background:#e7e7e7}.work-view .fun-wrap{width:100%;margin-bottom:16px;overflow:auto}.work-view .fun-wrap .fun-item{width:16%;height:148px;border-radius:10px;border:1px solid #ffffff;background-size:100% auto;background-repeat:no-repeat;background-position:center;overflow:hidden}.work-view .fun-wrap .fun-item .fun-item-m{width:100%;height:100%;background:linear-gradient(180deg,#35c7c700 0%,#35c7c7 100%);color:#fff;position:relative;z-index:2}.work-view .fun-wrap .fun-item .fun-item-m .title{font-size:20px;padding:12px 16px}.work-view .fun-wrap .fun-item .fun-item-m .desc{font-size:12px;padding-left:40px}.work-view .fun-wrap .fun-item .fun-item-m .button-wrap{position:absolute;bottom:12px;width:100%;padding:0 14px}.work-view .fun-wrap .fun-item .fun-item-m .button-wrap .button{width:88px;height:28px;line-height:28px;border-radius:14px;text-align:center;color:#6564f6;font-size:14px;background:#fff;cursor:pointer}.work-view .fun-wrap .fun-item .fun-item-m .button-wrap .button-disable{color:#9a9a9a;cursor:not-allowed}.work-view .fun-wrap .fun-item .fun-item-disable{background:linear-gradient(180deg,#35c7c741 0%,#35c7c7 100%)}.work-view .fun-wrap .fun-item-disable{background-color:#eee}.work-view .recent-works-wrap .works-list-wrap .create-work{width:214px;height:120px;border-radius:14px;border:2px dashed #006eff;cursor:pointer}.work-view .recent-works-wrap .works-list-wrap .create-work .create-soon{text-align:center;flex-direction:column}.work-view .recent-works-wrap .works-list-wrap .create-work .create-soon .icon{font-size:22px;color:#006eff;transition:all .25s}.work-view .recent-works-wrap .works-list-wrap .create-work .create-soon .word{margin-top:6px;color:#006eff;font-size:14px}.work-view .recent-works-wrap .works-list-wrap .create-work .create-soon:hover .icon{transform:scale(1.3)}.work-view .recent-works-wrap .works-list-wrap .recent-works-list{margin-left:36px;gap:28px}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item{width:180px;height:120px;overflow:hidden}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item video{width:100%;position:relative;top:-34px}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .ant-card-cover{position:relative;width:100%;overflow:hidden}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .play{width:40px;height:40px;border-radius:20px;position:absolute;z-index:2;top:34px;left:calc(50% - 20px);cursor:pointer}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .play .iconfont{font-size:40px;color:#686868;background-color:#ebe9e9;border-radius:20px}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .tag{width:160px;height:22px;line-height:22px;text-align:center;position:absolute;top:12px;left:-56px;transform:rotate(-45deg);color:#fff}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .draft{background-color:#2dabff}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .pending{background-color:#ffab2d}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .success{background-color:#35ec4d}.work-view .recent-works-wrap .works-list-wrap .recent-works-list .video-list-item .fail{background-color:#ff2c2c}.work-view .model-list-wrap{flex-wrap:wrap;gap:20px;margin-bottom:14px}.work-view .model-list-wrap .model-list-item{width:240px}.work-view .model-list-wrap .model-list-item .img-wrap{width:100%;max-height:240px;overflow:hidden}.choose-model-component{width:240px;height:100%;flex-direction:column;padding:8px 4px;background:#fff;border-radius:6px}.choose-model-component .list-wrap{flex:1;overflow:auto;width:100%}.choose-model-component .list-wrap .model-item{margin:4px;border-radius:4px;cursor:pointer;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.choose-model-component .list-wrap .model-item .name{width:100%;font-weight:600;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap;background:#fff;overflow:hidden;color:#595959e0}.choose-model-component .list-wrap .checked{border:2px solid #2b7ae2}.video-play-modal .ant-modal-content{background-color:#fff0;box-shadow:none}.video-play-modal .close{position:relative;top:-28px;right:-28px;font-size:34px;color:#adadad}.account-manage-page{width:100%;height:100%}.account-manage-page .account-info{flex-wrap:nowrap;width:100%;overflow:auto}.account-manage-page .head-wrap{width:180px;height:100%}.account-manage-page .info-wrap{flex-wrap:wrap}.account-manage-page .info-wrap .info-item{width:240px;margin-right:12px;margin-bottom:36px;font-size:14px;color:#6d6d6d}.account-manage-page .info-wrap .info-item .label{margin-right:6px;width:80px;font-size:14px;text-align:right}.account-manage-page .info-wrap .info-item .val{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px}.account-manage-page .account-property{width:680px;max-height:288px;overflow:auto;padding:16px;border-radius:10px;background-color:#3575c9}.account-manage-page .account-property .title{color:#fff;font-size:18px;margin-bottom:8px}.account-manage-page .account-property .item-wrap{width:100%;flex-wrap:wrap}.account-manage-page .account-property .item-wrap .item-info{width:140px;height:68px;padding:8px 10px;background:#f7f7f73d;margin-right:8px;margin-bottom:12px;border-radius:6px;color:#fff}.account-manage-page .account-property .item-wrap .item-info .item-name{font-size:14px;margin-bottom:14px;text-overflow:ellipsis;white-space:nowrap}.account-manage-page .account-property .item-wrap .item-info .item-val{font-size:10px;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}.account-manage-page .account-property .item-wrap .fill-item{height:0;padding:0;margin:0}.login-page{--primary: #6d58ff;--primary-dark: #362a89;--dark: #2b3044;--grey-dark: #404660;--grey: #8a91b4;--grey-light: #a6accd;--light: #bbc1e1;--pale: #eceffc;--white: #ffffff;--red: #f04949;width:100%;height:100%;position:relative;background-color:#ececec;background-image:url(../image/login-bg.png);background-position:center;background-size:100%;background-repeat:no-repeat;min-width:1400px}.login-page .bg-1{width:480px;height:380px;position:absolute;top:386px;left:210px;z-index:0;background-image:url(../image/login-bg-left.png);background-position:center;background-size:100%;background-repeat:no-repeat}.login-page .bg-2{width:84%;height:80%;position:absolute;top:10%;left:3%;z-index:1;opacity:.2;background-image:url(../image/login-logo.png);background-position:center;background-size:80%;background-repeat:no-repeat}.login-page .login-logo{width:226px;height:38px;position:absolute;top:20px;left:24px;background-image:url(../image/login-logo-left.png);background-position:center;background-size:auto 100%;background-repeat:no-repeat;z-index:1}.login-page .login-card-wrap{width:26%;height:48%;min-width:400px;min-height:480px;border-radius:30px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;background-color:#fff;position:absolute;top:calc(50% - 240px);right:100px;z-index:2;padding:20px 48px}.login-page .login-card-wrap .welcome{padding-top:30px;font-size:36px;font-weight:600}.login-page .login-card-wrap .welcome .w{color:#0ba29a}.login-page .login-card-wrap .wel-title{margin-top:8px;font-size:14px;padding-left:20px;color:#222;font-weight:600}.login-page .login-card-wrap .inp-wrap{padding:16px 0}.login-page .login-card-wrap .inp-wrap .input{position:relative}.login-page .login-card-wrap .inp-wrap .input .ant-input-group-addon{border:none;background-color:#fff;border-bottom:1px solid #86909c;border-radius:0}.login-page .login-card-wrap .inp-wrap .input .send-code-btn{font-size:12px;color:#777;cursor:pointer}.login-page .login-card-wrap .inp-wrap .input label{pointer-events:none;font-size:12px;font-weight:500;line-height:1.5;position:absolute;top:8px;left:0;transform-origin:0 50%;transform:translateY(var(--label-y, 0)) scale(var(--label-scale, 1)) translateZ(0);transition:transform .3s,color .3s;color:var(--label-color, var(--grey-light))}.login-page .login-card-wrap .inp-wrap .input input{width:100%;border-radius:0;-webkit-appearance:none}.login-page .login-card-wrap .inp-wrap .input input:not(:placeholder-shown)+label,.login-page .login-card-wrap .inp-wrap .input input:focus+label{--label-y: -17px;--label-scale: .8;--label-color: var(--grey)}.login-page .login-card-wrap .inp-wrap .input.email{margin-bottom:32px}.login-page .login-card-wrap .inp-wrap .input.email input{background:none;outline:none;border:none;color:var(--grey-dark);font-weight:500;font-family:inherit;font-size:13px;letter-spacing:.025em;line-height:22px;caret-color:var(--primary);padding:7px 0 5px;box-shadow:inset 0 -1px 0 0 var(--grey)}.login-page .login-card-wrap .inp-wrap .input.password{height:34px}.login-page .login-card-wrap .inp-wrap .input.password .dots{position:absolute;display:flex;left:0;top:50%;transform:translateY(-2px)}.login-page .login-card-wrap .inp-wrap .input.password .dots i{width:6px;height:6px;border-radius:50%;background:var(--grey-dark);display:block;margin-right:4px;animation:var(--name, scale-in) .05s linear forwards}.login-page .login-card-wrap .inp-wrap .input.password .dots i.remove{--name: scale-out}.login-page .login-card-wrap .inp-wrap .input.password .cursor{position:absolute;height:15px;width:1px;left:0;top:10px;background:var(--primary);opacity:0;transform:translate(var(--cursor-x, 0));transition:transform var(--cursor-duration, .1s)}.login-page .login-card-wrap .inp-wrap .input.password input{opacity:0;padding:0;position:absolute;left:0;top:0;bottom:0}.login-page .login-card-wrap .inp-wrap .input.password input:focus+label+.cursor{animation:cursor 1s ease infinite}.login-page .login-card-wrap .inp-wrap .input .line,.login-page .login-card-wrap .inp-wrap .input .tick{pointer-events:none;position:absolute;left:var(--left, 0);bottom:var(--bottom, -10px);opacity:var(--opacity, 1);transition:opacity 0s linear var(--tick-opacity-delay, .5s)}.login-page .login-card-wrap .inp-wrap .input .line svg,.login-page .login-card-wrap .inp-wrap .input .tick svg{stroke:var(--line-stroke, var(--grey));stroke-width:1;fill:none;display:block;width:var(--width, 900px);height:var(--height, 22px);transform:translate(var(--x, var(--line-x, 0)));transition:transform var(--line-x-duration, 0s) ease,stroke .3s}.login-page .login-card-wrap .inp-wrap .input .line{overflow:hidden;width:100%;transform-origin:0 50%;height:1px;background:#8a91b4}.login-page .login-card-wrap .inp-wrap .input .tick{--left: 100%;--bottom: -1px;--width: 32px;--height: 28px;--x: -16px;--opacity: 0}.login-page .login-card-wrap .inp-wrap .input .tick svg{stroke:var(--tick-stroke, var(--grey));stroke-dasharray:17 81;stroke-dashoffset:var(--tick-offset, 34px);transition:stroke-dashoffset .5s ease var(--tick-delay, 0s),stroke .5s ease var(--tick-delay, 0s)}.login-page .login-card-wrap .inp-wrap .agreement{margin-bottom:24px;color:#bebebe}.login-page .login-card-wrap .inp-wrap .agreement .service,.login-page .login-card-wrap .inp-wrap .agreement .privacy{color:#2f6ef5;cursor:pointer}.login-page .login-card-wrap .inp-wrap .login-button{width:170px;height:34px;border-radius:17px;box-shadow:2px 2px 10px #0006}#agreement-content .b{font-weight:600}#agreement-content p{text-indent:2rem}.agreement-wrap{max-height:85%;overflow:auto}.market-page{width:100%;height:100%}.market-page .video-list-wrap{flex-wrap:wrap;align-items:start;gap:20px;margin-bottom:14px;min-height:600px}.market-page .video-list-wrap .video-list-item{width:240px;overflow:hidden}.market-page .video-list-wrap .video-list-item .ant-card-cover{position:relative;width:100%;max-height:240px;overflow:hidden}.market-page .video-list-wrap .video-list-item video{width:100%;position:relative;top:-78px;min-height:420px}.market-page .video-list-wrap .video-list-item .play{width:40px;height:40px;border-radius:20px;position:absolute;z-index:2;top:88px;left:calc(50% - 20px)}.market-page .video-list-wrap .video-list-item .play .iconfont{font-size:40px;color:#686868;background-color:#ebe9e9;border-radius:20px}.create-video-page{width:100%;height:100%}.create-video-page .create-wrap{flex:1;flex-direction:column;height:100%;border-radius:8px;padding:12px 16px;background:#fff;margin-right:12px}.create-video-page .create-wrap .model{height:100%}.create-video-page .create-wrap .model-info{min-height:360px;width:100%;overflow:hidden}.create-video-page .create-wrap .model-info .info{width:100%;height:100%;padding:20px;flex-direction:column}.create-video-page .create-wrap .model-info .info h2,.create-video-page .create-wrap .model-info .info div,.create-video-page .create-wrap .inp{width:100%}.create-video-page .create-wrap .inp #audio{width:280px;height:30px;margin-right:10px}.create-video-page .create-wrap .inp .btn{padding:6px 10px}.video-works-page{width:100%;height:100%;padding:18px 24px;background:#fff;border-radius:10px;flex-direction:column}.video-works-page .list-wrap{width:100%;flex-wrap:wrap;align-items:start;gap:20px;margin-bottom:14px;min-height:600px}.video-works-page .list-wrap .video-list-item{width:240px;overflow:hidden}.video-works-page .list-wrap .video-list-item .ant-card-cover{position:relative;width:100%;max-height:240px;overflow:hidden}.video-works-page .list-wrap .video-list-item video{width:100%;position:relative;top:-78px;min-height:420px}.video-works-page .list-wrap .video-list-item .play{width:40px;height:40px;border-radius:20px;position:absolute;z-index:2;top:88px;left:calc(50% - 20px)}.video-works-page .list-wrap .video-list-item .play .iconfont{font-size:40px;color:#686868;background-color:#ebe9e9;border-radius:20px}.video-works-page .list-wrap .video-list-item .tag{width:160px;height:22px;line-height:22px;text-align:center;position:absolute;top:12px;left:-56px;transform:rotate(-45deg);color:#fff}.video-works-page .list-wrap .video-list-item .draft{background-color:#2dabff}.video-works-page .list-wrap .video-list-item .pending{background-color:#ffab2d}.video-works-page .list-wrap .video-list-item .success{background-color:#35ec4d}.video-works-page .list-wrap .video-list-item .fail{background-color:#ff2c2c}.video-works-page .page{width:100%;padding:20px 28px}