修改人案筛查页面导引

src/main/webapp/rasc.jsp

@@ -52,6 +52,9 @@
     <div id="stepflow02"></div>
     <div id="stepflow03"></div>
     <div id="stepflow04"></div>
+    <div id="stepflow05"></div>
+    <div id="stepflow06"></div>
+    <div id="stepflow07"></div>
     <div class="tipSwitch" id="tipSwitch"></div>
     <div id="header">
         <input type="hidden" id="ssdw" value="${param.ssdw}" />

src/main/webapp/static/dy/css/guideCss_xq.css

@@ -13,48 +13,51 @@ body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:url(../
 
 #searchTip{overflow:hidden;}
 
-.tipbox{width:290px;position:relative;height:185px;display:none;background-position:0 0;}
+.tipbox{width:300px;position:relative;height:197px;display:none;background-position:0 0;}
 
-.tipbox .tipboxBtn{position:absolute;display:inline-block;width:25px;height:25px;left:236px;top:36px;cursor:pointer;}
-#step2 .tipboxBtn,#step3 .tipboxBtn,#step4 .tipboxBtn{left:252px;top:20px;}
+.tipbox .tipboxBtn{position:absolute;display:inline-block;width:28px;height:28px;left:244px;top:36px;cursor:pointer;}
+#step3 .tipboxBtn,#step5 .tipboxBtn,#step6 .tipboxBtn{left:265px;top:18px;}
 
-.tipboxNextbtn{position:absolute;display:inline-block;width:83px;height:28px;left:159px;top:127px;cursor:pointer;background:url(../img/guidebg1.png) no-repeat -241px -283px;}
-#step2 .tipboxNextbtn,#step3 .tipboxNextbtn{left:140px;top:112px;}
+.tipboxNextbtn{position:absolute;display:inline-block;width:83px;height:28px;left:165px;top:130px;cursor:pointer;background:url(../img/guidebg1.png) no-repeat -241px -283px;}
+#step3 .tipboxNextbtn,#step5 .tipboxNextbtn,#step6 .tipboxNextbtn{left:156px;top:112px;}
 
-.progress{position:absolute;left:69px;top:137px;width:66px;height:9px;line-height:9px;font-size:0px;}
-#step2 .progress,#step3 .progress{left:57px;top:123px;}
+.progress{position:absolute;left:40px;top:140px;width:112px;height:9px;line-height:9px;font-size:0px;}
+#step3 .progress,#step5 .progress,#step6 .progress{left:35px;top:123px;}
 
 .progress li{float:left;width:10px;height:9px;margin-right:6px;font-size:0px;background-position:-635px -82px;}
 
-.progress .on{background-position:100% -82px;}
-
-.tipword{position:absolute;}
+.progress .on{background-position:99% -82px;}
 
+.tipword{position:absolute;width:270px;height:55px;left:11px;top:60px;}
+#step3 .tipword,#step5 .tipword,#step6 .tipword{left:12px;top:45px;}
 #step1{z-index:1005;}
 
 #step2{z-index:1004;}
 
-#step3{z-index:1003;background-position:-294px 0;}
+#step3,#step5,#step6{z-index:1003;background-position:-299px 0;}
+
+#step1 .tipword{background-position:-339px -196px;}
+
+#step2 .tipword{background-position:-339px -252px;}
 
-#step4{z-index:1002;background-position:-294px 0;}
+#step3 .tipword{background-position:-339px -306px;}
 
-#step1 .tipword{width:175px;height:56px;left:55px;top:60px;background-position:4px -360px;}
+#step4 .tipword{background-position:-339px -360px;}
 
-#step2 .tipword{width:212px;height:56px;left:25px;top:45px;background-position:-166px -370px;}
+#step5 .tipword{background-position:-339px -417px;}
 
-#step3 .tipword{width:215px;height:56px;left:38px;top:56px;background-position:-439px -371px;}
+#step6 .tipword{background-position:-339px -473px;}
+#step7 .tipword{background-position:-339px -531px;}
 
-#step4 .tipword{width:202px;height:53px;left:55px;top:51px;background-position:0 -425px;}
 
-#step2{width:290px;height:190px;background-position:-294px 0;}
 
 /*#step4 .tipboxBtn{left:236px;top:36px;}*/
 
-#step4 .tipboxNextbtn{left:63px;top:106px; background-position:-328px -283px;}
+#step7 .tipboxNextbtn{left:155px;top:130px; background-position:-328px -283px;}
 
 .tipbarwrap{position:absolute;width:100%;height:1px;left:0px;top:0px;z-index:1000;background-color:transparent;}
 
-.tipbardiv{position:relative;width:1210px;height:1px;margin:0px auto;}
+.tipbardiv{position:relative;width:100%;height:1px;margin:0px auto;}
 
 .tipbar{display:none;position:absolute;z-index:1000;}
 
@@ -64,30 +67,42 @@ body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:url(../
 
 .tipBarword{position:absolute;}
 
-#tipbar1{background:url(../img/stepflow-pic2.png) no-repeat 0 -72px;width:545px;height:50px;left:91px;top:197px;}
-
-#tipbar1 .arrow{left:560px;top:685px;}
-
-#tipbar1 .tipBarword{width:62px;height:25px;left:635px;top:685px;background-position:-84px -192px;}
-
-#tipbar2{background:url(../img/stepflow-pic2.png) no-repeat 0 -125px;width:212px;height:37px;top:869px;right:-96px;}
-
-#tipbar2 .arrow{left:284px;top:-42px;}
-
-#tipbar2 .tipBarword{width:62px;height:24px;left:355px;top:-41px;background-position:-156px -192px;}
-
+#tipbar1{background:url(../img/stepflow-pic2.png) no-repeat 0 -32px;width:1420px;height:352px;border-radius:10px;left:91px;top:197px;}
+
+#tipbar1 .arrow1{left:750px;top:41px;}
+#tipbar1 .arrow2,#tipbar3 .arrow2{left:1200px;top:270px; background-position: 100% -149px;}
+#tipbar3 .arrow1{left:440px;top:41px;}
+#tipbar1 .tipBarword1{width:285px;height:25px;left:827px;top:44px;background-position:0 -242px;}
+#tipbar3 .tipBarword1{width:285px;height:25px;left:512px;top:44px;background-position:0 -242px;}
+#tipbar1 .tipBarword2,#tipbar3 .tipBarword2{width:193px;height:25px;left:1014px;top:272px;background-position:0 -269px;}
+
+#tipbar2{background:url(../img/stepflow-pic2.png) no-repeat 0 -741px;width:1420px;height:650px;border-radius:10px;top:869px;right:-96px;}
+
+#tipbar2 .arrow1,#tipbar4 .arrow1{left:1126px;top:30px; background-position: 100% -149px;}
+#tipbar2 .arrow2,#tipbar4 .arrow2{left:284px;top:50px;}
+#tipbar2 .arrow3,#tipbar4 .arrow3{left:1120px;top:165px; background-position: 100% -149px;}
+#tipbar4 .arrow1{top:5px;}
+#tipbar4 .arrow2{top:25px;}
+#tipbar2 .tipBarword1,#tipbar4 .tipBarword1{width:335px;height:24px;left:795px;top:32px;background-position:0 -293px;}
+#tipbar2 .tipBarword2,#tipbar4 .tipBarword2{width:263px;height:24px;left:357px;top:50px;background-position:0 -317px;}
+#tipbar2 .tipBarword3,#tipbar4 .tipBarword3{width:335px;height:24px;left:795px;top:168px;background-position:0 -347px;}
+#tipbar4 .tipBarword1{top:7px;}
+#tipbar4 .tipBarword2{top:25px;}
+#tipbar5 .arrow{left:1120px;top:60px; background-position: 100% -149px;}
+#tipbar5 .tipBarword{width:295px;height:25px;left:830px;top:50px;background-position:0 -372px;}
+#tipbar6 .arrow{left:-80px;top:0; background-position: 100% -149px;}
+#tipbar6 .tipBarword{width:285px;height:25px;left:-336px;top:0px;background-position:0 -400px;}
 /*.clear{font-size:0px;line-height:0px;height:0px;overflow:hidden;}*/
 
-#tipbar3{background:url(../img/stepflow-pic2.png) no-repeat 0px -34px;width:1490px;height:35px;position:fixed;left:30px;top:1620px;margin-top: -30px}
+#tipbar3{background:url(../img/stepflow-pic2.png) no-repeat 0px -387px;width:1420px;height:353px;border-radius:10px;left:30px;top:1620px;}
+
+#tipbar5{background:url(../img/stepflow-pic2.png) no-repeat 0px -1391px;width:1420px;height:138px;border-radius:10px;left:30px;top:1620px;}
+#tipbar6{background:url(../img/stepflow-pic2.png) no-repeat -136px 0px;width:98px;height:32px;border-radius:3px;left:30px;top:1620px;}
 
-#tipbar3 .arrow{left:30px;top:-35px;}
 
-#tipbar3 .tipBarword{width:62px;height:24px;background-position:-235px -192px;left:100px;top:-34px;}
-#tipbar4{background:url(../img/stepflow-pic2.png) no-repeat -99px 1px;width:34px;height:28px;right:-77px;top:1620px;}
+#tipbar4{background:url(../img/stepflow-pic2.png) no-repeat 0px -980px;width:1420px;height:411px;border-radius:10px;left:30px;top:1620px;}
 
-#tipbar4 .arrow{left:560px;top:685px;}
 
-#tipbar4 .tipBarword{width:62px;height:25px;left:635px;top:685px;background-position:-84px -192px;}
 
 #tipbar1 .tipbarInner{width:80px;height:28px;}
 
@@ -95,13 +110,13 @@ body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:url(../
 
 #tipbar3 .tipbarInner{width:62px;height:62px;}
 
-.notip{position:absolute;left:156px;top:111px;}
+.notip{position:absolute;left:120px;top:160px;}
 
 #notip{vertical-align:middle;margin: 0 5px;}
 
 .notip label{color:#0c5685;}
 
-.tipSwitch{width:94px;height:31px;cursor:pointer;background-position:0 -187px;cursor:pointer;position:absolute;top:16px;right:90px;}
+.tipSwitch{width:94px;height:31px;cursor:pointer;background-position:0 -198px;cursor:pointer;position:absolute;top:31px;right:133px; z-index: 10;}
 #stepflow02{
     position: absolute; top:650px;height:10px;line-height:99em;overflow:hidden;
 }

src/main/webapp/static/rasc/css/index.css

@@ -125,7 +125,8 @@ label{
 	min-height: 100%;
 }
 #wrap{
-	width:80%;
+	/*width:80%;*/
+	width:1400px;
 	min-width: 1400px;
 	margin: 15px auto;
 	background-color: #fff;
@@ -511,6 +512,9 @@ table{
 	color: #FF7011;
 	padding: 3px 5px;
 }
+.pull-right label{
+	color:#999;
+}
 .more-bt-line{
 	text-align: right;
 	height: 36px;