abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0;
    vertical-align: baseline
}

body {
    line-height: 1
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    background: 0;
    vertical-align: baseline;
    font-size: 100%
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-weight: 700;
    font-style: italic
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

input,
select {
    vertical-align: middle
}

body {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ededed;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    line-height: 1.4em
}

input::-ms-clear {
    display: none
}

input:focus,
textarea:focus {
    outline: 0
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

textarea {
    resize: none;
    -webkit-appearance: none
}

#container {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

#content {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

@media only screen and (max-width:960px) {
    #container {
        width: 100%
    }

    #content {
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0
    }
}

header {
    padding-top: 10px
}

header #logo {
    display: block;
    margin: 0 0 10px 10px;
    width: 118px;
    height: 31px;
    background: url(../images/ja-sig-logo.gif) no-repeat;
    text-indent: -999em
}

header h1 {
    padding: 1.4em 1.4em;
    background: #b90d44;
    color: #fff;
    font-weight: 400;
    font-size: 2em
}

#content {
    overflow: hidden
}

.logo {
    position: absolute;
    top: -20%;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 25px
}

#msg {
    margin-bottom: 10px;
    padding: 20px
}

#msg h2 {
    margin-bottom: 1em;
    font-size: 1.4em
}

#msg.success {
    padding-left: 10px;
    border: 1px dotted #390;
    background: url(../images/confirm.gif) no-repeat 20px center;
    color: #390
}

#msg.info {
    padding-left: 10px;
    border: 1px dotted #008;
    background: url(../images/info.gif) no-repeat 20px center;
    color: #008
}

#msg.question {
    padding-left: 10px;
    border: 1px dotted #390;
    background: url(../images/question.png) no-repeat 20px center;
    color: #390
}

#msg.warn {
    padding-left: 10px;
    border: 1px dotted #960;
    background: #ffbc8f url(../images/info.gif) no-repeat 20px center;
    color: #960
}

#msg.warn .message {
    margin: 1em;
    color: #000;
    font-size: 1.4em
}

.fm1form h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    font-size: 1.4em
}

.fm1form .row.check {
    margin-bottom: 10px;
    color: #777;
    font-size: 11px
}

.fm1form .row.check label {
    display: inline
}

.fm1form .row .btn-reset {
    margin-right: 4px;
    padding: 3px;
    border-width: 2px
}

.fm1form .row .btn-reset:hover,
.fm1form .row .btn-submit:hover {
    cursor: pointer
}

.fm1form .row .iconfont {
    color: #bfbfbf;
    font-size: 14px
}

.m-third-login li {
    list-style: none
}

.m-third-login .list a {
    margin-top: 10px;
    width: 100%;
    color: #999;
    text-align: center;
    text-decoration: none;
    font-family: "微软雅黑"
}

.m-third-login .list a img {
    margin-right: -3px;
    margin-bottom: -2px
}

#sidebar {
    width: auto
}

#sidebar .sidebar-content {
    padding-left: 20px
}

#sidebar .sidebar-content p {
    margin-bottom: 1.4em
}

#list-languages ul {
    list-style: none
}

#list-languages ul li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #e2e2e2
}

#list-languages ul li:last-child {
    border: 0;
    line-height: 1.4em
}

.fm1form .row input[type=password].no_pic,
.fm1form .row input[type=text].no_pic {
    width: 94%
}

.oauthlogin {
    float: left;
    cursor: pointer
}

.row #piccode {
    float: left;
    margin-top: 1px;
    margin-left: 0;
    width: 30%;
    height: 36px
}

.row #inputCode {
    width: 63% !important
}

footer {
    margin: 20px 0;
    color: #999
}

#fm3 {
    display: none
}

#fm2 {
    padding: 5% 10% 3% 10%;
    font-family: '微软雅黑'
}

#fm2 h2 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    font-size: 1.4em
}

#fm2 .row {
    position: relative;
    margin-bottom: 10px
}

#fm2 .row span {
    float: left;
    width: 20%;
    text-align: right;
    line-height: 28px
}

#fm2 .btn-row {
    text-align: center
}

#fm2 .desc-row {
    padding-bottom: 4%;
    color: #b00;
    text-align: center
}

#fm2 .row label {
    display: block;
    color: #b1b1b1;
    font-size: 13px;
    font-family: "微软雅黑"
}

#fm2 .row input[type=password],
#fm2 .row input[type=text] {
    padding: 5px 0;
    padding-left: 5%;
    width: 74%;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px
}

#fm2 .row.check {
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #777;
    font-size: 11px
}

#fm2 .row.check #warn {
    border: 1px solid #ddd;
    border-radius: 0;
    background: 0
}

#fm2 .row.check label {
    display: inline
}

#fm2 .row .btn-submit {
    margin-right: 4px;
    padding: 10px 3px;
    width: 100%;
    border: 0;
    background-color: #eb4047;
    color: #fff;
    font-family: '微软雅黑'
}

#fm2 .row .btn-reset {
    margin-right: 4px;
    padding: 3px;
    border-width: 2px
}

#fm2 .row .btn-reset:hover,
#fm2 .row .btn-submit:hover {
    cursor: pointer
}

#fm2 .row .register {
    margin-top: 10px;
    width: 100%;
    color: #999;
    text-align: center;
    font-family: "微软雅黑"
}

#fm2 .row .register a {
    color: #2788cc;
    font-size: 13px;
    font-family: "微软雅黑"
}

#fm2 .row .iconfont {
    color: #bfbfbf;
    font-size: 14px
}

#fm2 .row .forpw {
    float: right;
    color: #999;
    font-size: 13px
}

.fm1form section .RegisterP.onerow {
    float: right;
    margin-top: 0;
    width: auto
}

.passIcon,
.userIcon {
    float: left;
    width: 18%;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-right: 0;
    color: #999;
    text-align: center;
    line-height: 36px
}

.txt .passIcon,
.txt .userIcon {
    border-style: none
}

a.button {
    padding: 1.2em 1em .6em 1em;
    height: 1.7em;
    border-top: 1px solid #82b36c;
    border-right: 1px solid #304228;
    border-bottom: 1px solid #304228;
    border-left: 1px solid #82b36c;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #79946c;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 700
}

#big-buttons a.button {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 20px auto;
    width: 200px;
    border-top: 2px solid #82b36c;
    border-right: 2px solid #304228;
    border-bottom: 2px solid #304228;
    border-left: 2px solid #82b36c;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 1.6em
}

a.button:hover {
    background-color: #819e73;
    color: #ffff94
}

.button-down {
    border-top: 1px solid #304228;
    border-right: 1px solid #82b36c;
    border-bottom: 1px solid #82b36c;
    border-left: 1px solid #304228
}

#big-buttons .button-down {
    border-top: 2px solid #304228;
    border-right: 2px solid #82b36c;
    border-bottom: 2px solid #82b36c;
    border-left: 2px solid #304228
}

#casself_back {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

#casself_back .back_top {
    position: relative;
    width: 100%;
    height: 65%;
    background: #4664c6
}

#casself_back .back_bottom {
    position: relative;
    width: 100%;
    height: 35%;
    background: #fcfcfc
}

#casself_back .back_map {
    position: absolute;
    top: 2%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/map-01.png) center no-repeat;
    background-size: auto 100%
}

#casself_back .back_con {
    position: absolute;
    top: 14%;
    left: 0;
    width: 60%;
    height: 40%;
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/con-01.png) no-repeat;
    background-size: 100% auto
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1474939661);
    src: url(iconfont.eot?t=1474939661#iefix) format('embedded-opentype'), url(iconfont.woff?t=1474939661) format('woff'), url(iconfont.ttf?t=1474939661) format('truetype'), url(iconfont.svg?t=1474939661#iconfont_iform) format('svg')
}

