page {
  width: 100%;
  min-height: 100vh;
  height: auto;
  overflow-y: auto;
  background: #f7f7f7;
}
.refuse-or-end {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 15rpx 20rpx 20rpx;
}

.refuse-or-end .top {
  width: 100%;
  border-radius: 16rpx;
  background: #fff;
  box-sizing: border-box;
  padding: 0 20rpx;
}
.refuse-or-end .top .title {
  color: #333333;
  font-size: 44rpx;
  font-weight: bolder;
  padding: 50rpx 0 40rpx;
  line-height: 60rpx;
  border-bottom: 1rpx solid #EAEAEA;
}
.refuse-or-end .top .endtime {
  width: 100%;
  border-bottom: 1rpx solid #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100rpx;
}
.refuse-or-end .top .endtime .left {
  display: flex;
  align-items: center;
  height: 100%;
}
.refuse-or-end .top .endtime .left image {
  width: 34rpx;
  height: 34rpx;
  object-fit: cover;
  margin-right: 6rpx;
}
.refuse-or-end .top .endtime .left .endtime-tip {
  font-size: 32rpx;
  color: #999;
}
.refuse-or-end .top .endtime .content {
  font-size: 32rpx;
  color: #333333;
}
.refuse-or-end .top .activitytime {
  width: 100%;
  border-bottom: 1rpx solid #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100rpx;
}
.refuse-or-end .top .activitytime .left {
  display: flex;
  align-items: center;
  height: 100%;
}
.refuse-or-end .top .activitytime .left image {
  width: 34rpx;
  height: 34rpx;
  object-fit: cover;
  margin-right: 6rpx;
}
.refuse-or-end .top .activitytime .left .activitytime-tip {
  font-size: 32rpx;
  color: #999;
}
.refuse-or-end .top .activitytime .content {
  font-size: 32rpx;
  color: #333333;
  width: 50%;
  text-align: right;
}

.refuse-or-end .bottom {
  width: 100%;
  border-radius: 16rpx;
  background: #fff;
  box-sizing: border-box;
  padding: 0 20rpx;
  margin-top: 15rpx;
  min-height: calc(100vh - 15rpx - 15rpx - 15rpx - 450rpx);
  position: relative;
  overflow: hidden;
}
.refuse-or-end .bottom .reason {
  width: 100%;
  height: 108rpx;
  border-bottom: 1rpx solid #EAEAEA;
  display: flex;
  align-items: center;
}
.refuse-or-end .bottom .reason image {
  width: 38rpx;
  height: 38rpx;
  object-fit: cover;
  margin-right: 6rpx;
}
.refuse-or-end .bottom .reason .tip {
  font-size: 34rpx;
  color: #333333;
  font-weight: bolder;
}
.refuse-or-end .bottom .reason-content {
  color: #333;
  font-size:34rpx;
  line-height: 52rpx;
  margin-top: 12rpx;
  margin-bottom: 125rpx;
}
.look-detail {
  width: 100%;
  height: 85rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20rpx;
  left: 0rpx;
}
.look-detail button {
  width: 560rpx;
  height: 85rpx;
  line-height: 85rpx;
  text-align:center;
  margin: 0rpx;
  padding: 0rpx;
  color: #fff;
  font-size: 36rpx;
  border-radius: 16rpx;
  background: linear-gradient(to right, #f70e0f, #ff4c4b);
}
.look-detail .hover-button {
  background: red;
}