.form-group, .login-body, .login-box
{
    position: relative;
}

.form-control, .form-group, .pointer-item
{
    box-sizing: border-box;
}

.form-agreement, .form-group, .login-head, .login-head-wrap, .pointer, .pointer-title, .pointer-view
{
    overflow: hidden;
}

    .form-agreement, .form-clear, .form-code, .pointer-title a, .search-btn
    {
        text-align: center;
    }

.login-wrap
{
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    -webkit-transition: all .4s cubic-bezier(.4,.01,.165,.99);
    transition: all .4s cubic-bezier(.4,.01,.165,.99);
    opacity: 0;
}

.login-box
{
    width: 298px;
    min-height: 446px;
    margin: 20px auto 12px;
    background: #fff;
    max-height:520px;
}

.login-wrap.active
{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.login-head-wrap
{
    height: 158px;
    background: #00bccd;
}

.login-head
{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 10px auto 0;
}

.login-body
{
    margin-top: -56px;
    
}

.pointer-title
{
    width: 220px;
    margin: 0 auto;
}

.pointer-title-wrap
{
    width: 290px;
    overflow: hidden;
}

.pointer-title a
{
    float: left;
    width: 70px;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
}

.pointer-title a.current
{
    color: #fff;
    font-size: 16px;
    margin: 0 5px;
    border-bottom: 3px solid #fff;
}

.pointer-view
{
    width: 298px;
    margin:  auto 0;
    padding-top:40px;
   
}

.pointer
{
    width: 1192px;

}

.pointer-item
{
    width: 298px;
   
    float: left;
    background:#fff;
}

.form-group
{
    padding: 12px;
    margin-bottom: 12px;
    min-height: 55px;
    background: #fff;
    border-bottom:1px solid #f4f4f4
}

.form-clear, .form-group .icon-md-rect, .search-empty
{
    position: absolute;
}

.form-control
{
    display: block;
    width: 100%;
    padding: 8px 40px;
    line-height: 14px;
    font-size: 13px;
    outline: 0;
    border: 0;
    color: #666;
}

.form-control[type=password]
{
    color: #969696;
}

.form-clear
{
    top: 0;
    right: 12px;
    
    width: 34px;
    background: #ff8a65;
    color: #fff;
    font-size: 10px;
    line-height: 55px;
    display: none;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}

    .form-clear:active
    {
        background: #e97e5c;
    }

.form-control:focus + .form-clear
{
    display: block;
}

.form-footer
{
    padding: 6px 12px;
}

.form-agreement
{
    font-size: 12px;
    margin-top: 18px;
}

    .form-agreement a
    {
        color: #666;
    }

    .form-agreement .icon-checkbox
    {
        top: 2px;
    }

.form-code
{
    margin: 30px 0 12px;
    line-height: 25px;
    color: #999;
    font-weight: 100;
}

    .form-code.form
    {
        color: #fff;
    }

    .form-code a
    {
        color: #999;
    }

.form-icon-back
{
    display: block;
    width: 34px;
    line-height: 34px;
    color: #fff;
    margin: 0 auto;
    font-size: 34px;
    padding-bottom: 10px;
}

.search-wrap
{
    margin: -12px 0 12px;
}

.search-empty
{
    background: url(../../images/v3/search-empty.png)center center no-repeat;
    background-size: 106px 96px;
    width: 106px;
    height: 96px;
    top: 50%;
    left: 50%;
    margin: -56px 0 0 -48px;
    display: none;
}

.search-btn
{
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 10000px;
    background-color: #fafafa;
    line-height: 46px;
    margin: 42px auto 0;
}

.search-btn i
{
    position: relative;
    bottom: 1px;
    font-size: 21px;
    color: #ff8a65;
    vertical-align: middle;
}
.ra-btn, .ra-btn1, .ra-btn2, .ra-btn3
{
    padding: 8px 0;
    color: #fff!important;
    background: #ff9b00 ;
    text-align: center;
    border-radius: 5px;
    outline: 0;
}

.ra-btn1
{
    background: #ffb74e;
}

    .ra-btn1:active
    {
        background: #f5a93b;
    }

.ra-btn2
{
    background: #fafafa;
    color: #333!important;
}

    .ra-btn2:active
    {
        background: #eae6da;
    }

.ra-btn3
{
    background: #fe8965;
}

    .ra-btn3:active
    {
        background: #fb6d40;
    }

.ra-btn4, .ra-btn5, .ra-btn6
{
    padding: 12px 0;
    color: #fff!important;
    background: #ff9b00;
    outline: 0;
}

    .ra-btn4:active
    {
        background: #5d925f;
    }

.ra-btn5
{
    background: #fe8965;
}

    .ra-btn5:active
    {
        background: #fb6d40;
    }

.ra-btn6
{
    background: #ffb74e;
}

    .ra-btn6:active
    {
        background: #f5a93b;
    }

.ra-btn.empty
{
    background: #fafafa;
    color: #ff9b00!important;
    border: 1px solid #ff9b00;
}

    .ra-btn.empty:active, .ra-btn2.disable
    {
        color: #fff!important;
    }

    .ra-btn.empty:active
    {
        background: #ff9b00;
        border-color: #ff9b00;
    }

.ra-btn:active
{
    background: #5d925f;
}

.ra-btn.disable, .ra-btn.disable:active, .ra-btn2.disable, .ra-btn2.disable:active, .ra-btn3.disable, .ra-btn3.disable:active, .ra-btn4.disable, .ra-btn4.disable:active, .ra-btn5.disable, .ra-btn5.disable:active, .ra-btn6.disable, .ra-btn6.disable:active
{
    background: #ccc;
}
.copyright, .grid-xs .grid-side, .line-title, .order-btn-box, .ra-btn4, .ra-btn5, .ra-btn6, .safeguard, .safeguard-nav li, .user-list
{
    text-align: center;
}

button, html input[type=button], input[type=reset], input[type=submit]
{
    -webkit-appearance: button;
    cursor: pointer;
}

.ra-btn, .ra-btn1, .ra-btn2, .ra-btn3, .ra-btn4, .ra-btn5, .ra-btn6
{
    font-size: 14px;
    display: block;
    line-height: 24px;
    border: 0;
    width: 115px;
    margin:0 auto;
}