.iconfont {
    font-style: normal;
    font-size: 16px;
    font-family: iconfont !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrowup:before {
    content: "\e612"
}

.icon-zhongzhi:before {
    content: "\e667"
}

.icon-baocun:before {
    content: "\e668"
}

.icon-component:before {
    content: "\e655"
}

.icon-star:before {
    content: "\e611"
}

.icon-plus:before {
    content: "\e614"
}

.icon-mail:before {
    content: "\e66a"
}

.icon-tongzhi:before {
    content: "\e677"
}

.icon-tishi:before {
    content: "\e66f"
}

.icon-ok:before {
    content: "\e670"
}

.icon-star1:before {
    content: "\e613"
}

.icon-arrow-down:before {
    content: "\e615"
}

.icon-arrow-up:before {
    content: "\e616"
}

.icon-design:before {
    content: "\e65d"
}

.icon-duanxin:before {
    content: "\e66b"
}

.icon-nccloud:before {
    content: "\e600"
}

.icon-nccloudhr:before {
    content: "\e601"
}

.icon-alarmsmd:before {
    content: "\e603"
}

.icon-arrowdown:before {
    content: "\e604"
}

.icon-bookmarks:before {
    content: "\e605"
}

.icon-favorite:before {
    content: "\e607"
}

.icon-help:before {
    content: "\e608"
}

.icon-home:before {
    content: "\e609"
}

.icon-more:before {
    content: "\e60a"
}

.icon-pcmac:before {
    content: "\e60b"
}

.icon-search:before {
    content: "\e60c"
}

.icon-setting01:before {
    content: "\e60d"
}

.icon-setting02:before {
    content: "\e60e"
}

.icon-text:before {
    content: "\e60f"
}

.icon-uesrs:before {
    content: "\e610"
}

.icon-cancel:before {
    content: "\e602"
}

.icon-adduser:before {
    content: "\e617"
}

.icon-dustbin:before {
    content: "\e618"
}

.icon-morebarrow:before {
    content: "\e619"
}

.icon-picture:before {
    content: "\e61b"
}

.icon-appicon:before {
    content: "\e61a"
}

.icon-informationicon:before {
    content: "\e61d"
}

.icon-organizationicon:before {
    content: "\e61e"
}

.icon-usericon:before {
    content: "\e61f"
}

.icon-moreicon:before {
    content: "\e621"
}

.icon-money:before {
    content: "\e623"
}

.icon-formthree:before {
    content: "\e624"
}

.icon-date:before {
    content: "\e625"
}

.icon-date1:before {
    content: "\e626"
}

.icon-mtext:before {
    content: "\e62f"
}

.icon-formtwo:before {
    content: "\e627"
}

.icon-mobilephone:before {
    content: "\e628"
}

.icon-mail1:before {
    content: "\e629"
}

.icon-morebarrow1:before {
    content: "\e62a"
}

.icon-text1:before {
    content: "\e62b"
}

.icon-checkbox:before {
    content: "\e62c"
}

.icon-radio:before {
    content: "\e62d"
}

.icon-enclosure:before {
    content: "\e62e"
}

.icon-form:before {
    content: "\e622"
}

.icon-setting:before {
    content: "\e630"
}

.icon-input:before {
    content: "\e631"
}

.icon-phone:before {
    content: "\e632"
}

.icon-add:before {
    content: "\e61c"
}

.icon-lock:before {
    content: "\e633"
}

.icon-palette:before {
    content: "\e634"
}

.icon-systemmanagement:before {
    content: "\e635"
}

.icon-message:before {
    content: "\e606"
}

.icon-adduser02:before {
    content: "\e620"
}

.icon-link:before {
    content: "\e636"
}

.icon-linkbreak:before {
    content: "\e637"
}

.icon-pencil:before {
    content: "\e639"
}

.icon-delete:before {
    content: "\e63a"
}

.icon-cancel02:before {
    content: "\e63b"
}

.icon-confirm:before {
    content: "\e63c"
}

.icon-s-plus:before {
    content: "\e63d"
}

.icon-xs-plus:before {
    content: "\e63e"
}

.icon-authorizationicon:before {
    content: "\e638"
}

.icon-selecticon:before {
    content: "\e63f"
}

.icon-accounticon:before {
    content: "\e640"
}

.icon-passwordicon:before {
    content: "\e642"
}

.icon-hiddentexticon:before {
    content: "\e643"
}

.icon-pinicon:before {
    content: "\e644"
}

.icon-icon4:before {
    content: "\e66e"
}

.icon-autohiddenicon:before {
    content: "\e641"
}

.icon-adminicon:before {
    content: "\e645"
}

.icon-arrowicon:before {
    content: "\e646"
}

.icon-row2column:before {
    content: "\e648"
}

.icon-row3column:before {
    content: "\e649"
}

.icon-tablelayout:before {
    content: "\e64a"
}

.icon-childtable:before {
    content: "\e64b"
}

.icon-canvas:before {
    content: "\e64d"
}

.icon-component1:before {
    content: "\e64c"
}

.icon-property:before {
    content: "\e64e"
}

.icon-youyuncai:before {
    content: "\e64f"
}

.icon-regisered:before {
    content: "\e650"
}

.icon-logout:before {
    content: "\e651"
}

.icon-part:before {
    content: "\e652"
}

.icon-personalized:before {
    content: "\e653"
}

.icon-skin:before {
    content: "\e654"
}

.icon-usermanagement:before {
    content: "\e656"
}

.icon-layout:before {
    content: "\e647"
}

.icon-packup:before {
    content: "\e657"
}

.icon-max:before {
    content: "\e658"
}

.icon-mini:before {
    content: "\e659"
}

.icon-unfold:before {
    content: "\e65a"
}

.icon-management:before {
    content: "\e65b"
}

.icon-template:before {
    content: "\e65c"
}

.icon-adminmanagement:before {
    content: "\e65e"
}

.icon-adminmenu:before {
    content: "\e65f"
}

.icon-application:before {
    content: "\e660"
}

.icon-company:before {
    content: "\e661"
}

.icon-license:before {
    content: "\e662"
}

.icon-menu:before {
    content: "\e663"
}

.icon-rolemanagement:before {
    content: "\e664"
}

.icon-smallauthorization:before {
    content: "\e665"
}

.icon-thewidget:before {
    content: "\e666"
}

.icon-bianjituxing:before {
    content: "\e676"
}

.icon-jian:before {
    content: "\e66c"
}

.icon-head:before {
    content: "\e669"
}

.icon-xiaobujianshouquan:before {
    content: "\e66d"
}

.icon-arrowright:before {
    content: "\e671"
}

.icon-arrowleft:before {
    content: "\e672"
}

.icon-qiyegongchangjianzhu:before {
    content: "\e678"
}

.icon-shenqing:before {
    content: "\e673"
}

.icon-sousuo1:before {
    content: "\e674"
}

.icon-sousuo2:before {
    content: "\e675"
}

.nfsn {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/ipu/nfsn.png) no-repeat !important;
    background-size: 100% 100% !important
}

.einvoice .box {
    top: 32% !important;
    right: 5% !important
}

.tenantName_select {
    float: left;
    display: none;
    padding: 10% 10% 10% 10%;
    width: 80%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    text-align: center;
    font-family: "微软雅黑"
}

.tenant_btn {
    margin-top: 6.5%;
    margin-right: 4px;
    width: 100%;
    height: 41px;
    border: 0;
    background-color: #eb4047;
    color: #fff;
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 41px;
    cursor: pointer
}

.tenantName_select p {
    margin-top: 3%;
    font-size: 18px
}

.hr_cloud .fm1form .row .btn-submit,
.hr_cloud .tenant_btn {
    background-color: #29b0dd
}

.hr_cloud .fm1form .row .forpw {
    color: #29b0dd
}

.hr_cloud .fm1form .row .register {
    display: none
}

.hr_cloud #fm2,
.hr_cloud .fm1form {
    padding: 42px 30px 28px 30px;
    border-radius: 3px
}

.hr_cloud #login {
    top: 28%;
    right: 17%
}

.hr_cloud .login_tit {
    display: block
}

.hr_cloud .fm1form .row {
    margin-bottom: 15px
}

.hr_cloud .fm1form .row input[type=password],
.hr_cloud .fm1form .row input[type=text] {
    height: 38px;
    line-height: 38px
}

.hr_cloud .passIcon,
.hr_cloud .userIcon {
    height: 38px;
    line-height: 38px
}

.hr_cloud .fm1form .row.check {
    margin-top: 3px;
    margin-bottom: 18px;
    font-family: '微软雅黑'
}

.hr_cloud .fm1form .row .btn-submit {
    padding: 0;
    height: 40px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 40px
}

.footer ul,
.ycfooter ul {
    display: inline-block
}

.footer ul li,
.ycfooter ul li {
    float: left;
    padding: 0 45px;
    border-left: 1px solid #999;
    list-style: none;
    font-size: 15px;
    cursor: pointer
}

.footer ul li:first-child,
.ycfooter ul li:first-child {
    margin-left: 0;
    border-left: 0
}

.footer ul li a,
.ycfooter ul li a {
    color: #666;
    text-decoration: none
}

.footer p,
.ycfooter p {
    margin-top: 10px
}

.hr_cloud .footer {
    display: block
}

.ycfooter {
    position: absolute;
    bottom: 15px;
    z-index: 999;
    display: none;
    width: 100%;
    color: #666;
    text-align: center;
    font-size: 13px;
    font-family: '微软雅黑'
}

.ycfooter ul li a {
    color: #666;
    text-decoration: none
}

.nfsn .ycfooter {
    display: none
}

#msg {
    float: left;
    padding: 0;
    padding-left: 10px;
    width: 100%
}

.hr_cloud .fm1form .row .btn-submit:hover {
    background: #2ca0c5
}

#tenant_select {
    margin-top: 8%;
    width: 100%;
    height: 38px;
    border: 1px solid #d7d7d7;
    color: #666
}

@media only screen and (max-width:960px) {
    footer {
        padding-left: 10px
    }
}

@media only screen and (max-width:1350px) {
    #fm2 .row span {
        width: 25%
    }

    #fm2 .row input[type=password],
    #fm2 .row input[type=text] {
        width: 69%
    }
}

@media only screen and (max-width:1050px) {
    #fm2 .row span {
        width: 30%
    }

    #fm2 .row input[type=password],
    #fm2 .row input[type=text] {
        width: 64%
    }
}

