page{ width: 100%; height: 100%; } map{ width: 100%; position: relative; } cover{ line-height: normal !important; overflow: visible !important; } .index { /* -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; */ width: 100%; height: 100%; /* display: flex; justify-content: space-between; */ } /* 四个图标 begin */ .circle{ height: 85rpx; width: 85rpx; border-radius: 50%; display: flex; justify-content: center; align-items: center; /* margin-bottom: 30rpx; */ position: absolute; z-index: 10; } .circlee1{ bottom: 220rpx; left: 50rpx; } .circlee2{ bottom: 220rpx; right: 50rpx; } .circlee3{ bottom: 100rpx; left: 50rpx; } .circlee4{ bottom: 100rpx; right: 50rpx; } .circle1{ left: 50rpx; top: 336rpx; } .circle2{ right: 50rpx; top: 336rpx; } .circle3{ left: 50rpx; top: 430rpx; } .circle4{ right: 50rpx; top: 430rpx; } .circle5{ right: 0rpx; top: 120rpx; width: 100rpx; height: 70rpx; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 40rpx 0rpx 0rpx 40rpx; } /* 四个图标 end */ .content{ width: 100%; /* display: flex; */ text-align: center; /* flex-direction: column; justify-content: space-around; */ } .content .timeout{ font-size:30rpx; font-family:PingFang SC; font-weight:bold; color:rgba(42,42,42,1); padding-left: 33rpx; display: flex; align-items: center; padding-top: 30rpx; margin-bottom: 30rpx; /* padding-top: ; */ } .content .timeout image{ margin: 0 !important; } .content .text{ font-size:32rpx; font-family:PingFang-SC-Regular; font-weight:400; color:rgba(42,42,42,1); /* padding-top: 37rpx; */ padding-left: 28rpx; } .content image{ margin: 0 auto; } .content .code{ width: 500rpx; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 2rpx solid #DEDEDE; margin-top: 20rpx; margin-bottom: 30rpx; } .content .posi{ position: absolute; right: 0rpx; /* margin-top: 10rpx; */ } .content .code text{ font-size:32rpx; font-family:PingFang-SC-Regular; font-weight:800; color:rgba(42,42,42,1); } .content .message{ width: 500rpx; display: flex; margin: 0 auto; align-items: center; justify-content: space-between; } .content .message view{ display: flex; flex-direction: column; align-items: center; } .content .message view text:nth-of-type(1){ font-size:36rpx; font-family:PingFang-SC-Bold; font-weight:bold; color:rgba(42,42,42,1); } .content .message view text:nth-of-type(2){ font-size:24rpx; font-family:PingFang-SC-Regular; font-weight:400; color:rgba(153,153,153,1); } .btn{ display: flex; padding: 0rpx 50rpx; margin-top:40rpx; justify-content: space-between; } .btn .btn-left{ display: flex; align-items: center; justify-content: center; width:310rpx; height:76rpx; border:2rpx solid rgba(24,213,185,1); border-radius:10rpx; font-size:32rpx; font-family:PingFang-SC-Regular; font-weight:400; color:rgba(255,254,254,1); background:rgba(24,213,185,1); } .btn .btn-right{ width:310rpx; height:76rpx; border:2rpx solid rgba(24,213,185,1); color:rgba(24,213,185,1); border-radius:10rpx; font-size:32rpx; font-family:PingFang-SC-Regular; font-weight:400; display: flex; align-items: center; justify-content: center; } .container1{ z-index: 9999; position: absolute; width: 100%; height: 100%; } .content1{ width: 100%; height: 100%; position: absolute; } /* .content1 .background{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 8888; background: rgba(0, 0, 0, 0.3); } .content1 .txt{ position: absolute; z-index: 9999; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FFFFFF; text-align: center; overflow: hidden; width:500rpx; height:250rpx; background:rgba(255,255,255,1); border-radius:20rpx; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } */ .content1 .txt .top{ height: 180rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size:28rpx; font-family:PingFang SC; font-weight:400; color:rgba(42,42,42,1); } .content1 .txt .bottom{ display: flex; align-items: center; height: 60rpx; font-size: 17px; width: 100%; border-top: 1rpx solid #D5D5D6; justify-content: space-between; } .content1 .txt .bottom .bottom_a{ width: 49%; display: flex; flex-direction: column; align-items: center; } @keyframes remindMessage { 0% { -webkit-transform: translateX(90%); } 100% { -webkit-transform: translateX(-90%); } } .tongzhitext { margin-right:80rpx; margin-left: 10rpx; overflow: hidden; height: 60rpx; white-space: nowrap; text-overflow: ellipsis; } .tongzhi-text { position: fixed; top: 0; font-size: 28rpx; animation: remindMessage 10s linear infinite; width: 100%; color: #fc5039ec; display: block; } .notice-wrap { position: fixed; top: 2rpx; margin-top: 60upx; background: #fff; width: 100%; height: 60rpx; line-height: 60rpx; color: #d09868; font-size: 28rpx; } .min{ font-size:22rpx!important; color: #999999!important; margin-left:3px!important; font-size: 400!important; }