@charset "utf-8";
/* CSS Document */

/* 图标 */
.ico-login, .ico-set, .ico-popup {
    display: inline-block;
    vertical-align:middle;
	overflow:hidden;
}
.ico-login { background:url(../images/ico-login.png) no-repeat; }
.ico-set { background: url(../images/ico-set.png) no-repeat; width: 32px; height: 32px; }
.ico-popup { background:url(../images/ico-popup.png) no-repeat; }


.i-red-jt, .i-bulb, .i-man, .i-lock, .i-pc, .i-gou {
    width: 16px; height: 16px;
}
.i-red-jt { background-position: 0 0; }                          /* 红底箭头*/
.i-bulb { background-position: -25px 0; }                      /* 发光灯泡*/
.i-bulb2 {
    width: 9px;height: 12px;
    background-position: -160px 0;                                /* 小灯泡*/
}
.i-man { background-position: -50px 0; }                      /* 帐号 */
.i-lock { background-position: -75px 0; width: 17px; }   /* 密码*/
.i-pc { background-position: -100px 0; width: 20px; }   /* 电脑*/
.i-gou { background-position: -130px 0; height: 12px; }/* √ 完成状态*/
.i-phone2, .i-email {
    width: 32px; height: 32px;
}
.i-phone2 { background-position: 0 -25px; }                  /* 白色圆圈 手机*/
.i-email { background-position: -40px -25px; }            /* 白色圆圈 邮件*/
.i-phone2-le, .i-email-le {
    width: 48px; height: 48px;
}
.i-phone2-le { background-position: -140px -25px; }      /* 蓝底圆圈 手机*/
.i-email-le { background-position: -85px -25px; }         /* 蓝底圆圈 邮件*/
.i-jt-le {
    width: 24px; height: 47px;
    background-position: -80px -85px;                          /* 灰色 大箭头*/
}
.i-right16, .i-hint16, .i-error16 {
    width: 16px; height: 16px;
}
.i-right16 { background-position: 0 -100px; }              /* 表单 正确*/
.i-hint16 { background-position: -20px -100px; }         /* 表单 提示*/   
.i-error16 { background-position: -40px -100px; }       /* 表单 错误*/   

.i-right24, .i-hint24, .i-error24 {
    width: 24px; height: 24px;
}
.i-right24 { background-position: 0 -85px; }              /* 表单 正确*/
.i-hint24  { background-position: 0 -175px; }         /* 表单 提示*/   
.i-error24 { background-position: 0 -115px; }       /* 表单 错误*/  
.i-pn-jt {
    width: 7px; height: 5px;
    background-position: -180px -5px;                        /*下拉框箭头*/
}
.i-check {
    width: 15px; height: 15px;
    background-position: -110px -85px;                      /* 表单 多选 -未勾选*/
}
.i-check-ck { background-position: -130px -85px; } /* 表单 多选 -勾选*/

.i-s1 { background-position: 0 0; }                             /*注册成功操作： */
.i-s2 { background-position: -40px 0; }                      /*注册成功操作： */
.i-s3 { background-position: -80px 0; }                      /*注册成功操作： */
.i-s4 { background-position: -120px 0; }                    /*注册成功操作： */
.i-s5 { background-position: -160px 0; }                    /*注册成功操作： */
.i-s6 { background-position: -200px 0; }                    /*注册成功操作： */
.i-s7 { background-position: -240px 0; }                    /*注册成功操作： */

/*表单*/
.u-fm { 
    width: 282px; 
    height:40px; line-height:40px; 
    padding:0 9px; 
    border:1px solid #ddd;
    background-color: #fff;
    color:#333;
}
.u-fmnb { 
    width: 500px; 
    height:40px; line-height:40px; 
    padding:0 9px; 
    background-color: #fff;
	 border:0px solid #ddd;
    color:#666;
}

.u-fm-focus {
    border-color:#ff6600;
    box-shadow: 0 0 3px rgba(136, 191, 238, .75);
}
.u-fm-error {
    border-color: #f99d9d;
	color:#f99d9d;
}
    /*复选框*/