@media only screen and (max-width:799px) {
    header h1 {
        font-size: 1em
    }

    #login {
        float: none;
        width: 100%
    }

    .fm1form .row .btn-reset {
        display: none
    }

    #sidebar {
        margin-top: 20px
    }

    #sidebar .sidebar-content {
        padding: 0
    }

    #fm2 .row input[type=password],
    #fm2 .row input[type=text] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        height: 38px;
        line-height: 38px
    }

    #fm2 .row .btn-submit {
        padding: 10px 20px;
        width: 100%;
        outline: 0;
        border: 0;
        -webkit-border-radius: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #eb4047;
        color: #fff;
        font-weight: 700;
        -webkit-appearance: none
    }

    #fm2 .row .btn-reset {
        display: none
    }

    #casself_back .back_map {
        top: 0;
        left: 0;
        width: 100%;
        height: 92%
    }

    #casself_back .back_con {
        display: none
    }

    .tenantName_select {
        margin-left: 25%;
        width: 60%
    }

    #msg.errors,
    #msg.info,
    #msg.question,
    #msg.success,
    #msg.warn {
        padding-left: 0
    }

    .footer ul li,
    .ycfooter ul li {
        padding: 0 30px
    }

    .footer ul li p a,
    .ycfooter ul li p a {
        float: left;
        clear: both;
        width: 100%;
        text-align: center
    }
}

.row input[type=password],
.row input[type=text] {
    border-radius: 0
}

.ublinker .fm1form .row .btn-submit,
.ublinker .tenant_btn {
    background-color: #29b0dd
}

.ublinker .fm1form .row .forpw {
    color: #29b0dd
}

.ublinker #login {
    top: 30%
}

.ublinker .RegisterP {
    display: none
}

.ublinker .fm1form .row .forpw {
    color: #29b0dd
}

.ublinker #fm2,
.ublinker .fm1form {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: none
}

@font-face {
    font-family: cl;
    src: url(iconfont.eot?t=1498725122479);
    src: url(iconfont.eot?t=1498725122479#iefix) format('embedded-opentype'), url(iconfont.woff?t=1498725122479) format('woff'), url(iconfont.ttf?t=1498725122479) format('truetype'), url(iconfont.svg?t=1498725122479#cl) format('svg')
}

.cl {
    font-style: normal;
    font-size: 16px;
    font-family: cl !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cl-yes:before {
    content: "\e65b"
}

.cl-add-c-o:before {
    content: "\e601"
}

.cl-delete:before {
    content: "\e61e"
}

.cl-add-s-l:before {
    content: "\e684"
}

.cl-reduce:before {
    content: "\e665"
}

.cl-deploy:before {
    content: "\e724"
}

.cl-copy-c:before {
    content: "\e64b"
}

.cl-pencil-s:before {
    content: "\e77d"
}

.cl-del:before {
    content: "\e654"
}

.cl-re-start:before {
    content: "\e62a"
}

.cl-fullscreen:before {
    content: "\e681"
}

.cl-treearrow-down:before {
    content: "\e608"
}

.cl-running:before {
    content: "\e737"
}

.cl-pass-c:before {
    content: "\e605"
}

.cl-shop:before {
    content: "\e612"
}

.cl-close-c-o:before {
    content: "\e625"
}

.cl-close-c:before {
    content: "\e66b"
}

.cl-right_to:before {
    content: "\e603"
}

.cl-folder-l-b:before {
    content: "\e6a3"
}

.cl-bell:before {
    content: "\e60c"
}

.cl-done:before {
    content: "\e68f"
}

.cl-time-02:before {
    content: "\e690"
}

.cl-refresh:before {
    content: "\e62f"
}

.cl-search:before {
    content: "\e691"
}

.cl-more:before {
    content: "\e604"
}

.cl-calendar:before {
    content: "\e646"
}

.cl-arrow-down-02:before {
    content: "\e688"
}

.cl-arrow-up:before {
    content: "\e689"
}

.cl-weixinushentubiao01:before {
    content: "\e631"
}

.cl-flow:before {
    content: "\e68a"
}

.cl-cloud-upload:before {
    content: "\e628"
}

.cl-cancel:before {
    content: "\e658"
}

.cl-suspend:before {
    content: "\e672"
}

.cl-windows:before {
    content: "\e65d"
}

.cl-eye:before {
    content: "\e662"
}

.cl-file-l-b:before {
    content: "\e6a4"
}

.cl-database:before {
    content: "\e71c"
}

.cl-click:before {
    content: "\e6a5"
}

.cl-global:before {
    content: "\e67f"
}

.cl-kttx:before {
    content: "\e623"
}

.cl-start:before {
    content: "\e657"
}

.cl-cloud-create:before {
    content: "\e64e"
}

.cl-focus:before {
    content: "\e66a"
}

.cl-enclosure:before {
    content: "\e68b"
}

.cl-menu:before {
    content: "\e61b"
}

.cl-text:before {
    content: "\e65c"
}

.cl-arrow-retract:before {
    content: "\e626"
}

.cl-sign:before {
    content: "\e67a"
}

.cl-gridcaretarrowup:before {
    content: "\e636"
}

.cl-filter:before {
    content: "\e68c"
}

.cl-cpu:before {
    content: "\e64a"
}

.cl-provider:before {
    content: "\e736"
}

.cl-reduce-c-o:before {
    content: "\e637"
}

.cl-access:before {
    content: "\e62e"
}

.cl-notice-p:before {
    content: "\e67c"
}

.cl-plus:before {
    content: "\e763"
}

.cl-list-s-o:before {
    content: "\e746"
}

.cl-bk-conf:before {
    content: "\e617"
}

.cl-close-top:before {
    content: "\e663"
}

.cl-folder-l-t:before {
    content: "\e8ea"
}

.cl-commodity:before {
    content: "\e6cc"
}

.cl-restar:before {
    content: "\e655"
}

.cl-clouddeploy:before {
    content: "\e701"
}

.cl-permission:before {
    content: "\e6be"
}

.cl-add-dashed:before {
    content: "\e7eb"
}

.cl-pass-o:before {
    content: "\e6a7"
}

.cl-arrow-down:before {
    content: "\e609"
}

.cl-arrow-right:before {
    content: "\e611"
}

.cl-arrow-left:before {
    content: "\e613"
}

.cl-cloud-down:before {
    content: "\e671"
}

.cl-reduce-c:before {
    content: "\e6cb"
}

.cl-mobile:before {
    content: "\e6e0"
}

.cl-play-o:before {
    content: "\e6ec"
}

.cl-navmenu-light:before {
    content: "\e6fd"
}

.cl-file-o:before {
    content: "\e739"
}

.cl-log:before {
    content: "\e661"
}

.cl-reset:before {
    content: "\e66c"
}

.cl-disk:before {
    content: "\e6d2"
}

.cl-reject-2:before {
    content: "\e6ad"
}

.cl-shieldlock:before {
    content: "\e68e"
}

.cl-list:before {
    content: "\e633"
}

.cl-eye-l:before {
    content: "\e6a6"
}

.cl-2file:before {
    content: "\e66d"
}

.cl-pass:before {
    content: "\e6b1"
}

.cl-add-c:before {
    content: "\e61a"
}

.cl-set:before {
    content: "\e640"
}

.cl-notice-l:before {
    content: "\e666"
}

.cl-box:before {
    content: "\e632"
}

.cl-piechart:before {
    content: "\e627"
}

.cl-setting-center:before {
    content: "\e619"
}

.cl-person-l:before {
    content: "\e6a8"
}

.cl-depot:before {
    content: "\e65e"
}

.cl-spexamine:before {
    content: "\e642"
}

.cl-accesskey:before {
    content: "\e651"
}

.cl-externallink:before {
    content: "\e680"
}

.cl-apps:before {
    content: "\e7b9"
}

.cl-building-o:before {
    content: "\e6f6"
}

.cl-rmb-s-o:before {
    content: "\e6d0"
}

.cl-Verification:before {
    content: "\ea2d"
}

.cl-history:before {
    content: "\e668"
}

.cl-lipin:before {
    content: "\e6bd"
}

.cl-customer:before {
    content: "\e634"
}

.cl-ticket-s-o:before {
    content: "\e6d6"
}

.cl-terminal:before {
    content: "\e600"
}

.cl-sort-small:before {
    content: "\e68d"
}

.cl-cloud-download:before {
    content: "\e667"
}

.cl-idcard:before {
    content: "\e652"
}

.cl-search-light:before {
    content: "\e622"
}

.cl-qiandai:before {
    content: "\e618"
}

.cl-4leaf:before {
    content: "\e6de"
}

.cl-finance:before {
    content: "\e8f5"
}

.cl-order:before {
    content: "\e6df"
}

.cl-qi-c-o:before {
    content: "\e621"
}

.cl-setting:before {
    content: "\e653"
}

.cl-dashboard:before {
    content: "\e65f"
}

.cl-filebox:before {
    content: "\e65a"
}

.cl-right:before {
    content: "\e61f"
}

.cl-2boxs:before {
    content: "\e693"
}

.cl-block-line:before {
    content: "\e66e"
}

.cl-monitor:before {
    content: "\e692"
}

.cl-xml:before {
    content: "\e945"
}

.cl-loading:before {
    content: "\e66f"
}

.cl-up:before {
    content: "\e674"
}

.cl-yaoqingma2:before {
    content: "\e687"
}

.cl-tools:before {
    content: "\e6f5"
}

.cl-resource:before {
    content: "\e682"
}

.cl-restart:before {
    content: "\e670"
}

.cl-file-box:before {
    content: "\e79c"
}

.cl-log-history:before {
    content: "\e629"
}

.cl-screen:before {
    content: "\e660"
}

.cl-yycoudlogo:before {
    content: "\e98d"
}

.cl-box-o:before {
    content: "\e659"
}

.cl-unlock:before {
    content: "\e98e"
}

.cl-release:before {
    content: "\e635"
}

.cl-bigclose-o:before {
    content: "\e638"
}

.cl-edit-c-o:before {
    content: "\e639"
}

.cl-4box-c-o:before {
    content: "\e63a"
}

.cl-addmachine-o:before {
    content: "\e63b"
}

.cl-settings-c-o:before {
    content: "\e63c"
}

.cl-shield-o:before {
    content: "\e63e"
}

.cl-texts-o:before {
    content: "\e63f"
}

.cl-set-c-o:before {
    content: "\e641"
}

.cl-box-c-o:before {
    content: "\e643"
}

.cl-4block-o:before {
    content: "\e644"
}

.cl-www:before {
    content: "\e645"
}

.cl-cloudapp-o:before {
    content: "\e647"
}

.cl-cloudmachine-o:before {
    content: "\e648"
}

.cl-add-s-o:before {
    content: "\e649"
}

.cl-file-pdf-s:before {
    content: "\e67b"
}

.cl-find:before {
    content: "\e62d"
}

.cl-update-l:before {
    content: "\e677"
}

.cl-verify:before {
    content: "\e67d"
}

.cl-person-o:before {
    content: "\e63d"
}

.cl-computer-o:before {
    content: "\e64c"
}

.cl-members-o:before {
    content: "\e64d"
}

.cl-close-s-l:before {
    content: "\e686"
}

.cl-person:before {
    content: "\e656"
}

.cl-tips-c-o:before {
    content: "\e67e"
}

.cl-selected-t:before {
    content: "\e683"
}

.cl-block:before {
    content: "\e98f"
}

.cl-down:before {
    content: "\e676"
}

.cl-cloud-up:before {
    content: "\e6ab"
}

.cl-log-o:before {
    content: "\e64f"
}

.cl-mislog-o:before {
    content: "\e650"
}

.cl-yongyouyun-r:before {
    content: "\e685"
}

.cl-API:before {
    content: "\e606"
}

.cl-phoneset:before {
    content: "\e607"
}

.cl-cloudbox:before {
    content: "\e60a"
}

.cl-3people:before {
    content: "\e60b"
}

.cl-folder-p:before {
    content: "\e6a2"
}

.cl-handshake:before {
    content: "\e602"
}

.cl-alarm:before {
    content: "\e694"
}

.cl-checked:before {
    content: "\e664"
}

.cl-folder-l:before {
    content: "\e69d"
}

.cl-shield:before {
    content: "\e60d"
}

.cl-tool:before {
    content: "\e60e"
}

.cl-enterprise:before {
    content: "\e60f"
}

.cl-House:before {
    content: "\e610"
}

.cl-add-reduce:before {
    content: "\e669"
}

.cl-tree-new-sbling-node:before {
    content: "\e614"
}

.cl-xml1:before {
    content: "\e673"
}

.cl-properties:before {
    content: "\e675"
}

.cl-Administrators:before {
    content: "\e615"
}

.cl-unlink:before {
    content: "\e616"
}

.cl-backdate-l:before {
    content: "\e990"
}

.cl-update-p:before {
    content: "\e678"
}

.cl-backdate-p:before {
    content: "\e679"
}

.cl-on-off-01:before {
    content: "\e61c"
}

.cl-on-off:before {
    content: "\e61d"
}

.cl-Computer:before {
    content: "\e620"
}

.cl-WeChat:before {
    content: "\e624"
}

.cl-code:before {
    content: "\e62b"
}

.cl-penguin:before {
    content: "\e62c"
}

.cl-Relieve:before {
    content: "\e630"
}

.cl-job:before {
    content: "\e6ae"
}

.cl-empty:before {
    content: "\e6ac"
}

.cl-pen:before {
    content: "\e695"
}

.cl-delete1:before {
    content: "\e696"
}

.cl-add:before {
    content: "\e697"
}

.cl-tree:before {
    content: "\e698"
}

.cl-Minus_sign:before {
    content: "\e699"
}

.cl-mark:before {
    content: "\e69a"
}

.cl-Code:before {
    content: "\e69b"
}

.cl-Customer:before {
    content: "\e69c"
}

.cl-Flag:before {
    content: "\e69e"
}

.cl-new_user:before {
    content: "\e69f"
}

.cl-user:before {
    content: "\e6a0"
}

.cl-active1:before {
    content: "\e6a1"
}

.cl-switch:before {
    content: "\e6af"
}

html {
    font-size: 12px
}

input .btn,
input[type=button] {
    -webkit-appearance: none
}

body {
    overflow: auto;
    min-height: 630px;
    background-color: #fff;
    color: #000;
    font: 14px/20px "Microsoft YaHei", '微软雅黑', arial, sans-serif
}

a:hover {
    text-decoration: none
}

a.disabledBtn:hover {
    color: #ccc
}

a {
    color: #4a90e2;
    text-decoration: none
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    border: 1px solid #ccc !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

#container {
    background: url(/cas/images/default/bg_zh.png) center no-repeat;
    background-color: #fff;
    background-size: cover
}

#container.Yht_Sso_UnifiedLogin-default {
    position: relative;
    width: 100%;
    height: 100%
}

#Yht_Sso_UnifiedLogin_logo_market+#Yht_Sso_UnifiedLogin_bg {
    position: absolute;
    top: 60px;
    bottom: 50px;
    overflow: hidden;
    width: 100%
}

