2

www/webapp/moonclub/css/home.css

@@ -254,12 +254,12 @@ body {
     left: 1px;
 }
 
-.box {
+.h-box {
     width: 100%;
     position: relative;
 }
 
-.box .box-package {
+.h-box .box-package {
     width: 33%;
     height: 100%;
     top: 0;
@@ -268,28 +268,28 @@ body {
     /*background-color: #00a0e9;*/
 }
 
-.box .box-package div {
+.h-box .box-package div {
     width: 100%;
     height: 25%;
 }
 
-.box .box-package div:nth-child(1) {
+.h-box .box-package div:nth-child(1) {
     /*background-color: #17e936;*/
 }
 
-.box .box-package div:nth-child(2) {
+.h-box .box-package div:nth-child(2) {
     /*background-color: #70b6e9;*/
 }
 
-.box .box-package div:nth-child(3) {
+.h-box .box-package div:nth-child(3) {
     /*background-color: #e98d7a;*/
 }
 
-.box .box-package div:nth-child(4) {
+.h-box .box-package div:nth-child(4) {
     /*background-color: #3954e9;*/
 }
 
-.box .characteristic {
+.h-box .characteristic {
     position: absolute;
     top: 0;
     right: 0%;
@@ -298,9 +298,9 @@ body {
     /*background-color: #dcd90f;*/
 }
 
-.box img {
-    /*width: 100%;*/
-    display: inline-block;
+.h-box img {
+    width: 100%;
+    display:block;
 }
 
 .box-footer {

www/webapp/moonclub/tpl/home/index.html

@@ -13,7 +13,6 @@
 	<div class="box-container">
 		<div class="box-container box box-vertical">
 			<div id="homeScroll" class="scroll-container box-flex-1">
-				<div class="scroll">
 					<div class="scroller">
 						<div class="home-content">
 							<!-- Swiper -->
@@ -26,7 +25,7 @@
 								<div class="pagination"></div>
 							</div>
 
-							<div class="box">
+							<div class="h-box">
 								<img style="width: 100%;" src="http://odulvej8l.bkt.clouddn.com/home-%E5%A5%97%E9%A4%90%E5%9B%BE.jpg" alt="">
 								<div class="box-package">
 									<div class="month-one btn-month" data-product-type="0"></div>
@@ -39,7 +38,6 @@
 						</div>
 					</div>
 					<div style="width: 100%;margin-bottom: 17%;"></div>
-				</div>
 			</div>
 			<div class="box-footer">
 				<div class="appointment" style="height: 65px;padding-top: 10px;"><img src="http://odulvej8l.bkt.clouddn.com/%E9%A2%84%E7%BA%A6-01.png" alt="" width="20" height="20"><div>预约</div></div>