|
|
@@ -405,8 +405,8 @@
|
|
|
background-image: url("@/static/images/study/yingyu/study-wrap-bj.png");}
|
|
|
.animal-img{left: 280rpx;top: 420rpx;}
|
|
|
.chapter-title-box{
|
|
|
- width: 120rpx;height: 60rpx;text-align: center;font-weight: 800;color: #66ffff;font-size: 28rpx;
|
|
|
- position: absolute;top:205rpx;left:28rpx;box-sizing: content-box;padding: 10rpx 34rpx 175rpx 200rpx;
|
|
|
+ width: 120rpx;height: 60rpx;line-height: 60rpx;text-align: center;font-weight: 800;color: #66ffff;font-size: 28rpx;
|
|
|
+ position: absolute;top:175rpx;left:25rpx;box-sizing: content-box;padding: 10rpx 54rpx 175rpx 250rpx;
|
|
|
}
|
|
|
// brand-content
|
|
|
.brand-icon,.brand-content{text-align: center;@include single-line-ellipsis;font-size: 24rpx;}
|
|
|
@@ -453,7 +453,7 @@
|
|
|
// 0.9
|
|
|
min-height:1400rpx;
|
|
|
.animal-img{left: 260rpx;top: 390rpx;}
|
|
|
- .chapter-title-box{width: 100rpx;height: 50rpx;top:182rpx;left:35rpx;padding: 10rpx 32rpx 170rpx 180rpx;}
|
|
|
+ .chapter-title-box{width: 120rpx;height: 48rpx;line-height: 52rpx;top:162rpx;left:26rpx;padding: 10rpx 42rpx 170rpx 220rpx;}
|
|
|
.ezy-study-wrap{width: 687rpx;height: 1250rpx;left:50%;top:calc(var(--status-bar-height) + -4%);transform: translateX(-50%);}
|
|
|
.brand-lock,.brand-finish-icon{top: -120rpx;right: 60rpx;}
|
|
|
.brand-item:nth-child(1){top:685rpx;right:30rpx;}
|
|
|
@@ -475,7 +475,7 @@
|
|
|
@media (max-height: 700px) {
|
|
|
min-height:1300rpx;
|
|
|
.animal-img{left: 240rpx;top: 340rpx;}
|
|
|
- .chapter-title-box{width: 100rpx;height: 40rpx;top:158rpx;left:22rpx;font-size: 24rpx;padding: 10rpx 24rpx 170rpx 160rpx;}
|
|
|
+ .chapter-title-box{width: 100rpx;height: 40rpx;line-height: 40rpx;top:145rpx;left:22rpx;font-size: 24rpx;padding: 10rpx 24rpx 170rpx 196rpx;}
|
|
|
.ezy-study-wrap{width: 600rpx;height: 1092rpx;top:calc(var(--status-bar-height) + -7%);}
|
|
|
.brand-lock,.brand-finish-icon{top: -120rpx;right: 60rpx;}
|
|
|
.brand-item:nth-child(1){top:610rpx;right:10rpx;}
|
|
|
@@ -495,7 +495,7 @@
|
|
|
.brand-item.ceshi-brand-item{width: 296rpx;height: 216rpx;left: unset;top:1000rpx;}
|
|
|
}
|
|
|
@media (max-height: 600px){
|
|
|
- .chapter-title-box{padding: 10rpx 24rpx 150rpx 160rpx;}
|
|
|
+ .chapter-title-box{padding: 10rpx 44rpx 150rpx 195rpx;}
|
|
|
.brand-item.ceshi-brand-item{left: unset;top:1020rpx;}
|
|
|
}
|
|
|
}
|
tanxue