@import "../../../style/index.less";

.renewal {
  overflow: hidden;
  height: 100%;
  &:after {
  	position: absolute;
  	top: 38px;
  	right: 0;
  	width: 36px;
  	height: 19px;
  	content: '';
  	background: url('../../../assets/images/policy/detail/point@2x.png') no-repeat 0 0 /cover;
  }
  &_open {
  	background: #FFC842;
  }
  &_closed {
  	background: #F65D5D;
  }
  &-status {
  	margin: 64px 0 0 20px;
  	font-size: 28px;
	font-weight: 600;
	color: #333333;
	line-height: 40px;
  }
  &-desc {
  	margin: 0 0 49px 20px;
  	font-size: 28px;
	font-weight: 400;
	color: #333333;
	line-height: 40px;
  }
  &-container {
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	padding: 28px 20px 34px;
  	background: #FFFFFF;
    border-radius: 32px 32px 0 0;
    &-title {
      margin-bottom: 16px;
      font-size: 18px;
	  font-weight: 600;
	  color: #242629;
	  line-height: 24px;
    }
    &-content {
      margin-bottom: 4px;
	  .Rc-content-item {
	  	display: flex;
	  	align-items: center;
		.Rcc-item-svg {
		  margin-right: 8px;
		  width: 12px;
		  height: 12px;
		  border-radius: 50%;
		  background: #FFC842;
		}
		.Rcc-item-text {
		  font-size: 14px;
		  font-weight: 400;
		  color: #333333;
		  line-height: 24px;
		}
	  }
    }
    &-read {
      margin-bottom: 16px;
      font-size: 12px;
	  font-weight: 400;
	  color: rgba(153,153,153,1);
	  line-height: 24px;
	  span {
	  	color: #787EFF;
	  }
    }
    &-detail {
      margin-bottom: 76px;
      .Rc-detail-item {
      	display: flex;
      	justify-content: space-between;
      	align-items: center;
      	padding: 0 20px;
      	height: 60px;
      	background: #F6F7FA;
		border-radius: 14px;
      	&:first-child {
		  margin-bottom: 10px;
      	}
      	span:first-child {
      	  font-size: 14px;
		  font-weight: 400;
		  color: #666666;
		  line-height: 24px;
      	}
      	span:last-child {
      	  font-size: 14px;
		  font-weight: 600;
		  color: #242629;
		  line-height: 24px;
      	}
      }
    }
    &-button {
      width: 100%;
  	  height: 52px;
  	  background: #FFC842;
  	  border-radius: 14px;
  	  font-size: 16px;
  	  font-weight: 600;
  	  color: #333333;
  	  line-height: 22px;
    }
  }
}