.svg[data-v-f946fc34]{transform:rotate(-90deg)}@-webkit-keyframes adasd-f946fc34{0%{stroke-dashoffset:0px}to{stroke-dashoffset:30px}}@keyframes adasd-f946fc34{0%{stroke-dashoffset:0px}to{stroke-dashoffset:30px}}.rgb-line[data-v-60b2df11]{width:100%;display:flex;justify-content:space-between}.line[data-v-60b2df11]{width:4px;box-sizing:border-box;position:relative;margin:0 auto}.line .line_dotted[data-v-60b2df11]{width:1px;height:100px;position:absolute;top:0;left:1px;background-color:#ccc;opacity:.6}.line .line_real[data-v-60b2df11]{position:absolute;width:1px;height:30px;top:0;left:1px;background-color:#fff}.color-card[data-v-523fc33e]{text-decoration:none;margin:6px;width:50px;color:#fff;border-top:6px solid;padding-top:10px;cursor:pointer}.color-card[data-v-523fc33e]:hover{opacity:.5;transition:opacity .3s ease-in-out}.cmyk-name[data-v-523fc33e]{display:flex;justify-content:space-between}.name-chinese[data-v-523fc33e]{-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:4px}.rgb-name[data-v-523fc33e]{height:120px;display:flex;justify-content:space-between;flex-wrap:nowrap;font-size:.8em}.rgb-name span[data-v-523fc33e]{-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.color-value[data-v-5f54282f]{position:relative}.color-value div[data-v-5f54282f]{width:50px;height:50px;line-height:50px;text-align:center;position:absolute;top:0;left:0;font-size:24px}.circle_real[data-v-5f54282f]{transform:rotate(-90deg);transform-origin:center center;transition:stroke-dashoffset 1s}.chinese-colors[data-v-b8af4ce4]{padding:50px 0;background-image:url(../img/texture.49767ac5.png);transition:background-color 1.5s}.chinese-colors .colors-container[data-v-b8af4ce4]{width:50%;box-sizing:border-box;padding:0 80px 0 270px;display:flex;justify-content:flex-start;flex-wrap:wrap}.chinese-colors .color-info[data-v-b8af4ce4]{width:50%;color:#fff;height:100vh;position:fixed;left:45%;top:50px;display:flex;justify-content:flex-start}.chinese-colors .color-info .color-info_name[data-v-b8af4ce4],.chinese-colors .color-info .color-info_value[data-v-b8af4ce4],.chinese-colors .color-info .logo[data-v-b8af4ce4]{width:29%;height:100%}.chinese-colors .color-info .color-info_value[data-v-b8af4ce4]{display:flex;flex-direction:column;align-items:center}.chinese-colors .color-info .logo[data-v-b8af4ce4]{text-align:center}.chinese-colors .color-info .color-info_name__chinese[data-v-b8af4ce4]{font-family:FZLS,cursive;font-size:7em;margin:0 auto;letter-spacing:.3em;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.chinese-colors .color-info .color-info_name__pinyin[data-v-b8af4ce4]{text-align:center}.chinese-colors .color-info .color-info_cmyk[data-v-b8af4ce4],.chinese-colors .color-info .color-info_rgb[data-v-b8af4ce4]{width:50px;font-weight:340;padding:6px 0 14px;border-bottom:1px solid hsla(0,0%,100%,.6)}.chinese-colors .color-info .color-info_cmyk span[data-v-b8af4ce4],.chinese-colors .color-info .color-info_rgb span[data-v-b8af4ce4]{font-size:12px}.chinese-colors .color-info .color-info_rgb[data-v-b8af4ce4]{height:45px;padding-bottom:10px}.chinese-colors .color-info .color-info_rgb .color-info_rgb__value[data-v-b8af4ce4]{line-height:25px;font-size:23px;text-align:right}.chinese-colors .color-info .color-info_cmyk[data-v-b8af4ce4]{height:70px}.chinese-colors .color-info .color-info_cmyk[data-v-b8af4ce4]:first-child{border-top:1px solid hsla(0,0%,100%,.6)}@font-face{font-family:xingkai;src:url(../fonts/xingkai.878eebc2.ttf);font-weight:400;font-style:normal}@font-face{font-family:FZJT;src:url(../fonts/FZJT.33937684.ttf);font-weight:400;font-style:normal}@font-face{font-family:FZLS;src:url(../fonts/FZLS.6a95f1b6.ttf);font-weight:400;font-style:normal}*,body{padding:0;margin:0}