* {
    margin: 0 auto;
    padding: 0
}

body {
    margin: 0 auto;
    font: 12px/1.5 'Microsoft YaHei',"Microsoft JhengHei UI","Microsoft JhengHei",Pmingliu,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue",tahoma,arial,'Hiragino Sans GB',"\5b8b\4f53",sans-serif;
    color: #FFF!important;
    min-width: 1338px;
	background-color:#000000;
	overflow:hidden;
}

a {
    color: #555;
    text-decoration: none;
    outline: none!important
}

a:hover {
    color: #f13131
}

b {
    font-weight: normal
}

ul,li,ol {
    margin: 0;
    padding: 0;
    list-style: none
}

img {
    border: none
}

input,button,select,textarea {
    outline: none;
    border: none
}

input {
    font-family: 'Microsoft YaHei'
}

.container {
    z-index: 7;
    position: absolute;
    width: 290px;
    height: auto;
    top: 33%;
    right: 31%
}

.logo {
    width: 286px;
    height: 101px;
    background: url(../img/big_logo.png) no-repeat
}

.form-box {
    float: left;
    display: inline-block
}

.login-checkbox {
    display: block;
    z-index: 7;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.login-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 2px solid #65647a;
    background-color: #2b0826
}

.login-checkbox:hover input~.checkmark {
    background-color: #4c1949
}

.login-checkbox input:checked~.checkmark {
    background-color: #422b25;
    border: 2px solid #c1bc78
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.login-checkbox input:checked~.checkmark:after {
    display: block
}

.login-checkbox .checkmark:after {
    left: 4px;
    top: -0px;
    width: 5px;
    height: 10px;
    border: solid #c2be77;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.web_input {
    font-size: 12px;
    width: 170px;
    display: inline-block
}

.web_input .web_input_box {
    margin: 10px;
    border-bottom: 2px solid #403f4f;
    display: flex;
    padding: 5px 0 5px 5px
}

.web_input label {
    flex: 0;
    font-size: 14px;
    text-align: left;
}

.web_input input {
    flex: 2;
    border: 0;
    background-color: inherit;
    color: #655b76;
    text-indent: 10px;
    height: 20px;
    font-size: 12px
}

.web_input input[placeholder] {
    font-size: 12px
}

.web_input i {
    font-style: normal;
    width: 18px
}

.web_input .web_input_box.change {
    border-bottom: 2px solid #4d51a8
}

.web_input .web_input_box.change input {
    border-left: 1px solid #4d51a8
}

.web_input .web_input_box.error {
    border-bottom: 2px solid #fa3e54
}

.web_input .web_input_box.error input {
    border-left: 1px solid #fa3e54
}

.web_input .web_input_box.error i {
    font-style: normal;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #fa3354;
    text-align: center;
    font-size: 10px;
    line-height: 18px
}

.web_input .error_tit {
    text-align: right;
    color: #fa3354;
    font-size: 12px;
    margin-top: 2px
}

.web_input .tit {
    text-align: right;
    color: #CAC57A;
    font-size: 12px;
    margin-top: 2px;
    margin-right: 10px
}

.web_input .tit.ng-enter {
    transition: 1s linear all;
    opacity: 0
}

.web_input .tit.ng-enter.ng-enter-active {
    opacity: 1
}

.web_input .tit.ng-leave {
    transition: 1s linear all;
    opacity: 1
}


.web_input .tit.ng-leave.ng-leave-active {
    opacity: 0
}

.web_input .web_input_box.ok {
    border-bottom: 2px solid #699c2d
}

.web_input .web_input_box.ok input {
    border-left: 1px solid #699c2d
}

.web_input .web_input_box.ok i {
    font-style: normal;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #699c2d;
    text-align: center;
    font-size: 10px;
    line-height: 18px
}

.web_btn {
    background: rgba(146,149,219,.3);
    font-size: 14px;
    font-weight: bold;
    height: 70px;
    width: 70px;
    line-height: 25px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: 2px solid #7d81d9;
    box-shadow: 0 0 10px rgba(129,54,168,.34)
}


.web_input .web_input_box {
    margin: 0px;
    border-bottom: 2px solid #4a3c5e;
    display: flex;
    padding: 10px 0 5px 2px;
}

.web_btn {
    background: #492a65;
    font-size: 16px;
    font-weight: bold;
    height: 70px;
    width: 70px;
    line-height: 25px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: 2px solid #7d81d9;
    box-shadow: 0 0 15px 1px rgb(154, 106, 167);
    transition: all .1s linear
}
.web_btn:hover {
    background: rgba(146,149,219,.5);
    border: 2px solid #686dd6;
    box-shadow: 0 0 10px rgba(129,54,168,.6)
}

.web_btn:active {
    background: rgba(191,183,34,0.5);
    border: 2px solid #dcd030;
    box-shadow: 0 0 10px rgba(129,54,168,.6)
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #dcdeb2!important
}
.form-box {
    float: left;
	margin-top: 15px;
    display: inline-block;
    letter-spacing: 1px
}
.container > .form-box > div:last-child {
    margin-top: 20px !important;
    margin-left: 25px !important;
}
.container > .form-box:nth-child(3) {
   margin-top: 0px !important;
   margin-left: 0px !important;
}
.container > .form-box:nth-child(3) > div:nth-child(2) {
    margin-top: 0px !important;
}
.login-backgroud {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.login-backgroud img {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s linear;
}

.login-backgroud img.loaded {
  opacity: 1;
}
.hide { opacity:0;}
.img-small {
	width: 100%;
    height: 100%;
    background: url(../img/oblique_block_Small.png) no-repeat top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  /* this is needed so Safari keeps sharp edges */
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: opacity 1s linear;
}
.login-backgroud img {
	width:100%;height:100%;}

.login-backgroud {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    display: block;
    background-size: 100% 100%;
}