.tryon-dialog .el-dialog__body{margin-top:-30px;padding:0}[data-v-e4e50070] .colors.card{grid-template-columns:repeat(6,calc(16.6667% - 6.66667px))!important}[data-v-e4e50070] .colors.card .color-container>div img{height:48px!important;width:48px!important}.dialog-content[data-v-e4e50070]{display:flex}.dialog-content .left[data-v-e4e50070]{background:#242424;padding:30px 36px}.dialog-content .right[data-v-e4e50070]{padding:64px 40px}.dialog-content .right .title[data-v-e4e50070]{font-size:20px;font-weight:700}.dialog-content .right .tips[data-v-e4e50070]{margin:40px 0}.dialog-content .right .tips p[data-v-e4e50070]:first-child{font-size:20px}.dialog-content .right .tips p[data-v-e4e50070]{line-height:1.75}.dialog-content .right .tryon-upload[data-v-e4e50070] .el-upload{width:100%}.dialog-content .right .upload-button[data-v-e4e50070]{color:#fff;font-size:20px;height:60px;width:100%}.swiper-container[data-v-e4e50070]{align-items:center;display:flex;gap:20px;justify-content:center;margin:32px 0 0;position:relative;width:435px}.swiper-container[data-v-e4e50070] .swiper{overflow-x:hidden}.arrow-icon[data-v-e4e50070]{--el-carousel-arrow-size:32px;background:none;color:#fff;flex-shrink:0;font-size:22px;height:100%;position:static;transform:none}.arrow-icon[data-v-e4e50070]:hover{background:none}[data-v-e4e50070] .swiper-slide{border:1px solid transparent;box-sizing:content-box;width:64px}[data-v-e4e50070] .swiper-slide img{cursor:pointer;display:block}[data-v-e4e50070] .swiper-slide.active .try-on-preview-image{border:1px solid var(--c_highlight)}.try-on-close[data-v-e4e50070]{background-color:#fff;border-radius:50%;color:#999;font-size:20px;position:absolute;right:0;top:0;transform:translate(50%)}.try-on-preview-image[data-v-e4e50070]{cursor:pointer;height:64px;margin-top:10px;-o-object-fit:contain;object-fit:contain;width:64px}.try-on-content{height:100%;width:100%}.img-container,.jouei-try,.try-on-content{position:relative}.jouei-try{font-size:0;height:100%;overflow-y:auto;width:100%}.jouei-try::-webkit-scrollbar{display:none}.try-on-content .control{bottom:10px;display:flex;height:70px;justify-content:space-between;position:absolute;width:100%;z-index:2}.try-on-content .control .rotate-button{align-items:flex-end;display:flex;gap:8px;margin-bottom:8px;margin-left:11px}.try-on-content .control .rotate-button div{cursor:pointer;display:flex;width:23px}.try-on-content .control .rotate-button div img{height:23px;width:100%}.try-on-content .control .pan-button{height:100%;margin-right:10px;position:relative;width:70px}.try-on-content .control .pan-button div{cursor:pointer;height:23px;position:absolute;width:23px}.try-on-content .control .pan-button div img{height:inherit;position:absolute;width:inherit}.try-on-content .control .pan-button .left{left:0;top:50%;transform:translateY(-50%)}.try-on-content .control .pan-button .right{right:0;top:50%;transform:translateY(-50%) rotate(180deg)}.try-on-content .control .pan-button .top{left:50%;top:0;transform:translate(-50%) rotate(90deg)}.try-on-content .control .pan-button .bottom{bottom:0;left:50%;transform:translate(-50%) rotate(-90deg)}.jouei-try:hover>.lens{border:1px dashed #000}.jouei-try .people{width:100%}.jouei-try .mask-loading{align-items:center;background-color:#000;color:#fff;display:flex;font-size:22px;height:100%;justify-content:center;width:100%;z-index:9}.jouei-try .angle-box,.jouei-try .mask,.jouei-try .mask-loading{left:0;position:absolute;top:0}.jouei-try .angle-box{border:1px dashed transparent;border-radius:10px;box-sizing:border-box;cursor:move;display:block;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.jouei-try .trans{transition:all .2s}