公共询价引导功能替换图片调整按钮样式和位置

src/main/webapp/WEB-INF/views/normal/index.html

@@ -345,16 +345,19 @@
 	<div id="mask"></div>
 	<div id="searchTip">
 		<div class="stepA">
-			<img src="static/img/guide/more1.jpg" alt="" class="bg"/>
-			<a class="btn">下一步</a><span title="关闭" class="close"></span>
+			<!--<img src="static/img/guide/more1.png" alt="" class="bg">-->
+			<em class="img"></em>
+			<a class="btn">下一步&gt;&gt;</a><span title="关闭" class="close">&times;</span>
 		</div>
 		<div class="stepB">
-			<img src="static/img/guide/more2.jpg" alt="" class="bg"/>
-			<a>下一步</a><span title="关闭" class="close"></span>
+			<!--<img src="static/img/guide/more02.png" alt="" class="bg">-->
+			<em class="img"></em>
+			<a>下一步&gt;&gt;</a><span title="关闭" class="close">&times;</span>
 		</div>
 		<div class="stepC">
-			<img src="static/img/guide/more3.jpg" alt="" class="bg"/>
-			<a>完成</a><span title="关闭" class="close"></span>
+			<!--<img src="static/img/guide/more03.png" alt="" class="bg">-->
+			<em class="img"></em>
+			<a>完成</a><span title="关闭" class="close">&times;</span>
 		</div>
 	</div>
 	<!-- 消息提示框  Start-->

src/main/webapp/resources/css/index.css

@@ -4458,57 +4458,56 @@ a.order-detail {
 }
 #searchTip div{
 	display: none;
-	position: absolute;
+	position: relative ;
+	margin: 0 auto;
 	width: 100%;
 	height: 100%;
 }
 #searchTip div a{
+	display: inline-block;
 	position: absolute;
-	width: 5.7%;
-	height: 4%;
-	text-indent: -999px;
-	overflow: hidden;
+	bottom: 20px;
+	right: 20px;
+	padding: 0;
+	width: 105px;
+	height: 40px;
+	line-height: 40px;
+	text-align: center;
+	text-decoration: none;
+	font-size: 18px;
+	color: #fff;
 	cursor: pointer;
-	background: transparent ;
+	background: #d32526;
 }
 #searchTip div span{
-	position: absolute;
-	height: 4.2%;
-	width: 2.2%;
-	background: transparent ;
-	cursor: pointer;
-	border-radius: 50%;
+	position: fixed;
+	top: 5px;
+	right: 10px;
+	z-index: 100000;
+	margin: -60px -60px 0 0;
+	padding: 55px 0 0 24px;
+	width: 120px;
+	height: 120px;
+	font-size: 47px;
+	border-radius: 100%;
+	background: #000;
+	opacity: .3;
 }
-#searchTip div img.bg{
-	margin: 0 auto;
-	width: 100%;
-	height: 100%;
+#searchTip div span:hover{
+	opacity: .7;
+	color: #fff;
 }
-.stepA{
+#searchTip div em.img{
+	display: inline-block;
 	width: 100%;
 	height: 100%;
 }
-.stepA span{
-	top: 10.5%;
-	left: 61.2%;
-}
-.stepA a{
-	top: 45%;
-	left: 55.6%;
-}
-.stepB a{
-	top: 60%;
-	left: 55.5%;
-}
-.stepB span{
-	top: 25.4%;
-	right: 36.8%;
+.stepA em.img{
+	background: url(../img/guide/more1.png) no-repeat center 0;
 }
-.stepC a{
-	top: 71.7%;
-	left: 56.4%;
+.stepB em.img{
+	background: url(../img/guide/more2.png) no-repeat center center;
 }
-.stepC span{
-	top: 37%;
-	right: 35.9%;
+.stepC em.img{
+	background: url(../img/guide/more3.png) no-repeat center center;
 }