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

//用户列表
.user-list{
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
}

.user-list-scroll{  
    .user-list-row{  
        position: relative;
        overflow: hidden;
        .user-list-handle{
            position: relative;
            .transition(left 0.4s ease);
            left: 0;
            background-color: @USERLIST-ROW-BG;
            height: 75px;
            padding: 0 65px 0 42px;
            .display-box();
            .box-vertical-alignment();
            z-index: 2;
            .user-list-image{
                width: 27px;
                height: 27px;
                margin-right: 14px;
            } 
            div{
                .flex();
                min-width: 0;
            }
            .user-list-title{
                font-size: @USERLIST-TITLE-FONTSIZE;
                .text_oneRow_ellipsis();
                margin-bottom: 5px;
            }
            .user-list-subtitle span{
                display: inline-block;
                width: 182px;
                .text_oneRow_ellipsis();
                vertical-align: middle;
            }   
            .user-list-subimage{
                width: 20px;
                height: 20px;
                margin-right: 9px;
            }
            // > icon  
            &:after{
                content: '\e6a7';
                .transformV_center(right,35px);
                .iconfont(@USERLIST-ICON-FONTSIZE);
            }    
            &.user-list-selected{
                left: -66px;
                &:after{
                    display: none;
                }
            }                   
        }
        .user-list-button{
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            div{
                width: 66px;
                height: 100%;
                .display-box();
                .box-vertical-alignment();
                color: @USERLIST-BUTTON-ICON-COLOR;
                .iconfont(@USERLIST-BUTTON-ICON-FONTSIZE);
                padding-left: 10px;
            }
        }                   
        &:after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;/*no*/
            z-index: 2;
            .white_gradient_border();
        }
        &:active .user-list-handle:not(.user-list-selected){
            background-color: @USERLIST-ROW-ACTIVE-BG;
        }
    }
}

.user-list-load{
    text-align: center;
    .listLoad();
}

//添加用户
.inputBox(200px,40px,auto,"gray_addUser_icon.png",90px,65px 65px);

.u-text();

.custom-text{
    .textInput();
}

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

.u-button();

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