增加金控广告

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

@@ -4733,31 +4733,31 @@ a.order-detail {
 **/
 .jinkong_bottom{
 	width:100%;
-	height:440px;
+	height:241px;
 	position:fixed;
 	bottom:0;
 	z-index:10000;
-	margin-bottom:-440px;
+	margin-bottom:-241px;
 	background: url(../img/jinkong/tangchuan.png)no-repeat center center;
-	animation: shift_up 6s linear 2s forwards;
-	-o-animation: shift_up 6s linear 2s forwards;
-	-webkit-animation: shift_up 6s linear 2s forwards;
-	-moz-animation: shift_up 6s linear 2s forwards;
+    animation: shift_up 4s linear 1s forwards;
+    -o-animation: shift_up 4s linear 1s forwards;
+    -webkit-animation: shift_up 4s linear 1s forwards;
+    -moz-animation: shift_up 4s linear 1s forwards;
 }
 @keyframes shift_up {
-	form{margin-bottom: -440px;opacity:0;}
+	form{margin-bottom: -241px;opacity:0;}
 	to{margin-bottom:0;opacity:1;}
 }
 @-o-keyframes shift_up {
-	form{margin-bottom: -440px;opacity:0;}
+	form{margin-bottom: -241px;opacity:0;}
 	to{margin-bottom:0;opacity:1;}
 }
 @-webkit-keyframes shift_up {
-	form{margin-bottom: -440px;opacity:0;}
+	form{margin-bottom: -241px;opacity:0;}
 	to{margin-bottom:0;opacity:1;}
 }
 @-moz-keyframes shift_up {
-	form{margin-bottom: -440px;opacity:0;}
+	form{margin-bottom: -241px;opacity:0;}
 	to{margin-bottom:0;opacity:1;}
 }
 .jinkong .close{
@@ -4768,7 +4768,7 @@ a.order-detail {
 	color:#666;
 	border-radius:50%;
 	font-size: 18px;
-	line-height: 20px;
+	line-height: 16px;
 	text-align: center;
 	opacity:.7;
 }
@@ -4777,11 +4777,11 @@ a.order-detail {
 	bottom:0;
 	z-index:10000;
 	width:100%;
-	margin-bottom:-440px;
-	animation: shift_up 6s linear 2s forwards;
-	-o-animation: shift_up 6s linear 2s forwards;
-	-webkit-animation: shift_up 6s linear 2s forwards;
-	-moz-animation: shift_up 6s linear 2s forwards;
+	margin-bottom:-241px;
+	animation: shift_up 4s linear 1s forwards;
+	-o-animation: shift_up 4s linear 1s forwards;
+	-webkit-animation: shift_up 4s linear 1s forwards;
+	-moz-animation: shift_up 4s linear 1s forwards;
 }
 
 .jinkong .img{
@@ -4790,6 +4790,10 @@ a.order-detail {
 	height:130px;
 	top:-100px;
 	right:-765px;
+    transform:scale(.8);
+    -o-transform:scale(.8);
+    -webkit-transform:scale(.8);
+    -moz-transform:scale(.8);
 }
 .img_stater{
 	animation: shift_left 3s linear forwards;
@@ -4802,22 +4806,24 @@ a.order-detail {
 	-moz-animation:img_scale 1s linear 3s infinite;
 }
 @keyframes shift_left {
-	0%{right: -765px;transform:scale(1);}
-	80%{right: -65px;transform:scale(1);}
-	100%{right:-20px;transform:scale(1.5);}
+	0%{right: -765px;transform:scale(.8);}
+	80%{right: -65px;transform:scale(.8);}
+	100%{right:-20px;transform:scale(1);}
 }
 @-o-keyframes shift_left {
-	form{right: 0;}
-	to{right:-20px;transform:scale(1.5);}
+    0%{right: -765px;transform:scale(.8);}
+    80%{right: -65px;transform:scale(.8);}
+    100%{right:-20px;transform:scale(1);}
 }
 @-webkit-keyframes shift_left {
-	0%{right: -765px;transform:scale(1);}
-	80%{right: -65px;transform:scale(1);}
-	100%{right:-20px;transform:scale(1.5);}
+    0%{right: -765px;transform:scale(.8);}
+    80%{right: -65px;transform:scale(.8);}
+    100%{right:-20px;transform:scale(1);}
 }
 @-moz-keyframes shift_left {
-	form{right: 0;}
-	to{right:-20px;transform:scale(1.5);}
+    0%{right: -765px;transform:scale(.8);}
+    80%{right: -65px;transform:scale(.8);}
+    100%{right:-20px;transform:scale(1);}
 }
 @keyframes img_scale {
 	0%{transform:scale(1);}
@@ -4844,8 +4850,16 @@ a.order-detail {
 	right:-25px;
 	top:0;
 }
+.jinkong .img .qcrode_close:hover{
+    background: #666;
+    color:#fff;
+}
 .jinkong .img img{
 	display:block;
 	vertical-align: top;
 	text-align: center;
 }
+#img_xiaoren{
+    position:relative;
+    top:10px;
+}

src/main/webapp/resources/tpl/index/home/right.html

@@ -15,10 +15,10 @@
 		position:absolute;
 		top:0;
 		left:0;
-		animation: right_shift 5s linear forwards;
-		-o-animation: right_shift 5s linear forwards;
-		-webkit-animation: right_shift 5s linear forwards;
-		-moz-animation: right_shift 5s linear forwards;
+		animation: right_shift 3s linear .5s forwards;
+		-o-animation: right_shift 3s linear .5s forwards;
+		-webkit-animation: right_shift 3s linear .5s forwards;
+		-moz-animation: right_shift 3s linear .5s forwards;
 	}
 	
 	@keyframes right_shift {