body
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*
    #00568F rgba(0, 86, 143, 1);
    #0079C9 rgba(0, 121, 201, 1);
    #0069AE rgba(0, 105, 174, 1);
    #04629D rgba(4, 98, 157, 1);
    #0089E3 rgba(0, 137, 227, 1);
    #0083DA rgba(0, 131, 218, 1);
    #F90000 rgba(249, 0, 0, 1);
    #FCA100 rgba(252, 161, 0, 1);
    #90EE39 rgba(144, 238, 57, 1);
    #049CA6 rgba(4, 156, 166, 1);
    #17ACE8 rgba(23, 172, 232, 1);
    #23C0E0 rgba(32, 192, 224, 1);

    #EC9694 rgba(236, 150, 148, 1);
    #957059 rgba(149, 112, 89, 1);
    #54492E rgba(84, 73, 46, 1);
    #CCCC66 rgba(204, 204, 102, 1);
    #DD535C rgba(221, 83, 92, 1);
    #695532 rgba(105, 85, 50, 1);
    #635F51 rgba(99, 95, 81, 1);
    #8D8777 rgba(141, 135, 119, 1);
    #AD9059 rgba(173, 144, 89, 1);
    #D7B6C8 rgba(215, 182, 200, 1);
    #624F1C rgba(98, 79, 28, 1);
    #94B8D4 rgba(148, 184, 212, 1);
*/
.login-background-gradient
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, #0069AE 0%, #0079C9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0069AE), color-stop(100%,#0079C9));
    background: -webkit-linear-gradient(top, #0069AE 0%,#0079C9 100%);
    background: -o-linear-gradient(top, #0069AE 0%,#0079C9 100%);
    background: -ms-linear-gradient(top, #0069AE 0%,#0079C9 100%);
    background: linear-gradient(to bottom, #0069AE 0%,#fff 100%);
}

.login-main
{
    height: 480px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.login-main-head
{
    font-size: 32px;
    font-family: 黑体;
    color: rgba(255,255,255,0.9);
    height: 50px;
    float: left;
    text-shadow: 2px 2px 0px #000;
    padding-left: 30px;
}

.login-main-body
{
    border-top: 2px solid rgba(255,255,255,0.8);
    border-bottom: 2px solid rgba(255,255,255,0.8);
    background: rgba(255,255,255,0.6);
    padding: 20px;
}

.login-form-package
{
    padding: 5px 10px;
    font-family: 黑体;
    font-size: 22px;
    /*color: rgba(0,105,174,0.8);*/
    color: rgba(0,0,0,0.6);
    border-bottom: 1px dotted rgba(0,0,0,0.8);
    height: 28px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.login-notice-list li
{
    height: 40px;
    line-height: 40px;
    /*border-bottom: 1px dotted rgba(0,105,174,0.4);*/
    border-bottom: 1px dotted rgba(0,0,0,0.4);
    padding-left: 15px;
    overflow: hidden;
}

.login-notice-list li:last-child
{
    border-bottom: 0;
}

ul li
{
    list-style-type: none;
    border: none;
}

.login-notice-list li a
{
    display: block;
    float: left;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: rgba(255,255,255,0.8);*/
    font-size: 16px;
}

.login-notice-list li cite
{
    font-style: normal;
    /*color: rgba(255,255,255,0.8);*/
    margin-right: 15px;
    float: right;
}

.login-nav
{
    position: relative;
    padding-top: 10px;
    font-size: 16px;
    box-sizing: border-box;
    padding-right: 30px;
}

.login-nav .login-nav-item
{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 40px;
}

.login-nav .login-nav-item a
{
    display: block;
    padding: 0 10px;
    text-decoration: none;
    color: rgba(255,255,255,.8);
    /* transition: all .3s; */
    /* -webkit-transition: all .3s; */
}

@media screen and (max-width: 768px)
{
    .login-main-head
    {
        font-size: 24px;
        height: 30px;
        padding-left: 20px;
    }

    .login-nav
    {
        padding-top: 5px;
        font-size: 14px;
        padding-right: 20px;
    }

    .login-nav .login-nav-item
    {
        line-height: 30px;
    }
}


/********************登陆界面式样************************/
.login-form-body
{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 540px;
    height: 400px;
    overflow: auto;
    cursor: pointer;
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.login-form-top
{
    overflow: hidden;
    background-image: url('images/regist_head.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0 40px 0px 40px;
    border-bottom: 5px solid #000;
    text-align: left;
}

.login-form-top-left
{
    float: left;
    width: 75%;
    padding-top: 30px;
    font-size: 24px;
    letter-spacing: 1px;
}

.login-form-top-left h2
{
    font-family: '微软雅黑' !important;
    margin-top: 0;
    font-weight: 600;
    font-size: 1.4em !important;
}

.login-form-top-right
{
    float: left;
    width: 25%;
    padding-top: 25px;
    color: #ddd;
    line-height: 100px;
    text-align: right;
}

.login-form-top-right .fa
{
    font-size: 64px;
}

.login-form-bottom
{
    padding: 25px 50px 20px 50px;
    background: #fff;
    text-align: left;
}

/********************注册界面式样************************/
.regist-form-body
{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 800px;
    height: 615px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.regist-form-top
{
    overflow: hidden;
    background-image: url('images/regist_head.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px 60px 5px 60px;
    text-align: left;
    border-bottom: 5px solid #000;
}

.regist-form-top-left
{
    padding-top: 25px;
    font-size: 24px;
    color: #999;
    letter-spacing: 1px;
    text-align: right;
}

.regist-form-top-left h2
{
    font-family: '微软雅黑' !important;
    margin-top: 0;
    font-weight: 600;
    font-size: 1.2em !important;
}

.regist-form-top-left p
{
    font-size: .7em;
    color: #ccc;
    font-style: italic;
}

.regist-form-top-right
{
    float: left;
    width: 25%;
    padding-top: 25px;
    color: #ccc;
    line-height: 60px;
    text-align: right;
}

.regist-form-top-right .fa
{
    font-size: 56px;
}

.regist-form-bottom
{
    padding: 25px 50px 0 50px;
    background: #fff;
    text-align: left;
}

.regist-form-bottom form .input-error
{
    border-color: #de995e;
    color: #de995e;
}