.case-list-box[data-v-1d83befc]{padding:0 50px}.case-item-box[data-v-1d83befc]{box-sizing:border-box;padding:20px;display:inline-block}.case-item[data-v-1d83befc]{border-radius:3px;box-shadow:0 0 10px #ababab}.case-img-box[data-v-1d83befc],.case-item[data-v-1d83befc]{position:relative;overflow:hidden}.case-img-box[data-v-1d83befc]{cursor:pointer;-webkit-user-select:none;user-select:none;height:auto;display:block}.icon-box[data-v-1d83befc]{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-view-scene[data-v-1d83befc]{margin:0 8px}.icon-down-scene[data-v-1d83befc],.icon-view-scene[data-v-1d83befc]{color:#f0ff82;width:50px;font-size:50px;display:none}.icon-down-scene[data-v-1d83befc]:hover,.icon-view-scene[data-v-1d83befc]:hover{color:#babb84}.case-img-box[data-v-1d83befc]:before{content:"";opacity:0;background:#0006;width:100%;height:100%;transition:all .3s;position:absolute}.case-img-box:hover .icon-down-scene[data-v-1d83befc],.case-img-box:hover .icon-view-scene[data-v-1d83befc]{display:inline-block}.case-img-box:hover.case-img-box[data-v-1d83befc]:before{opacity:1}.case-item-name[data-v-1d83befc]{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #e2e2e2;margin:0;padding:0 10px;font-size:15px;line-height:34px;overflow:hidden}@media screen and (width<=660px){.case-item-box[data-v-1d83befc]{width:100%}}@media screen and (width>=660px) and (width<=960px){.case-item-box[data-v-1d83befc]{width:50%}}@media screen and (width>=960px) and (width<=1200px){.case-item-box[data-v-1d83befc]{width:33.3333%}}@media screen and (width>=1200px) and (width<=2280px){.case-item-box[data-v-1d83befc]{width:25%}}@media screen and (width>=2280px) and (width<=2560px){.case-item-box[data-v-1d83befc]{width:20%}}.my-feedback-box[data-v-1d83befc]{margin-left:-10px;margin-right:-10px}.my-feedback-item[data-v-1d83befc]{border-bottom:1px solid #dcdcdc;padding:0 10px}.my-feedback-item[data-v-1d83befc]:nth-child(2n){background:#f4f3f3}.my-feedback-item[data-v-1d83befc]:hover{cursor:pointer;background:#dcdcdc}.preview-box[data-v-1d83befc]{display:flex}.preview-box>div[data-v-1d83befc]{border:1px solid #ebebeb;border-radius:3px;box-shadow:0 0 5px #e9e9e9}.preview-box>.preview-left[data-v-1d83befc]{width:800px}.preview-box>.preview-right[data-v-1d83befc]{width:230px;margin-left:14px;padding:10px}.preview-right-item[data-v-1d83befc]{line-height:36px}.preview-label[data-v-1d83befc]{text-align:right;width:70px;display:inline-block}.download-box[data-v-1d83befc]{color:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#67c23a;border-radius:2px}.download-box[data-v-1d83befc]:hover{background:#85ce61}.download-disabled[data-v-1d83befc],.download-disabled[data-v-1d83befc]:hover{cursor:not-allowed;background:#b3e19d}.score[data-v-1d83befc]{float:right;color:#eb2323;border-radius:2px;padding:0 5px}.date-box[data-v-1d83befc]{box-sizing:border-box;text-align:center;color:#fff;width:1300px;font-size:22px;display:inline-block;position:absolute;top:60%}.date-box i[data-v-1d83befc]{margin-right:3px}.ratio-box[data-v-1d83befc]{color:#fff;cursor:default;pointer-events:none;z-index:2;font-size:28px;top:430px;left:50%;transform:translate(-50%,-50%)}.panel-title[data-v-1d83befc],.ratio-box[data-v-1d83befc]{-webkit-user-select:none;user-select:none;font-weight:700;position:absolute}.panel-title[data-v-1d83befc]{color:#03a9f4;z-index:99;margin-top:2%;margin-left:2%;font-family:system-ui;font-size:22px}.border-box[data-v-1d83befc]{width:900px;height:400px}.border-box[data-v-1d83befc],.canvas-clock[data-v-1d83befc]{margin:200px auto 0;position:relative}.canvas-clock[data-v-1d83befc]{width:600px;height:600px}#clock-dial[data-v-1d83befc],#clock-hands[data-v-1d83befc]{width:600px;height:600px;position:absolute;top:0;left:0}#time-box[data-v-1d83befc]{color:#3500ff;letter-spacing:2px;font-size:30px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,50px)}.css-box[data-v-1d83befc]{text-align:center;margin-top:200px}.css-roll[data-v-1d83befc]{margin-top:100px}.card-box[data-v-1d83befc]{perspective:200px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#4a4a55,#3a3a45);border-radius:5px;outline:none;width:100px;height:100px;margin:0 2px;line-height:100%;display:inline-block;position:relative;box-shadow:0 0 10px #b5b5b5}.card-box[data-v-1d83befc]:before{content:"";z-index:99;background:#000000bf;height:2px;margin-top:1px;top:50%}.card-box[data-v-1d83befc]:before,.card-item[data-v-1d83befc]{width:100%;position:absolute;left:0}.card-item[data-v-1d83befc]{backface-visibility:hidden;color:#fff;height:50%;transform-style:preserve-3d;background:linear-gradient(#4a4a55,#3a3a45);border-radius:5px;font-size:100px;transition:all .5s;top:0;overflow:hidden}.card1[data-v-1d83befc]{border-bottom-right-radius:0;border-bottom-left-radius:0;line-height:100px}.card2[data-v-1d83befc]{transform-origin:top;z-index:10;border-top-left-radius:0;border-top-right-radius:0;line-height:0;top:50%;transform:rotateX(180deg)}.card-box:hover .card2[data-v-1d83befc]{transform:rotateX(0)}.card3[data-v-1d83befc]{transform-origin:bottom;border-bottom-right-radius:0;border-bottom-left-radius:0;line-height:100px}.card-box:hover .card3[data-v-1d83befc]{transform:rotateX(-180deg)}.card4[data-v-1d83befc]{border-top-left-radius:0;border-top-right-radius:0;line-height:0;top:50%}.colon-box[data-v-1d83befc]{color:#fff;vertical-align:top;height:100px;margin:0 8px;font-size:100px;line-height:70px;display:inline-block}