学习地图页面样式

common/styles/global/pages.scss

@@ -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;}
+	}
 }
 
 //目录页