|
- 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;
- }
|