//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";
@import "a/c";

page {
	background-color: $bgc1;
}

.u-bottom-placeholder {
	height: 120rpx;
}

.m-info {
	// margin: 20rpx 0 0 0;

	.info-hd {
		background-color: #ffffff;
		padding:20rpx 25rpx;
    margin-top: 20rpx;
		.info-title {
      position: relative;
      width: 100%;
      box-sizing: border-box;
			margin-bottom: 30rpx;
      padding: 6rpx 0 26rpx 20rpx;
			font-size: 34rpx;
			font-family: Source Han Serif SC;
			font-weight: bold;
			color: #333333;
      border-bottom: 1rpx solid #E7EEEE;
		}
    .info-title::after {
      content: '';
      position: absolute;
      top: 16rpx;
      left: 0;
      width: 6rpx;
      height: 34rpx;
      background: #E3271C;
      border-radius: 3rpx;
      -webkit-border-radius: 3rpx;
      -moz-border-radius: 3rpx;
      -ms-border-radius: 3rpx;
      -o-border-radius: 3rpx;
}

		.info-content {
			position: relative;
      display: flex;
			margin-top: 20rpx;
			font-size: 30rpx;
			font-family: Source Han Serif SC;
			font-weight: 500;
			color: #333;
      .label {
        display: block;
        width: 180rpx;
        box-sizing: border-box;
        margin-right: 30rpx;
        color: #999;
        text-align-last: justify;
      }
		}
		.singin-user{
			margin:20rpx 30rpx;
		}

		.info-pic {
			margin-top:20rpx;
			text-align: center;
			image {
				// border: 1rpx solid #f3f3f3;
				width: 100%;
				// height: 348rpx;
				margin: 15rpx 0;
			}
	}

	.content{
		margin-top:10rpx;
	}
	}

}

.extra{
	background-color: #ffffff;
	// padding:20rpx 25rpx;
	margin-top:10rpx;

.m-fm {
	background-color: #ffffff;
	margin-top:10rpx;
	

	.row {
	  margin-top:10rpx;
	  padding: 20rpx 30rpx;
	  background-color: #ffffff;
	  line-height: 40rpx;
  
	}
  
	textarea {
	  box-sizing: border-box;
	  display: block;
	  margin: 0 auto auto;
	  padding: 5rpx 0;
	  width: 100%;
	  // height: 320rpx;
	  line-height: 45rpx;
	  border-radius: 20rpx;
	  background-color: #fff;
	  font-size: 14px;
	  font-family: Source Han Serif SC;
	  color: $fc1;
	  
	}
	.input-hint {
	  box-sizing: border-box;
	  line-height: 80rpx;
	  text-align: right;
	  font-family: Source Han Serif SC;
	  font-weight: 500;
	  color: rgba(153, 153, 153, 1);
	  font-size: 13px;
	}
	.input-hints {
	  line-height: 40rpx;
	}
  
	.fm-flex {
	  display: flex;
	  flex-direction: column;
	  transition: height 0.2s;
	  -webkit-transition: height 0.2s;
	  -moz-transition: height 0.2s;
	  -ms-transition: height 0.2s;
	  -o-transition: height 0.2s;
	 
	}
  
	.uploadImg{
		margin:20rpx 30rpx;
	}
	
	.z-placeholder {
	  color: rgb(102, 102, 102);
	  ;
	}

	.btn {

		display: block;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		border: none;
		outline: none;
		border-radius: 0;
		background-color: rgba(230, 0, 0, 1);
		color: #fff;
		text-align: center;
		font-size: 14px;
		transition: background-color 0.13s;
		font-family: Source Han Serif SC;
		font-weight: 500;
	
		&.z-disabled {
		  background-color: lighten($c1, 20);
	
		  &:active {
			background-color: lighten($c1, 15);
		  }
		}
	
		&:active {
		  background-color: darken($c1, 10);
		}
	  } 
  }
}