/**app.wxss**/ page{ background: #FFC674; } .li{ margin: 0 24rpx; background: #fff; border-radius:24rpx; text-align: center; position: relative; } .li-title{ color: #393939; font-size: 34rpx; /* text-align: center; */ padding: 68rpx 0 32rpx 24rpx; } .answer{ color: #7C819D; font-size: 30rpx; padding: 60rpx 0 50rpx 58rpx; border-top: 1rpx solid #DADCE6; text-align: left; } .li-img-answer-yes{ width:78rpx; height:78rpx; } .container { padding: 0rpx; } .wrapper{ padding-top: 120rpx; } .block{ position: fixed; top: 0rpx; left: 24rpx; width: 40rpx; height: 34rpx; z-index: 10000; } .guide-img{ width: 100%; height: 1158rpx; } .li-red-title{ color: #E19220; font-size: 34rpx; font-weight: 600; text-align: left; padding-top: 30rpx; padding-left: 24rpx; } .guide-btn{ color: #000000; font-size: 36rpx; margin: 0 auto; width:314rpx; height:88rpx; background:rgba(235,129,2,1); border-radius:44rpx; line-height: 88rpx; text-align: center; position: absolute; bottom: 10%; left: 29%; } button, button::after { border: none; border-radius: 0; padding: 0; margin: 0; transition: all .3s; background: none; } .showModel{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.5; overflow: hidden; z-index: 1000; color: #fff; } .model{ z-index: 1001; position: fixed; top: 30%; margin: 0 50rpx; background: #FFC674; border-radius:30rpx; text-align: center; border: 6rpx solid #000; } .white{ position:absolute; top:0; left:0; z-index: 10000; width:93.6%; height:1158rpx; padding:0; background: #fff; margin:177rpx 3.2%; transition: all .5s; border-radius:24rpx; /* animation: line 0.5s infinite ease-in-out; */ } /* @keyframes line { 10% { width: 100%; } 100% { width: 10%; } } */