body{
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 1366px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    
}
.header{
    z-index: 2;
    width: 100%;
    min-width: 1366px;
    height: 70px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.header > img {
    padding: 1% ;
}
.footer {
    width: 100%;
    min-width: 1366px;
    top: 98%;
    background: #f00;
    bottom: 0;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 2;
}
.footer > div{
    width: 100%;
}
.footer .unit {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 1px;
    color: #5d6070;
}
.footer .links{
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.footer .links > .line {
    display: inline-block;
    width: 32px;
    height: 1px;
    background-color: #5d6070;
    margin: 0 20px 4px 20px;
}

.footer .links > .name{
    color: #5d6070;
    font-weight: 500;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
}
.footer .links > .name::before,
.footer .links > .name::after{
    position: absolute;
    top: -5px;
    font-weight: 100;
    font-size: 150%;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}
.footer .links > .name::before {
    left: -8px;
    content: '[';
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.footer .links > .name::after {
    right: -8px;
    content: ']';
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
 .footer .links > .name:hover {
     color: #d04c3f;
 }
.footer .links > .name:hover::before,
.footer .links > .name:hover::after{
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.main {
    width: 100%;
    min-width: 800px;
    height: 100%;
    background: url(images/bg.png) no-repeat;
    
    position: relative;
    background-size: 100%;
}
.main .login-box{
    margin:auto 0;
    z-index: 2;
    position: fixed;
    right: 10%;
    top: 20%;
    width: 400px;
    height: 400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fdfdfd;
    -webkit-box-shadow: 0 6px 10px rgba(28,33,39,.15);
    -moz-box-shadow: 0 6px 10px rgba(28,33,39,.15);
    box-shadow: 0 6px 10px rgba(28,33,39,.15);
}
.main .login-box .title {
    margin-top: 35px;
    width: 100%;
    height: 31px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.main .login-box .form {
    width: 100%;
    margin-top: 30px;
}
.main .login-box .input{
    text-align: center;
    margin: 20px 0;
}
.main .login-box input {
    width: 80%;
    height: 30px;
    padding: 3px 10px;
    border-radius: 4px;
    background: #f5f5f5;
    border: solid 1px #cdcdcd;
}
.main .login-box input.code {
    width: 44%;
    vertical-align: middle;
}
    .main .login-box .submit {
        width: 90%;
        margin: auto;
        font-size: 16px;
        color: #ffffff;
        border-radius: 4px;
        text-align: center;
        padding: 10px 0;
        cursor: pointer;
        background-color: #ef3224;
        transition: all .3s;
    }
.main .login-box  .submit:hover {
    background-color: #ef3224;
}
.main .login-box .error {
    width: 100%;
    color: #f00;
    height: 22px;
    text-align: center;
    margin-bottom: 10px;
}
#codeimage {
    vertical-align: middle;
    display: inline-block;
    width: 30%;
    height: 32px;
    background-color: #bcbfcc;
    border-radius: 4px;
    border: solid 1px #cdcdcd;
}

@charset "utf-8";
/*
 * lhgdialog discuz皮肤
 * (C) 2009-2011 【一丝冰凉】, http://t.qq.com/yisibl, QQ:50167214
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
 */
/*==================制作新皮肤从这里开始复制==================*/
/*基本重置*/
body{ _margin:0; }/*IE6 BUG*/
.ui_lock_scroll{ *overflow:hidden; }
.ui_lock_scroll body{ overflow:hidden; }

/*结构层*/
.ui_content,.ui_title,.ui_buttons input{ font:12px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }
table.ui_border,table.ui_dialog{ width:auto;border-spacing:0;*border-collapse:collapse; }
.ui_border td,.ui_dialog td{ padding:0; }
.ui_dialog{ background:#FFF; }

/*标题部分开始*/
.ui_title{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:move;background:#DDD;-moz-user-select:none;-webkit-user-select:none;padding:0 100px 0 0; }
.ui_title_buttons{ position:absolute;cursor:pointer;font-size:0;letter-spacing:-.5em; }

/*对齐自适应*/
.ui_main{ min-width:6em;min-width:0\9;text-align:center; }
.ui_content{ display:inline-block;*display:inline;zoom:1;text-align:left; }
.ui_content.ui_state_full{ display:block;width:100%;height:100%;margin:0;padding:0!important; }
.ui_content.ui_state_full iframe{ border-radius:0 0 5px 5px; }
.ui_loading{ width:96px;height:32px;text-align:left;text-indent:-9999em;overflow:hidden;background:url(icons/loading.gif) no-repeat center center; }
.ui_icon_bg{ margin:20px 0 20px 15px; }

/*标题纯CSS按钮开始 min 最小化，max最大化，res还原，rese恢复，close关闭*/
.ui_min,.ui_max,.ui_close,.ui_res{ position:relative;text-decoration:none;letter-spacing:normal;text-align:center;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-family:tahoma,arial,\5b8b\4f53,sans-serif; }
.ui_min b,.ui_max b,.ui_res_t,.ui_res_b{ display:block;position:absolute;overflow:hidden;cursor:pointer; }
.ui_close{ font-weight:500;text-decoration:none;outline:0 none; }
.ui_close:hover{ text-decoration:none; }

/*Tips部分*/
.ui_state_tips .ui_main{ min-width:3em; }
.ui_state_tips .ui_content{ margin-top:-2px;padding:8px 10px!important; }
.ui_state_tips .ui_icon_bg{ margin:5px 0 6px 9px; }
.ui_state_tips .ui_title,.ui_state_tips .ui_title_buttons,.ui_res{ display:none; } /* 还原按钮也在这里隐藏，这样可节省代码，注间这段一定要写在上面那段代码的下面*/

#ldg_lockmask{ background:#DCE2F1;filter:alpha(opacity=60);opacity:.6; }
/*==================制作新皮肤到这里结束复制==================*/

/*样式层开始*/
.ui_inner{ border:1px solid #888; }
.ui_border{ border-radius:4px; }
.ui_lt,.ui_rt,.ui_lb,.ui_rb{ width:7px;height:7px;display:block; }/*防止改变浏览器大小挤压窗口边框*/
.ui_lt{ border-radius:4px 0 0 0; }.ui_rt{ border-radius:0 4px 0 0; }.ui_rb{ border-radius:0 0 4px 0; }.ui_lb{ border-radius:0 0 0 4px; }
.ui_lt,.ui_rt,.ui_l,.ui_r,.ui_lb,.ui_b,.ui_t,.ui_rb{ background:rgba(0,0,0,.2);background:#000\9;filter:alpha(opacity=20); }

/*标题栏样式*/
.ui_title_bar{ position:relative;height:100%; }
.ui_title{ height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#888;border-bottom:1px solid #DDD\9;background:none;padding-left:7px; }
.ui_title:after{ content:"";display:block;height:8px;width:100%;position:absolute;top:26px;left:0;
background:-moz-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* FF3.6+ */
background:-webkit-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* Chrome10+,Safari5.1+ */
background:-o-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* Opera 12+ */
background:-ms-radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%); /* IE10+ */
background:radial-gradient(center,ellipse cover,#c8c8c8 10%,#FFFFFF 75%);/* W3C */display:none\9; }
.ui_title:before{ content:"";display:block;height:5px;width:100%;position:absolute;top:26px;left:0;background:#FFF;z-index:1;display:none\9; }
.ui_state_focus .ui_title { color:#336699; }
.ui_state_drag .ui_title { border-top-color:#4E84C0; }

/*标题纯CSS按钮定位部分*/
.ui_title_buttons{ top:5px;right:5px; }
.ui_min,.ui_max,.ui_close,.ui_res{ margin-left:2px;color:#888;font-size:20px;width:20px;height:20px;line-height:18px;border-radius:2px; }
.ui_min_b{ top:10px;left:4px;width:12px;height:2px;border-bottom:2px solid #888; }
.ui_max_b{ top:5px;left:4px;width:10px;height:7px; }
.ui_res_t,.ui_res_b{ top:8px;left:2px;width:10px;height:5px; }
.ui_res_b{ top:4px;left:6px; }
.ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #888;border-top-width:3px; }
.ui_res_t{ background:#FFF; }/*还原按钮底部框背景与标题背景融合*/
.ui_close{ vertical-align:baseline;_line-height:22px;margin-left:0; }
.ui_close:hover,.ui_close:focus { color:#FFF;outline:0 none;background:#c72327; }
.ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#FFF; }
.ui_res:hover b{ background:#039ed0;}
.ui_min:hover,.ui_max:hover,.ui_res:hover{ background:#039ed0; }
/*标题按钮结束*/

/*底部按钮样式*/
.ui_buttons{ white-space:nowrap;padding:4px 8px;text-align:right;background-color:#F6F6F6;border-top:solid 1px #DADEE5; }
.ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }

.ui_buttons input{ padding:3px 10px 3px 12px;padding:5px 10px 2px 12px\0;*padding:4px 10px 2px 10px;margin-left:6px;cursor:pointer;display:inline-block; 
text-align:center;line-height:1;height:23px;letter-spacing:3px;overflow:visible;color:#333;border:solid 1px #999;border-radius:3px;border-radius:0\9;background:#DDD;
background:linear-gradient(top,#FAFAFA,#E4E4E4);
background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4');
text-shadow:0 1px 1px rgba(255,255,255,1);box-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.09);
-moz-transition:-moz-box-shadow linear .2s;-webkit-transition:-webkit-box-shadow linear .2s;transition:box-shadow linear .2s; }
.ui_buttons input:focus{ outline:0 none;box-shadow:0 0 3px #0e78c9; }
.ui_buttons input:hover{ color:#000;border-color:#666;box-shadow:none; }
.ui_buttons input:active{ border-color:#666;
background:linear-gradient(top,#FAFAFA,#E4E4E4);
background:-moz-linear-gradient(top,#FAFAFA,#E4E4E4);
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#E4E4E4));
background:-o-linear-gradient(top,#FAFAFA,#E4E4E4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E4E4E4'); }
.ui_buttons input[disabled]{ cursor:default;color:#666;background:#DDD;border:solid 1px #999;filter:alpha(opacity=50);opacity:.5;box-shadow:none; }

input.ui_state_highlight{ color:#FFF;border:solid 1px #1c6a9e;text-shadow:0 -1px 1px #1c6a9e;background:#2288cc;
background:linear-gradient(top,#33bbee,#2288cc);
background:-moz-linear-gradient(top,#33bbee,#2288cc);
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
background:-o-linear-gradient(top,#33bbee,#2288cc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }
input.ui_state_highlight:hover{ color:#FFF;border-color:#555; }
input.ui_state_highlight:active{ border-color:#1c6a9e;
background:linear-gradient(top,#33bbee,#2288cc);
background:-moz-linear-gradient(top,#33bbee,#2288cc);
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#33bbee),to(#2288cc));
background:-o-linear-gradient(top,#33bbee,#2288cc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee',endColorstr='#2288cc'); }

/*Tips 部分开始*/
.ui_state_tips,.ui_state_tips .ui_inner,.ui_state_tips .ui_title_bar{ border:0 none;box-shadow:none; }
.ui_state_tips .ui_lt,.ui_state_tips .ui_rt,.ui_state_tips .ui_lb,.ui_state_tips .ui_rb{ width:5px;height:5px; }