#Yht_Sso_UnifiedLogin_bg>img {
    position: relative;
    width: 100%
}

div.box#login {
    position: absolute;
    z-index: 2;
    padding: 22px 21px 15px 23px;
    max-width: 350px;
    min-width: 268px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .9)
}

div.box#login.login-box-light {
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    border: none !important
}

div.box#login.login-box-market {
    top: 180px !important;
    padding: 22px 30px 15px 30px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff
}

div.box#login.login-box-light .fm1form .row input[type=password],
div.box#login.login-box-light .fm1form .row input[type=text] {
    width: 100%;
    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif
}

div.box#login .marketRegisterUrl {
    position: relative;
    top: 70px;
    right: 30%;
    color: #666;
    font-size: 14px
}

.login_tit {
    display: block;
    color: #4a4a4a;
    text-align: center;
    font-weight: 700;
    font-size: 20px
}

.fm1form .row.btn-row {
    margin-bottom: 12px;
    text-align: center
}

#login.login-box-market .fm1form .row.btn-row {
    margin-bottom: 24px;
    text-align: center
}

.fm1form .row .register {
    margin-top: 12px;
    width: 100%;
    color: #999;
    text-align: center
}

#login.login-box-market .fm1form .row .register {
    margin-top: 14px
}

.register_url {
    float: right;
    color: #555;
    font-size: 12px
}

.fm1form .row .forpw {
    float: right;
    color: #2788cc;
    font-size: 12px
}

.fm1form .row .btn-submit {
    margin-right: 4px;
    width: 100%;
    height: 35px;
    border: 0;
    background: #eb4047;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 16px
}

#login.login-box-market .fm1form .row .btn-submit {
    margin-right: 4px;
    width: 100%;
    height: 40px;
    border: 1px solid #d2353b;
    border-radius: 3px;
    background: #e50113 !important;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 14px
}

#login.login-box-market .fm1form .row .btn-submit:hover {
    background-color: #c80f13 !important
}

.fm1form .row {
    position: relative;
    float: left;
    margin-bottom: 30px;
    width: 100%
}

.fm1form .row.check {
    margin-bottom: 13px
}

#login.login-box-market .fm1form .row {
    margin-bottom: 15px
}

#login.login-box-market .fm1form .row.login_tit {
    margin-top: 22px;
    margin-bottom: 10px
}

.fm1form .row input[type=password],
.fm1form .row input[type=text] {
    float: left;
    padding: 0;
    padding-left: 5%;
    width: 95%;
    height: 36px;
    height: 33px;
    border: 1px solid #dfdfdf !important;
    background: #fff;
    color: #a8a8a8;
    font-size: 14px;
    font-size: 14px;
    -webkit-appearance: none
}

.fm1form .row input[type=password]:focus,
.fm1form .row input[type=text]:focus {
    border-color: #505766 !important
}

#login.login-box-market .fm1form .row input[type=password],
#login.login-box-market .fm1form .row input[type=text] {
    border-radius: 3px
}

.row.check input[name=warn] {
    width: 14px;
    height: 14px;
    border: 1px solid #c7c7c7;
    border-radius: 2px;
    background: #fff
}

.row.check input[name=warn][type=checkbox] {
    display: none
}

.row.check input[name=warn][type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    border: 1px solid #979797;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 19px
}

.row.check input[name=warn][type=checkbox]:checked+label:after {
    position: absolute;
    width: 14px;
    height: 14px;
    color: red;
    content: '\2714';
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

.row.check input[name=redevice][type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    border: 1px solid #979797;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 17px
}

.row.check input[name=redevice][type=checkbox]:checked+label:after {
    position: absolute;
    width: 12px;
    height: 12px;
    color: red;
    content: '\2714';
    text-align: center;
    font-size: 10px;
    line-height: 12px
}

.fm1form .row label {
    color: #747474;
    vertical-align: middle;
    font-size: 12px
}

#login.login-box-market .fm1form .row label {
    color: #333;
    font-size: 12px
}

#forgeturl {
    color: #1780c8;
    font-size: 14px
}

#login.login-box-market #forgeturl {
    color: #08c;
    font-size: 12px
}

.fm1form .row .register a {
    color: #1780c8;
    font-size: 12px
}

#login.login-box-market .fm1form .row .register a {
    color: #08c;
    font-size: 12px
}

