@font-face{font-family:'Rubik';src:url('https://css.dhresource.com/mobile_v2/common/image/fonts/Rubik-Regular.ttf') format('opentype'),url('https://css.dhresource.com/mobile_v2/common/image/fonts/Rubik-Medium.ttf') format('opentype')}@font-face{font-family:'RubikBold';src:url('https://css.dhresource.com/mobile_v2/common/image/fonts/Rubik-SemiBold.ttf') format('opentype')}body{font-family:'Rubik','Roboto','Open Sans','Helvetica','Arial',sans-serif}.ootd-common-level{position:fixed;z-index:9999;width:100vw;height:100vh;top:0;left:0;background:#0008;display:flex;justify-content:center;align-items:center}.ootd-common-level-content{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:scaleIn .8s ease-in-out}.ootd-common-level-title{width:388px;font-size:30px;font-weight:600;text-align:center;line-height:36px}.ootd-common-level-content-inner{background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-round.png) no-repeat center center;background-size:100% 100%;width:388px;height:388px;position:relative}.ootd-common-level-content-inner::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-beam.png) no-repeat center center;background-size:100% 100%;width:501px;height:501px;animation:rotate 5s linear infinite}.ootd-common-level-action{z-index:10;width:228px;height:40px;border-radius:120px;border:1px solid #fff;font-size:18px;font-weight:600;display:flex;justify-content:center;align-items:center}.level-1 .ootd-common-level-title{font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;background:linear-gradient(125deg,#f1f7ff 27%,#e5effb 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.level-1 .ootd-common-level-content-inner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-1.png) no-repeat center center;background-size:100% 100%;width:282px;height:295px}.level-1 .ootd-common-level-action{background:linear-gradient(114deg,#e4effc 21%,#eef5fd 32%,#fff 41%,#e6f0fc 51%,#c8e1ff 98%);color:#3f6dac}.level-2 .ootd-common-level-title{font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;background:linear-gradient(125deg,#f1f7ff 27%,#e5effb 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.level-2 .ootd-common-level-content-inner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-2.png) no-repeat center center;background-size:100% 100%;width:282px;height:295px}.level-2 .ootd-common-level-action{background:linear-gradient(114deg,#fdefcd 21%,#fef8e9 35%,#fef9ed 46%,#f9d084 98%);color:#c17b2c}.level-3 .ootd-common-level-title{font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;background:linear-gradient(125deg,#f1f7ff 27%,#e5effb 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.level-3 .ootd-common-level-content-inner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-3.png) no-repeat center center;background-size:100% 100%;width:282px;height:295px}.level-3 .ootd-common-level-action{background:linear-gradient(114deg,#e4effc 21%,#eef5fd 32%,#fff 41%,#e6f0fc 51%,#c8e1ff 98%);color:#c17b2c}.level-4 .ootd-common-level-title{font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;background:linear-gradient(125deg,#f1f7ff 27%,#e5effb 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.level-4 .ootd-common-level-content-inner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-4.png) no-repeat center center;background-size:100% 100%;width:282px;height:295px}.level-4 .ootd-common-level-action{background:linear-gradient(114deg,#e4effc 21%,#eef5fd 32%,#fff 41%,#e6f0fc 51%,#c8e1ff 98%);color:#3f6dac}.level-5 .ootd-common-level-title{font-variation-settings:"opsz" auto;font-feature-settings:"kern" on;background:linear-gradient(125deg,#f1f7ff 27%,#e5effb 82%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.level-5 .ootd-common-level-content-inner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/LV-5.png) no-repeat center center;background-size:100% 100%;width:282px;height:295px}.level-5 .ootd-common-level-action{background:linear-gradient(114deg,#e4effc 21%,#eef5fd 32%,#fff 41%,#e6f0fc 51%,#c8e1ff 98%);color:#3f6dac}.ootd-task-completed-dialog{width:214px;min-height:160px;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:28px 16px 16px;box-sizing:border-box;background:rgba(0,0,0,0.6);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.ootd-task-completed-dialog .dialog-close{width:16px;height:16px;background:url(//css.dhresource.com/mobile_v2/ootdDetail/image/icon-close.svg) no-repeat center;background-size:contain;position:absolute;top:12px;right:12px}.ootd-task-completed-dialog .dialog-title{font-size:14px;text-align:center;color:#FFF;font-weight:500}.ootd-task-completed-dialog .dialog-content{font-size:12px;text-align:center;color:#FFF;margin-top:12px}.ootd-task-completed-dialog .dialog-ok{font-size:16px;color:#FFF;width:157px;height:30px;line-height:30px;border-radius:100px;text-align:center;z-index:10;background:linear-gradient(91deg,#ff9c42 2%,#fe4802 99%);margin-top:12px}.ootd-task-success-lottie{width:100dvw;height:100dvh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ootd-reward-dialog{position:fixed;z-index:9999;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,0.7);display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(10px)}.ootd-reward-dialog .dialog-title{font-size:24px;line-height:32px;padding:0 20px;text-align:center;color:#FFF;font-weight:600;color:#feefcb;text-shadow:0 2px 4px rgba(0,0,0,0.51)}.ootd-reward-dialog .ootd-reward-content{font-size:12px;text-align:center;color:#FFF;margin-top:12px;width:388px;height:388px;position:relative;animation:scaleIn .8s ease-in-out}.ootd-reward-dialog .ootd-reward-content::before{content:'';position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/reward-beam.png) no-repeat center center;background-size:100% 100%;width:445px;height:449px;animation:rotate 5s linear infinite;z-index:-1}.ootd-reward-content-icon{width:227px;height:227px;margin:20px auto}.ootd-reward-content-text{font-size:20px;line-height:28px;padding:0 20px;text-align:center;color:#FFF;font-weight:500;color:#fef4dc;text-shadow:0 2px 4px rgba(0,0,0,0.51);position:relative}.ootd-reward-content-text::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/level/reward-text-bg.png) no-repeat center center;background-size:cover;width:374px;height:73px;z-index:-1}.ootd-reward-dialog .dialog-ok{font-size:18px;color:#c17b2c;width:228px;height:40px;line-height:40px;border-radius:100px;text-align:center;z-index:10;background:linear-gradient(114deg,#fdefcd 21%,#fef8e9 35%,#fef9ed 46%,#f9d084 98%);border:1.5px solid #fff;font-weight:600}@keyframes scaleIn{from{transform:scale(0)}to{transform:scale(1)}}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dhm-htmlOverflow,.dhm-htmlOverflow body{overflow:hidden;height:100%}body{background:#fff !important;font-family:Rubik,Roboto,Evolventa,Open Sans,Helvetica,Arial}body:before{height:0;overflow:hidden}.check-button{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#000;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.check-button::after{content:"";display:block;width:16px;height:8px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translateY(-2px)}.statusBarHeight-placeholder{position:sticky;top:0;z-index:30;background:#fff}.pro-img{background:0}.ootd-create-header-warp{position:sticky;top:0;z-index:30;padding-bottom:2px;background:#fff}.ootd-create-warp .ootd-create-header{position:relative;text-align:center;display:flex;align-items:center;padding-left:10px;z-index:5;background:#fff}.ootd-create-warp .ootd-create-header .ootd-create-header-back{position:relative;z-index:100;display:inline-block;padding:12px;min-width:24px;width:24px;height:24px;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/back-arrow.png?v=20250528001) no-repeat center center;background-size:24px 24px}.ootd-create-header.old-version .ootd-create-header-back{display:none}.ootd-create-warp swiper{overflow:hidden}.ootd-create-warp .swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;align-items:center;transition-property:transform;box-sizing:content-box}.ootd-create-warp .swiper-slide{flex-shrink:0;position:relative;transition-property:transform;cursor:pointer}.ootd-create-parent-cate{margin:0}.ootd-create-parent-cate .swiper-wrapper{height:42px;line-height:24px}.ootd-create-parent-cate .swiper-slide{margin-right:20px;display:flex;align-items:center;height:24px;line-height:24px;font-size:14px;color:#1d1d1d}.ootd-create-parent-cate .swiper-slide img{margin-right:2px;min-width:16px;width:16px;height:16px}.ootd-create-parent-cate .current{font-size:20px;font-weight:bold}.ootd-create-parent-cate .current img{min-width:20px;width:20px;height:20px}.ootd-create-sun-cate-wrap{position:relative;z-index:1;padding-left:22px;background-color:#fff}.ootd-create-sun-cate .swiper-wrapper{height:46px;line-height:26px}.ootd-create-sun-cate .swiper-slide{position:relative;margin-right:4px;padding:0 8px;height:26px;line-height:26px;font-size:12px;color:#000;border-radius:4px;background-color:#f5f5f5}.ootd-create-sun-cate .current{color:#fff;background:#1d1d1d}.ootd-create-sun-cate .ootd-create-cate-num{position:absolute;right:1px;top:-7px;width:14px;height:14px;line-height:14px;font-size:10px;color:#1d1d1d;text-align:center;font-style:normal;font-weight:bold;background-color:#fed600;border-radius:50%}.ootd-create-warp .ootd-create-header .ootd-create-header-step{display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;color:#8a8a8a}.ootd-create-warp .ootd-create-header .ootd-create-header-step .curr{font-size:16px;color:#000;font-weight:600;position:relative}.ootd-create-warp .ootd-create-header .ootd-create-header-step .curr::before{position:absolute;content:"";left:50%;transform:translateX(-50%);bottom:-6px;width:30px;height:3px;border-radius:3px;background:#000;margin:0 -3px}.ootd-create-warp .ootd-create-product{padding:0 22px 30px;box-sizing:border-box;margin-bottom:300px}.ootd-create-warp .ootd-create-product-empty{padding-top:150px;text-align:center;font-size:14px}.ootd-create-warp .ootd-create-product .ootd-create-product-selection{display:none;background:#fff;box-sizing:border-box;border-radius:12px;margin-bottom:30px}.ootd-create-warp .ootd-create-product .ootd-create-product-selection.current{display:block}.ootd-create-warp .ootd-create-product .ootd-create-product-selection .ootd-create-product-selection-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:12px;padding-left:4px}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding-bottom:16px}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul li{width:100%;padding-top:100%;position:relative;border-radius:8px;box-sizing:border-box;overflow:hidden;background-color:#f5f5f5 !important;border:2px solid #f5f5f5}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul li span{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding-top:100%;width:100%}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul li span img{max-width:100%;max-height:100%;object-fit:contain}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul li.product-skeleton{width:100%;padding-top:100%;background:#f5f5f5 url(https://css.dhresource.com/mobile_v2/common/image/dh.png) no-repeat 50%;background-size:32px auto;border-radius:8px}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul .selected{border:2px solid #000;opacity:1}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul .selected::before{content:"";position:absolute;top:15px;right:13px;width:8px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);z-index:2}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul .selected::after{content:"";position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background-color:#000;z-index:1}.ootd-create-warp .ootd-create-combination{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-height:calc(100% - 140px);overflow-y:auto;background:white;padding:22px 22px 31px;box-sizing:border-box;box-shadow:0 -2px 10px rgba(0,0,0,0.3);z-index:40;border-radius:20px 20px 0 0}.ootd-create-warp .ootd-create-combination .ootd-create-combination-title{font-size:16px;color:#333;margin-bottom:6px;padding:0 4px;display:flex;justify-content:space-between;align-items:center}.ootd-create-warp .ootd-create-combination .ootd-create-combination-title .ootd-create-combination-clear-selections{font-size:12px;color:#b7b7b7;padding:4px 8px;border-radius:12px;display:flex;align-items:center}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content{display:flex;gap:6px;margin-bottom:10px;padding:0 4px}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content .ootd-create-combination-content-item{width:66px;border-radius:8px;border:1px dashed #dadada;position:relative;overflow:hidden}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content .ootd-create-combination-content-item span{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;padding-top:100%}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content .ootd-create-combination-content-item span img{max-width:100%;max-height:100%;object-fit:contain}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content .ootd-create-combination-content-item .ootd-create-combination-content-item-delete{position:absolute;top:0;right:0;width:66px;height:66px;z-index:10}.ootd-create-combination-content-item-delete::before{content:"";position:absolute;right:4px;top:4px;width:12px;height:12px;font-size:12px;color:#fff;text-align:center;line-height:14px;background-color:rgba(0,0,0,0.6);background-image:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/x-icon.svg);background-size:4px 4px;background-repeat:no-repeat;background-position:center center;border-radius:50%;display:flex;align-items:center;justify-content:center}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content .ootd-create-combination-content-item .ootd-create-combination-content-item-delete-icon{width:20px;height:20px;background:rgba(0,0,0,0.6);color:white;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;float:right}.ootd-create-warp .ootd-create-combination .ootd-create-combination-content .ootd-create-combination-content-item.empty{outline:1px dashed #eee;outline-offset:-1px;display:flex;align-items:center;justify-content:center;color:#666;font-size:20px;width:100%;height:73px;font-size:14px;line-height:18px;background-color:#f5f5f5}.ootd-create-warp .ootd-create-combination .ootd-create-combination-submit{background:#000;color:#fff;padding:9px;border-radius:25px;font-size:18px;text-align:center}.ootd-create-warp .ootd-create-combination .ootd-create-combination-submit.notAllow{background:#cacaca}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input{margin-top:22px;margin-bottom:20px}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input .ootd-create-combination-input-text{font-size:16px;color:#aaa;margin-bottom:10px;padding:0 4px;color:#000;display:flex;align-items:star}.ootd-create-warp .ootd-create-combination .optional{color:#bfbfbf}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input textarea{width:100%;height:60px;padding:8px;line-height:14px;box-sizing:border-box;border:0 none;outline:0;resize:none;background:0}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input input{width:100%;height:40px;border-radius:8px;padding:0 12px;box-sizing:border-box;border:0 none;outline:0;background:rgba(216,216,216,0.2)}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input input:focus,.ootd-create-warp .ootd-create-combination .ootd-create-combination-input textarea:focus{outline:0}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input input::placeholder,.ootd-create-warp .ootd-create-combination .ootd-create-combination-input textarea::placeholder{color:#b1b1b1}.ootd-create-manifesto-wrap{padding:4px;border-radius:8px;background:rgba(216,216,216,0.2)}.ootd-create-warp .ootd-create-combination .ootd-create-textarea{position:relative}.ootd-create-warp .ootd-create-combination .ootd-manifesto-counter{position:absolute;bottom:2px;right:9px;color:#d4d4d4;font-size:9px}.ootd-create-warp .ootd-create-combination .ootd-manifesto-counter span{color:#666}.ootd-create-tags-wrap{padding:8px 8px 2px;border:1px solid #fff;border-radius:6px;background-color:#ffece3}.ootd-create-tags-wrap p{margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:16px;color:#000;line-height:16px}.ootd-create-tags-list{overflow-x:auto;overflow-y:hidden;width:auto;white-space:nowrap;padding-bottom:6px;font-size:0;-webkit-overflow-scrolling:touch}.ootd-create-tags-list span{display:inline-block;margin-right:4px;padding:3px 5px;white-space:nowrap;font-size:10px;line-height:12px;border:1.5px solid #fff;background-color:#fff;border-radius:2px}.ootd-create-tags-list span.active{border-color:#000}.ootd-create-tags-list span::after{content:'';display:inline-block;margin-left:4px;width:10px;height:10px;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/tags-icon.svg) no-repeat center;vertical-align:middle}.ootd-create-combination-radio-item{position:relative;display:flex;align-items:center;margin-bottom:8px;padding:8px 52px 8px 8px;border-radius:8px;background:#f7f7f7;box-sizing:border-box}.ootd-create-combination-radio-item-img{position:relative;margin-right:12px;min-width:60px;width:60px;height:60px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ootd-create-combination-radio-item-img img{width:100%;height:100%;object-fit:cover}.ootd-create-combination-radio-item-txt{display:flex;flex-direction:column;justify-content:space-between;height:60px;font-size:14px;line-height:16px;color:#000}.ootd-create-combination-radio-item-txt strong{font-size:14px;line-height:20px}.ootd-create-combination-radio-item-txt p{font-size:12px;line-height:16px;color:#999}.ootd-create-combination-radio-item-txt .icom-question{display:inline-block;width:20px;height:20px;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/question-icon.svg) no-repeat center center;background-size:14px 14px;margin-left:2px;cursor:pointer;vertical-align:middle}.ootd-create-combination-radio-item::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#fff;z-index:1}.ootd-create-combination-radio-item.selected{border:2px solid #000}.ootd-create-combination-radio-item.selected::before{content:"";position:absolute;top:calc(50% - 4px);right:22px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);z-index:2}.ootd-create-combination-radio-item.selected::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px solid #000;background-color:#000;z-index:1}.ootd-create-combination-radio-item .time-limited-free{position:absolute;top:0;right:0;padding:0 6px;height:18pxpx;line-height:18x;color:#fff;font-size:10px;text-align:center;border-radius:0 8px 0 8px;background:linear-gradient(88deg,#8975ff 3%,#e29fff 103%)}.ootd-create-combination-radio-item .ootd-create-combination-radio-item-img.img-uploaded::after{content:"";position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;background-color:rgba(0,0,0,0.6);background-image:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/reupload-icon.svg);background-size:10px 10px;background-repeat:no-repeat;background-position:center center;z-index:1;box-sizing:border-box}.mail-tips{color:#e1306c;display:none}.ootd-create-backToLp{position:absolute;cursor:pointer;left:20px;top:10px;width:60px;height:24px;background:url(//css.dhresource.com/mobile_v2/xinghuoIns/image/ootdbg.png) no-repeat 0 0;background-size:60px 24px}.ootd-create-nav{overflow:hidden;position:relative;margin:6px 0;height:34px}.ootd-create-mainnav{position:relative;padding:0 22px;box-sizing:border-box;width:100%;overflow:hidden}.ootd-create-navCon{overflow:hidden}.ootd-create-navCon li{display:inline-block;height:32px;line-height:32px;padding:0 12px;margin-right:6px;color:#1d1d1d;font-size:14px;text-align:center;border:1px solid #e5e5e5;border-radius:20px}.ootd-create-navCon li.curr{position:relative;border:1px solid #000}.ootd-create-navCon li.selected{padding-right:32px}.ootd-create-navCon li.selected::before{content:"";position:absolute;top:12px;right:12px;width:8px;height:3px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);z-index:2}.ootd-create-navCon li.selected::after{content:"";position:absolute;top:7px;right:7px;width:20px;height:20px;z-index:1}.ootd-create-navCon .swiper-slide{width:auto}.ootd-create-navCon .swiper-wrapper{position:relative;width:100%;height:34px;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.ootd-create-navCon .swiper-slide{flex-shrink:0;position:relative;transition-property:transform}.ootd-create-header.allcate-tit-float,.ootd-create-sun-cate-wrap.allcate-tit-float{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:4;transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform:translateX(0) translateY(0) translateZ(0) scale(1,1);-webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1,1);-moz-transform:translateX(0) translateY(0) translateZ(0) scale(1,1);transition:none;-webkit-transition:none;-moz-transition:none}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul li.noSelect{opacity:.3;background:#333}.ootd-create-warp .ootd-create-product .ootd-create-product-selection ul li.pro-img:before{padding-top:unset}.ootd-create-nav .ootd-create-navlf{position:absolute;left:22px;top:0;content:"";z-index:2;width:35px;height:31px;transform:rotate(180deg);background:linear-gradient(272deg,#fbfbfb 8%,rgba(255,255,255,0) 97%)}.ootd-create-nav .ootd-create-navri{position:absolute;right:22px;top:0;content:"";z-index:2;width:35px;height:31px;background:linear-gradient(271deg,#fbfbfb 10%,rgba(255,255,255,0) 98%)}.autoLayer{z-index:1000}.j-layer-box{background:rgba(0,0,0,0.6);position:fixed;z-index:1000;width:100%;height:100dvh;top:0;left:0}.ootd-create-layer{position:fixed;width:330px;height:187px;border-radius:16px;background:#fff;transform:translate(-50%,-50%);top:50%;left:50%;z-index:3;padding:50px 22px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-sizing:border-box}.ootd-create-layer .ootd-create-layer-title{font-size:18px;text-align:center;color:#000;margin-bottom:34px}.ootd-closeBtn{position:absolute;top:5px;right:9px;width:30px;height:30px;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/close-icon.svg) no-repeat center;background-size:24px 24px;cursor:pointer;border-radius:16px}.ootd-style-question-layer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;padding:32px 22px 22px;width:298px;border-radius:12px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-sizing:border-box}.ootd-style-question-layer .ootd-style-question-title{margin-bottom:12px;font-size:12px;line-height:18px;color:#000}.ootd-style-question-layer .ootd-style-question-img{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ootd-style-question-layer .ootd-style-question-img span{display:block;margin-right:8px;width:58px;height:72px;border-radius:4px;overflow:hidden}.ootd-style-question-layer .ootd-style-question-img span:last-child{margin-right:0}.ootd-style-question-layer .ootd-style-question-img span img{width:100%;height:100%;object-fit:cover}.ootd-style-question-layer .ootd-style-question-content{font-size:12px;line-height:18px;color:#666}.ootd-style-question-layer .ootd-style-question-content ul{padding-left:15px;list-style:disc}.ootd-create-success-layer{position:fixed;top:0;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,0.85)}.ootd-create-success-main{padding-top:33px;width:100%;text-align:center;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/success-layer-bg.png) no-repeat top center}.ootd-create-success-title{font-size:24px;font-weight:600;color:#fff5bf}.ootd-create-success-lottie{margin:48px auto;width:260px;height:260px;border-radius:28px;background:#fff;overflow:hidden}.ootd-create-success-layer .ootd-create-success-continue{display:flex;align-items:center;justify-content:center;margin-bottom:14px;min-width:231px;height:44px;color:#fff;font-size:16px;font-weight:500;border-radius:100px;background:#000;border:2px solid #fff}.ootd-create-success-layer .ootd-create-success-viewworks{margin-bottom:32px;padding:10px 0;font-size:16px;color:#fff}.ootd-create-success-close{display:inline-block;width:30px;height:30px;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/success-close-icon.svg) no-repeat center}.ootd-create-product-load{margin-top:40px;height:40px;background:url(https://css.dhresource.com/mobile_v2/common/ootd/image/loading.gif) no-repeat center;background-size:40px 40px}.ootd-create-switch-cate-tip{position:absolute;top:46px;left:50%;transform:translateX(-50%);z-index:5;padding:8px 12px;color:#fff;font-size:12px;line-height:18px;border-radius:6px;background:rgba(0,0,0,0.8);animation:shake 6s ease-in-out}.ootd-create-switch-cate-tip::after{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:20px;height:9px;background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/tip-up-arrow.svg) no-repeat center}@keyframes shake{0,100%{transform:translate3d(-50%,0,0)}2%,6%,10%,14%,18%{transform:translate3d(-53%,0,0)}4%,8%,12%,16%,20%{transform:translate3d(-47%,0,0)}22%{transform:translate3d(-50%,0,0)}}.ootd-create-task-guide{position:absolute;top:0;left:0;z-index:200;width:100%;height:100%}.ootd-create-task-guide-target{position:absolute;left:0;width:100%;box-shadow:0 0 0 80000px rgba(0,0,0,0.6)}.ootd-create-task-guide-content{position:absolute;padding:0 32px;width:100%;box-sizing:border-box}.ootd-create-task-guide-flag{position:relative;width:20px;height:64px;text-align:center}.ootd-create-task-guide-flag span{display:inline-block;width:1px;height:54px;background-color:#fed600}.ootd-create-task-guide-flag::before{content:"";position:absolute;bottom:0;left:0;width:20px;height:20px;background-color:rgba(254,214,0,0.3);border-radius:50%}.ootd-create-task-guide-flag::after{content:"";position:absolute;bottom:4px;left:4px;width:12px;height:12px;background-color:rgba(254,214,0,1);border-radius:50%}.ootd-create-task-guide-flag.step3-flag{height:45px}.ootd-create-task-guide-flag.step3-flag span{height:40px}.ootd-create-task-guide-title{margin-top:12px;margin-bottom:8px;font-size:18px;line-height:20px;font-weight:bold;color:#fed600}.ootd-create-task-guide-info{margin-bottom:16px;font-size:14px;line-height:18px;color:#fff}.ootd-create-task-guide-btn{display:inline-block;padding:0 16px;height:32px;line-height:30px;color:#fff;font-size:14px;border-radius:100px;box-sizing:border-box;border:1px solid #fff}.ootd-create-task-guide-skip{position:absolute;top:23px;right:16px;padding:0 12px;height:24px;line-height:24px;font-size:12px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid #fff}.ootd-ins,.ootd-tiktok,.ootd-fb,.ootd-youtube{position:relative;margin-top:10px}.ootd-ins span,.ootd-tiktok span,.ootd-fb span,.ootd-youtube span{position:absolute;width:22px;height:23px;line-height:23px;left:12px;top:8px;padding-left:31px;font-size:14px;color:#333}.ootd-ins span{background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/icon-ins.png) no-repeat 0 1px;background-size:22px 22px}.ootd-tiktok span{background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/icon-tiktok.png) no-repeat 0 1px;background-size:22px 22px}.ootd-fb span{background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/icon-fb.png) no-repeat 0 1px;background-size:22px 22px}.ootd-youtube span{background:url(https://css.dhresource.com/mobile_v2/ootdCreate/image/youtube.png) no-repeat 0 1px;background-size:22px 22px}.ootd-create-warp .ootd-create-combination .ootd-create-combination-input .ootd-ins input,.ootd-create-warp .ootd-create-combination .ootd-create-combination-input .ootd-tiktok input,.ootd-create-warp .ootd-create-combination .ootd-create-combination-input .ootd-fb input,.ootd-create-warp .ootd-create-combination .ootd-create-combination-input .ootd-youtube input{padding-left:56px}.ootd-Account-tips{color:#999;line-height:10px;margin-top:-6px;padding:0 0 2px 5px}@keyframes pulse{0{opacity:1}50%{opacity:.4}100%{opacity:1}}.skeleton-nav-text{height:34px;margin:0 0 16px;background:#e8e8e8}.skeleton-product-grid,.skeleton-header,.skeleton-create-parent-cate,.skeleton-create-sun-cate,.skeleton-nav-text{animation:pulse 2.5s cubic-bezier(0.4,0,0.2,1) infinite}.skeleton-header{width:100%;height:58px;background:#e8e8e8}.skeleton-create-parent-cate{margin:9px 0;width:calc(100% - 24px);height:24px;background:#e8e8e8}.skeleton-create-sun-cate{margin:10px 0 10px 20px;height:26px;background:#e8e8e8}.skeleton-container{padding:0 22px 22px;box-sizing:border-box}.skeleton-container .skeleton-product-grid{background:#fff;box-sizing:border-box;border-radius:12px;margin-bottom:30px}.skeleton-container .skeleton-product-grid .skeleton-product-text{width:40%;height:24px;margin-bottom:12px;background:#e8e8e8}.skeleton-container .skeleton-product-grid ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding-bottom:16px}.skeleton-container .skeleton-product-grid ul li{border-radius:8px;width:100%;padding-top:100%;position:relative;background:#e8e8e8 url("https://css.dhresource.com/mobile_v2/common/image/dh.png") no-repeat 50%;background-size:32px auto}