.container { background: #fff; height: 100vh; overflow: hidden; } .container,.login-bg { width: 100vw; } .yellow-bg { background: #f5c82e; height: 83vh; transform: rotateZ(-45deg); transform-origin: right top; width: 187vw; z-index: 1; } .car,.yellow-bg { bottom: 0; position: fixed; right: 0; } .car { height: 643rpx; width: 557rpx; z-index: 2; } .logo { height: 192rpx; left: 50%; position: fixed; top: 180rpx; transform: translateX(-50%); width: 192rpx; z-index: 2; } .btn { background-color: #1baa1c; border: 1px solid #218721; border-radius: 10rpx; color: #fff; font-size: 33rpx; height: 95rpx; line-height: 95rpx; margin: 0 auto; text-align: center; width: 485rpx; z-index: 11; } .btn,.text-inner { box-sizing: border-box; } .text-inner { height: 100vh; left: 0; padding: 46rpx; position: fixed; top: 0; width: 100vw; z-index: 12; } .page-title { color: #000; font-size: 44rpx; margin-bottom: 34rpx; text-align: center; } .code { align-items: center; border: 1px solid #ccc; border-radius: 10rpx; display: flex; font-size: 33rpx; height: 95rpx; justify-content: center; margin: 0 auto 16rpx; text-align: center; } .code,.use-location { background: #f1f1f1; box-sizing: border-box; color: #666; width: 485rpx; } .use-location { border: 1px solid #ccc; border-radius: 18rpx; font-size: 26rpx; font-weight: 400; margin: 0 auto 18rpx; padding: 20rpx 26rpx; text-align: left; } .use-location .list { margin-top: 4rpx; } .use-location .list .item { display: block; margin-top: 6rpx; } .use-location .list .item::before { background: #666; border-radius: 50%; content: ""; display: inline-block; height: 22rpx; margin-right: 8rpx; width: 22rpx; } .time { font-size: 22rpx; margin-top: 52rpx; } .tips { color: #666; font-size: 26rpx; margin: 20rpx 0 60rpx; opacity: .7; text-align: center; } .howTOuse { background-color: #fff; border-radius: 18rpx; box-sizing: border-box; color: #333; font-size: 33rpx; height: 363rpx; opacity: .8; padding: 14rpx 34rpx; width: 660rpx; z-index: 12; } .howTOuse .title { color: #000; font-size: 44rpx; margin-bottom: 4rpx; text-align: center; } text { line-height: 52rpx; margin: 0; padding: 0; }