button::after{ border: none; } page { height: auto; overflow: auto; background: #f89132; background-image: url('https://formall.oss-accelerate.aliyuncs.com/cimg/spelldetail-bg.png'); background-size: cover; background-repeat: no-repeat; } .underlingImg{ white-space: 30rpx; height: 60rpx; } .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; }