|  | button::after{ border: none; } 
page { 
  height: auto;
  overflow: auto; 
  background: #f89132;
  background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
}
.status{
  width: 690rpx;
  padding:25px 0 0;
  margin: 24rpx auto 0;
  box-sizing: border-box;
  background:rgba(255,255,255,1);
  border-radius:15rpx;
}
.status-top{
  width: 100%;
  height: 75rpx;
  box-sizing: border-box;
  /* overflow: hidden; */
}
.p-status{
  font-size:36rpx;
  text-align: center;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(119,160,70,1);
  line-height: 75rpx;
}
.p-time{
  float: right;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(243,69,58,1);
  width: 38rpx;
  height: 30rpx;
  margin-top: 22rpx;
  background:rgba(252,220,221,1);
  border-radius:10rpx;
  line-height: 30rpx;
  text-align: center;
  margin: 22rpx 6rpx;
}
.p-mao{
  float: right;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(243,69,58,1);
  line-height: 75rpx;
}
.p-text{
  float: right;
  font-size:26rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:75rpx;
}
.status-center{
  width: 100%;
  overflow: hidden;
  padding: 20rpx 0;
  text-align: center;
}
.tuanzhang{
  display: inline-block;
  width: 80rpx;
  height: 80rpx;
  position: relative;
}
.touxiangitems{
  margin: 20rpx;
}
.touxiang{
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
  overflow: hidden;
}
.no-touxiang{
  width: 80rpx;
  height: 80rpx;
  overflow: hidden;
  background:rgba(252,220,221,1);
  border:1rpx solid rgba(243,69,58,1);
  border-radius:50%;
  box-sizing: border-box;
  line-height: 78rpx;
  text-align: center;
  font-size:32rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(243,69,58,1);
}
.touxiang image{
  width: 80rpx;
  height: 80rpx;
}
.tuan-icon{
  position: absolute;
  bottom: 20rpx;
  left: 8rpx;
  width: 64rpx;
  height: 27rpx;
}
.tuan-icon image{
  width: 64rpx;
  height: 27rpx;
}
.status-bottom{
  height: 72rpx;
  padding: 0 20rpx;
  overflow: hidden;
  background:rgba(254,243,232,1);
  border-radius:0px 0px 15rpx 15rpx;
}
.position-icon{
  width: 38rpx;
  float: left;
}
.position-icon image{
  width: 27rpx;
  height: 37rpx;
  margin-top: 17rpx;
}
.position{
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height: 72rpx;
}
.detail{
  width: 690rpx;
  padding:0 28rpx;
  margin: 30rpx auto 0;
  box-sizing: border-box;
  background:rgba(255,255,255,1);
  border-radius:15rpx;
}
.detail-top{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.detail-top01{
  float: left;
  width: 180rpx;
}
.detail-top01 image{
  width: 180rpx;
  height: 180rpx;
  margin-top: 33rpx;
}
.detail-top02{
  width: 208rpx;
  float: left;
  margin-left: 16rpx;
}
.title{
  font-size:30rpx;
  font-family:PingFang-SC-Bold;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:44rpx;
  margin-top: 30rpx;
}
.des{
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(134,134,134,1);
  line-height:40rpx;
}
.detail-top03{
  float: left;
}
.button button:nth-of-type(1){
  width:520rpx;
  height:95rpx;
  margin: 30rpx auto 38rpx;
  background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%);
  border-radius:47rpx;
  color: #fff;
}
.button button:nth-of-type(2){
  width:520rpx;
  height:95rpx;
  background:rgba(255,255,255,1);
  border:1rpx solid rgba(190,190,190,1);
  border-radius:47rpx;
  color:#333333;
  margin-bottom: 50rpx;
}
 |