liqian
5740437cf5
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 5s
48 lines
946 B
CSS
48 lines
946 B
CSS
.bly {
|
|
max-width: 1440px;
|
|
min-width: 1280px;
|
|
margin: 0 auto;
|
|
aspect-ratio: 1437/679;
|
|
max-height: 6.97rem;
|
|
padding-top: 4.02rem;
|
|
}
|
|
|
|
.bly .ba-slider .handle:after {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 48px;
|
|
height: 48px;
|
|
margin: -24px 0 0 -24px;
|
|
content: '';
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #fff
|
|
url('https://dev.ow.f2b211.com/static/index/pc/images/ba-arrow.png')
|
|
center center / 22px 22px no-repeat;
|
|
border: 1px solid #fff;
|
|
border-radius: 50%;
|
|
transition: all 0.3s ease;
|
|
transform: scale(1);
|
|
z-index: 5;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.bly .ba-slider .handle.ba-draggable:after {
|
|
transform: scale(0.8);
|
|
}
|
|
.bly-t {
|
|
font-size: 0.63rem;
|
|
color: #cbcfd8;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.bly-p {
|
|
font-size: clamp(16px, 1vw, 0.22rem);
|
|
color: #cbcfd8;
|
|
text-align: center;
|
|
width: 100%;
|
|
padding-top: 0.51rem;
|
|
padding-bottom: 2.17rem;
|
|
}
|