.index_login
                      {
                          position: absolute;
                          top: 30px;
                          left: 50%;
                          z-index: 100;
                          margin-left: 350px;
                          background: #fff;
                          padding-bottom: 15px;
                          width: 200px;
                          overflow: hidden;
                      }
.index_login h2
{
    width: 200px;
    height: 60px;
    line-height: 60px;
    background: #2ac1c9;
    color: #fff;
    font-size: 24px;
    text-align: center;
    overflow: hidden;
}
.index_login_ul
{
    padding-left: 20px;
}
.index_login_ul li
{
    width: 160px;
    height: 35px;
    padding-top: 20px;
}
.index_login_ul .input
{
    float: left;
    width: 130px;
    height: 42px;
    line-height: 42px\9;
    border: 1px solid #ddd;
    background: #fff url("cdn/img/icon.png") no-repeat;
    padding-left: 28px;
    color: #666;
    font-size: 14px;
}
.index_login_ul .input:focus
{
    border: 1px solid #ffa28c;
}
.index_login_ul .input_user .input
{
    background-position: 8px 13px;
}
.index_login_ul .input_phone .input
{
    background-position: 8px -134px;
}
.index_login_ul .input_qq .input
{
    background-position: 8px -168px;
}
.index_login_ul .input_yzm .input
{
    background-position: 8px -195px;
}
.input_yzm span
{
    position: absolute;
    display: block;
    width: 46px;
    height: 40px;
    right: 25px;
    top: 245px;
    line-height: 44px;
    color: #ffffff;
}
.index_login_ul .item .input.error
{
    border: 1px solid #ffa28c;
    background-position: right -955px;
    color: #fd825c;
    padding-left: 8px;
    padding-right: 20px;
}
.index_login_ul .input_qrcode .input
{
    width: 168px;
    background-position: 8px -76px;
    width: 140px;
}
.index_login_ul .input_qrcode img
{
    float: right;
    width: 80px;
    height: 42px;
    border: 1px solid #ddd;
}
.index_login_ul .input_button .btn
{
    display: block;
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fd825c;
    font-size: 20px;
    border: none;
    color: #fff;
    cursor: pointer;
}
.index_login_ul .input_button .btn:hover
{
    background: #fd925c;
    text-decoration: none;
}
.index_login_btm
{
    width: 160px;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 14px;
    overflow: hidden;
}
.index_login_btm .gray
{
    float: left;
}
.index_login_btm .cyan
{
    float: right;
}
.index_logined
{
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 100;
    margin-left: 200px;
    background: #fff;
    padding-bottom: 25px;
    width: 300px;
    overflow: hidden;
}
.index_logined h2
{
    width: 200px;
    height: 60px;
    line-height: 60px;
    background: #0072e3;
    color: #fff;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
}
.index_logined h2 strong
{
    font-size: 18px;
    padding: 0 5px;
    font-weight: normal;
}
.index_logined_ul li
{
    height: 60px;
    line-height: 58px;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    font-size: 14px;
    color: #888;
    word-break: break-all;
    overflow: hidden;
}
.index_logined_ul li .orange strong
{
    font-size: 26px;
    padding: 0 5px;
    font-weight: normal;
}
.index_logined_ul .p
{
    padding: 5px 0 5px 20px;
}
.index_logined_ul .p p
{
    line-height: 28px;
}
.index_logined_btm
{
    width: 160px;
    padding-left: 20px;
    padding-top: 20px;
    overflow: hidden;
}
.index_logined_btm a
{
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.index_logined_btm a:hover
{
    text-decoration: none;
}
.index_logined_btm .orange
{
    float: left;
    background: #fd825c;
}
.index_logined_btm .orange:hover
{
    background: #fd925c;
}
.index_logined_btm .gray
{
    float: right;
    background: #bcbcbc;
}