.button() {
  height: 28px;
  border-radius: 8px;
  border: 1px solid #787EFF;
  font-size: 14px;
  font-weight: 400;
  color: #787EFF;
  line-height: 16px;
  &:first-child {
	margin-right: 8px;
  }
}
.card-head() {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  span:first-child {
	font-size: 18px;
	font-weight: 600;
	color: #242629;
	line-height: 24px;
  }
  span:last-child {
	font-size: 12px;
    font-weight: 400;
    color: #787EFF;
    line-height: 24px;
  }
  .svg-icon {
  	padding: 4px 0;
  	width: 16px;
  	height: 16px;
  }
}
.card-body() {
  div {
    display: flex;
    justify-content: space-between;
  	span:first-child {
  	  font-size: 12px;
	  font-weight: 400;
	  color: #666666;
	  line-height: 24px;
  	}
	span:last-child {
  	  font-size: 12px;
	  font-weight: 600;
	  color: #333333;
	  line-height: 24px;
  	}
  }
}
.policy-detail {
  position: relative;
  background: #F6F6F6;
  &:before {
  	position: absolute;
  	width: 375px;
    height: 269px;
    border: 0;
  	content: '';
  	background: linear-gradient(360deg,rgba(244,244,244,1) 0%,rgba(255,200,66,1) 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;
  }

  &-body {
  	position: absolute;
  	left: 0;
  	right: 0;
	.Pdb-status {
	  margin: 32px 0 5px 20px;
	  font-size: 28px;
	  font-weight: 600;
	  color: #333333;
	  line-height: 40px;
	}
	.Pdb-payment {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 0 24px 20px;
	  padding-left: 4px;
	  width: 73px;
	  height: 20px;
	  background: #000000;
	  border-radius: 8px;
	  opacity: 0.2;
	  &-text {
	  	margin-right: 1px;
		font-size: 12px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 12px;
	  }
	  &-svg {
	  	width: 12px;
	  	height: 12px;
	  }
	}
	.Pdb-insurance {
	  margin: 0 16px 10px;
	  padding: 20px;
	  background: #FFFFFF;
	  box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
	  border-radius: 14px;
	  &-name {
	  	margin-bottom: 12px;
	  	font-size: 18px;
		font-weight: 600;
		color: #242629;
		line-height: 24px;
	  }
	  &-no {
	  	margin-bottom: 16px;
	  	font-size: 12px;
		font-weight: 400;
		color: #999999;
		line-height: 16px;
	  }
	  &-operation {
	  	.Pdbi-operation-button { .button }
	  }
	}
	.Pdb-content {
	  margin: 0 16px 10px;
	  padding: 20px;
	  background: #FFFFFF;
	  border-radius: 14px;
	  &-head {
	  	.card-head
	  }
	  &-body {
	  	margin-bottom: 8px;
	  	.card-body
	  }
	  &-operation {
	  	.Pdbc-button { .button }
	  }
	  &-user {
	  	margin-top: 24px;
	  	.Pdbc-user-who {
	  	  margin-bottom: 16px;
		  font-size: 18px;
		  font-weight: 600;
		  color: #242629;
		  line-height: 24px;
	  	}
	  	.Pdbc-user-info {
	  	  display: flex;
	  	  justify-content: space-around;
	  	  align-items: center;
		  width: 100%;
		  height: 50px;
		  background: #F6F7FA;
		  border-radius: 14px;
		  span:first-child {
			font-size: 14px;
			font-weight: 500;
			color: #333333;
			line-height: 24px;
		  }
		  span:last-child {
		  	font-size: 14px;
			font-weight: 400;
			color: #666666;
			line-height: 24px;
		  }
	  	}
	  }
	}
	.Pdb-service {
	  margin: 0 16px 16px;
	  padding: 20px 20px 11px;
	  background: #FFFFFF;
	  border-radius: 14px;
  	  &-head {
	    .card-head
      }
  	  &-body {
	    .card-body
  	  }
  	  &-question {
  	    margin: 24px 0 12px;
  	    .card-head
  	  }
  	  &-divider {
  	    margin: 0 0 12px 0;
  	    &:before {
  	  	  height: 1px;
  	  	  border-color: #EBEBEB;
  	    }
  	  }
  	  &-agreement {
  	    display: flex;
        justify-content: space-between;
	    font-size: 0;
	    span {
		  font-size: 12px;
		  font-weight: 400;
		  color: #333333;
		  line-height: 24px;
	    }
  	  }
	}
	.Pdb-operation {
	  
	  &-item {
	  	display: flex;
	    justify-content: space-around;
	  }
	}
  }
}