.color-box[data-v-87bbff20]{text-align:center}.color-box .title[data-v-87bbff20]{font-size:40px;font-weight:600;padding:20px}.color-box .th-1[data-v-87bbff20]{background:#304156}.color-box .th-1[data-v-87bbff20],.color-box .th-2[data-v-87bbff20]{color:#fff;width:150px;line-height:40px;border-radius:5px;margin:20px auto;cursor:pointer}.color-box .th-2[data-v-87bbff20]{background:#409eff}.color-box .th-3[data-v-87bbff20]{background:#a16bfe;color:#f7b765}.color-box .th-3[data-v-87bbff20],.color-box .th-4[data-v-87bbff20]{width:150px;line-height:40px;border-radius:5px;margin:20px auto;cursor:pointer}.color-box .th-4[data-v-87bbff20]{background:#121317;color:#9dfcf4}.color-box .th-5[data-v-87bbff20]{background:#f5ccf6;color:#fff;width:150px;line-height:40px;border-radius:5px;margin:20px auto;cursor:pointer}.color-box .color-show[data-v-87bbff20]{display:flex}.color-box .color-show div[data-v-87bbff20]{width:200px;line-height:80px;margin:20px auto;border-top:2px solid #666;border-bottom:2px solid #666}.color-box .color-show .color-title[data-v-87bbff20]{border:none;font-size:30px}.color-hint[data-v-87bbff20]{width:50vw;margin:60px auto}.color-hint div[data-v-87bbff20]{line-height:30px;text-align:left;margin:10px}div .color-hint[data-v-87bbff20] :first-child{text-align:center;font-size:20px;font-weight:600}