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

//添加设备
// .noBottomGradient();

.addDevice li{    
    margin: 10px;
    border: 1px solid;/*no*/
    border-radius: 5px;
    color: @ADDDEVICE-TEXT-COLOR;
    font-size: @ADDDEVICE-TEXT-FONTSIZE;
    height: 214px;
    line-height: 214px;
    padding-left: 58px;
    &:nth-child(1) img{
        width: 90px;
        height: 90px;
        margin-right: 40px;
    }    
    &:nth-child(2) img{
        width: 135px;
        height: 64px;
        margin-right: 25px;
    }
    .tap_row(@ADDDEVICE-ROW-ACTIVE-BG);  
}

//产品型号
.u-list();

.custom-device-list{
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    height: auto;   
    .u-list-scroll .u-list-row{     
        height: 75px;
        padding: 0 35px 0 41px;
        .u-list-left-image{
            width: 24px;
            height: 54px;
            margin-right: 39px;
        }
        .u-list-title{
            font-size: 16px;
            line-height: 20px;
        }
        .u-list-right-icon{
            font-family: iconfont;
        }
        &:after{
            .white_gradient_border();
        }
    } 
    .u-list-load{
        .listLoad();
    }
    .u-list-tip{
        .listNoCont("noDevice.png");
    }
}

//配置Wi-Fi
.wifiAddHelp{
    .help();
}

.u-button();

.custom-help-button,
.custom-button{
    .button();
}

//连接Wi-Fi
.inputBox(184px,22px,auto,"connectWifi.png",40px,77px 122px);

.wifi{
    width: 100%;
    display: table;
    position: relative;
    margin-top: 17px;
    span{
        .iconfont(@WIFI-ICON-FONTSIZE);
        width: 48px;
        padding-left: 9px;
        display: table-cell;
        vertical-align: text-bottom;
    }
    p{
        padding: 8px 0;
        display: table-cell;
        color: @WIFI-TEXT-COLOR;
    }
    &:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;/*no*/
        .white_gradient_border();
    }
}

.u-text();

.custom-password-text{
    margin-top: 17px;
    input{
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 70px;
        &[type = text] ~ .u-text-see:before{
            content: '\e60e';
        }       
        &::-webkit-input-placeholder{
            color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
        }
    }
    .u-text-icon{
        font-size: @CUSTOM-TEXT-COMPONENT-ICON-FONTSIZE;
        width: 48px;
        padding-left: 9px;
        vertical-align: text-bottom;
    }
    .u-text-clear,
    .u-text-see{
        &:before{
            font-family: iconfont;
            color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;   
            font-size: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-FONTSIZE;              
        }
    }
    //x icon
    .u-text-clear{
        right: 25px;
        &:before{
            content: '\e724';
        }            
    }          
    //眼睛 icon
    .u-text-see{
        right: -7px;
        &:before{
            content: '\e6b2';
        }
    }
    &:after{
        .white_gradient_border();
    }
}

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

//配置Wi-Fi提醒
.remind{
    width: 312px;
    margin: 0 auto;
    li{
        color: @REMIND-TEXT-COLOR;
        font-size: @REMIND-TEXT-FONTSIZE;
        .transform(scale(0.7));
        padding-left: 46px;
        margin-bottom: 10px;
        line-height: 1;
        &:first-child{
            padding-left: 0;
        }
    }    
}

.custom-button{
    .buttonPosition();
}

.mediaPosition();

.u-comm-loading();

.custom-comm-loading();