aiJia_game/app.wxss

/**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%;
  }
}  */