.display-none{
    display: none;
}

.unselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


input[type='text'],input[type='password']{
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 5px 7px;
    border-radius: 5px;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    transition: all .15s ease-in-out;
    outline: 0;
    resize: none;
    padding-right: 30px;
}

input[type='text']:focus,
input[type='text']:active,
input[type='text']:hover,
input[type='password']:focus,
input[type='password']:active,
input[type='password']:hover
{
    border-color: #3483F2;
    -webkit-box-shadow: inset 0 1px 1px rgba(52,131,242,.075),0 0 5px rgba(52,131,242,.3);
    -moz-box-shadow: inset 0 1px 1px rgba(52,131,242,.075),0 0 5px rgba(59,180,242,.3);
    box-shadow: inset 0 1px 1px rgba(52,131,242,.075),0 0 5px rgba(52,131,242,.3);
}
input::-webkit-input-placeholder {
    color: #CCCCCC;
    font-size: 12px;
    line-height: 1;
}
input::-moz-placeholder {
    color: #CCCCCC;
    font-size: 12px;
    line-height: 1;
}
input:-ms-input-placeholder {
    color: #CCCCCC;
    font-size: 12px;
    line-height: 1;
}

.item{
    display: flex;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}
.item label{
    position: relative;
    color: #333333;
    font-weight: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.item-btn-banner{
    text-align: right;
    font-size: 0;
}
.item-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    transition: all   .3s ease-out;
    background: #3483F2;
    color: #fff;
    padding: 5px 20px;

    color: #3483F2;
    background: #FFFFFF;
}
.item-btn:hover{
    background: #2178f2;

    background: #FFFFFF;
    color: #3483F2;
    text-shadow: 0 0 1px rgba(0,72,255,.3);
}
.item-btn-cancel {
    margin-right: 20px;
    color: #fff;
    background: #c5c5c5;
    border-color: #c5c5c5;

    color: #999999;
    background: #FFFFFF;

    border:none;
}
.item-btn-cancel:hover {
    /*background: #bbbbbb;*/
    /*border-color: #bbbbbb;*/
    color: #888888;
}
.l{
    position: relative;
    display: block;
    width: 120px;
    text-align: right;
    margin: 0;
    padding-right: 15px;
}
.r{
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc( 100% - 170px);
}

.login-user-guide {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000002;

}
.login-user-guide-outer{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000003;

}

.login-user-guide-inner{
    position: relative;
    width: 600px;
    background-color: #FFFFFF;
    border-radius:  8px;
    box-shadow: 0 0 15px rgba(255,255,255,0.5);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    padding: 20px;
}
.login-user-guide-close{
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 24px;
    width: 20px;
    height: 20px;
    line-height: 1;
}
.login-user-guide-close:hover{
    color:#3483F2 ;
}
.user-guide-hint-header{
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    letter-spacing: 2px;

}

.user-guide-hint-info{
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    color: #333333;
    padding: 30px 0 20px;
    margin-bottom: 30px;
}
.user-guide-hint-info span{
    color: red;
}

/* 提示 操作 */
.user-guide-hint-operate {
    margin: 20px 0 10px;
}
/*  */

.view-pwd{
    position: absolute;
    top: 2px;
    bottom: 3px;
    right: 2px;
    display: block;
    width: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEUAAACKioqJiYmHh4eKioqKioqIiIiKioqKioqLi4uLi4uKioqKioqLi4uKioqKioqKioqLi4uKioqKioqKioqKioqKioqKioqKioqKioqJiYmKioqKioqJiYmKioqKiorZVou1AAAAH3RSTlMAVYAIq+AhKZgzG8+xFEvJuItA0rqf9vDEpZsvhTt01fLdYQAAAP9JREFUOMvNktl2wyAMRAn76n2Jnabz/39ZA60PqZ30sZknwRUaISD/qsvlNafAX/y0gjKSPeOSLg5R/Wc44d06AZj7HlEHzjgAfbcxtlU8z1jJw7Bh87NqN269D4V7DVHFoNJC8GXjcesq9/oOV5VaL/xDg17uJX0yNACVfOMZeOjMFXBLwQhKIg9jvheQ22rwkTMFbOTEi7zWGH4nJG6xJzSPFjz3R7FbqMcm03lJv62ZR1teM/M4MdBUt4bbh2kbiCpyNQqh88gEalnMesVUvo/RwBCO/0OxVO++YXB25ByYnZsBTGtHjrxra0S5hcpn/49Zo8iJIn+pmyFvrS+m7hbKooQ8VwAAAABJRU5ErkJggg==") no-repeat;
    background-size: 50%;
    background-position: center;
}
input[type='text']+span.view-pwd{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAAzhPI0gfI0g/M0hPI0g/IygfE2h/YzhPI0g/I0g/AygvMxg/I3ie46gP80g/M0gvE0g/I0g/Izg/IzhPI2g/Uzg/I2hPUygvA0gPM0g/I0g/I0g/M0gvE0g/I0hPI0g/KkSZFTAAAAIHRSTlMAmYHQPakjG+CwLSggCQf128jGuJ9MSzQzFvDv47qKdpBe6TkAAADGSURBVDjL3ZLZFoIwDERNC1IUFWV3vf//lUIrm+jpO3manJmcTJbNKmO3/89tVahpQ4dq+4MO5ARctb4BJwm+6EMISBB1OAoECA9Tvslauh7zWuDRTLpfMGUHCklTKTpU3jkPTo6aizWvsKHsOGf08SN4EVtYtVwUtarK2op5Oj6BnQW5q1Xkbi5wS4lRTmlIXIFxuZDNBSluTNJBMG8hfQsZWsxNFqCSREHRm/SOuVhUlRuTV+Oi/Kv2H8t/bv/DLF9ujfEGeKwTJy56zQQAAAAASUVORK5CYII=") no-repeat;
    background-size: 50%;
    background-position: center;
}

/* 重置 */

.pwdUserGuideResetSubmit .item{
    margin: 0 0 10px;
}
.pwdUserGuideResetSubmit .item:first-child{
    margin-top: 30px;
}
.pwdUserGuideResetSubmit .item-btn-banner{
    text-align: center;
    margin: 50px 0 35px;
}
.pwdUserGuideResetSubmit .item-btn-cancel{
    margin-right: 50px;
}

.input-hint{
    min-height: 20px;
    color: red;
    line-height: 20px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;

}