|
@@ -251,14 +251,14 @@
|
|
|
}
|
|
|
.chapter-box{
|
|
|
width: 150rpx;text-align: center;font-weight: 800;color: #5c1a11;
|
|
|
- font-size: 32rpx;position: absolute;top:126rpx;left:330rpx;
|
|
|
+ font-size: 32rpx;position: absolute;top:136rpx;left:330rpx;
|
|
|
}
|
|
|
.chapter-title-box{
|
|
|
width: 268rpx;text-align: center;font-weight: 800;color: #fbb030;@include single-line-ellipsis;
|
|
|
- font-size: 32rpx;position: absolute;top:180rpx;left:270rpx;
|
|
|
+ font-size: 32rpx;position: absolute;top:190rpx;left:270rpx;
|
|
|
}
|
|
|
.brand-item{box-sizing: border-box;font-size: 28rpx;color: #fff;text-align: center;font-weight: 600;position: relative;}
|
|
|
- .brand-content{width: 100%;@include single-line-ellipsis;}
|
|
|
+ .brand-content{width: 85%;margin: 0 auto;@include single-line-ellipsis;}
|
|
|
.brand-icon,.brand-lock{
|
|
|
width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;
|
|
|
position: absolute;top: -30rpx;left: 50%;transform: translateX(-50%);}
|
|
@@ -274,32 +274,32 @@
|
|
|
}
|
|
|
.brand-item:nth-child(1){
|
|
|
width: 298rpx;height: 144rpx;@include ezy-no-repeat-cover;
|
|
|
- padding: 40rpx 4rpx 10rpx 12rpx;position: absolute;top:320rpx;right:60rpx;
|
|
|
+ padding: 40rpx 0 10rpx;position: absolute;top:320rpx;right:60rpx;
|
|
|
background-image: url("@/static/images/catalog/chang-pai-disabled.png");
|
|
|
|
|
|
}
|
|
|
.brand-item.brand-active:nth-child(1){background-image: url("@/static/images/catalog/chang-pai-active.png");}
|
|
|
.brand-item:nth-child(2){
|
|
|
width: 231rpx;height: 147rpx;@include ezy-no-repeat-cover;
|
|
|
- padding: 40rpx 0 10rpx 16rpx;position: absolute;top:540rpx;left:75rpx;
|
|
|
+ padding: 40rpx 0 10rpx;position: absolute;top:540rpx;left:75rpx;
|
|
|
background-image: url("@/static/images/catalog/duan-pai-disabled.png");
|
|
|
}
|
|
|
.brand-item:nth-child(3){
|
|
|
width: 298rpx;height: 144rpx;@include ezy-no-repeat-cover;
|
|
|
- padding: 40rpx 4rpx 10rpx 12rpx;position: absolute;top:692rpx;right:90rpx;
|
|
|
+ padding: 40rpx 0 10rpx;position: absolute;top:692rpx;right:90rpx;
|
|
|
background-image: url("@/static/images/catalog/chang-pai-disabled.png");
|
|
|
}
|
|
|
.brand-item:nth-child(4){
|
|
|
width: 185rpx;height: 121rpx;@include ezy-no-repeat-cover;
|
|
|
- padding: 16rpx 16rpx 10rpx 24rpx;position: absolute;top:1112rpx;right:140rpx;
|
|
|
+ padding: 16rpx 10rpx 10rpx 10rpx;position: absolute;top:1112rpx;right:140rpx;
|
|
|
background-image: url("@/static/images/catalog/ceshi-pai.png");
|
|
|
.brand-lock{left: 0;top: -30rpx;}
|
|
|
}
|
|
|
@media (max-height: 800px) {
|
|
|
// 0.92
|
|
|
.ezy-study-wrap{width: 690rpx;height: 1284rpx;}
|
|
|
- .chapter-box{width: 138rpx;top:115rpx;left:304rpx;}
|
|
|
- .chapter-title-box{width: 247rpx;top:164rpx;left:247rpx;}
|
|
|
+ .chapter-box{width: 138rpx;top:130rpx;left:304rpx;font-size: 28rpx;}
|
|
|
+ .chapter-title-box{width: 247rpx;top:178rpx;left:247rpx;font-size: 28rpx;}
|
|
|
.brand-item:nth-child(1){top:280rpx;right:32rpx;}
|
|
|
.brand-item:nth-child(2){top:480rpx;left:70rpx;}
|
|
|
.brand-item:nth-child(3){top:632rpx;right:78rpx;}
|
|
@@ -308,8 +308,8 @@
|
|
|
@media (max-height: 700px) {
|
|
|
//0.88
|
|
|
.ezy-study-wrap{width: 644rpx;height: 1198rpx;}
|
|
|
- .chapter-box{top:106rpx;left:275rpx;}
|
|
|
- .chapter-title-box{width: 230rpx;top:152rpx;left:230rpx;}
|
|
|
+ .chapter-box{top:120rpx;left:278rpx;}
|
|
|
+ .chapter-title-box{width: 230rpx;top:165rpx;left:230rpx;}
|
|
|
.brand-item:nth-child(1){top:245rpx;right:30rpx;}
|
|
|
.brand-item:nth-child(2){top:440rpx;left:60rpx;}
|
|
|
.brand-item:nth-child(3){top:578rpx;right:50rpx;}
|
|
@@ -319,8 +319,8 @@
|
|
|
//0.76
|
|
|
min-height:1200rpx;
|
|
|
.ezy-study-wrap{width: 577rpx;height: 1072rpx;}
|
|
|
- .chapter-box{width: 120rpx;top:93rpx;left:252rpx;}
|
|
|
- .chapter-title-box{width: 210rpx;top:132rpx;left:206rpx;}
|
|
|
+ .chapter-box{width: 120rpx;top:105rpx;left:252rpx;font-size: 26rpx;}
|
|
|
+ .chapter-title-box{width: 215rpx;top:145rpx;left:204rpx;font-size: 26rpx;}
|
|
|
.brand-item:nth-child(1){top:205rpx;right:4rpx;}
|
|
|
.brand-item:nth-child(2){top:380rpx;left:30rpx;}
|
|
|
.brand-item:nth-child(3){top:508rpx;right:30rpx;}
|