Initial commit，修正

front-hiluker/web/resource/h5-hotel/hotel.css

@@ -0,0 +1,222 @@
+@charset "utf-8";
+/* 8.0版本 */
+
+.tw{display:block;width:1200px;margin:0 auto;overflow:hidden;}
+.tw .picture img{display:block;margin:0 auto;}
+/*左字有图*/
+.s1 .picture{float:left;width:56%;margin-top:200px;transition:2s;opacity:0;transition-delay:0.8s;}
+.s1.active .picture{-webkit-animation:bounceinT 0.8s 1s forwards; animation:bounceinT 0.8s 1s forwards}
+.s1 .character{float:right;width:40%;margin-top:250px;transition:2s;opacity:0;transition-delay:0.8s;}
+.s1.active .character{-webkit-animation:bouncein 0.8s 1s forwards; animation:bouncein 0.8s 1s forwards;}
+.s1 .character h1{font-size:38px;font-weight:bold;color:#fff;margin-top:30px;}
+.s1 .character p{font-size:24px;line-height:36px;margin-top:30px;color:#fff;}
+.s1 .character p b{font-size:26px;color:#fff;font-weight:bold;}
+@-webkit-keyframes bouncein{
+    0%{opacity:0;-webkit-transform:scale(0.3);}
+    50%{opacity:0.5;-webkit-transform:scale(1.05);}
+    70%{opacity:0.8;-webkit-transform:scale(0.9);}
+    100%{-webkit-transform:scale(1);opacity:1;}
+}
+@-moz-keyframes bouncein{
+    0%{opacity:0;-moz-transform:scale(0.3);}
+    50%{opacity:0.5;-moz-transform:scale(1.05);}
+    70%{-moz-transform:scale(0.9);opacity:0.8;}
+    100%{-moz-transform:scale(1);opacity:1;}
+}
+@-ms-keyframes bouncein{
+    0%{opacity:0;-ms-transform:scale(0.3);}
+    50%{opacity:0.5;-ms-transform:scale(1.05);}
+    70%{-ms-transform:scale(0.9);opacity:0.8;}
+    100%{-ms-transform:scale(1);opacity:1;}
+}
+@keyframes bouncein{
+    0%{opacity:0;transform:scale(0.3);}
+    50%{opacity:0.5;transform:scale(1.05);}
+    70%{transform:scale(0.9);opacity:0.8;}
+    100%{transform:scale(1);opacity:1;}
+}
+/* 弹入-从上 */
+@-webkit-keyframes bounceinT{
+    0%{opacity:0;-webkit-transform:translateY(-100px);}
+    60%{opacity:0.5;-webkit-transform:translateY(30px);}
+    80%{-webkit-transform:translateY(-10px);opacity:0.8;}
+    100%{-webkit-transform:translateY(0);opacity:1;}
+}
+@-moz-keyframes bounceinT{
+    0%{opacity:0;-moz-transform:translateY(-100px);}
+    60%{opacity:0.5;-moz-transform:translateY(30px);}
+    80%{-moz-transform:translateY(-10px);opacity:0.8;}
+    100%{-moz-transform:translateY(0);opacity:1;}
+}
+@-ms-keyframes bounceinT{
+    0%{opacity:0;-ms-transform:translateY(-100px);}
+    60%{opacity:0.5;-ms-transform:translateY(30px);}
+    80%{-ms-transform:translateY(-10px);opacity:0.8;}
+    100%{-ms-transform:translateY(0);opacity:1;}
+}
+@keyframes bounceinT{
+    0%{opacity:0;transform:translateY(-100px);}
+    60%{opacity:0.5;transform:translateY(30px);}
+    80%{transform:translateY(-10px);opacity:0.8;}
+    100%{transform:translateY(0);opacity:1;}
+}
+
+/*左图有字*/
+.s2 .character,.s4 .character{float:left;width:44%;margin-top:220px;transition:2s;opacity:0;transition-delay:0.8s;}
+.s2.active .character,.s4.active .character{-webkit-animation:bounceinT 0.8s 1s forwards; animation:bounceinT 0.8s 1s forwards}
+.s4 .character{margin-top:320px;}
+.s2 .character h1,.s4 .character h1{font-size:38px;color:#fff;font-weight:bold;margin-top:30px;}
+.s2 .character p,.s4 .character p{font-size:24px;color:#fff;line-height:36px;margin-top:30px;}
+.s4 .character p b{font-size:26px;color:#fff;font-weight:bold;}
+.s4 .character p sub{font-size:18px;color:#fff;}
+.s2 .character h2{font-size:32px;color:#88ff75;font-weight:bold;margin-top:40px;}
+.s2 .picture,.s4 .picture{float:right;width:56%;}
+.s2 .picture{margin-top:150px;transition:2s;opacity:0;transition-delay:0.8s;}
+.s4 .picture{margin-top:260px;transition:2s;opacity:0;transition-delay:0.8s;}
+.s2.active .picture,.s4.active .picture{-webkit-animation:bouncein 0.8s 1s forwards; animation:bouncein 0.8s 1s forwards;}
+.s2 .character{margin-top:210px;}
+
+
+.s3 .picture{width:80%;margin:0 auto;margin-top:260px;}
+.s3 .character h1{font-size:38px;color:#3c4241;text-align:center;font-weight:bold;}
+.s3 .character p{font-size:24px;color:#3c4241;margin-top:20px;text-align:center;}
+.s5 .character{margin-top:130px;}
+.s5 .character h1{font-size:38px;color:#fff;font-weight:bold;text-align:center;}
+.s5 .picture{width:80%;margin:0 auto;margin-top:10px;}
+.s6 .character{margin-top:160px;}
+.s6 .character span,.s10 .character span{display:block;background:url(./Hoteicon.png) center no-repeat;width:260px;height:86px;line-height:76px;letter-spacing:36px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-left:30px;margin:0 auto;}
+.s10 .character span{background:url(./Hoteicon6.png) center no-repeat;margin-top:-2px;}
+.s6 .character h1{font-size:38px;color:#404040;text-align:center;background:url(./Hoteicon2.png) no-repeat left;width:500px;margin:0 auto;padding-left:10px;margin-top:40px;}
+.s6 .character p{font-size:24px;color:#404040;text-align:center;margin-top:40px;line-height:36px;}
+.s6 .picture{width:60%;margin:0 auto;margin-top:10px;}
+.s7 .character{margin-top:150px;}
+.s8 .character,.s9 .character{margin-top:120px;}
+.s8 .character span{display:block;background:url(./Hoteicon4.png) center no-repeat;width:80px;margin:0 auto;height:60px;}
+.s9 .character span{display:block;background:url(./Hoteicon5.png) center no-repeat;width:80px;margin:0 auto;height:60px;}
+.s7 .character h1,.s8 .character h1,.s9 .character h1,.s10 .character h1,.s11 .character h1,.s12 .character h1,.s13 .character h1,.s14 .character h1,.s15 .character h1{font-size:38px;color:#404040;text-align:center;width:500px;margin:0 auto;padding-left:20px;margin-top:30px;color:#fff;}
+.s10 .character h1{margin-top:10px;}
+.s7 .character h1{background:url(./Hoteicon3.png) no-repeat left;}
+.s10 .character h1{background:url(./Hoteicon7.png) no-repeat left;padding-left:40px;}
+.s11 .character h1{background:url(./Hoteicon8.png) no-repeat left;}
+.s13 .character h1{background:url(./Hoteicon10.png) no-repeat left;width:480px;}
+.s14 .character h1{background:url(./Hoteicon11.png) no-repeat left;width:550px}
+.s15 .character h1{background:url(./Hoteicon12.png) no-repeat left;width:660px}
+.s12 .character h1{background:url(./Hoteicon9.png) no-repeat left;width:340px;}
+.s7 .character p,.s8 .character p,.s9 .character p,.s10 .character p,.s11 .character p,.s12 .character p,.s13 .character p,.s14 .character p,.s15 .character p{font-size:24px;color:#fff;width:84%;margin:0 auto;text-align:center;margin-top:30px;}
+.s7 .character p b,.s8 .character p b,.s9 .character p b,.s10 .character b,.s11 .character p b,.s12 .character p b,.s13 .character p b{font-size:26px;color:#ffdf2d;}
+.s7 .picture{width:80%;margin:0 auto;margin-top:80px;}
+.s8 .picture,.s9 .picture{margin-top:100px;}
+.s10 .character{margin-top:120px;}
+.s10 .picture,.s11 .picture,.s12 .picture,.s13 .picture,.s14 .picture{margin-top:10px;}
+.s15 .picture{margin-top:10px}
+.s11 .character{margin-top:180px;}
+.s12 .character,.s13 .character{margin-top:160px;}
+.s14 .character{margin-top:160px;}
+.s15 .character{margin-top:140px;}
+.s16 .picture{margin-top:160px;}
+.s16 .character{margin-top:20px;}
+.s16 .character h1{font-size:46px;color:#fff;font-weight:bold;text-align:center}
+.s3 .picture,.s5 .character,.s6 .character,.s7 .character,.s8 .character,.s9 .character,.s10 .character,.s11 .character,.s12 .character,.s13 .character,.s14 .character,.s15 .character,.s16 .picture{opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
+.s3.active .picture,.s5.active .character,.s6.active .character,.s7.active .character,.s8.active .character,.s9.active .character,.s10.active .character,.s11.active .character,.s12.active .character,.s13.active .character,.s14.active .character,.s15.active .character,.s16.active .picture{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
+.s3 .character{margin-top:20px;}
+.s3 .character,.s5 .picture,.s6 .picture,.s7 .picture,.s8 .picture,.s9 .picture,.s10 .picture,.s11 .picture,.s12 .picture,.s13 .picture,.s14 .picture,.s15 .picture,.s16 .character{opacity:0;transition-delay:1s;transition:1s;transform:translateY(1000px);-webkit-transform:translateY(1000px);}
+.s3.active .character,.s5.active .picture,.s6.active .picture,.s7.active .picture,.s8.active .picture,.s9.active .picture,.s10.active .picture,.s11.active .picture,.s12.active .picture,.s13.active .picture,.s14.active .picture,.s15.active .picture,.s16.active .character{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
+
+
+/* 最后一页 */
+.s17 .nineteen h1{display:block;font-size:80px;color:#fff;font-weight:bold;text-align:center;margin-top:350px;opacity:0;transition-delay:1s;transition:1s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
+.s17.active .nineteen h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
+.section .nineteen h1{font-size:100px;color:#fff;text-align:center;margin-top:350px;opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
+.s17.active h1{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
+.s17 .nineteen p{display:block;text-align:center;font-size:40px;color:#fff;margin-top:40px;
+	opacity:0;transition-delay:1s;transition:1.2s;transform:translateY(-1000px);-webkit-transform:translateY(-1000px);}
+.s17.active .nineteen p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
+.s17 .nineteen p{font-size:60px;color:#fff;font-weight:bold;text-align:center}
+
+/*加入我们*/
+.seventeenth h1{font-size:100px;font-family: "Microsoft YaHei";color: rgb(189, 125, 2);font-weight:bold;text-shadow: 2.5px 4.33px 0px rgba(0, 0, 0, 0.09);text-align:center;position:relative;top:40%;margin-top:-180px;}
+.jiameng{display:block;overflow:hidden;position:relative;left:50%;top:0;margin-left:-384px;margin-top:50px;}
+.jiameng a.w-scene-btn{display:block;float:left;width:320px;height:70px;line-height:70px;text-align:center;font-size:36px;border-radius:5px;margin:0 30px;color:#fff;}
+.jiameng a.btn1:hover{border:2px solid #20e3a3;background:#20e3a3;}
+.jiameng a.btn2:hover{border:2px solid #20e3a3;background:#20e3a3;}
+.jiameng .btn1{background:#79f2ca;border:2px solid #79f2ca;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(190px);-webkit-transform:translateX(190px);}
+.s17.active .jiameng .btn1{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
+.jiameng .btn2{background:#79f2ca;border:2px solid #79f2ca;opacity:0;transition-delay:1s;transition:1.5s;transform:translateX(-190px);-webkit-transform:translateX(-190px);}
+.s17.active .jiameng .btn2{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
+
+.scrolldown{display:block;width:32px;height:35px;background:url(./jiantou.png) no-repeat;position:fixed;left:50%;bottom:10px;margin-left:-16px;cursor:pointer;animation:mymove 0.8s infinite;-webkit-animation:mymove 0.8s infinite;}
+
+@keyframes mymove{
+from {opacity:0;bottom:20px}
+to {opacity:1;bottom:10px;}
+}
+
+@-webkit-keyframes mymove {
+from {opacity:0;bottom:20px}
+to {opacity:1;bottom:10px;}
+}
+
+@media screen and (max-width:1440px){
+	.tw{width:1100px;}
+	.s1 .picture img,.s2 .picture img{width:66%;}
+	.s4 .picture{margin-top:200px;}
+	.s4 .picture img{width:84%;}
+	.s1 .character h1,.s2 .character h1, .s4 .character h1,.s3 .character h1,.s5 .character h1,.s6 .character h1,.s7 .character h1, .s8 .character h1, .s9 .character h1, .s10 .character h1, .s11 .character h1, .s12 .character h1, .s13 .character h1, .s14 .character h1, .s15 .character h1{font-size:30px;}
+	.s6 .character h1{width:420px;margin-top:20px;}
+	.s7 .character h1, .s8 .character h1, .s9 .character h1, .s10 .character h1, .s11 .character h1, .s12 .character h1, .s13 .character h1, .s14 .character h1, .s15 .character h1{width:420px;}
+	.s3 .picture{margin-top:180px;}
+	.s1 .character p,.s2 .character p, .s4 .character p,.s3 .character p,.s6 .character p,.s7 .character p, .s8 .character p, .s9 .character p, .s10 .character p, .s11 .character p, .s12 .character p, .s13 .character p, .s14 .character p, .s15 .character p{font-size:18px;line-height:26px;margin-top:16px;}
+	.s1 .character p b,.s4 .character p b,.s7 .character p b, .s8 .character p b, .s9 .character p b, .s10 .character b, .s11 .character p b, .s12 .character p b, .s13 .character p b{font-size:20px;}
+	.s6.active .picture img{width:90%;}
+	.s7 .character,.s8 .character,.s9 .character{margin-top:160px;}
+	.s4 .character p sub{font-size:14px;}
+	.s2 .character h2{font-size:24px;}
+	.s1 .character{margin-top:240px;}
+	.s10 .picture img{width:70%;}
+	.s5 .character,.s6 .character,.s11 .character, .s12 .character, .s13 .character, .s14 .character{margin-top:160px;}
+	.s5 .picture img{width:56%;}
+	.s7 .picture img{width:90%;}
+	.s6 .character span, .s10 .character span{background-size:74%;height:66px;font-size:30px;line-height:56px;}
+	.s11 .picture img{width:70%;}
+	.s12 .picture img{width:520px;}
+	.s13 .picture img{width:76%;}
+	.s14 .picture img{width:66%;}
+	.s15 .picture img{width:50%;}
+	.s16 .picture{margin-top:180px;}
+	.s16 .picture img{width:400px;}
+	.s15 .character h1{width:540px;}
+	.s16 .character h1{font-size:34px;}
+	.s14 .character h1{width:460px;}
+	.jiameng{margin-left:-320px;}
+	.section .seventeen h1{font-size:70px;}
+	.jiameng a.w-scene-btn{width:260px;}
+	.jiameng{margin-top:100px;}
+	.section .nineteen h1{margin-top:220px;}
+}
+
+@media screen and (max-width:1366px){
+	.tw{width:960px;}
+	.s1 .picture img, .s2 .picture img{width:60%;}
+	.s1 .character h1, .s2 .character h1, .s4 .character h1, .s3 .character h1, .s5 .character h1, .s6 .character h1, .s7 .character h1, .s8 .character h1, .s9 .character h1, .s10 .character h1, .s11 .character h1, .s12 .character h1, .s13 .character h1, .s14 .character h1, .s15 .character h1{font-size:20px;}
+	.s1 .character p, .s2 .character p, .s4 .character p, .s3 .character p, .s6 .character p, .s7 .character p, .s8 .character p, .s9 .character p, .s10 .character p, .s11 .character p, .s12 .character p, .s13 .character p, .s14 .character p, .s15 .character p{font-size:14px;margin-top:10px;}
+	.s1 .character p b, .s4 .character p b, .s7 .character p b, .s8 .character p b, .s9 .character p b, .s10 .character b, .s11 .character p b, .s12 .character p b, .s13 .character p b{font-size:16px;}
+	.s6 .picture{width:54%;margin-top:30px;}
+	.s3 .picture img,.s4 .picture img{width:80%;}
+	.s7 .picture,.s8 .picture, .s9 .picture{margin-top:60px;}
+	.s8 .picture img,.s9 .picture img{width:65%;}
+	.s10 .picture, .s12 .picture{margin-top:20px;}
+	.s12 .picture img{width:430px;}
+	.s11 .picture img,.s13 .picture img{width:60%;}
+	.s14 .picture img{width:50%;}
+	.s15 .picture img{width:40%;}
+	.s16 .picture img{width:350px;}
+	.s15 .character h1{width:480px;}
+	.s4 .character{margin-top:280px;}
+	.s5 .picture img{width:48%;}
+	.s1 .character h1, .s2 .character h1, .s4 .character h1, .s3 .character h1, .s5 .character h1, .s6 .character h1, .s7 .character h1, .s8 .character h1, .s9 .character h1, .s10 .character h1, .s11 .character h1, .s12 .character h1, .s13 .character h1, .s14 .character h1, .s15 .character h1{width:320px;}
+	.s4 .character p sub{font-size:12px;}
+	.jiameng{margin-top:60px;}
+	.section .nineteen h1{font-size:60px;}
+	.jiameng a.w-scene-btn{width:260px;}
+	.section .nineteen h1{margin-top:200px;}
+}