div.box#login.login-box-center {
    left: calc(50% - 15% - 30px)
}

div.box#login.login-box-right {
    right: 15%
}

div.box#login.login-box-left {
    left: 15%
}

#msg.errors {
    padding-left: 0;
    border: 0;
    background: 0;
    color: #e50112;
    font-size: 12px;
    line-height: 14px
}

div.box#login:not(.login-box-market) #fm1 #msg.errors[name=error_info] {
    position: absolute;
    top: 38px
}

div.box#login:not(.login-box-market) #fm1 #msg.errors[name=error_info_pwd] {
    position: absolute;
    top: 102px
}

div.box#login:not(.login-box-market) #fm1 #msg.errors[name=error_info_validate] {
    position: absolute;
    top: 168px
}

div.box#login:not(.login-box-market) #fm3 #msg.errors[name=error_info] {
    position: absolute;
    top: 168px
}

div.box#login:not(.login-box-market) #fm3 #msg.errors[name=error_info_pwd] {
    position: absolute;
    top: 102px
}

#Yht_Sso_UnifiedLogin_logo_market {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    line-height: 60px
}

#Yht_Sso_UnifiedLogin_logo_market .login__top__logo--left {
    float: left;
    margin-top: 18px;
    margin-left: 120px;
    width: 78px;
    height: 35px;
    background: url(/cas/images/login/logo-login.png) no-repeat center center
}

#Yht_Sso_UnifiedLogin_logo_market .login__top__line--middle {
    float: left;
    margin-top: 14px;
    margin-left: 18px;
    width: 1px;
    height: 30px;
    border-right: 1px solid #e0e0e0
}

#Yht_Sso_UnifiedLogin_logo_market .login__top__logo__text {
    float: left;
    margin-top: 20px;
    margin-left: 17px;
    width: 140px;
    height: 20px;
    color: #4a4a4a;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px
}

.Yht_Sso_UnifiedLogin_logo-footer.footer {
    position: absolute;
    bottom: 0;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 32px
}

.Yht_Sso_UnifiedLogin_logo-footer.footer .bottom {
    position: absolute;
    bottom: 0;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    vertical-align: middle
}

.Yht_Sso_UnifiedLogin_logo-footer.footer.footer-div-market .bottom {
    padding-bottom: 20px
}

.Yht_Sso_UnifiedLogin_logo-footer.footer .bottom .copyright {
    position: absolute;
    position: relative;
    overflow: hidden;
    margin: auto;
    width: 100%;
    color: #737373;
    text-align: center;
    text-align: center;
    font-size: 12px
}

.Yht_Sso_UnifiedLogin_logo-footer.footer.footer-div-market .bottom .copyright {
    position: absolute;
    color: #737373;
    text-align: center;
    letter-spacing: .55px;
    font-size: 12px;
    line-height: 32px
}

.footer p,
.ycfooter p {
    margin-top: 7px
}

#content {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

#Yht_Sso_UnifiedLogin_custom {
    position: absolute;
    bottom: 60px;
    left: 30%;
    width: 35%;
    color: #fff;
    font-size: 20px;
    font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" !important;
    line-height: 30px
}

#Yht_Sso_UnifiedLogin_custom table {
    width: 100%
}

#Yht_Sso_UnifiedLogin_custom table a {
    color: #fff;
    text-decoration: inherit;
    font-weight: 700
}

#Yht_Sso_UnifiedLogin_custom table a:hover {
    color: #ee5c48
}

.fm1form .row input[type=password],
.fm1form .row input[type=text] {
    line-height: inherit
}

#Yht_Sso_UnifiedLogin_bg>img {
    position: absolute;
    width: 100%
}

#Yht_Sso_UnifiedLogin_logo {
    position: relative;
    top: 0;
    height: 7.5%;
    min-height: 45px;
    background-color: rgba(255, 255, 255, .7)
}

#Yht_Sso_UnifiedLogin_logo.yonyouCloudLogo {
    position: relative;
    top: 0;
    height: 7.5%
}

#Yht_Sso_UnifiedLogin_logo>img {
    position: relative;
    top: 20%;
    left: 6%;
    width: auto;
    height: 60%;
    min-height: 30px
}

div.box#login {
    top: 30%;
    left: 60%;
    width: 30%
}

div.box#login.slogenalign_bottom {
    top: 150px;
    left: 60%;
    width: 25%
}

#Yht_Sso_UnifiedLogin_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%
}

#Yht_Sso_UnifiedLogin_slogan {
    color: #fff;
    font-size: 38px;
    font-family: Arial, "Microsoft YaHei", "黑体", "宋体", sans-serif
}

#Yht_Sso_UnifiedLogin_slogan {
    position: absolute;
    top: 35%;
    left: 6%;
    width: 38%
}

#Yht_Sso_UnifiedLogin_slogan.slogan_bottom {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 0;
    padding-top: 30px;
    width: 100%;
    height: 25%
}

#Yht_Sso_UnifiedLogin_slogan>img {
    width: 100%
}

#Yht_Sso_UnifiedLogin_slogan.slogan_bottom>img {
    margin-top: 30px;
    margin-left: 15%;
    width: 70%
}

.qr_hide {
    display: none
}

#qr {
    width: 220px;
    height: 220px;
    text-align: center
}

#login_qrCode {
    text-align: center
}

#login_qrCode div {
    margin-bottom: 20px;
    text-align: center
}

.mc .qrcode-error .qrcode-error-mask {
    position: absolute;
    top: 76px;
    left: 90px;
    z-index: 9;
    display: block;
    width: 216px;
    height: 216px;
    background: #000;
    text-align: center;
    line-height: 100px;
    opacity: .6;
    -moz-opacity: .6
}

.mc .qrcode-error .err-cont {
    position: absolute;
    top: 165px;
    left: 160px;
    z-index: 19;
    width: 100%;
    color: #fff;
    font-weight: 700
}

.mc .qrcode-error .refresh-btn {
    position: absolute;
    top: 209px;
    left: 163px;
    z-index: 19;
    display: block;
    width: 80px;
    height: 30px;
    background: #e4393c;
    color: #fbfbfb;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    opacity: 1
}

.login {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
    height: 50px;
    color: #262626;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    cursor: default
}

.login_change {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 50px;
    height: 50px;
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/lg_change01.png) no-repeat;
    background-size: 50px 50px;
    cursor: pointer
}

.login_changeImg {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/lg_change02.png) no-repeat;
    background-size: 50px 50px
}

#cas:not(.isMobile) input::-webkit-input-placeholder {
    color: #a8a8a8 !important;
    font-size: 14px
}

#cas:not(.isMobile) input:-moz-placeholder {
    color: #a8a8a8 !important;
    font-size: 14px
}

#cas:not(.isMobile) input::-moz-placeholder {
    color: #a8a8a8 !important;
    font-size: 14px
}

#cas:not(.isMobile) input:-ms-input-placeholder {
    color: #a8a8a8 !important;
    font-size: 14px
}

#cas:not(.isMobile) #login.login-box-market input::-webkit-input-placeholder {
    color: #999 !important;
    font-size: 14px
}

#cas:not(.isMobile) #login.login-box-market input:-moz-placeholder {
    color: #999 !important;
    font-size: 14px
}

#cas:not(.isMobile) #login.login-box-market input:-ms-input-placeholder {
    color: #999 !important;
    font-size: 14px
}

.login_toggle_nopwd {
    margin: -22px -21px 15px -23px
}

.login-box-market .login_toggle_nopwd {
    margin: -22px -30px 15px -30px
}

.login_toggle_nopwd ul {
    list-style-type: none
}

.login_toggle_nopwd ul li {
    display: inline-block;
    padding: 15px 0;
    width: 49%;
    width: 50%;
    background: #f0f0f0;
    color: #999;
    text-align: center;
    cursor: pointer
}

.login_toggle_nopwd ul li.normal {
    width: calc(50% - 1px);
    border-right: 1px solid #f2f2f2
}

.login_toggle_nopwd ul li.active {
    background: 0;
    color: #555
}

#sendcode_btn {
    border: 0 ;
    min-width: 105px;
    cursor: pointer;
    width: 30%;
    height: 36px;
    background: #40465b;
    color: #fff;
    cursor: pointer;
    outline: 0;
    border: 1px solid #b6bec3;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
}

#sendcode_btn.disabled {
    background: #ddd;
    cursor: not-allowed
}

.row #inputNumCode {
    width: 65% !important;
    border-right: none !important
}

#codeErrorMsg,
#imgErrorMsg,
#pwdErrorMsg,
#usernameErrorMsg {
    position: absolute;
    top: 38px;
    color: #eb4047;
    font-size: 12px;
    line-height: 14px
}

#marketErrorDiv {
    color: #eb4047;
    font-size: 12px
}

#Yht_Sso_UnifiedLogin_logo.hide {
    background: 0
}

#logoAnchor {
    position: relative;
    top: 20%;
    z-index: 1000;
    float: left;
    display: block;
    width: auto;
    height: 60%;
    min-height: 30px
}

#logoAnchor.disabled {
    cursor: not-allowed;
    pointer-events: none
}

#logoAnchor.hide {
    display: none
}

#Yht_Sso_UnifiedLogin_logo.top {
    position: static;
    background: 0
}

#logoContainer {
    display: inline-block;
    margin-left: 6%;
    height: 100%
}

#logoContainer.top {
    position: relative;
    margin-left: 0;
    width: 30%;
    height: auto;
    max-width: 398px;
    max-height: 80px;
    text-align: center
}