.u-check {
    height: 16px; line-height: 16px;
    font-size: 12px;
    margin-top: 13px;
}
.u-check .i-check {
    float: left; 
    margin-right: 5px;
}
    /*下拉框*/
.u-pn {
    position: relative;
    width: 100px; height: 40px; 
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
}
.pn-on {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 25px 0 15px;
    font-size: 14px; line-height: 40px; color: #666;
    overflow: hidden;
}
.pn-on .i-pn-jt, .pn-on .ico-login {
     position: absolute;
     top: 18px;
}
.pn-on .i-pn-jt { right: 12px;  }
.pn-on .ico-login { right: 8px; }
.pn-more {
    position: absolute;
    left: -1px; top: 40px;
    width: 100px; height: 168px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}
.pn-more p { 
    padding: 0 15px;
    height: 28px; line-height: 28px;
    font-size: 12px; color: #666;
    overflow: hidden;
}
.pn-more p:hover {
    background-color: #88bfee;
    color: #fff;
}
.u-pn-click .pn-on { line-height: 38px; }
.u-pn-click .pn-ct {
    position: absolute;
    left:0;top:0;
    width: 100px;
    height: 148px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.u-pn-click  .pn-on {
    line-height: 40px;
}
.u-pn-click .pn-more { display: block; }
.u-pn-disable {
    background-color: #eee;
    color: #ccc;
    cursor: default;
}
    /*模块-表单*/
.m-form li {
    position: relative;
    min-height: 42px; line-height: 42px; _height: 42px;
    padding-left: 120px; margin-bottom: 15px;
    font-size: 14px;
}
.m-form .u-tit {
    float: left;
    position: absolute;
    top: 0; left: 0;
    width: 100px;
    text-align: right;
}
.m-form .u-tit em {
    margin-right: 5px;
    color: #e52a2a;
}
.u-hint {
    position: absolute;
    left: 432px; top: 13px;
    height: 16px;line-height: 16px;
    font-size: 12px; color: #666;
}
.u-hint-error { color: #ff7f7f; }
.m-form .w150 { width: 150px; }
.m-form .u-pn { margin-left: -1px; }
.m-form .pn-more p:hover {
    background-color: #eee;
    color: #4b93d7;
}
    /*智能匹配*/
.u-fm-tips {
    position: absolute;
    left: 120px; top: 42px;
    width: 300px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.u-fm-tips p {
    padding: 0 10px;
    height: 28px; line-height: 28px; 
    overflow: hidden;
}
.u-fm-tips p:hover, .u-fm-tips p.fm-tips-ct {
    background-color: #88bfee;
    color: #fff;
}
    /*按钮*/
.btn-verify {
    width: 120px;
    height: 40px; line-height: 40px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    font-size: 12px; text-align: center; cursor:pointer;
}
.btn-verify:hover { background-color: #F90; color: #333;cursor:pointer; }
.fm-btn {
    width: 302px; 
    height: 42px; line-height: 42px;
    background-color: #ff6600;
    font-size: 18px; color: #fff; text-align: center;
}
.fm-btn:hover {
    background-color: #ff6600;
    color: #fff;
}
.fm-btn-disa, .fm-btn-disa:hover {
    background-color:#666666;
    color: #ffffff;
    cursor:pointer;
}
.btn-be {
    display: block;
    height: 42px; line-height: 42px;
    background-color: #ff6600;
    font-size: 18px; text-align: center; color: #fff;
}
.btn-be:hover {
    background-color: #F90;
    color: #fff;
}
    /*密码强度*/
.pass-sh {
    position: absolute;
    left: 120px; top: 52px;
    height: 16px;
}
.pass-sh span {
    float: left;
    width: 100px; 
    height: 16px; line-height: 16px;
    background-color: #ddd;
    margin-right: 1px;
    font-size: 12px; color: #fff; text-align: center;
}
.pass-sh1 .p-sh1 { background-color: #f99d9d; }
.pass-sh2 .p-sh1, .pass-sh2 .p-sh2 { background-color:#FF6600; }
.pass-sh3 .p-sh1, .pass-sh3 .p-sh2, .pass-sh3 .p-sh3 { background-color:#00CC00; }

/* 层次 */
.z-10 { z-index: 10; }
.z-11 { z-index: 11; }