body {
    font-family : '微软雅黑', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    font-size   : 14px;
    font-style  : normal;
    font-variant: normal;
}

body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
select,
table,
td,
ul {
    margin    : 0;
    padding   : 0;
    box-sizing: border-box;
    font-size : 14px;
}

html,
body {
    width : 100%;
    height: 100%;
}

a {
    outline-style: none;
    border       : 0
}

a:hover {
    color: #c53925;
}

input,
select,
textarea {
    font-size         : inherit;
    font-family       : inherit;
    color             : #333;
    outline           : 0;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    border            : 0;
    border-radius     : 0
}

input {
    border : 0;
    padding: 0 12px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ababab;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #ababab;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ababab;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ababab;
}

img {
    border : 0;
    display: block
}

li {
    list-style-type: none;
    vertical-align : 0
}

.hidden {
    display: none
}

.visibility {
    visibility: hidden
}

.fleft {
    float: left
}

.fright {
    float: right
}

.clearfix:after {
    display   : block;
    clear     : both;
    content   : "";
    visibility: hidden;
    height    : 0
}

.page {
    width              : 100%;
    height             : 100%;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
    position           : relative;
    display            : none;
}


.logo {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    margin   : 13vh auto 0;

}

.logo img {
    display: block;
    width  : 465px;
    height : 81px;
    margin : 0 auto;
}

.main {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.login {
    width           : 711px;
    background-color: #fff;
    box-shadow      : 0 0 50px 0 rgba(30, 30, 30, 0.13);
    border-radius   : 6px;
    padding         : 42px 108px 38px;
    margin-top      : -25px;
}

.title {
    text-align : center;
    font-size  : 36px;
    color      : #e7442d;
    padding    : 0 0 38px;
}

.label {
    display      : flex;
    height       : 42px;
    margin       : 0 auto 21px;
    border       : 1px solid #dadada;
    border-radius: 4px;
    overflow     : hidden;
}

.login_l {
    width           : 35px;
    background-color: #bbbbbb;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.login_l img {
    display: block;
    width  : 15px;
    height : 17px;
}

.login_r {
    flex    : 1;
    position: relative;
}

.login_r i {
    position : absolute;
    top      : 8px;
    right    : 10px;
    font-size: 25px;
    color    : #dedede;
    cursor   : pointer;
}

.login_r input {
    width           : 100%;
    height          : 40px;
    line-height     : 40px;
    background-color: #fbfbfb;
}

.label_code {
    display: flex;
}

.login_code_l {
    flex         : 1;
    border       : 1px solid #dadada;
    border-radius: 4px;
    overflow     : hidden;
}

.login_code_l input {
    width           : 100%;
    height          : 40px;
    line-height     : 40px;
    background-color: #fbfbfb;
}

.login_code_r {
    width          : 154px;
    height         : 42px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    padding        : 4px 21px;
    margin-left    : 17px;
    border         : 1px solid #f0eded;
    border-radius  : 4px;
    overflow       : hidden;
    cursor         : pointer;
}

.login_code_r img {
    display: block;
    width  : 100%;
    height : 100%;
}

.tips {
    height     : 30px;
    line-height: 30px;
    text-align : left;
    font-size  : 13px;
    color      : #d80c18;
}

.error {
    border-color: #e7442d;
}

.login_btn {
    width           : 100%;
    height          : 42px;
    color           : #fff;
    background-color: #e7442d;
    text-align      : center;
    line-height     : 42px;
    border-radius   : 4px;
    margin-bottom   : 17px;
    cursor          : pointer;
}

.link_btn {
    font-size      : 14px;
    color          : #e7442d;
    text-decoration: none;
    float          : right;
    margin-left    : 26px;
}

.foot {
    position  : absolute;
    bottom    : 54px;
    left      : 50%;
    transform : translateX(-50%);
    text-align: center;
}

.foot_text {
    font-size : 14px;
    text-align: center;
    color     : #545454;
}

.cas-use {
    width          : 100%;
    height         : 43px;
    display        : flex;
    align-items    : center;
    justify-content: flex-start;
}

.can-use span {
    font-size  : 14px;
    font-weight: 400;
    color      : #949494;
    cursor     : default;
}

.can-use a {
    font-size  : 14px;
    font-weight: 400;
    color      : #949494;
    cursor     : pointer;
}

.can-use img {
    width       : 19px;
    height      : 19px;
    margin      : 0 1px 0px 10px;
    display     : inline;
    margin-top  : -3px;
    margin-right: 3px;
}

.login_links {
    margin-bottom: 15px;
}

.login_links .cas-login {
    color : #0b63e6;
    cursor: pointer;
}

.foot p {
    color        : #949494;
    margin-bottom: 5px;
}

.foot a {
    color : #949494;
    cursor: pointer;
}

.foot a:hover {
    color: #949494;
}

.ty_login .ty_login_title{
    font-size: 17px;
    text-align: center;
    color: #2d2c2c;
}
.ty_btn{
    border-radius: 30px;
    font-size: 17px;
    margin-top: 25px;
    height: 49px;
    line-height: 49px;
}
.ty_text{
    font-size: 13px;
    color: #747474;
    text-align: center;
    margin-top: 85px;
}
.ty_text a{
    color: #c12c27;
    text-decoration: underline;
    cursor: pointer;
}