.colorlist[data-v-e509777e]{list-style:none;padding:0;margin:0}.colorlist li[data-v-e509777e]{float:left;width:40px;height:40px;margin:5px;border:5px solid #d9d9d9}.colorlist .active[data-v-e509777e]{border:5px solid #2b2922}[data-v-4785fb99]{margin:0;padding:0;list-style:none}.box[data-v-4785fb99]{width:60px;height:18px}ul[data-v-4785fb99]{position:relative;width:20px;height:18px}li[data-v-4785fb99]{width:5px;position:absolute;bottom:0;border-radius:10px;background:rgba(0,0,0,.5);border:1px solid #2b2922}ul li[data-v-4785fb99]:first-child{height:3px;left:0}ul li[data-v-4785fb99]:nth-child(2){height:6px;left:10px}ul li[data-v-4785fb99]:nth-child(3){height:9px;left:20px}ul li[data-v-4785fb99]:nth-child(4){height:12px;left:30px}ul li[data-v-4785fb99]:nth-child(5){height:15px;left:40px}ul li[data-v-4785fb99]:nth-child(6){height:18px;left:50px}.colorlist[data-v-738bfcd8]{list-style:none;padding:0;margin:0}.colorlist li[data-v-738bfcd8]{float:left;width:40px;height:40px;margin:5px;border:5px solid #d9d9d9}.colorlist .active[data-v-738bfcd8]{border:5px solid #2b2922}