@import "../public/public.less";
@import "../public/header.less";

//.u-text();
//
//.custom-editNickname-text,.custom-editPassword-text{
//  input{
//      font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-INPUT-FONTSIZE;
//      padding-left: 46px;
//      &::-webkit-input-placeholder{
//          color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
//      }
//  }
//  //x icon
//  .u-text-clear{
//      right: 41px;
//      &:before{
//          content: '\e601';
//          font-family: iconfont;
//          color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;
//          font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-DEFAULTICON-FONTSIZE;
//      }            
//  }
//  &:after{
//      .white_gradient_border();
//  }    
//}

.u-button();

.custom-button{
    .button();
    .buttonPosition();
}


.editNickname, .editPassword{
    font-size: 16px;
    padding: 17px 72px 17px 42px;
    position: relative;
    overflow: hidden;
    p{
        float: right;
        color: #A0A0A7;
        font-size: 12px;
        margin-top: 3px;
    }
    // > icon 
    &:before{
        content: '\e6a7';
        .transformV_center(right,35px);
        .iconfont(@USERINFOLINK-ICON-FONTSIZE);
    }
    &:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;/*no*/
        .white_gradient_border();
    }
}

.editPassword{
    p{
        font-family: iconfont;
    }
}

//修改昵称
.u-text();

.inputBox{
    margin: 0 42px;
    padding-bottom: 40px; 
}

.custom-editNickname-text{
    .textInput(0,17px,@CUSTOM-EDITTEXT-COMPONENT-INPUT-FONTSIZE);
}

.errorTip{
    position: absolute;
    left: 0;
    right: 0;
    .errorTip();
}