@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-login-x {
    width: 7px; height: 8px;
    background-position: -175px -85px;
}
.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-fm-focus {
    border-color: #88bfee;
    box-shadow: 0 0 3px rgba(136, 191, 238, .75);
}
.u-fm-error {
    border-color: #f99d9d;
	color:#f99d9d;
}
.u-fm-sl {
    height: 28px; line-height: 28px;
}
.u-fm-le {
    height: 52px; line-height: 52px;
}
/*多行文本域*/
.u-fd {
    padding: 10px 9px;
	width:282px; 
	min-height:98px; _height:98px; 
	overflow:hidden;
    line-height: 24px;
}
    /*复选框*/
.u-check {
    height: 16px; line-height: 16px;
    font-size: 12px;
    margin-top: 13px;
    cursor: pointer; 
}
.u-check .i-check {
    float: left; 
    margin-right: 5px;
}
.u-check-hover .i-check { background-position: -130px -125px; }
.u-check-click .i-check { background-position: -150px -125px; }
.u-check-disa .i-check { background-position: -110px -125px; }
.u-check-disa.u-check-click .i-check { background-position: -170px -125px; }
    /*单选按钮*/
.i-radio {
    width: 16px; height: 16px;
    background-position: -110px -105px;
}
.u-radio {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    margin-top: 13px;
    cursor: pointer;
}
.u-radio .i-radio {
    float: left;
    margin-right: 5px;
}
.u-radio-hover .i-radio { background-position: -130px -105px; }
.u-radio-click .i-radio { background-position: -150px -105px; }
.u-radio-disa .i-radio { background-position: -150px -85px; }
.u-radio-disa.u-radio-click .i-radio { background-position: -170px -105px; }
.u-check-disa, .u-check-disa-no, .u-radio-disa, .u-radio-disa-no { color: #999; }
    /*下拉框*/
.u-pn {
    position: relative;
    min-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; */
     float: right; margin: 13px 0 0 8px;
}
.pn-on .i-pn-jt { right: 12px;  }
.pn-on .ico-login { right: 8px; }
.pn-more {
    position: absolute;
    left: -1px; top: 41px; right: auto !important;
    /* width: 100px;  */
    height: 168px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 3;
}
.pn-more p { 
    padding: 0 15px;
    height: 28px; line-height: 28px;
    font-size: 12px; color: #666; white-space: nowrap;
    overflow: hidden;
}
.pn-more p:hover {
    background-color: #88bfee;
    color: #fff;
}
.u-pn-click {
    border-color: #88bfee;
    box-shadow: 0 0 3px rgba(136, 191, 238, .7);
    z-index: 10;
}
.u-pn-click .pn-on { line-height: 40px; }
.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-more { display: block; }
.u-pn-disable, .u-fm-disable {
    background-color: #eee;
    color: #ccc;
    cursor: default;
}
        /*下拉小 .u-pn-sl*/
.u-pn-sl, 
.u-pn-sl .pn-on { height: 28px; line-height: 28px; }
.u-pn-sl .pn-on .i-pn-jt, .u-pn-sl .pn-on .ico-login { top: 12px; }
.u-pn-sl .pn-more { top: 29px; }
.u-pn-w56,
.u-pn-w56 .pn-more {  width: 56px; }
.u-pn-w56 .pn-more p { padding-left: 9px; }
        /*自定义*/
.u-pn-zd { width: 120px; }
.u-pn-zd .pn-more {
    width: 120px;
}
.u-pn-zd .pn-more p { position: relative; }
.u-pn-zd .pn-more .i-login-x {
    position: absolute;
    top: 10px; right: 5px;
}
    /*模块-表单*/
.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;
    min-width:200px; _width:200px;
}
.u-hint-error { color: #ff7f7f; }
.m-form .w150 { width: 150px; }
.m-form .u-pn { margin-left: -1px; }
    /*智能匹配*/
.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; color: #333;
}
.btn-verify-sl { height: 28px; line-height: 28px; }
a.btn-verify:hover { background-color: #fafafa; color: #333; }
.btn-verifying { background-color: #fafafa; color: #b2b2b2; }
.fm-btn {
    width: 302px; 
    height: 42px; line-height: 42px;
    background-color: #ffa52a;
    font-size: 18px; color: #fff; text-align: center;
}
.fm-btn:hover {
    background-color: #ffbc5f;
    color: #fff;
}
.fm-btn-disa, .fm-btn-disa:hover {
    background-color: #eaeaea;
    color: #999;
    cursor: default;
}
.btn-be {
    display: block;
    height: 42px; line-height: 42px;
    background-color: #478dd3;
    font-size: 18px; text-align: center; color: #fff;
}
.btn-be:hover {
    background-color: #63afee;
    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: #ffcc94; }
.pass-sh3 .p-sh1, .pass-sh3 .p-sh2, .pass-sh3 .p-sh3 { background-color: #aed783; }
/* m-form2 */
.m-form2 li { margin-bottom: 25px; }
.m-form2 li .u-hint {
    left: 120px; top: 45px;
}
/* m-form-sl */
.m-form-sl li {
    min-height: 30px;
    line-height: 30px;
    _height: 30px;
}
.m-form-sl .pass-sh { top: 35px; }
.m-form-sl .u-hint { top: 5px; }
.m-form-sl .u-check, .m-form-sl .u-radio { margin-top: 6px; }