68 lines
1.1 KiB
CSS
68 lines
1.1 KiB
CSS
|
/*最外边大盒子*/
|
||
|
|
.OutBox {
|
||
|
|
height: 220px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*左边按钮*/
|
||
|
|
.btnLeft {
|
||
|
|
width: 42px;
|
||
|
|
height: 64px;
|
||
|
|
margin-left: 3px;
|
||
|
|
/*border: 1px solid #efefef;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
/*右边按钮*/
|
||
|
|
.btnRight {
|
||
|
|
width: 42px;
|
||
|
|
height: 64px;
|
||
|
|
margin-right: 3px;
|
||
|
|
/*border: 1px solid #efefef*/
|
||
|
|
}
|
||
|
|
|
||
|
|
/*外边盒子大小*/
|
||
|
|
.outBigBox {
|
||
|
|
width: 90%;
|
||
|
|
height: 140px;
|
||
|
|
/*border: 1px solid skyblue;*/
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
/*内嵌ul大盒子*/
|
||
|
|
.ulBigBox {
|
||
|
|
list-style: none;
|
||
|
|
/*border:1px solid green;*/
|
||
|
|
display: flex;
|
||
|
|
box-sizing: content-box;
|
||
|
|
width: 200%
|
||
|
|
}
|
||
|
|
|
||
|
|
/*每一个小li*/
|
||
|
|
.liSmallBox {
|
||
|
|
width: 140px;
|
||
|
|
height: 140px;
|
||
|
|
/*border: 1px solid yellow;*/
|
||
|
|
margin-right: 28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.liSmallBox1 {
|
||
|
|
width: 140px;
|
||
|
|
height: 140px;
|
||
|
|
/*border: 1px solid yellow;*/
|
||
|
|
margin-right: 28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.liSmallBox2 {
|
||
|
|
width: 140px;
|
||
|
|
height: 140px;
|
||
|
|
/*border: 1px solid yellow;*/
|
||
|
|
margin-right: 28px
|
||
|
|
}
|
||
|
|
|
||
|
|
/*每个li内部盒子大小*/
|
||
|
|
.ImgBox {
|
||
|
|
width: 140px;
|
||
|
|
height: 140px;
|
||
|
|
}
|