@charset 'UTF-8';
/* UED Interaction (http://www.njued.com) */
/* Design By Gkmk Copyright 2016 UED Interaction */
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
/* typography.css */
html {font-size: 625%;width:100%; height:100%;}
@media screen and (min-width: 320px) { html { font-size:100.00px; } }

body {font-family:'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif; font-size:14px; line-height:1.5; color:#121212; background:#f5f5f5; width:100%; height:100%; text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {font-weight:100;}
h1 {font-size:50px;line-height:60px;margin-bottom:20px;}
h2 {font-size:44px;line-height:50px;margin-bottom:20px;}
h3 {font-size:34px;line-height:50px;margin-bottom:20px;}
h4 {font-size:28px;line-height:40px;margin-bottom:20px;}
h5 {font-size:26px;line-height:30px;margin-bottom:15px;}
h6 {font-size:18px;line-height:30px;margin-bottom:15px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

a:hover {color:#08d468; text-decoration:none;}
a {color:#666;text-decoration:underline;outline:none;-webkit-transition: all 0.3s;-moz-transition:  all 0.3s;	transition:  all 0.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.fl{float:left;}
.fr{float:right;}
.fred{color:#f00;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a1a9b2;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#a1a9b2;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#a1a9b2;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#a1a9b2;}

/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
/*font set*/

/*comm style*/
.container{position:relative; margin:0 auto; width:100%; max-width:1184px; min-width:1024px; padding:0 12px;}

/*layout style*/
.LG-header{height:70px; background:#fff; width:100%;min-width:1024px;}
.LG-header h1{margin:0; float:left; padding:10px 0; }
.LG-header h1 a.logo{display:block; width:400px; height:50px; background:url(../../img/feature/public/logo-1.png) no-repeat center; text-indent:-9999px;}
.LG-header p{margin:15px 0; float:right; height:40px;}
.LG-header p a,.c-e a{display:inline-block; margin:0 6px; width:40px; height:40px; border-radius:20px; background:#f0f0f0; text-align:center; line-height:40px; font-size:15px; color:#666;}
.LG-header p a:hover,.c-e a:hover{background:#ddd;}
.LG-header p a.current,.LG-header p a.current:hover,.c-e a.current,.c-e a.current:hover{background:#ff592d; color:#fff;}
.LG-body{width: 100%; min-width:1024px; height: calc(100% - 70px - 70px); min-height: 400px;  position: absolute;  top: 70px;  left: 0; background:url(../../img/feature/public/login-bg-1.jpg) no-repeat center #f5f7fa; background-size:cover;}
.LG-body .container{height:100%;}
.LG-footer{position: fixed; bottom: 0;  width: 100%; text-align: center; background: #fff;}
.LG-footer p{font-size:14px; color:#a1a9b2; line-height:70px;}

/*login*/
.img-box{position: absolute; left: 0; top: 50%; width: 580px; transform: translate(0,-50%);  -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);}
.img-box img{display:block; width:100%;}

/* login-pic-combination */
.login-box{position: absolute;  right: 40px; top:50%;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;width: 420px; overflow: hidden;  background: #fff; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);box-shadow: 0 0 14px rgba(0,0,0,.34); -webkit-box-shadow: 0 0 14px rgba(0,0,0,.34); -moz-box-shadow: 0 0 14px rgba(0,0,0,.34); -o-box-shadow: 0 0 14px rgba(0,0,0,.34);}
.login-title{margin:0 auto; width:300px; font-size:18px; padding:35px 0 25px; color:#333;}
.login-title-absolute{margin:0 auto; width:300px; font-size:18px;color:white;position:absolute;padding-left: 32%; padding-top: 35%;}
.login-input{width: 100%; padding: 10px; border: 1px solid #e9e9e9; line-height: 23px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.has-error-input{border: 1px solid #fc2736;}

/*layout two*/
.c-e{text-align:center;padding:50px 0;}
.c-e .document-hover{cursor: pointer}
.img-box-big{position: absolute; left:0; top: 0; width:calc(100% - 10% - 420px); height:100%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.img-box-big img{display:block; width:50%; min-width:420px;}

.bor-color .el-form-item__label{
    /*border:1px dashed orange;*/
    background:rgb(255,255,153);
    /*height:32px;
    line-height:32px;*/
    border-radius:5px;
    /*font-weight: bold;
    font-style: italic;*/
}

.bor-color-yellow .el-form-item__label {
    /*border:1px dashed orange;*/
    color: blue;
    /*height:32px;
    line-height:32px;*/
    border-radius: 5px;
    /*font-weight: bold;
    font-style: italic;*/
}

.bor-color-red .el-form-item__label {
    /*border:1px dashed orange;*/
    color: red;
    /* background: rgb(255, 255, 153); */
    /*height:32px;
    line-height:32px;*/
    border-radius: 5px;
    /*font-weight: bold;
    font-style: italic;*/
}

.bac-color{
    background-color: orange;
}

.label-highlight .el-form-item__label{
    background: orange;
}

/*.label-highlight .el-input__inner{
    background-color: red;
    color: white;
}*/