.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;} .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;} #copy_1,#copy_2,#taokouling{position: absolute;left: -1000rem;} .alert-info {position: absolute;top: 1.74rem; right: 0; left: 0;bottom: 0; text-align: center;z-index: 99;} .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;} #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;} body{width: 100%; height: 100vh; /* background: -webkit-linear-gradient(left,#192c64, #253f89,#1a2754); Safari 5.1 - 6.0 */ /*background: -o-linear-gradient(left,#192c64, #253f89,#1a2754); Opera 11.1 - 12.0 */ /* background: -moz-linear-gradient(left,#192c64, #253f89,#1a2754); Firefox 3.6 - 15 */ /* background: linear-gradient(to left,#192c64, #253f89,#1a2754); 标准的语法 */ background:#253f89 url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/bg2.png) no-repeat; background-size: 100%; } img{display:block;} .container{font-size: 0.18rem;height: 6.025rem;} .swiper-container {width: 100%;height: 100%;} .swiper-slide{width:100%;height:100%;} .swiper-content{width: 80%;margin: auto;} .swiper-slide1{width: 100%;height: 6.025rem;} .swiper-slide1 img{ width: 100%; } .swiper-slide7{ height: 100vh; min-height: 100vh; background: url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/guoqing/bg3.jpg) no-repeat; background-size:100%; } .top{ width: 2.005rem; height: 0.34rem; margin: auto; margin-top: 0.14rem; } .top img{ width: 100%; } .contan{ width: 3.135rem; margin: auto; margin-top: 0.1rem; } .contan .item{ height: 1.205rem; margin-bottom: 0.12rem; } .item img{ width: 100%; } @-webkit-keyframes start { 0% {opacity: 0;transform: translate(0,100px);} 50% {opacity: 1;transform: translate(0,0);} 100% {opacity: 0;transform: translate(0,-28px);} } @-moz-keyframes start { 0% {opacity: 0;transform: translate(0,100px);} 50% {opacity: 1;transform: translate(0,0);} 100% {opacity: 0;transform: translate(0,-28px);} } @keyframes start { 0% {opacity: 0;transform: translate(0,100px);} 50% {opacity: 1;transform: translate(0,0);} 100% {opacity: 0;transform: translate(0,-28px);} } .down{ width: 100%; position: fixed; bottom: 0; z-index: 99; }