.demo1[data-v-480163dd]{display:flex}.demo1>div[data-v-480163dd]{height:70vh;width:14.28571vw}.demo1>div[data-v-480163dd]:first-child{background-color:#fff}.demo1>div[data-v-480163dd]:nth-child(2){background-color:#ff0}.demo1>div[data-v-480163dd]:nth-child(3){background-color:#0ff}.demo1>div[data-v-480163dd]:nth-child(4){background-color:#7cfc00}.demo1>div[data-v-480163dd]:nth-child(5){background-color:#f0f}.demo1>div[data-v-480163dd]:nth-child(6){background-color:red}.demo1>div[data-v-480163dd]:nth-child(7){background-color:#00f}.demo2[data-v-480163dd]{display:flex}.demo2>div[data-v-480163dd]{height:10vh;width:14.28571vw}.demo2>div[data-v-480163dd]:nth-child(7){background-color:#fff}.demo2>div[data-v-480163dd]:nth-child(6){background-color:#000}.demo2>div[data-v-480163dd]:nth-child(5){background-color:#0ff}.demo2>div[data-v-480163dd]:nth-child(4){background-color:red}.demo2>div[data-v-480163dd]:nth-child(3){background-color:#ff0}.demo2>div[data-v-480163dd]:nth-child(2){background-color:#f0f}.demo2>div[data-v-480163dd]:first-child{background-color:#00f}.demo3[data-v-480163dd]{display:flex}.demo3>div[data-v-480163dd]{height:10vh;width:50vw}.demo3>div[data-v-480163dd]:first-child{background:linear-gradient(90deg,#fff,#000)}.demo3>div[data-v-480163dd]:nth-child(2){background:linear-gradient(90deg,red,#ff0,#7cfc00,#0ff,#00f,#f0f)}.demo4[data-v-480163dd]{display:flex}.demo4>div[data-v-480163dd]{height:10vh;width:50vw}.demo4>.demo4-1[data-v-480163dd]{display:flex}.demo4>.demo4-1>div[data-v-480163dd]{width:4.16667vw}.demo4 .demo4-1>div[data-v-480163dd]:first-child{background-color:#000}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(2){background-color:#242424}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(3){background-color:#373737}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(4){background-color:#4b4b4b}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(5){background-color:#5d5c5d}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(6){background-color:#737373}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(7){background-color:gray}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(8){background-color:#9b9b9b}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(9){background-color:#b3b3b3}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(10){background-color:#ccc}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(11){background-color:#e6e6e6}.demo4 .demo4-1>div[data-v-480163dd]:nth-child(12){background-color:#fff}.demo4>div[data-v-480163dd]:nth-child(2){background-color:#000}.errorText[data-v-480163dd]{background-color:#f5f5f55e;height:100vh;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:99}.errorText .centerBox[data-v-480163dd]{color:#ce1c1c;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)}.errorText .centerBox .code[data-v-480163dd]{font-size:10rem}.errorText .centerBox .tips[data-v-480163dd]{background-color:#ffffffec;display:inline-block;font-size:1rem;font-weight:600;padding:10px}