#logoContainer.top #logoAnchor {
    left: 0;
    float: none;
    margin-top: 20%
}

.cl,
.login-cl {
    display: none
}

#cas.isSafari #toQuickLogin {
    margin-left: -1px
}

.isMobile {
    min-height: initial
}

#cas.isMobile #login.login-box-market input::-webkit-input-placeholder {
    color: #999 !important;
    font-size: .28rem
}

#cas.isMobile #login.login-box-market input:-moz-placeholder {
    color: #999 !important;
    font-size: .28rem
}

#cas.isMobile #login.login-box-market input:-ms-input-placeholder {
    color: #999 !important;
    font-size: .28rem
}

.isMobile #login_userName {
    position: static !important
}

.isMobile .login_toggle_nopwd {
    margin-bottom: .34rem;
    font-size: .34rem
}

.isMobile .login_toggle_nopwd ul li {
    position: absolute;
    right: 0;
    bottom: 1.1rem;
    z-index: 2000;
    display: none;
    margin-bottom: 0.3rem;
    padding: 0;
    width: auto;
    border-right: 0;
    background: 0;
    color: #555;
    text-align: right;
    font-size: 14px;
}

.isMobile .login_toggle_nopwd ul li.show {
    display: inline-block
}

.isMobile .login-box-market .login_toggle_nopwd ul li {
    margin-right: .3rem;
    font-family: STHeitiSC-Light
}

/* .isMobile .login-box-ipu .login_toggle_nopwd ul li {
    color: #f5f5f5
} */

.isMobile .login_toggle_nopwd ul li.active {
    display: none
}

.isMobile #sendcode_btn {
    position: absolute;
    right: 0;
    bottom: 4px;
    padding: 0;
    width: auto;
    min-width: 78px;
    height: 26px!important;
    background: 0;
    line-height: 26px;
    color: #555;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

.isMobile #codeErrorMsg{
    top: 0.74rem;
    font-size: 12px
}

.isMobile .tfa #codeErrorMsg{
    margin-top: 7px;
}

.isMobile #imgErrorMsg,
.isMobile #usernameErrorMsg {
    top: .84rem;
    font-size: 12px
}

.isMobile #pwdErrorMsg {
    top: 1.1rem;
    font-size: 12px
}

.isMobile #marketErrorDiv {
    font-size: .24rem
}

.isMobile #login.login-box- input::-webkit-input-placeholder {
    padding-top: .05rem;
    font-size: .34rem
}

.isMobile #login.login-box- input::-moz-input-placeholder {
    padding-top: .05rem;
    font-size: .34rem
}

.isMobile #login.login-box- input::-ms-input-placeholder {
    padding-top: .05rem;
    font-size: .34rem
}

.isMobile #login.login-box-market input::-webkit-input-placeholder {
    color: #a8a8a8 !important;
    font-size: .34rem
}

.isMobile #login.login-box-market input::-moz-input-placeholder {
    color: #a8a8a8 !important;
    font-size: .34rem
}

.isMobile #login.login-box-market input::-ms-input-placeholder {
    color: #a8a8a8 !important;
    font-size: .34rem
}

.isMobile #container.container-ipu {
    background-position: right !important
}

.isMobile .login-box-market#login {
    left: 0 !important;
    margin: 0 5%;
    margin: 0 .4rem;
    margin-top: 0;
    padding: 0;
    width: 90% !important;
    width: calc(100% - .8rem) !important;
    max-width: none;
    max-height: none;
    background: 0
}

.isMobile div.box#login {
    left: 0 !important;
    margin: 0 0.4rem;
    margin-top: 0;
    padding: 0;
    width: calc(100% - 0.8rem) !important;
    max-width: none;
    max-height: none;
    top: 15% !important;
}

.isMobile #Yht_Sso_UnifiedLogin_logo>a {
    left: 0 !important;
    padding-top: .12rem;
    height: .4rem !important;
    text-align: center
}

.isMobile #Yht_Sso_UnifiedLogin_logo>a.questionnaireHref {
    padding-top: 0;
    font-size: 12px !important;
    display: none !important;
}

.isMobile #Yht_Sso_UnifiedLogin_logo_market>a.questionnaireHref {
    position: absolute !important;
    top: -1rem !important;
    right: .22rem;
    width: auto !important;
    text-align: right;
    font-size: .24rem !important
}

.isMobile a.questionnaireHref .cl {
    display: none !important
}

.isMobile #Yht_Sso_UnifiedLogin_logo_market a {
    float: none !important;
    margin: 0 auto !important;
    margin-top: 1.24rem !important;
    width: 2.72rem !important;
    height: 1.22rem !important
}

.isMobile #Yht_Sso_UnifiedLogin_logo_market .login__top__logo--left {
    width: 100%;
    height: 100%;
    background-size: cover !important
}

.isMobile .row {
    position: relative;
}

.isMobile #login.login-box-market .fm1form .row {
    margin-bottom: .4rem
}

.isMobile #login .fm1form .row.btn-row,
.isMobile #login.login-box-market .fm1form .row.btn-row {
    margin-bottom: 0
}

.isMobile #login.login-box-market .fm1form .row.getpwd-row {
    margin-bottom: 0
}

.isMobile .row.btn-row {
    margin-top: .6rem
}

.isMobile .cl,
.isMobile .login-cl {
    position: absolute;
    top: .15rem;
    display: inline-block;
    color: #a8a8a8;
    font-size: .5rem;
    margin-top: 0 !important;
}


.isMobile .row-mobile #selectandinput .cl.cl-close-c {
    margin-right: 30px !important;
    color: #ccc !important;
}

.isMobile .row-mobile .cl.cl-close-c{
    margin-right: 20px !important;
}

.isMobile div.box#login.login-box-light .fm1form .row input[type=text],
.isMobile div.box#login.login-box-light .fm1form .row input[type=password] {
    width: 100% !important
}

.isMobile .fm1form .row input[type=password],
.isMobile .fm1form .row input[type=text] {
    padding-left: 10%;
    padding-left: .4rem;
    width: 90%;
    width: calc(100% - .4rem);
    height: .4rem;
    outline: 0 !important;
    border: 0;
    border-width: 0;
    border-bottom: .17rem solid #f1f1f2;
    background: 0;
    box-shadow: none;
    color: #1d1d26;
    font-weight: 400;
    font-size: .28rem;
    font-family: STHeitiSC-Light;
    line-height: 1
}

.isMobile .fm1form .row input[type=password]::-moz-placeholder,
.isMobile .fm1form .row input[type=password]::-ms-placeholder,
.isMobile .fm1form .row input[type=password]::-webkit-input-placeholder,
.isMobile .fm1form .row input[type=text]::-moz-placeholder,
.isMobile .fm1form .row input[type=text]::-ms-placeholder,
.isMobile .fm1form .row input[type=text]::-webkit-input-placeholder {
    padding-top: .04rem;
    color: #e1e1e1
}

.isMobile .box#login .fm1form .row input[type=password],
.isMobile .box#login .fm1form .row input[type=text] {
    padding-top: .1rem;
    padding-right: 10%;
    padding-bottom: .1rem;
    padding-left: 0;
    width: 90% !important;
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    font-size: 17px;
}

.isMobile .box#login .fm1form .row input[type=password]::-moz-input-placeholder,
.isMobile .box#login .fm1form .row input[type=password]::-ms-input-placeholder,
.isMobile .box#login .fm1form .row input[type=password]::-webkit-input-placeholder,
.isMobile .box#login .fm1form .row input[type=text]::-moz-input-placeholder,
.isMobile .box#login .fm1form .row input[type=text]::-ms-input-placeholder,
.isMobile .box#login .fm1form .row input[type=text]::-webkit-input-placeholder {
    color: #1d1d26;
    font-size: .34rem !important
}

.isMobile #login.login-box-market .fm1form .row input[type=password],
.isMobile #login.login-box-market .fm1form .row input[type=text] {
    border-bottom: .02rem solid #f4f4f5;
    color: #1d1d26
}

.isMobile #login.login-box-market .fm1form .row input[type=password]::-moz-input-placeholder,
.isMobile #login.login-box-market .fm1form .row input[type=password]::-ms-input-placeholder,
.isMobile #login.login-box-market .fm1form .row input[type=password]::-webkit-input-placeholder,
.isMobile #login.login-box-market .fm1form .row input[type=text]::-moz-input-placeholder,
.isMobile #login.login-box-market .fm1form .row input[type=text]::-ms-input-placeholder,
.isMobile #login.login-box-market .fm1form .row input[type=text]::-webkit-input-placeholder {
    color: #d7d7d7;
    font-size: .34rem
}

/* .isMobile #login.login-box-ipu .fm1form .row input[type=password],
.isMobile #login.login-box-ipu .fm1form .row input[type=password]::-webkit-input-placeholder,
.isMobile #login.login-box-ipu .fm1form .row input[type=text],
.isMobile #login.login-box-ipu .fm1form .row input[type=text]::-webkit-input-placeholder {
    color: #fff
} */

.isMobile .oauthlogin {
    display: none !important
}

.isMobile .fm1form .row .btn-submit {
    margin-right: 0;
    height: 40px;
    border-radius: 8px;
    font-size: 17px;
    background: linear-gradient(45deg, #FC4C2F 0%, #EE2233 100%);
    position: relative;
    top: -10px;
}

.isMobile #login.login-box-market .fm1form .row .btn-submit {
    height: 1rem;
    border-color: #eb4047;
    border-radius: .1rem;
    background: #eb4047 !important;
    font-size: .4rem;
    font-family: STHeitiSC-Light
}

