@charset "UTF-8";#page-views #page-main #page-main-view{padding:44px 24px 60px!important}#page-views #page-main #page-main-view:before{content:"";display:block;width:100%;height:27px;background:#fff;position:fixed;left:0;top:64px;z-index:99}#page-views #page-main #page-main-view.page-main-view-avatar{display:none}#page-views #page-main #page-main-view .avatar-table-list-box{display:flex;align-items:center;justify-content:flex-end;position:fixed;z-index:100;top:64px;opacity:0;pointer-events:none}#page-views #page-main #page-main-view .avatar-table-list-box:before{content:"";display:block;background:url(/image/svg/avatar-nav-icon1.svg) no-repeat center/cover;width:14px;height:16px;margin-inline-end:4px}#page-views #page-main #page-main-view .avatar-table-list-box .avatar-table-list-text{font: 12px/16px Noto Sans;color:#7c7c8f}#page-views #page-main #page-main-view .avatar-table-list-box>ul{display:flex;align-items:center}#page-views #page-main #page-main-view .avatar-table-list-box>ul>li{margin-inline-start:10px;background:#f3f3f4;border-radius:3px;font: 14px/19px Noto Sans;color:#1e1e2e;padding:3px 8px;cursor:pointer}#page-views #page-main #page-main-view .avatar-table-list-box>ul>li:hover{background:#f1e8ff;color:#8b3dff}#page-views #page-main #page-main-view .avatar-create-container{width:100%}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part{border-radius:12px;padding:25px 16px 18px;gap:12px;cursor:pointer;position:relative;display:none;box-sizing:border-box;width:auto;height:auto}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .avatar-create-img{width:36px;height:36px;flex-shrink:0;transition:transform .25s,opacity .25s;transform:translateY(0);opacity:1}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .avatar-create-text-section{transition:transform .25s,opacity .25s;transform:translateY(0);opacity:1}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .avatar-create-text-section>h4{font: 600 14px/19px Noto Sans;color:#1e1e2e;display:flex;align-items:center;gap:10px}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .avatar-create-text-section>h4>i{font: 12px/16px Noto Sans;color:#fff;padding:0 4px;background:#ee4141;border-radius:2px}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .avatar-create-text-section .avatar-create-descript{padding-top:2px;font: 12px/17px Noto Sans;color:#1e1e2e}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:nth-child(2n-1){background:#f2efff}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:nth-child(2n){background:#eff4ff}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part.avatar-lite .avatar-create-img{background:url(/image/svg/avatar-top-banner-lite.svg) no-repeat center/contain}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part.avatar-product .avatar-create-img{background:url(/home-top-nav/product-avatar.svg?v=20250428) no-repeat center/contain}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part.avatar-pro .avatar-create-img{background:url(/image/svg/avatar-top-banner-pro.svg) no-repeat center/contain}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part.talking-photo .avatar-create-img{background:url(/image/svg/avatar-top-banner-photo.svg) no-repeat center/contain}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part.avatar-motion .avatar-create-img{background:url(/image/svg/avatar-top-banner-motion.svg) no-repeat center/contain}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .create-btn-part{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:8px;box-sizing:border-box;gap:8px}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .create-btn-part .create-btn-part-line{height:83%;width:1px;background-color:#1e1e2e1a}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .create-btn-part>button{border:unset;outline:unset;background:transparent;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:0 5px;box-sizing:border-box;cursor:pointer;transition:transform .3s,opacity .3s;opacity:0;flex:1}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .create-btn-part>button font-icomoon{--color: #1E1E2E}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .create-btn-part>button span{font: 12px/17px Noto Sans;color:#1e1e2e}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part .create-btn-part>button:hover{background:#0057c81a}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover:not(.talking-photo) .avatar-create-img,#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover:not(.talking-photo) .avatar-create-text-section,#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover:not(.avatar-motion) .avatar-create-img,#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover:not(.avatar-motion) .avatar-create-text-section{transform:translateY(-4px)}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover.talking-photo .avatar-create-img,#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover.talking-photo .avatar-create-text-section,#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover.avatar-motion .avatar-create-img,#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover.avatar-motion .avatar-create-text-section{opacity:0}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover .create-btn-part{z-index:1}#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover .create-btn-part>button:nth-of-type(1),#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part:hover .create-btn-part>button:nth-of-type(2){opacity:1}@media (max-width: 1300px){#page-views #page-main #page-main-view .avatar-create-container .avatar-create-part{gap:12px;padding:26px 19px 26px 12px}}#page-views #page-main #page-main-view nav-section{width:100%;display:flex;align-items:center;position:sticky;top:68px;background-color:#fff;z-index:11;padding:24px 0 15px;flex-wrap:wrap;row-gap:15px;justify-content:space-between}#page-views #page-main #page-main-view nav-section:before,#page-views #page-main #page-main-view nav-section:after{content:"";display:block;position:absolute;width:24px;height:100%;top:0;background:#fff;z-index:-1;inset-inline-start:-24px}#page-views #page-main #page-main-view nav-section:after{inset-inline-start:unset;inset-inline-end:-24px}#page-views #page-main #page-main-view .avatar-classify{margin-top:20px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title{display:flex;align-items:center;padding-bottom:16px;position:relative}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-before{font-style:normal;width:12px;height:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;margin-inline-end:8px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-before:before{content:"";font-family:icomoon;color:#1e1e2e;font-size:12px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-before.hidden{transform:rotate(-90deg)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-tips-icon{padding-inline:16px 6px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-text{font: 500 16px/21px Noto Sans;color:#1e1e2e}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-text>b{font:inherit;color:inherit}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-classify-title .avatar-classify-title-tips{font: 13px/18px Noto Sans;color:#676778}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-public-list-box,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-starred-list-box{margin-top:28px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box{position:relative}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right{width:40px;height:40px;line-height:40px;color:#1e1e2e;border-radius:50%;box-shadow:0 3px 6px #1e1e2e33;border:2px solid #CACACC;cursor:pointer;position:absolute;background-color:#fff;text-align:center;top:50%;transform:translateY(calc(-50% + 20px))}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left:before,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right:before{content:"";display:inline-block;flex-shrink:0;font-style:normal;font-family:icomoon;color:inherit;font-size:15px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left:after,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right:after{content:""}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-left,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-left{left:-22px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-left:hover,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-left:hover{border-color:#8b3dff}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-left:hover:before,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-left:hover:before{color:#8b3dff}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-left:hover~.swiper-shadow-left,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-left:hover~.swiper-shadow-left{visibility:visible}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-right,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-right{right:-22px;transform:translateY(calc(-50% + 20px)) rotate(180deg)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-right:hover,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-right:hover{border-color:#8b3dff}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-right:hover:before,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-right:hover:before{color:#8b3dff}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-right:hover~.swiper-shadow-right,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-right:hover~.swiper-shadow-right{visibility:visible}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-left.swiper-button-disabled,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-right.swiper-button-disabled{cursor:not-allowed;display:none}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-shadow-left,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-shadow-right{position:absolute;width:60px;inset-block:0px;pointer-events:none;z-index:7;visibility:hidden}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-shadow-left.swiper-shadow-left,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-shadow-right.swiper-shadow-left{inset-inline-start:0px;background:linear-gradient(270deg,#fff0,#fff)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-shadow-left.swiper-shadow-right,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .swiper-container-box .swiper-shadow-right.swiper-shadow-right{inset-inline-end:0px;background:linear-gradient(90deg,#fff0,#fff)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list{gap:23px;justify-items:center;grid-template-columns:repeat(auto-fill,250px);display:grid;overflow-x:clip;width:100%}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.swiper{display:block}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.swiper .swiper-wrapper .swiper-slide{width:250px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create{width:100%;flex-direction:column}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background{cursor:pointer;width:100%;height:200px;background:#f9f9fa;border:1px solid rgba(86,74,254,.1019607843);border-radius:6px;box-sizing:border-box;flex-direction:column}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.create-lite-btn{background:#8b3dff0f 0% 0% no-repeat padding-box;box-shadow:0 3px 10px #1e1e2e00;border:1px solid rgb(139,61,255)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.create-lite-btn .create-text{font: 14px/19px Noto Sans;color:#8b3dff;padding-top:16px;text-align:center;transition:all .3s}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.create-lite-btn .create-icon{width:64px;height:64px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.create-lite-btn .create-icon:before{content:"";color:#8b3dff;font-size:64px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background:hover .create-icon,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background:hover .create-text{transform:translateY(-10px)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn{background:unset;border:unset;border-radius:unset;cursor:default;justify-content:space-between;gap:12px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn .create-btn-box,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn .create-btn-box{cursor:pointer;width:100%;height:114px;display:flex;align-items:center;padding:0 38px;padding-inline-end:10px;box-sizing:border-box;gap:16px;background:#f9f9fb 0% 0% no-repeat padding-box;box-shadow:0 3px 10px #1e1e2e00;border:1px solid rgba(86,74,254,.1019607843);border-radius:6px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn .create-btn-box>span,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn .create-btn-box>span{font: 14px/19px Noto Sans;color:#8c8c97}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn .create-btn-box>span,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn .create-btn-box font-icomoon,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn .create-btn-box>span,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn .create-btn-box font-icomoon{transition:all .3s;transform-origin:center center}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn .create-btn-box:hover>span,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.talking-photo-btn .create-btn-box:hover font-icomoon,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn .create-btn-box:hover>span,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-background.avatar-motion-btn .create-btn-box:hover font-icomoon{transform:translateY(-10px)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-icon{width:86px;height:86px;transition:all .3s;transform-origin:center center}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-icon:before{content:"";font-family:icomoon;color:#cfd0d2;font-size:86px;font-style:normal}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list .avatar_create .create-titletext{text-align:start;margin-top:10.5px;font: 14px/19px Noto Sans;font-weight:500;color:#1e1e2e}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.water-fall-list{column-gap:27px;row-gap:0;grid-auto-rows:2px;grid-template-columns:repeat(auto-fill,200px)}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.water-fall-list .avatar_create{width:200px;grid-row-start:span 114}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.water-fall-list .avatar_create .create-background .create-btn-box{padding:0 10px;gap:8px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.water-fall-list .avatar_create .create-titletext{display:none}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.small-loading,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.no-result,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.swiper .swiper-wrapper.no-result{display:grid;grid-template-columns:auto}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.small-loading.small-loading,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.no-result.small-loading,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.swiper .swiper-wrapper.no-result.small-loading{height:200px}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.small-loading .avatar_create,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.small-loading avatar-card,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.no-result .avatar_create,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.no-result avatar-card,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.swiper .swiper-wrapper.no-result .avatar_create,#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.swiper .swiper-wrapper.no-result avatar-card{display:none!important}#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list.no-result{grid-template-columns:unset;align-items:center;height:320px;grid-auto-rows:unset}.create-avatar-step-video-mask{z-index:999;background-color:#0006;position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;display:none}.create-avatar-step-video-mask .create-avatar-step-video-mask-body-close{display:block;width:24px;height:24px;position:absolute;top:12px;inset-inline-end:14px;cursor:pointer;background:url(/image/svg/close.svg) no-repeat;z-index:1}.create-avatar-step-video-mask .bottom-btn-box{width:100%;margin-top:55px}.create-avatar-step-video-mask .bottom-btn-box>button{background-color:#8b3dff;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 20px;min-width:252px;height:48px;box-sizing:border-box;margin:0 auto;border:unset;outline:unset;cursor:pointer}.create-avatar-step-video-mask .bottom-btn-box>button>span{font: 14px/19px Noto Sans;color:#fff}.create-avatar-step-video-mask .bottom-btn-box>button:hover{background-color:#9b57ff}.to-ideal-btn-box{height:40px;border-radius:4px;box-sizing:border-box}.to-ideal-btn-box.nav{margin-inline-start:auto}.to-ideal-btn-box.bottom{position:fixed;inset-inline-end:68px;inset-block-end:13px;z-index:2}.to-ideal-btn-box .to-ideal-btn{display:flex;align-items:center;height:100%;width:100%;background-color:#eee2ff;border-radius:inherit;padding-inline-end:15px;padding-inline-start:9px;position:relative;box-sizing:border-box}.to-ideal-btn-box .to-ideal-btn:before{content:"";display:inline-block;background:url(/image/svg/avatart-icon-2-4-new.svg) no-repeat center/cover;width:22px;height:22px;margin-inline-end:24px;position:relative;z-index:1}.to-ideal-btn-box .to-ideal-btn:after{content:"";border-radius:inherit;background-color:#8b3dff;height:100%;position:absolute;top:0;inset-inline-start:0;width:40px;transition:width .3s}.to-ideal-btn-box .to-ideal-btn>span{text-decoration:underline;font: 500 15px/20px Noto Sans;color:#8b3dff;position:relative;z-index:1}.to-ideal-btn-box .to-ideal-btn:hover span{color:#fff}.to-ideal-btn-box .to-ideal-btn:hover:after{width:100%}.step-two-three{position:relative;width:1400px;height:637px;display:flex;justify-content:center;border:1px solid rgb(228,232,239);border-radius:6px;max-width:90vw;max-height:90vh;padding:54px 67px 22px;box-sizing:border-box;flex-wrap:wrap;overflow:auto;background:transparent}.step-two-three:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:-2;background-color:#fff;top:0;left:0}.step-two-three .card-title{width:calc(100% - 4px);height:56px;font: 500 16px/56px Noto Sans;color:#1e1e2e;padding-inline-start:52px;position:relative;background:transparent linear-gradient(90deg,#f8f3ff,#fcf9ff);border-radius:4px;box-sizing:border-box;margin-inline-start:4px;white-space:nowrap}.step-two-three .card-title:before{content:"";display:block;position:absolute;top:50%;inset-inline-start:12px;transform:translateY(-50%);background:url(/image/svg/title-tips.svg) no-repeat center/cover;width:24px;height:24px}.step-two-three .card-title:after{content:"";position:absolute;display:block;height:100%;width:10px;border-radius:inherit;inset-inline-start:-4px;top:50%;transform:translateY(-50%);background-color:#8b3dff;z-index:-1}.step-two-three .card-h4-title{font: 500 14px/19px Noto Sans;color:#1e1e2e;position:relative;padding-inline-start:16px}.step-two-three .card-h4-title:before{content:"";display:block;height:100%;width:4px;background-color:#8b3dff;position:absolute;inset-inline-start:0;top:0}.step-two-three .step-two-left,.step-two-three .step-three-left{width:666px;max-width:52.7%}.step-two-three .step-two-left .card-title:before{background:url(/image/svg/create-avatar-step-two-icon2.svg) no-repeat center/cover}.step-two-three .step-two-left>ul{display:flex;flex-direction:column;gap:10px}.step-two-three .step-two-left>ul li{padding-inline-start:24px;position:relative;font: 15px/18px Noto Sans;color:#1e1e2e}.step-two-three .step-two-left>ul li:before{content:"";display:block;width:14px;height:14px;position:absolute;top:2px;inset-inline-start:0}.step-two-three .step-two-left>ul.step-two-right-list{margin-top:24px}.step-two-three .step-two-left>ul.step-two-right-list li:before{background:url(/image/svg/successful.svg) no-repeat center/cover}.step-two-three .step-two-left>ul.step-two-error-list{padding-top:37px}.step-two-three .step-two-left>ul.step-two-error-list li:before{background:url(/image/svg/error.svg) no-repeat center/cover}.step-two-three .step-two-left .step-two-left-btn{text-decoration:underline;font: 700 15px/18px Noto Sans;letter-spacing:0px;color:#8b3dff;cursor:pointer}.step-two-three .step-two-left .step-two-left-btn:hover{color:#b93eff}.step-two-three .step-three-left{display:none}.step-two-three .step-three-left>h3:before{background:url(/image/svg/step-three-img1.svg) no-repeat center/cover}.step-two-three .step-three-left .step-three-left-text{padding-top:24px;font: 13px/18px Noto Sans;color:#1e1e2e}.step-two-three .step-three-left .step-three-left-part{margin-top:19px;display:flex;align-items:center;justify-content:space-between;height:40px}.step-two-three .step-three-left .step-three-left-part>h4{max-width:75%}.step-two-three .step-three-left .step-three-left-part select{min-width:188px;height:100%;font: 14px/19px Noto Sans;color:#1e1e2e;border:1px solid rgba(30,30,46,.2);border-radius:6px;padding:0 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;background-image:url(/image/svg/create-avatar-pull-down.svg);background-size:12px 12px;background-position:calc(100% - 16px) center;background-repeat:no-repeat}.step-two-three .step-three-left .step-three-left-part select:focus{outline:none}.step-two-three .step-three-left .step-three-left-part select:hover{border-color:#1e1e2e80;background-image:url(/image/svg/create-avatar-pull-down-on.svg)}.step-two-three .step-three-left .step-three-left-consent-text{margin-top:13px;background:#f7f8fa;border:1px solid #E5E5EB;border-radius:4px;padding:16px 8px;font: 14px/19px Noto Sans;color:#1e1e2e}.step-two-three .step-three-left .step-three-left-last-text{padding-top:20px;font: 13px/18px Noto Sans;color:#8c8c97}.step-two-three .step-two-three-r{width:454px;margin-inline-start:32px;max-width:36%}.step-two-three .step-two-three-r>h3:before{background:url(/image/svg/ico_upload-img.svg)}.step-two-three .step-two-three-r>h4{margin-top:26px}.step-two-three .step-two-three-r>h4.nth-two{margin-top:14px}.step-two-three .step-two-three-r .step-two-three-r-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;background-color:#8b3dff;border-radius:4px;margin-top:16px;border:unset;outline:unset;cursor:pointer}.step-two-three .step-two-three-r .step-two-three-r-btn:before{content:"";display:block;width:24px;height:24px;margin-right:12px;background:url(/image/svg/create-avatar-step-two-icon1.svg) no-repeat center/cover}.step-two-three .step-two-three-r .step-two-three-r-btn>span{font: 14px/19px Noto Sans;color:#fff}.step-two-three .step-two-three-r .step-two-three-r-btn:hover{background-color:#9b57ff}.step-two-three .step-two-three-r .step-two-three-r-input{display:none}.step-two-three .step-two-three-r .step-two-three-r-file-info{background:#8b3dff1a;border:1px solid #8B3DFF;border-radius:4px;display:flex;align-items:center;padding:0 23px 0 15px;margin-top:16px;width:100%;height:48px;box-sizing:border-box;display:none}.step-two-three .step-two-three-r .step-two-three-r-file-info:before{content:"";display:block;width:24px;height:24px;background:url(/image/svg/step-three-img2.svg) no-repeat center/cover}.step-two-three .step-two-three-r .step-two-three-r-file-info .step-two-three-r-file-text{font: 14px/19px Noto Sans;color:#8b3dff;padding-left:12px}.step-two-three .step-two-three-r .step-two-three-r-file-info .step-two-three-r-file-text>i{font:inherit}.step-two-three .step-two-three-r .step-two-three-r-file-info>span{text-decoration:underline;font: 14px/19px Noto Sans;color:#1e1e2e;margin-left:auto;cursor:pointer}.step-two-three .step-two-three-r .step-two-three-r-file-info>span.step-two-three-r-file-info-replace{margin-left:29px}.step-two-three .step-two-three-r .step-two-three-r-file-info>span:hover{color:#8b3dff}.step-two-three .step-two-three-r .step-two-text{font: 13px/18px Noto Sans;color:#8c8c97;text-align:center;padding:7px 16px 0}.step-two-three .step-two-three-r .step-two-text.nth-two{text-align:left}.step-two-three .step-two-three-r .step-two-or-box{position:relative;height:19px;margin-top:24px}.step-two-three .step-two-three-r .step-two-or-box .step-two-or{text-align:center;font: 14px/19px Noto Sans;color:#8c8c97;padding:0 20px;position:relative;display:inline-block;inset-inline-start:50%;transform:translate(-50%);background-color:#fff}.step-two-three .step-two-three-r .step-two-or-box:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;height:1px;background-color:#8c8c9733;z-index:-1}.step-two-three .step-two-three-r .step-two-qrcode{display:flex;margin-top:23px;align-items:center;padding:0 16px;width:100%;height:119px}.step-two-three .step-two-three-r .step-two-qrcode>img{margin:0 53px}.step-two-three .step-two-three-r .step-two-qrcode-left{border:3px solid rgb(139,61,255);box-sizing:border-box;position:relative;width:159px;height:100%}.step-two-three .step-two-three-r .step-two-qrcode-left>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.step-two-three .step-two-three-r .step-two-qrcode-left:before,.step-two-three .step-two-three-r .step-two-qrcode-left:after{content:"";display:block;position:absolute;background:#fff;z-index:1}.step-two-three .step-two-three-r .step-two-qrcode-left:before{width:calc(100% + 6px);height:81px;left:-3px;top:50%;transform:translateY(-50%)}.step-two-three .step-two-three-r .step-two-qrcode-left:after{height:calc(100% + 6px);width:121px;top:-3px;left:50%;transform:translate(-50%)}.step-two-three .step-two-three-r .step-two-qrcode-right{background:url(/image/svg/step-two-phone.svg);width:60px;height:100%}.step-two-three.three .step-two-left{display:none}.step-two-three.three .step-three-left{display:block}.create-avatar-mask{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#0006;z-index:9999;display:flex;align-items:center;justify-content:center;display:none}.speech-mask-body{border-radius:8px;background-color:#fff;max-width:90vw;max-height:90vh;width:1110px;height:780px;padding:16px 15px;position:relative;overflow:auto;box-sizing:border-box}.speech-mask-body-close{display:block;width:24px;height:24px;position:absolute;top:12px;inset-inline-end:14px;cursor:pointer;background:url(/image/svg/close.svg) no-repeat}.speech-mask-body>h3{font: 500 16px/21px Noto Sans;color:#1e1e2e}.speech-mask-body .speech-mask-body-description{margin-top:16px;width:100%;background:#f7f8fa;border-radius:4px;padding:16px 16px 20px;box-sizing:border-box;font: 13px/18px Noto Sans;color:#676778}.speech-mask-body .speech-mask-body-list{border-radius:4px;margin-top:16px;width:100%;padding:16px 15px 0;background-color:#8b3dff0d;box-sizing:border-box;position:relative;height:622px;overflow:auto}.speech-mask-body .speech-mask-body-list::-webkit-scrollbar{display:none}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item{width:100%;height:auto;border-inline-start:1px solid rgba(139,61,255,.5);padding-bottom:22px;padding-inline-start:22px;box-sizing:border-box}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item:last-child{margin-top:0;border:unset;padding-bottom:0}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item-title{font: 500 14px/19px Noto Sans;color:#8b3dff;position:relative}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item-title:before,.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item-title:after{content:"";display:block;position:absolute;top:0;border-radius:50%}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item-title:before{width:16px;height:16px;background-color:#8b3dff;inset-inline-start:-30px}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item-title:after{width:8px;height:8px;background-color:#fff;inset-inline-start:-26px;top:4px}.speech-mask-body .speech-mask-body-list .speech-mask-body-list-item-content{padding-top:10px;font: 13px/18px Noto Sans;color:#1e1e2e}.video-mask-body{width:752px;height:481px;background-color:#fff;border-radius:8px;padding:59px 16px 0;position:relative;box-sizing:border-box}.video-mask-body-close{display:block;width:24px;height:24px;position:absolute;top:12px;right:14px;cursor:pointer;background:url(/image/svg/close.svg) no-repeat}.video-mask-body-video-box{width:100%;height:406px;position:relative;border-radius:6px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(140,140,151,.2)}.video-mask-body-video-box>video{width:100%;height:100%;aspect-ratio:1920/1080}.video-mask-body-video-box>video,.video-mask-body-video-box video-controls{display:none}@media (max-width: 1600px){#page-views #page-main #page-main-view .avatar-classify .avatar-list-container .avatar-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}html[lang=ar] .step-two-three .step-three-left .step-three-left-part select{background-position:left 16px center}html[lang=ar] .create-avatar-step-video-mask .step-two-left .step-two-qrcode>img,html[lang=ar] .create-avatar-step-video-mask .step-two-three-r .step-two-qrcode>img,html[lang=ar] .create-avatar-step-video-mask .step-three-left .step-two-qrcode>img{transform:rotate(180deg)}html[lang=ar] .create-avatar-step-video-mask .step-two-three-r .step-two-or-box .step-two-or{transform:translate(50%)}.top-create-btn-group{width:100%;position:relative}.top-create-btn-group .swiper-left,.top-create-btn-group .swiper-right{width:40px;height:40px;line-height:40px;color:#1e1e2e;border-radius:50%;box-shadow:0 3px 6px #1e1e2e33;border:2px solid #CACACC;cursor:pointer;position:absolute;background-color:#fff;text-align:center;top:50%;transform:translateY(calc(-50% + 20px))}.top-create-btn-group .swiper-left:before,.top-create-btn-group .swiper-right:before{content:"";display:inline-block;flex-shrink:0;font-style:normal;font-family:icomoon;color:inherit;font-size:15px}.top-create-btn-group .swiper-left:after,.top-create-btn-group .swiper-right:after{content:""}.top-create-btn-group .swiper-left.swiper-left,.top-create-btn-group .swiper-right.swiper-left{left:-22px}.top-create-btn-group .swiper-left.swiper-left:hover,.top-create-btn-group .swiper-right.swiper-left:hover{border-color:#8b3dff}.top-create-btn-group .swiper-left.swiper-left:hover:before,.top-create-btn-group .swiper-right.swiper-left:hover:before{color:#8b3dff}.top-create-btn-group .swiper-left.swiper-left:hover~.swiper-shadow-left,.top-create-btn-group .swiper-right.swiper-left:hover~.swiper-shadow-left{visibility:visible}.top-create-btn-group .swiper-left.swiper-right,.top-create-btn-group .swiper-right.swiper-right{right:-22px;transform:translateY(calc(-50% + 20px)) rotate(180deg)}.top-create-btn-group .swiper-left.swiper-right:hover,.top-create-btn-group .swiper-right.swiper-right:hover{border-color:#8b3dff}.top-create-btn-group .swiper-left.swiper-right:hover:before,.top-create-btn-group .swiper-right.swiper-right:hover:before{color:#8b3dff}.top-create-btn-group .swiper-left.swiper-right:hover~.swiper-shadow-right,.top-create-btn-group .swiper-right.swiper-right:hover~.swiper-shadow-right{visibility:visible}.top-create-btn-group .swiper-left.swiper-button-disabled,.top-create-btn-group .swiper-right.swiper-button-disabled{cursor:not-allowed;display:none}.top-create-btn-group .swiper-shadow-left,.top-create-btn-group .swiper-shadow-right{position:absolute;width:60px;inset-block:0px;pointer-events:none;z-index:7;visibility:hidden}.top-create-btn-group .swiper-shadow-left.swiper-shadow-left,.top-create-btn-group .swiper-shadow-right.swiper-shadow-left{inset-inline-start:0px;background:linear-gradient(270deg,#fff0,#fff)}.top-create-btn-group .swiper-shadow-left.swiper-shadow-right,.top-create-btn-group .swiper-shadow-right.swiper-shadow-right{inset-inline-end:0px;background:linear-gradient(90deg,#fff0,#fff)}
