ssj_parent/pages/shell_device/shell_device.wxss

/* pages/shell_device/shell_device.wxss */
.li{
  margin: 65rpx 24rpx;
  
  padding: 0
}
.li-head{
  margin-bottom: 100rpx;
  color: #393939;
  font-size: 30rpx;
  text-align: center;
}
.li-head-img{
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
}
.li-content{
  color: #8489A3;
  font-size: 30rpx;
  text-align: center;
}
.li-content-img{
  width: 288rpx;
  height: 294rpx;
  margin-bottom: 30rpx;
}
.li-content-btn{
  width:190rpx;
  height:60rpx;
  background:rgba(255,100,101,1);
  border-radius:30rpx;
  color: #fff;
  font-size: 24rpx;
  margin-top: 69rpx;
  display: inline-block;
  line-height: 60rpx;
}
.li-content-btn-try{
  width:190rpx;
  height:60rpx;
  border-radius:30rpx;
  font-size: 24rpx;
  margin-top: 69rpx;
  display: inline-block;
  line-height: 60rpx;
  background:#F1F3FA;
  color:#778ADC;
}
.li-date{
  background:linear-gradient(90deg,#FF6C6E,#F39A7C);
  border-radius:24rpx;
  color: #fff;
  padding: 40rpx 30rpx 20rpx 30rpx;
  position: relative;
  margin-bottom: 20rpx;
}
.li-date-title{
  font-size: 24rpx;
}
.li-date-title-img{
  width: 196rpx;
  height: 46rpx;
}
.li-date-time{
  font-size: 24rpx;
  margin: 20rpx 0;
  /* text-align: center; */
}
.li-date-footer{
  font-size: 24rpx;
  text-align: right;
}
.li-logo{
  width: 165rpx;
  height: 154rpx;
  position: absolute;
  top:24rpx;
  right: 50rpx;
  z-index: 1;
}
.li-shell{
  width: 231rpx;
  height: 293rpx;
}
.li-homework-img{
  width: 376rpx;
  height: 244rpx;
}


.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: 233rpx;
  margin: 0 60rpx;
  background: #fff;
  border-radius:30rpx;
  text-align: center;
}
.model-text{
  color: #393939;
  font-size: 30rpx;
  text-align: center;
  margin: 95rpx 50rpx;
}
.model-list{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50rpx;
    color: #8489A3;
    font-size: 34rpx;
}
.model-list-sure{
  color: #FF6465;
}
.li-message{
  margin: 80rpx 0;
  position: relative;
  
}
.li-message-bg{
  width: 100%;
  height: 244rpx;
  position: absolute;
  top: 0;
  left: 0
}
.li-message-time{
  width: 90%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 87rpx;
  left: 50rpx;
}
.li-message-time-items{
  display: inline-block;
  color: #8489A3;
  font-size: 30rpx;
  text-align: left;
}
.li-message-time-items-text{
  color: #393939;
  font-size: 36rpx;
}
.li-message-logo{
  width: 59rpx;
  height: 70rpx;
  margin-right: 24rpx;
}
.message-margin{
  margin: 0 !important;
}
.li-date-time-center{
  color: #393939;
  font-size: 24rpx;
  margin-top: 50rpx;
  text-align: center;
}
.yellow{
  background:rgba(245,192,120,1);
}