body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
input,
button,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: #0074ad;
}

.container {
    position: relative;
    background-color: #0074ad;
    width: 100%;
    height: 100%;

}

.loginMain {
    width: 900px;
    height: 100%;
    margin: auto auto;
}

.loginMain,
.shadowLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-box-lines: single;
}

.loginShadow {
    width: 100%;
    overflow: hidden;
    box-shadow: 2.736px 7.518px 7.52px 0.48px rgba(0, 68, 102, 0.5);
}

.shadowLeft {
    width: 560px;
    height: 420px;
    float: left;
}

.shadowLeft img {
    width: 100%;
    height: 100%;
}

.shadowRight {
    float: left;
    width: 340px;
    height: 420px;
    background-color: #fff;
}

.inputTitle {
    text-align: center;
    height: 80px;
    line-height: 95px;
}

.inputTitle span {
    font-size: 28px;
    color: #4c96e0
}

.inputRow {
    overflow: hidden;
    width: 256px;
    height: 42px;
    border: 2px solid #4c96e0;
    border-radius: 6px;
    position: relative;
    margin: 16px 16px 20px 32px;
    box-sizing: border-box;
}

.inputCode {
    /* overflow: hidden; */
    width: 256px;
    height: 42px;
    box-sizing: border-box;
    margin: 16px 16px 20px 32px;
}

.inputCode .code-box {
    float: left;
    width: 145px;
    height: 42px;
    border: 2px solid #4c96e0;
    border-radius: 6px;
    position: relative;
    box-sizing: border-box;
}

.inputCode .code-box .code {
    width: 90px;
    height: 38px;
    float: left;
    border: none;
    outline: none;
}

.inputCode .code-icon {
    float: left;
    width: 96px;
    height: 38px;
    margin-left: 15px;
}

.inputRow span,
.inputCode .code-box span {
    width: 32px;
    height: 38px;
    float: left;
    font-size: 26px;
    color: #4c96e0;
    line-height: 38px;
    margin-left: 15px;
}

.inputCode .code-box span{
    font-size: 24px;
}

.inputRow input.input {
    width: 190px;
    height: 38px;
    float: left;
    border: none;
    outline: none;
}

.inputSubmit {
    font-size: 0;
    padding: 0 22px 0 32px;
}

.inputSubmit .btn-primary {
    width: 100%;
    height: 42px;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border: none;
    margin-top: 5px;
}

.active {
    box-shadow: 1px 1px 3px #4c96e0, -1px -1px 3px #4c96e0;
}

.container-fluid,
.form-horizontal {
    height: 400px;
}