#app{width:1920px;height:1080px}#pageOne{width:100%;height:1080px;background-color:#98bdf9}#pageTwo{background-color:red}#pageTwo,.mainTwo{width:100%;height:100%}.slogan{width:100%;text-align:center;font-size:150px;font-weight:700;letter-spacing:8px;color:#ff0}.slogan1{position:relative;top:300px}.slogan2{position:relative;top:350px}.fade-enter{opacity:0}.fade-enter-active{-webkit-transition:all 2s linear;transition:all 2s linear}.fade-enter-to,.fade-leave{opacity:1}.fade-leave-active{-webkit-transition:all 1s linear;transition:all 1s linear}.fade-leave-to{opacity:0}.hdr{width:100%;height:130px;text-align:center;font-size:50px;line-height:130px;color:#fff;background-color:#023d9d}.main{margin-top:80px}.content{width:700px;height:700px;background-color:#e5f0ff;float:left;border-radius:8px}.content-left,.content-right,.line{margin-left:130px}.line{width:0;height:700px;border-left:1px solid #d8d8d8;float:left}.title{width:100%;height:42px;text-align:center;font-size:30px;line-height:42px;margin-top:19px}.status{width:250px;height:56px;margin-top:49px;margin-left:50px;font-size:40px;line-height:56px}.province{width:100%;height:154px;margin-top:64px;font-size:110px;font-family:KaiTi;font-weight:bolder;text-align:center;line-height:154px;color:#023d9d}.city1,.city2{width:100%;height:112px;font-size:80px;font-family:KaiTi;font-weight:700;text-align:center;line-height:112px;color:#023d9d}.city2{margin-top:150px}.btn{top:200px;left:885px;width:150px;height:50px}.btn,.dilan{position:absolute}.dilan{width:1920px;height:100px;top:980px;left:0}