.isMobile .Yht_Sso_UnifiedLogin_logo-footer.footer {
    height: 1rem;
    bottom: 30px;
    margin-left: 0.2rem;
    width: 96%;
}

.isMobile .Yht_Sso_UnifiedLogin_logo-footer.footer-div-market {
    height: 0
}

.isMobile .Yht_Sso_UnifiedLogin_logo-footer.footer .bottom .copyright {
    font-size: 12px;
    line-height: 1.5;
    color: #bfbfbf;
    bottom: 24px;
}

.isMobile div.box#login.login-box-market {
    top: 2.8rem !important;
    border: 0
}

.isMobile .row.btn-row,
.isMobile .row.getpwd-row {
    position: static
}

.isMobile .row.getpwd-row.check{
    margin-bottom: -0.3rem !important;
    position: relative;
    top: -0.3rem;
}

.isMobile .row.getpwd-row .labelforwarn {
    color: #555 !important;
    font-size: 14px;
}

.isMobile #login #forgeturl {
    position: absolute;
    top: initial !important;
    width: 2rem;
    color: #4083ff !important;
    text-align: right;
    bottom: -1.9rem !important;
}

.isMobile #login.login-box-market #forgeturl {
    right: .3rem !important;
    width: auto;
    text-align: right;
    font-size: .28rem;
    font-family: STHeitiSC-Light
}

.isMobile #login .fm1form .row .forpw {
    color: #888 !important;
    font-size: 14px
}

.isMobile #login.login-box-market .fm1form .row .forpw {
    color: #1d1d26 !important;
    font-weight: 400
}

.isMobile #login.login-box-market .fm1form .row.login_tit,
.isMobile .login__top__line--middle,
.isMobile .login__top__logo--right {
    display: none
}

.isMobile .fm1form .row .register {
    margin-top: 0
}

.isMobile .register_url {
    position: absolute;
    left: 0;
    color: #bfbfbf;
    font-size: 14px;
    bottom: -0.54rem !important;
}

.isMobile .quick_login_box .register_url {
    top: 8.2rem
}

.isMobile .fm1form .row .register a {
    font-size: 14px;
    color: #588CE9 !important;
}

.isMobile #Yht_Sso_UnifiedLogin_logo_market {
    border: 0
}

.isMobile div.box#login .marketRegisterUrl {
    position: absolute;
    top: 6.5rem;
    top: initial;
    left: .1rem;
    width: 2rem
}

.isMobile .marketRegisterUrl .register_url {
    display: none;
    margin-top: 0
}

.isMobile .register_url.market_reg {
    left: .3rem;
    display: inline-block !important
}

.isMobile .register_url.market_reg>a {
    color: #1d1d26;
    font-weight: 400;
    font-size: .24rem;
    font-family: STHeitiSC-Light;
    -webkit-appearance: none
}

.isMobile #login.login-box-market #forgeturl,
.isMobile .register_url.market_reg {
    bottom: -.4rem
}

.isMobile .footer-div-market {
    display: none
}

.isMobile #Yht_Sso_UnifiedLogin_custom {
    left: 0;
    width: 100%;
    font-size: .14rem
}

.isMobile #forgeturl {
    z-index: 1000
}

.isMobile .row.row-mobile #piccode {
    position: absolute;
    right: 0;
    width: 78px;
}

.isMobile div.box#login:not(.login-box-market) #fm1 #msg.errors[name=error_info] {
    top: .6rem;
    left: 0;
    font-size: .28rem
}

.isMobile div.box#login:not(.login-box-market) #fm1 #msg.errors[name=error_info_pwd] {
    top: 2.43rem;
    left: 0;
    font-size: .28rem
}

.isMobile div.box#login:not(.login-box-market) #fm1 #msg.errors[name=error_info_validate] {
    top: 1.82rem;
    left: -0.7rem;
    font-size: 12px
}

.isMobile #msg.errors {
    padding-left: 10%;
    width: 80%;
    font-size: .28rem
}

.isMobile #Yht_Sso_UnifiedLogin_logo {
    height: 1.3rem
}

.isMobile .questionnaireHref {
    top: 7.1rem !important;
    margin-left: 0.23rem !important;
    float: left !important;
    color: #888 !important;
}

.isMobile #login.login-box-market .fm1form .row.pwrow {
    margin-bottom: 0
}

.isMobile .removeInputImage {
    top: .39rem !important;
    right: .12rem !important;
    width: .4rem !important;
    height: .4rem !important
}

.isMobile #login.shortScreen {
    margin-bottom: 2.5rem
}

.isMobile #yhtFooterDiv.shortScreen {
    bottom: -2rem
}

#cas.isMobile #market_img_logo {
    cursor: not-allowed;
    pointer-events: none
}

#container.nfsn {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/ipu/nfsn.png) no-repeat !important;
    background-size: 100% 100% !important
}

#container.jinansteel {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/ipu/jinansteel.png) no-repeat !important;
    background-size: 100% 100% !important
}

#container.cjh {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/ipu/cjh.jpg) no-repeat !important;
    background-size: 100% 100% !important
}

#container.yueyun {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/ipu/yueyun.png) no-repeat !important;
    background-size: 100% 100% !important
}

.login-box-light.login-box-market .login_toggle_nopwd {
    margin-top: 0
}

div.box#login.login-box-center.login-box-light {
    top: 0 !important
}

div.box#login.login-box-light .fm1form .row input[type=password],
div.box#login.login-box-light .fm1form .row input[type=text] {
    width: 368px
}

div.box#login.login-box-light .fm1form .row #inputNumCode {
    width: 251px !important
}

div.box#login.login-box-light .login_toggle_nopwd ul li {
    background: 0;
    text-align: left
}

div.box#login.login-box-light .login_toggle_nopwd ul li.normal {
    border-right: 0
}

div.box#login.login-box-light .login_toggle_nopwd ul li.active {
    border-bottom: 2px solid #eb4046
}

.loginbody_aps #logoContainer {
    margin-left: 10%
}

.loginbody_aps div.box#login.slogenalign_bottom {
    top: 100px;
    right: 10%;
    left: inherit;
    background: #fff
}

.loginbody_aps .Yht_Sso_UnifiedLogin_logo-footer.footer {
    height: 50px
}

.loginbody_aps .Yht_Sso_UnifiedLogin_logo-footer.footer .bottom {
    background: #fff
}

.loginbody_aps #Yht_Sso_UnifiedLogin_slogan.slogan_bottom {
    bottom: 50px
}

.loginbody_aps .Yht_Sso_UnifiedLogin_logo-footer.footer .bottom .copyright {
    padding-top: 8px
}

.loginbody_aps #Yht_Sso_UnifiedLogin_custom {
    bottom: 0;
    left: 50px;
    padding-bottom: 14px;
    width: 350px;
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.loginbody_aps #Yht_Sso_UnifiedLogin_custom td:not(:last-child) {
    border-right: 1px solid #979797
}

@media screen and (min-height:900px) {
    .loginbody_aps div.box#login.slogenalign_bottom {
        top: 150px
    }
}

@media screen and (max-height:750px) {
    div.box#login.login-box-market {
        top: 80px !important
    }
}

@media screen and (max-height:610px) {
    div.box#login.login-box-market {
        top: 80px !important
    }
}

@media screen and (max-height:520px) {
    body {
        overflow-y: auto
    }

    div.box#login {
        top: 15%
    }

    #logoContainer.top #logoAnchor {
        margin-top: 5%
    }
}

@media screen and (min-width:1167px) {

    #logoContainer.top,
    div.box#login.login-box-center {
        left: -moz-calc(50% - 205px);
        left: -webkit-calc(50% - 205px);
        left: calc(50% - 205px)
    }
}

@media screen and (max-width:1390px) {
    .loginbody_aps .Yht_Sso_UnifiedLogin_logo-footer.footer .bottom .copyright {
        margin-left: 400px;
        text-align: left
    }
}

@media screen and (max-width:893px) {
    div.box#login.login-box-center {
        left: -moz-calc(50% - 164px);
        left: -webkit-calc(50% - 164px);
        left: calc(50% - 164px)
    }
}

@media screen and (max-width:1024px) {
    div.box#login {
        top: 15%;
        left: 33%
    }

    #Yht_Sso_UnifiedLogin_slogan {
        display: none
    }

    #Yht_Sso_UnifiedLogin_custom {
        display: none
    }
}

@media screen and (max-width:768px) {

    .loginbody_aps div.box#login.slogenalign_bottom,
    div.box#login,
    div.box#login.slogenalign_bottom {
        left: -moz-calc(50% - 164px);
        left: -webkit-calc(50% - 164px);
        left: calc(50% - 164px)
    }
}

.loginbody_aps #Yht_Sso_UnifiedLogin_slogan.slogan_ {
    left: 6%;
    top: 35%;
    width: 38%;
    position: absolute
}

.footer-div-ipu_ducheng {
    display: none
}

.loginbody_ipu_ducheng #Yht_Sso_UnifiedLogin_logo,
.loginbody_ipu_ducheng #logoAnchor,
.loginbody_ipu_ducheng #qq_login,
.loginbody_ipu_ducheng #wx_login,
.loginbody_ipu_ducheng .appeal_url,
.loginbody_ipu_ducheng .login_change,
.loginbody_ipu_ducheng .register_url {
    display: none
}

