|
@@ -38,17 +38,19 @@
|
|
.main .two .list .list_1 {
|
|
.main .two .list .list_1 {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
- margin: 0 0 2vh 0;
|
|
|
|
- border: 1px dashed var(--whiteColor);
|
|
|
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
|
+ border: 2px dashed var(--whiteColor);
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
.main .two .list .list_1 .icon {
|
|
.main .two .list .list_1 .icon {
|
|
width: 18vw;
|
|
width: 18vw;
|
|
- margin-top: 2vh;
|
|
|
|
|
|
+ height: 18vw;
|
|
|
|
+ margin-top: 2vw;
|
|
margin-left: 2vw;
|
|
margin-left: 2vw;
|
|
}
|
|
}
|
|
.main .two .list .list_1 .icon image {
|
|
.main .two .list .list_1 .icon image {
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
+ height: 100%;
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.main .two .list .list_1 .content {
|
|
.main .two .list .list_1 .content {
|
|
@@ -83,16 +85,16 @@
|
|
margin: 0 5vw;
|
|
margin: 0 5vw;
|
|
background-color: #35d4bd;
|
|
background-color: #35d4bd;
|
|
box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
- border: 1px dashed var(--whiteColor);
|
|
|
|
|
|
+ border: 2px dashed var(--whiteColor);
|
|
}
|
|
}
|
|
.main .two .list .btn button:last-child {
|
|
.main .two .list .btn button:last-child {
|
|
background-color: #f7783e;
|
|
background-color: #f7783e;
|
|
}
|
|
}
|
|
.main .two .list:nth-child(1n) {
|
|
.main .two .list:nth-child(1n) {
|
|
- background-color: #ccacff;
|
|
|
|
|
|
+ background-color: #8384da;
|
|
}
|
|
}
|
|
.main .two .list:nth-child(2n) {
|
|
.main .two .list:nth-child(2n) {
|
|
- background-color: #fda5ce;
|
|
|
|
|
|
+ background-color: #83bb55;
|
|
}
|
|
}
|
|
.scroll-view {
|
|
.scroll-view {
|
|
position: absolute;
|
|
position: absolute;
|