|
|
@@ -245,17 +245,17 @@
|
|
|
}
|
|
|
.ezy-study-wrap{
|
|
|
width:100%;height:1394rpx;background-image: url("@/static/images/study/study-wrap-bj.png");@include ezy-no-repeat-cover;
|
|
|
- position: absolute;bottom: 4%;z-index: 2;
|
|
|
+ position: absolute;top: 8%;z-index: 2;
|
|
|
}
|
|
|
.chapter-box{
|
|
|
width: 150rpx;text-align: center;font-weight: 800;color: #5c1a11;
|
|
|
- position: absolute;top: 126rpx;left: 330rpx;font-size: 32rpx;
|
|
|
+ margin: 126rpx auto auto 330rpx;font-size: 32rpx;
|
|
|
}
|
|
|
.chapter-title-box{
|
|
|
width: 268rpx;text-align: center;font-weight: 800;color: #fbb030;
|
|
|
- position: absolute;top: 180rpx;left: 270rpx;font-size: 32rpx;
|
|
|
+ margin: 10rpx auto auto 270rpx;font-size: 32rpx;
|
|
|
}
|
|
|
- .brand-item{position: absolute;box-sizing: border-box;font-size: 28rpx;color: #fff;text-align: center;font-weight: 600;}
|
|
|
+ .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-icon,.brand-lock{
|
|
|
width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;
|
|
|
@@ -272,27 +272,37 @@
|
|
|
}
|
|
|
.brand-item:nth-child(1){
|
|
|
width: 298rpx;height: 144rpx;@include ezy-no-repeat-cover;
|
|
|
- right: 60rpx;top: 320rpx;padding: 40rpx 4rpx 10rpx 12rpx;
|
|
|
+ padding: 40rpx 4rpx 10rpx 12rpx;margin: 100rpx 60rpx auto auto;
|
|
|
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;
|
|
|
- left: 55rpx;top: 512rpx;padding: 40rpx 0 10rpx 16rpx;
|
|
|
+ padding: 40rpx 0 10rpx 16rpx;margin: 75rpx auto auto 65rpx;
|
|
|
background-image: url("@/static/images/catalog/duan-pai-disabled.png");
|
|
|
}
|
|
|
.brand-item:nth-child(3){
|
|
|
width: 298rpx;height: 144rpx;@include ezy-no-repeat-cover;
|
|
|
- right: 85rpx;bottom: 560rpx;padding: 40rpx 4rpx 10rpx 12rpx;
|
|
|
+ padding: 40rpx 4rpx 10rpx 12rpx;margin: 12rpx 85rpx auto auto;
|
|
|
background-image: url("@/static/images/catalog/chang-pai-disabled.png");
|
|
|
}
|
|
|
.brand-item:nth-child(4){
|
|
|
width: 185rpx;height: 121rpx;@include ezy-no-repeat-cover;
|
|
|
- right: 160rpx;bottom: 160rpx;padding: 16rpx 16rpx 10rpx 24rpx;
|
|
|
+ padding: 16rpx 16rpx 10rpx 24rpx;margin: 270rpx 160rpx auto auto;
|
|
|
background-image: url("@/static/images/catalog/ceshi-pai.png");
|
|
|
.brand-lock{left: 0;top: -30rpx;}
|
|
|
}
|
|
|
+ @media (max-height: 800px) {
|
|
|
+ .ezy-study-wrap{top:5%;zoom: 0.92;background-size: 92%;background-position: right;}
|
|
|
+ .chapter-box{margin: 126rpx auto auto 396rpx;}
|
|
|
+ .chapter-title-box{margin: 10rpx auto auto 334rpx;}
|
|
|
+ }
|
|
|
+ @media (max-height: 700px) {
|
|
|
+ .ezy-study-wrap{top: 53rpx;zoom: 0.9;background-size: 90%;}
|
|
|
+ .chapter-box{margin: 126rpx auto auto 416rpx;}
|
|
|
+ .chapter-title-box{margin: 10rpx auto auto 350rpx;}
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
//目录页
|
tanxue