.loginbody_ipu_ducheng #inputCode,
.loginbody_ipu_ducheng #inputNumCode,
.loginbody_ipu_ducheng #password,
.loginbody_ipu_ducheng #username,
.loginbody_ipu_ducheng .piccode {
    background: #a8a8a8;
    color: #fff
}

.isMobile .cl_isMobile {
    right: 0;
    display: inline-block !important;
    margin-top: 0 !important;
    top: 0.55rem;
    margin-right: 0 !important;
    width: 22px !important;
    color: #ccc !important;
}

#wx_login {
    display: none !important
}

#qq_login {
    display: none !important
}

.isMobile #wx_login {
    display: none !important
}

.isMobile #qq_login {
    display: none !important
}

div.box#login #usernameSection #selectandinput {
    border: 1px solid #dfdfdf
}

div.box#login #usernameSection #selectandinput:focus-within {
    border: 1px solid #505766
}

div.box#login #usernameSection .yhtCountrySelect_contain {
    border: 0
}

div.box#login #usernameSection #yhtCountrySelect {
    border: 0
}

div.box#login #usernameSection #username {
    border-radius: 0
}

div.box#login #usernameSection.usernameSectionnormal #username {
    border: none !important
}

div.box#login #usernameSection.usernameSectionmobile #username {
    border: none !important
}

.isMobile .box#login #selectandinput #yhtCountrySelect {
    padding-left: 0 !important;
    width: 50% !important;
    outline: 0 !important;
    border: none !important;
    background: 0;
    box-shadow: none;
    color: #1d1d26;
    font-weight: 400;
    font-size: 12px;
    font-family: STHeitiSC-Light;
    line-height: 1;
    min-width: auto !important
}

.isMobile .box#login #selectandinput #yhtCountryInput {
    padding-left: 5px !important;
    width: 30% !important;
    outline: 0 !important;
    border: none !important;
    background: 0 0 !important;
    box-shadow: none;
    color: #1d1d26;
    font-weight: 400;
    font-size: 12px;
    font-family: STHeitiSC-Light;
    line-height: 1;
    min-width: auto !important;
}

.validateImageInputContain {
    border: 1px solid #dfdfdf;
    height: 33px
}

.validateImageInputContain:focus-within {
    border-color: #505766
}

.validateCode_Contain {
    display: flex;
    align-items: center
}

.tfaValidateCodeInputContain>span>input:focus {
    border-color: #505766 !important
}

.tfa #imgErrorMsg,
.tfa #usernameErrorMsg {
    top: auto !important
}

.fm1form .row input[type=password] {
    width: 78% !important;
    padding-right: 17%
}

.loginbody_cloudtest #Yht_Sso_UnifiedLogin_logo,
.loginbody_cloudtest #yhtFooterDiv,
.loginbody_cloudtest #login_userName_btn {
    display: none !important
}

.loginbody_cloudtest #container {
    background-size: contain !important
}

.loginbody_cloudtest div.box#login {
    background: rgba(255, 255, 255, 0) !important
}

.loginbody_cloudtest #login {
    top: 48% !important
}

.loginbody_cloudtest .login_toggle_nopwd ul li {
    background: none !important
}

.yht_transparent {
    background: none !important
}

.yht_transparent #Yht_Sso_UnifiedLogin_logo,
.yht_transparent #yhtFooterDiv,
.yht_transparent #login_userName_btn {
    display: none !important
}

.yht_transparent div.box#login {
    background: transparent !important
}

.yht_transparent .login_toggle_nopwd {
    background: none !important;
    margin: 0 -21px 15px 0 !important
}

.yht_transparent div.box#login.login-box-light .fm1form .row #inputNumCode {
    width: 65% !important
}

.yht_transparent #toNormalLogin,
.yht_transparent #toQuickLogin {
    text-align: center !important
}

.loginbody_cscec5b .fm1form .row .btn-submit {
    background: #4a6aed !important
}

.loginbody_cscec5b .login_change {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/lg_change01_cscec5b.png) no-repeat !important;
    background-size: 50px 50px !important
}

.loginbody_cscec5b .login_changeImg {
    background: url(https://cdn.yonyoucloud.com/pro/yht/cas/images/lg_change02_cscec5b.png) no-repeat !important;
    background-size: 50px 50px !important
}

.loginbody_cscec5b .mc .qrcode-error .refresh-btn {
    background: #4a6aed !important
}

.loginbody_market .register_url {
    display: none !important;
}






.isMobile .box#login #usernameSection.row-mobile #selectandinput {
    border: none;
    border-bottom: 1px solid #e6e6e6;
}

.isMobile .box#login #usernameSection.row-mobile.usernameSectionnormal #username {
    height: 24px;
    font-size: 17px;
}

.isMobile .box#login #usernameSection.row-mobile #selectandinput #yhtCountrySelect,
.isMobile .box#login #usernameSection.row-mobile #selectandinput #yhtCountryInput {
    font-size: 17px;
}

.isMobile .box#login #usernameSection.row-mobile #selectandinput #yhtCountrySelect option {
    font-size: 12px;
}

.isMobile .box#login .row-mobile #password {
    height: 24px;
    font-size: 17px;
    margin-top: 15px;
    width: 90% !important;
}

.isMobile #container {
    background: #fff !important;
}

.isMobile .row.check input[name=warn][type=checkbox]+label{
    margin-right: 3px;
    border-radius: 7px;
}
.isMobile .row.check input[name=warn][type=checkbox]:checked+label:after {
    background: red;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    top: -2px;
    left: -1px;
    color: #fff;
}
.isMobile #logoContainer {
    margin-left: 4%;
}
.isMobile #logoContainer #logoAnchor {
    height: 35px;
    width: 160px;
}

.isMobile #lang-div{
    top: 15px;
}
.isMobile #homelang{
    width: 86px;
}
.isMobile #homelangContent{
    color: #505766;
    font-size: 14px;
}
.isMobile #selectItem{
    width: 83px;
    font-size: 14px;
}
.isMobile #selectItem ul li{
   padding-left: 5px;
}

.isMobile .tfa .tfamobile{
   font-size: 17px !important;
}
.isMobile .tfa .tfamobile>div{
    padding-left: 0 !important;
}

.isMobile .tfa .tfamobile #tfaTypeSpan1{
    color: #bfbfbf;
}
.isMobile .tfa .tfamobile #tfaTypeSpan2{
    font-size: 14px;
    color: #555;
}

.isMobile .tfa .tfamobile>div:nth-child(1){
   margin-bottom: 8px;
}

.isMobile .tfa .validateImageInputContain{
    border: none;
    border-bottom: 1px solid #dfdfdf;
}
.isMobile .tfa .validateImageInputContain>span:nth-child(1)>input{
    font-size: 17px !important;
    padding-left: 0 !important;
}
.isMobile .tfa .validateImageInputContain #piccode{
    width: 106px;
    height: 26px !important;
    margin-top: 5px;
}
.isMobile .tfa .validateImageInputContain #piccode>img{
    width: 100%;
    height: auto !important;
}
.isMobile .tfa .tfaValidateCodeInputContain>span:nth-child(1) input,
.isMobile .tfa .tfaValidateCodeInputContain>span:nth-child(1) input:focus{
    border: none !important;
    border-bottom: 1px solid #dfdfdf !important;
    font-size: 17px !important;
    padding-left: 0 !important;
}
.isMobile .tfa .tfaValidateCodeInputContain>span:nth-child(1)  #sendcode_btn{
    border: 1px solid #b6bec3 !important;
    cursor: pointer;
    width: auto;
    min-width: 78px !important;
    height: 26px !important;
    line-height: 26px !important;
    color: #555;
    bottom: inherit !important;
    margin-bottom: 5px;
}

.isMobile input:-webkit-autofill , .isMobile textarea:-webkit-autofill, .isMobile select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    background-color: transparent !important;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}
.isMobile input {
    background-color:transparent;
}



.my-selectmain {
    padding: 40px;
}

.my-select {
    display: inline-block;
    width: auto;
    min-width: 80px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #515a6e;
    font-size: 14px;
    line-height: normal;
    position: relative;
}

.select-selection {
    display: block;
    box-sizing: border-box;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dcdee2;
    transition: all .2s ease-in-out;
}

.select-selection:hover,
.select-selection.select-focus {
    border-color: #57a3f3;
    box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
}

.select-selected-value {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 24px;
}

.icon-select-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -7px;
    font-size: 14px;
    color: #808695;
    transition: all .2s ease-in-out;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.icon-select-arrow::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: transparent;
    border-left: 1.5px solid #808695;
    border-bottom: 1.5px solid #808695;
    transform: rotate(-45deg);
}

.select-dropdown {
    width: auto;
    min-width: 80px;
    max-height: 200px;
    overflow: auto;
    margin: 5px 0;
    padding: 5px 0;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2;
    transform-origin: center top 0px;
    transition: all 0.3s;
    will-change: top, left;
    top: 30px;
    left: 0;
    transform: scale(1, 0);
    opacity: 0;
}

.select-item {
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #515a6e;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

.select-item.select-item-selected,
.select-item:hover {
    color: #2d8cf0;
    background-color: #f3f3f3;
}

.shakegray {
    color: #b1b1b1 !important;
}

.shakered {
    color: #EB4047 !important;
}