ec.uniapp-master/pages/address/add/add.less

@import '../../../common/css/global';
#address-add{
	.indetify-img{
		image{
			width: 100%;
			vertical-align:middle;
		}
	}
  .address-info{
    background: #FFFFFF;
	padding: 0 32rpx;
    .info-item{
      height: 60px;
      line-height: 60px;
      // padding-left: 15px;
      display: flex;
      align-items: center;
      color: #333333;
      font-size: 13px;
	  font-weight:bold;
	  border-bottom: 1rpx solid #e5e5e5;
	  &:last-child{
		  border-bottom: none;
	  }
      label{
        width: 80px;
        display: block;
		color:#666666;
		font-size: 28rpx;
		font-weight: 400;
      }

      .form-control{
        flex: 1;
        padding: 0 30px 0 10px;

        input{
          width: 100%;
          font-size: 28rpx;
          box-sizing: border-box;
          outline: 0;
          border: none;
          height: 24px;
          line-height: 24px;
        }

        &.select{
          background-image:url("https://uto.ibrand.cc/m/static/img/ic_forward.png");
          background-repeat:no-repeat;
          background-position:100%;
          background-size:20px;
          overflow: hidden;

          picker{
            height: 100%;

            .picker{
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              height: 40px;
			  font-size: 28rpx;
			  display: flex;
			  align-items: center;
            }
          }
        }
      }
      .checkbox{
        width: 100%;
        display: flex;
        align-items: center;
      }
    }
  }
  .identify-address{
	  margin-top:12px;
	  background-color: #FFFFFF;
	  padding:13px 12px 19px 12px;
	  textarea{
		  border-radius:4px;
		  border:1px solid #AAAAAA;
		  padding: 10px 5px 5px 10px;
		  width: 100%;
		  height: 70px;
		  box-sizing: border-box;
		  font-size: 13px;
	  }
	  .textarea-placeholder{
		  color: #AAAAAA;
		  font-size: 12px;
		  
	  }
	  .btn-box{
		   text-align:right; 
		   padding: 12px 0 0 0;
		  view{
			  display: inline-block;
			  &.clear{
				  color:#FB5054;
				  font-size:12px;
				  line-height:22px;
				  width:45px;
				  text-align: center;
				  margin-right: 10px;
				  border-radius:11px;
				  background-color: #FFFFFF;
				  
			  }
			  &.sure{
				  color:#FFFFFF;
				  font-size:12px;
				  line-height:22px;
				  width:45px;
				  text-align: center;
				  border-radius:11px;
				  background-color: #15706f;
				  
			  }
		  }
	  }
  }
  .button-box{
    margin-top: 30px;
	display: flex;
	justify-content: center;
    .submit{
      // background: @mainColor;
	  width: 550rpx;
	  height: 100rpx;
	  background: #15716E;
	  border-radius: 50rpx;
	  line-height: 100rpx;
    }
    .delete {
      // background: @secColor;
    }
    button{
      margin: 0 20px 15px 20px;
      &:after {
        border: none;
      }
    }
  }
  //重置按钮样式
  checkbox .wx-checkbox-input{
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #c1caca;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
    height: 14px;
    width: 14px;
  }
  checkbox .wx-checkbox-input.wx-checkbox-input-checked{
    background-color: @globalColor;
    border: 1px solid @globalColor;
  }
}