Sin descripción

index.css 2.7KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .copy{ position: relative;top: 4.72rem;left: 0;width:1.81rem;height:0.4rem;margin: auto;font-size:0.18rem;color:#E84737;line-height:0.4rem;text-align:center;background:#FCCA10;box-shadow:0rem 0.01rem 0.02rem 0rem rgba(0,0,0,0.5);border-radius:0.28rem;}
  2. .tip{ position: relative;top: 4.85rem;left: 0;width:2.7rem;height:0.45rem;font-size:0.16rem;color:#FCCA10;line-height:0.225rem;margin: auto;text-align: center;}
  3. #copy_1,#copy_2,#taokouling{position: absolute;left: -1000rem;}
  4. .alert-info {position: absolute;top: 1.74rem; right: 0; left: 0;bottom: 0; text-align: center;z-index: 99;}
  5. .alert-info p {display: inline-block;height: 0.38rem;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}
  6. #array{position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;width: 0.33rem;bottom: 1rem;left: 0;right: 0;margin: auto;}
  7. body{width: 100%;
  8. height: 100vh;
  9. /* background: -webkit-linear-gradient(left,#192c64, #253f89,#1a2754); Safari 5.1 - 6.0 */
  10. /*background: -o-linear-gradient(left,#192c64, #253f89,#1a2754); Opera 11.1 - 12.0 */
  11. /* background: -moz-linear-gradient(left,#192c64, #253f89,#1a2754); Firefox 3.6 - 15 */
  12. /* background: linear-gradient(to left,#192c64, #253f89,#1a2754); 标准的语法 */
  13. background:#253f89 url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/bg2.png) no-repeat;
  14. background-size: 100%;
  15. }
  16. img{display:block;}
  17. .container{font-size: 0.18rem;height: 6.025rem;}
  18. .swiper-container {width: 100%;height: 100%;}
  19. .swiper-slide{width:100%;height:100%;}
  20. .swiper-content{width: 80%;margin: auto;}
  21. .swiper-slide1{width: 100%;height: 6.025rem;}
  22. .swiper-slide1 img{
  23. width: 100%;
  24. }
  25. .swiper-slide7{
  26. height: 100vh;
  27. min-height: 100vh;
  28. background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/bg3.jpg) no-repeat;
  29. background-size:100%;
  30. }
  31. .top{
  32. width: 2.005rem;
  33. height: 0.34rem;
  34. margin: auto;
  35. margin-top: 0.14rem;
  36. }
  37. .top img{
  38. width: 100%;
  39. }
  40. .contan{
  41. width: 3.135rem;
  42. margin: auto;
  43. margin-top: 0.1rem;
  44. }
  45. .contan .item{
  46. height: 1.205rem;
  47. margin-bottom: 0.12rem;
  48. }
  49. .item img{
  50. width: 100%;
  51. }
  52. @-webkit-keyframes start {
  53. 0% {opacity: 0;transform: translate(0,100px);}
  54. 50% {opacity: 1;transform: translate(0,0);}
  55. 100% {opacity: 0;transform: translate(0,-28px);}
  56. }
  57. @-moz-keyframes start {
  58. 0% {opacity: 0;transform: translate(0,100px);}
  59. 50% {opacity: 1;transform: translate(0,0);}
  60. 100% {opacity: 0;transform: translate(0,-28px);}
  61. }
  62. @keyframes start {
  63. 0% {opacity: 0;transform: translate(0,100px);}
  64. 50% {opacity: 1;transform: translate(0,0);}
  65. 100% {opacity: 0;transform: translate(0,-28px);}
  66. }
  67. .down{
  68. width: 100%;
  69. position: fixed;
  70. bottom: 0;
  71. z-index: 99;
  72. }