修改云手机样式

screenH5/homeNew.html

@@ -155,6 +155,8 @@
 			}
 			
 			.swiper-slide {
+				    padding: 43px 53px;
+				    box-sizing: border-box;
 			  text-align: center;
 			  font-size: 18px;
 			  /* background: #fff; */
@@ -178,11 +180,13 @@
 				width: 15px;
 				height: 15px;
 				background: url(../static/img/xia_icon.png);
+				right: 15px;
 			}
 			.swiper-button-prev{
 				width: 15px;
 				height: 15px;
 				background: url(../static/img/shang_icon.png);
+				left: 15px;
 			}
 			.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
 				content: "" !important;

static/css/homeNew.css

@@ -37,7 +37,7 @@
 }
 
 .canvas {
-	width: 80%;
+	/* width: 80%;
 	height: 80%;
 	position: absolute;
 	left: 8%;
@@ -48,7 +48,19 @@
 	background: #F6F6F6;
 	box-shadow: 3px 3px 4px 0px rgba(136, 142, 151, 0.18), -3px -3px 4px 0px #FFFFFF;
 	border-radius: 28px;
-	padding: 7px 8px;
+	padding: 7px 8px; */
+	    width: 100%;
+	    height: 100%;
+	    position: relative;
+	    /* left: 8%; */
+	    border-radius: 10px;
+	    overflow: hidden;
+	    /* top: 9%; */
+	    z-index: -1;
+	    background: #F6F6F6;
+	    box-shadow: 3px 3px 4px 0px rgba(136, 142, 151, 0.18), -3px -3px 4px 0px #FFFFFF;
+	    border-radius: 28px;
+	    padding: 7px 8px;
 }
 
 .canvasfalse {
@@ -70,7 +82,7 @@
 }
 
 .camvas-head {
-	position: absolute;
+/* 	position: absolute;
 	top: 0;
 	height: 57px;
 	width: 89%;
@@ -79,7 +91,20 @@
 	padding: 0px 10px 0px 10px;
 	color: rgba(255, 255, 255, 1);
 	margin-top: 7px;
-	border-radius: 20px;
+	border-radius: 20px; */
+	    position: absolute;
+	    top: 0;
+	    height: 57px;
+	    width: 94%;
+	  background: rgba(0, 0, 0, 0.4);
+	    font-size: 14px;
+	    padding: 0px 10px 0px 10px;
+	    color: rgba(255, 255, 255, 1);
+	    margin-top: 7px;
+	    border-radius: 20px;
+	    box-sizing: border-box;
+	    left: 0;
+	    margin-left: 3%;
 }
 
 .canvastime {