49 lines
797 B
Plaintext
49 lines
797 B
Plaintext
.box {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding: 4vw 2vw 0;
|
|
overflow: hidden;
|
|
}
|
|
.box .lefts {
|
|
width: 70vw;
|
|
height: 100%;
|
|
margin-left: 1vw;
|
|
}
|
|
.box .lefts .scroll-Y {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.box .lefts .boxitem {
|
|
width: 22vw;
|
|
height: 18vw;
|
|
background: rgba(255, 255, 255, 0.7);
|
|
border-radius: 1.6vw;
|
|
margin: 0 1.3vw 1.2vw 0;
|
|
border: 2px dashed #fff;
|
|
display: inline-block;
|
|
}
|
|
.box .lefts .active {
|
|
border: 2px dashed #017DE9 !important;
|
|
}
|
|
.box .rights {
|
|
width: 25vw;
|
|
height: 100%;
|
|
}
|
|
.box .rights .shitem {
|
|
width: 24vw;
|
|
height: 10.3vw;
|
|
background: #E8E9ED;
|
|
border-radius: 1.6vw;
|
|
padding: 1.8vw;
|
|
}
|
|
|
|
|
|
page{
|
|
background: RGBA(239, 240, 244, 1);
|
|
}
|