@charset "utf-8";
/*@import "https://use.typekit.net/qmv1ead.css";*/
@import "font-awesome.min.css";
@import "open-sans-font.css";
@import "noto-sans-font.css";
/* Global */
:root{
    --red:255,0,0;
    --orange:255,102,0;
    --green:0,204,0;
    --gray:85,85,85;
    --black:50,50,50;
    --ycyw-blue:0,50,160;
    --ycyw-navy:0,30,96;
    --yc-red:255,0,68;
    --yw-orange:255,130,0;
    --bs-color-ycywblue:rgba(var(--ycyw-blue),1);
    --bs-color-ycred:rgba(var(--yc-red),1);
    --bs-color-yworange:rgba(var(--yw-orange),1);
    --bs-color-red:rgba(var(--red),1);
    --bs-color-orange:rgba(var(--orange),1);    
    --bs-color-green:rgba(var(--green),1);
    --bs-color-gray:rgba(var(--gray),1);
    --bs-color-black:rgba(var(--black),1);
    --bs-bg-gray:#e3e3e6;
	--bs-body-bg:#f7f7fa;
    --pri-btn-hove-bg:0,72,232;
    --link-color-blue:#0031e5;
    --link-color-ycred:rgba(var(--yc-red),1);
    --link-color-orange:rgba(var(--orange),1);
    --bs-font-family:Tahoma, 'Open Sans', sans-serif, 'Noto Sans SC';
    --bs-font-size:14px;
    --bs-font-weight:400;
}

*{margin:0; padding:0;}
html, body, form{height:100%; overflow:hidden; scrollbar-width:thin;}
::-webkit-scrollbar {width:6px; height:6px; background: transparent;}
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2); box-shadow:none;}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);}
::-webkit-scrollbar-track {background: rgba(0,0,0,0.1);}
html, body, table, input, select, textarea, button{font-family:var(--bs-font-family), "Segoe UI", SegoeUI, 'Microsoft YaHei', '微软雅黑', SimHei, '黑体'; font-stretch:wider; font-size:var(--bs-font-size); color:var(--bs-color-gray, #555); font-weight:var(--bs-font-weight);}
input, button, select, textarea, a{outline:none;}
input, button, textarea, select {appearance: none; -moz-appearance: none; -webkit-appearance: none; outline:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f7f7fa inset !important;}/* 去掉 Chrome 黄底 */
input::placeholder{color:#999;}
input[type=date], input[type=time]{-webkit-appearance:textfield; -moz-appearance:textfield;}
::-ms-clear,::-ms-reveal{display:none;}
li{list-style:none;}
strong{font-weight:600;}
img{border:0;}
.clearThis:after {display:block; height:0; content:"."; clear:both; visibility:hidden;}
.clear{clear:both;}
a{color:var(--link-color-blue);}
a:hover{text-decoration:underline; color:var(--link-color-orange);}
.blue{color:var(--bs-color-ycywblue);}
.red{color:var(--bs-color-red);}
.green{color:var(--bs-color-green);}
.redStar{color:#f00; font-family:"宋体"; font-weight:normal;}
.nowrap{white-space:nowrap!important; word-break:keep-all!important;}

::-webkit-input-placeholder {color:#ccc; /* WebKit browsers */}
::-moz-placeholder {color:#ccc; /* Mozilla Firefox */}
:-ms-input-placeholder {color:#ccc; /* Internet Explorer 10+ */}
::-ms-reveal {display: none; /* 隐藏微软浏览器（IE\Edge）密码框小眼睛 */}

input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=month]:focus, textarea:focus, select:focus, input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, textarea:hover, select:hover{border:1px #80bdff solid!important; box-shadow:0 0 5px rgba(127,190,249,0.5) inset!important; background:#fff!important;}

/* 自定 Radio Button & CheckBox*/
/* Radio Button */
input[type=checkbox], input[type=radio]{vertical-align:-10%!important; margin:0; margin-right:5px; position: absolute; clip: rect(0, 0, 0, 0);}
input + label{margin-right:15px; position: relative; display:inline-block;}
input + label:last-child{margin-right:0;}
.long input + label, input + label.long{word-wrap:normal; white-space: inherit; line-height:1.6em; padding-left:20px; margin-right:0; position:relative;}
.long input + label{margin-right:15px;}
.long input + label:last-child{margin-right:0;}
.long input + label::before, input + label.long::before{position:absolute; left:0; top:4px;}
.radioButtonList .long label{margin-bottom:10px;}
input[type=radio] + label::before{content: ""; display: inline-block; vertical-align: -10%; width: 14px; height:14px; margin-right:5px; border-radius: 50%; border:1px #999 solid; background-color:#fff; box-sizing: border-box;}
input[type=radio]:checked + label::before{background-color:#1384ff; border-color:#1384ff; background-clip: content-box; padding:2px;}

/* CheckBox */
input[type=checkbox] + label::before{content: "\f00c"; font-family:'FontAwesome'; display: inline-block; vertical-align: 10%; width: 14px; height:14px; font-size:0.8rem; font-weight:normal!important; line-height: 13px; text-align: center; margin-right:5px; border-radius: 2px; border:1px #999 solid; box-sizing: border-box; background: #fff; color:#fff;}
input[type=checkbox]:checked + label::before{color:#1384ff; border-color:#80bdff;}
input[type=radio] + label:hover::before, input[type=checkbox] + label:hover::before{box-shadow: 0 0 6px #80bdff; border-color:#80bdff;}

input + label:empty, input + label:empty::before{margin-left: 0; margin-right: 0;}

/* Radio Button 和 Check Box 在 "Disabled" 状态 */
input[type=radio]:disabled + label::before, input[type=radio].disabled + label::before, input[type=radio].DisabledClass + label::before, input[type=checkbox]:disabled + label::before, input[type=checkbox].disabled + label::before, input[type=checkbox].DisabledClass + label::before{background-color:#f2f2f2; color:#f2f2f2; padding:0;}
input[type=radio]:disabled:hover + label::before, input[type=radio].disabled:hover + label::before, input[type=radio].DisabledClass:hover + label::before, input[type=checkbox]:disabled:hover + label::before, input[type=checkbox].disabled:hover + label::before, input[type=checkbox].DisabledClass:hover + label::before{box-shadow:none; border-color:#999}

.pageWrap{width:100%; height:100%; position:relative; background-repeat:no-repeat; background-position:right bottom; background-size:100% auto; box-sizing:border-box; z-index:0; display:flex; justify-content:flex-start; align-content:center; align-items:center; padding:0 150px;}
.pageWrap .bg-mask{position:absolute; top:0; right:0; bottom:0; left:0; background:url(../Images/login-bg_mask-lg.png) 0 0 no-repeat; background-size:auto 100%; z-index:1;}
.ywiekcqrk .pageWrap{background-image:url(../Images/EN/ywiekcqrk/login-bg.webp); background-position:260px bottom;}
.ywiekcqfd .pageWrap{background-image:url(../Images/EN/ywiekcqfd/login-bg.webp); background-position:right bottom;}
.ywieksh .pageWrap{background-image:url(../Images/EN/ywieksh/login-bg.webp); background-position:right bottom;}
.ywiekshlg .pageWrap{background-image:url(../Images/EN/ywiekshlg/login-bg.webp); background-position:right bottom;}
.ywiekqd .pageWrap{background-image:url(../Images/EN/ywiekqd/login-bg.webp); background-position:right bottom;}
.ywiektx .pageWrap{background-image:url(../Images/EN/ywiektx/login-bg.webp); background-position:right bottom;}
.ywieksh .pageWrap{background-image:url(../Images/EN/ywieksh/login-bg.webp); background-position:right bottom;}

.logoBox{margin-top:30px; padding:0 40px; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.ywiekcqrk .logoBox{background-image:url(../Images/EN/ywiekcqrk/logo-full.svg);}
.ywiekcqfd .logoBox{background-image:url(../Images/EN/ywiekcqfd/logo-full.svg);}
.ywieksh .logoBox{background-image:url(../Images/EN/ywieksh/logo-full.svg);}
.ywiekshlg .logoBox{background-image:url(../Images/EN/ywiekshlg/logo-full.svg);}
.ywiekqd .logoBox{background-image:url(../Images/EN/ywiekqd/logo-full.svg);}
.ywiektx .logoBox{background-image:url(../Images/EN/ywiektx/logo-full.svg);}

.language-switch{height:24px; cursor: pointer; display:flex; align-items:center; text-transform:uppercase; margin-left:20px;}
.language-switch .text{position:relative; padding:0 0 0 5px; height:100%; color:#333; display:flex; align-items:center; z-index:1;}
/*.language-switch .text::after{content:""; position:absolute; top:-10px; right:-10px; bottom:-3px; left:-25px; background:#fff; border-radius:0 0 0 10px; border:1px #ededed solid; z-index:-1;}*/
.language-switch > img{display:inline-block; height:20px; vertical-align: middle; position:relative; z-index:2;}
.language-switch:hover > img{opacity:0.6;}
.lang_dropdown{position: absolute; z-index:10; top:12px; right:0; opacity:0; height:0; padding-top:12px; transform: translateY(0); transition: opacity .1s ease-out,transform .1s ease-out; pointer-events:none; font-size:14px;}
.language-switch:hover .lang_dropdown{height:auto; transform: translateY(6px); opacity:1; pointer-events:auto;}
.lang_dropdown ul{background-color: #fff; border-radius: 4px; box-shadow: 0 6px 32px 0 rgba(130,130,140,.24); overflow: hidden;}
.lang_dropdown li{margin:0!important;}
.lang_dropdown li a{display:flex; align-items:center; padding:10px 15px; text-decoration:none; white-space: nowrap;}
.lang_dropdown li a:hover{background:#E9ECEF;}
.lang_dropdown li a.is-active{color:var(--bs-color-ycred); font-size:12px; cursor:default;}
.lang_dropdown li a.is-active::after{content: ""; display: inline-block; width: 16px; height: 16px; vertical-align:middle; margin-left: 5px;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMTMuMDE0IDQuODkxLTYuMTY4IDcuNzEzTDIgOC41NjZsLjkxNC0xLjA5NyAzLjcyNiAzLjEwNEwxMS45IDRsMS4xMTQuODkxeiIgZmlsbD0iI0ZGMDEzMSIvPgo8L3N2Zz4K); background-position: 50%; background-size: cover; background-repeat: no-repeat; background-color:none;}

.top{height:30px; display:flex; justify-content:flex-end; align-items:center; padding:0 20px; border-bottom:1px #ededed solid; background-color:#fff; position:sticky; top:0;}
.help-link{display:flex; align-items:center;}
.help-link_icon{width:14px; height:14px; margin-right:6px;}
.help-link_icon svg{display:block; width:100%; height:100%;}

.logoBox img{width:100%; max-width:300px; display:block; margin:0 auto;}
.rightBox{width:40%; min-width:300px; max-width:460px; height:70vh; min-height:480px; max-height:800px; border-radius:10px; box-sizing:border-box; padding:0; background-color:rgba(255,255,255,0.95); background-size:100% auto; position:relative; z-index:10; box-shadow:0 0 30px rgba(0,0,0,0.3); overflow:hidden;}
.rightBox .scroll-box{height:100%; overflow:auto; scrollbar-width:thin;}
.title{margin:0 auto; margin-bottom:20px; font-size:24px; text-align:center; color:var(--bs-color-ycywblue); font-weight:600;}
.mainForm{width:100%; min-height:50px; padding:30px 40px 0; background:none; box-sizing:border-box;}
.mainForm li{position:relative; margin-bottom:16px;}
.mainForm .label{color:var(--bs-color-ycywblue); margin-bottom:6px; font-weight:600;}
.mainForm .error{color:var(--bs-color-red);}
.mainForm li input[type=text], .mainForm li input[type=password]{height:36px; width:100%; box-sizing:border-box; padding:0 10px; border:1px #ededed solid; border-radius:4px; font-size:14px; line-height:36px; color:#333; background:#fff;}
.mainForm li .icon.clear-btn{top:10px; right:10px; left:auto; z-index:99; background-position:-68px -130px; cursor:pointer; display:none;}
.mainForm li.vcode input{padding:0 10px;}
.mainForm li.vcode .pic{display:block; position:absolute; top:6px; right:6px; background:#ccc;}
.mainForm li.vcode .pic img{display:block; width:100%; height:100%;}
.mainForm li.vcode .btn{display:block; position:absolute; height:100%; top:0; right:0; min-width:unset; max-height:36px;}
.mainForm li.vcode .btn{display:block; position:absolute; height:100%; top:2px; right:2px; min-width:unset; max-height:32px; border-radius:3px;}
.mainForm li.btn a, .mainForm li.btn input{display:block!important; width:100%; height:36px; line-height:36px; text-align:center; text-decoration:none; font-size:14px; box-sizing:border-box;}

/* Gendral Button */
.btn{display:flex; align-items: center; justify-content: center; background-color:#F0F5FC; padding: 11px 15px; min-width: 160px; border: none; border-radius:4px; overflow: hidden; text-decoration: none!important;/* box-shadow: 0 2px 6px rgb(130 130 140 / 12%);*/ position: relative; z-index: 1; white-space: nowrap; cursor:pointer;}
.btn::before, .btn.disabled::before, .btn[disabled]::before {content: ""; display: block; background-color:#C1CEDE; position: absolute; width: 200%; height: 500%; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s ease-in-out; z-index: -1; -webkit-clip-path: circle(100% at -80% 90%); clip-path: circle(100% at -80% 90%);}
.btn:hover::before{-webkit-clip-path: circle(100% at 50% 50%); clip-path: circle(100% at 50% 50%);}
.btn-text{font-size: 14px; font-weight: 500; line-height: 1.285; letter-spacing: .04em; color:var(--bs-color-ycywblue); transition: color .3s ease-in-out; text-transform:uppercase;}
.btn-icon{width: 18px; height: 18px; border-radius: 50%; overflow: hidden; background-color:var(--bs-color-ycywblue); position: relative; margin-left: 7px; transition: background-color .3s ease-in-out;}
.btn-icon::after, .btn-icon::before{content: ""; width: 6px; height: 9px; position: absolute; top: 50%; left: 55%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4yMzUxOTYgNy42MjA3OUwzLjM2MDE4IDQuNDk1OEwwLjIzNTE5NiAxLjM3MDgyQzAuMTYwNjMgMS4yOTYyNSAwLjEwMTQ4MSAxLjIwNzczIDAuMDYxMTI1OSAxLjExMDMxQzAuMDIwNzcxIDEuMDEyODggMS41NzEzN2UtMDkgMC45MDg0NiAwIDAuODAzMDA4Qy0xLjU3MTM2ZS0wOSAwLjY5NzU1NSAwLjAyMDc3MSAwLjU5MzEzNSAwLjA2MTEyNTkgMC40OTU3MUMwLjEwMTQ4MSAwLjM5ODI4NSAwLjE2MDYzIDAuMzA5NzYyIDAuMjM1MTk2IDAuMjM1MTk1QzAuMzA5NzYyIDAuMTYwNjI5IDAuMzk4Mjg1IDAuMTAxNDggMC40OTU3MSAwLjA2MTEyNTFDMC41OTMxMzYgMC4wMjA3NzAyIDAuNjk3NTU2IC0xLjU3MTM3ZS0wOSAwLjgwMzAwOCAwQzAuOTA4NDYxIDEuNTcxMzdlLTA5IDEuMDEyODggMC4wMjA3NzAyIDEuMTEwMzEgMC4wNjExMjUxQzEuMjA3NzMgMC4xMDE0OCAxLjI5NjI1IDAuMTYwNjI5IDEuMzcwODIgMC4yMzUxOTVMNS4wNjc2NCAzLjkzMjAyQzUuMzgxNzUgNC4yNDYxMyA1LjM4MTc1IDQuNzUzNTMgNS4wNjc2NCA1LjA2NzY0TDEuMzcwODIgOC43NjQ0NkMxLjI5NjMxIDguODM5MTMgMS4yMDc4IDguODk4MzYgMS4xMTAzNyA4LjkzODc4QzEuMDEyOTQgOC45NzkyIDAuOTA4NDkxIDkgMC44MDMwMDggOUMwLjY5NzUyNSA5IDAuNTkzMDc4IDguOTc5MiAwLjQ5NTY0NSA4LjkzODc4QzAuMzk4MjEyIDguODk4MzYgMC4zMDk3MDcgOC44MzkxMyAwLjIzNTE5NiA4Ljc2NDQ2Qy0wLjA3MDg1OTEgOC40NTAzNSAtMC4wNzg5MTMyIDcuOTM0ODkgMC4yMzUxOTYgNy42MjA3OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-position: 50%; background-size: cover; background-repeat: no-repeat; transition: transform .3s ease-in-out;}
.btn-icon::before {transform: translate(-260%,-50%);}
.btn-icon::after {transform: translate(-50%,-50%);}
.btn:hover .btn-icon::before {transform: translate(-50%,-50%);}
.btn:hover .btn-icon::after {transform: translate(150%,-50%);}

/* Main Button */
.btn-primary{background-color:var(--bs-color-ycywblue,#0032a0); text-decoration:none!important; cursor:pointer; color:#fff;}
.btn-primary .btn-text{color:#fff;}
.btn-primary .btn-icon{background-color:#fff;}
.btn-primary::before, input.btn-primary:hover{background-color:rgba(var(--pri-btn-hove-bg),1);}
.btn-primary .btn-icon::after, .btn-primary .btn-icon::before {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4yMzUxOTYgNy42MjA3OUwzLjM2MDE4IDQuNDk1OEwwLjIzNTE5NiAxLjM3MDgyQzAuMTYwNjMgMS4yOTYyNSAwLjEwMTQ4MSAxLjIwNzczIDAuMDYxMTI1OSAxLjExMDMxQzAuMDIwNzcxIDEuMDEyODggMS41NzEzN2UtMDkgMC45MDg0NiAwIDAuODAzMDA4Qy0xLjU3MTM2ZS0wOSAwLjY5NzU1NSAwLjAyMDc3MSAwLjU5MzEzNSAwLjA2MTEyNTkgMC40OTU3MUMwLjEwMTQ4MSAwLjM5ODI4NSAwLjE2MDYzIDAuMzA5NzYyIDAuMjM1MTk2IDAuMjM1MTk1QzAuMzA5NzYyIDAuMTYwNjI5IDAuMzk4Mjg1IDAuMTAxNDggMC40OTU3MSAwLjA2MTEyNTFDMC41OTMxMzYgMC4wMjA3NzAyIDAuNjk3NTU2IC0xLjU3MTM3ZS0wOSAwLjgwMzAwOCAwQzAuOTA4NDYxIDEuNTcxMzdlLTA5IDEuMDEyODggMC4wMjA3NzAyIDEuMTEwMzEgMC4wNjExMjUxQzEuMjA3NzMgMC4xMDE0OCAxLjI5NjI1IDAuMTYwNjI5IDEuMzcwODIgMC4yMzUxOTVMNS4wNjc2NCAzLjkzMjAyQzUuMzgxNzUgNC4yNDYxMyA1LjM4MTc1IDQuNzUzNTMgNS4wNjc2NCA1LjA2NzY0TDEuMzcwODIgOC43NjQ0NkMxLjI5NjMxIDguODM5MTMgMS4yMDc4IDguODk4MzYgMS4xMTAzNyA4LjkzODc4QzEuMDEyOTQgOC45NzkyIDAuOTA4NDkxIDkgMC44MDMwMDggOUMwLjY5NzUyNSA5IDAuNTkzMDc4IDguOTc5MiAwLjQ5NTY0NSA4LjkzODc4QzAuMzk4MjEyIDguODk4MzYgMC4zMDk3MDcgOC44MzkxMyAwLjIzNTE5NiA4Ljc2NDQ2Qy0wLjA3MDg1OTEgOC40NTAzNSAtMC4wNzg5MTMyIDcuOTM0ODkgMC4yMzUxOTYgNy42MjA3OVoiIGZpbGw9IiMwMDFFNjAiLz4KPC9zdmc+Cgo=);
    background-position: 50%; background-size: cover; background-repeat: no-repeat; transition: transform .3s ease-in-out;}
.btn-primary:hover .btn-icon::after, .btn-primary:hover .btn-icon::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4yMzUxOTYgNy42MjA3OUwzLjM2MDE4IDQuNDk1OEwwLjIzNTE5NiAxLjM3MDgyQzAuMTYwNjMgMS4yOTYyNSAwLjEwMTQ4MSAxLjIwNzczIDAuMDYxMTI1OSAxLjExMDMxQzAuMDIwNzcxIDEuMDEyODggMS41NzEzN2UtMDkgMC45MDg0NiAwIDAuODAzMDA4Qy0xLjU3MTM2ZS0wOSAwLjY5NzU1NSAwLjAyMDc3MSAwLjU5MzEzNSAwLjA2MTEyNTkgMC40OTU3MUMwLjEwMTQ4MSAwLjM5ODI4NSAwLjE2MDYzIDAuMzA5NzYyIDAuMjM1MTk2IDAuMjM1MTk1QzAuMzA5NzYyIDAuMTYwNjI5IDAuMzk4Mjg1IDAuMTAxNDggMC40OTU3MSAwLjA2MTEyNTFDMC41OTMxMzYgMC4wMjA3NzAyIDAuNjk3NTU2IC0xLjU3MTM3ZS0wOSAwLjgwMzAwOCAwQzAuOTA4NDYxIDEuNTcxMzdlLTA5IDEuMDEyODggMC4wMjA3NzAyIDEuMTEwMzEgMC4wNjExMjUxQzEuMjA3NzMgMC4xMDE0OCAxLjI5NjI1IDAuMTYwNjI5IDEuMzcwODIgMC4yMzUxOTVMNS4wNjc2NCAzLjkzMjAyQzUuMzgxNzUgNC4yNDYxMyA1LjM4MTc1IDQuNzUzNTMgNS4wNjc2NCA1LjA2NzY0TDEuMzcwODIgOC43NjQ0NkMxLjI5NjMxIDguODM5MTMgMS4yMDc4IDguODk4MzYgMS4xMTAzNyA4LjkzODc4QzEuMDEyOTQgOC45NzkyIDAuOTA4NDkxIDkgMC44MDMwMDggOUMwLjY5NzUyNSA5IDAuNTkzMDc4IDguOTc5MiAwLjQ5NTY0NSA4LjkzODc4QzAuMzk4MjEyIDguODk4MzYgMC4zMDk3MDcgOC44MzkxMyAwLjIzNTE5NiA4Ljc2NDQ2Qy0wLjA3MDg1OTEgOC40NTAzNSAtMC4wNzg5MTMyIDcuOTM0ODkgMC4yMzUxOTYgNy42MjA3OVoiIGZpbGw9IiMwMDQ4RTgiLz4KPC9zdmc+Cgo=);
    background-position: 50%; background-size: cover; background-repeat: no-repeat;
}

/* Button 禁用 */
.btn.disabled, .btn[disabled]{background-color:#e9e9e9; cursor:default; pointer-events:none; color:#999;}
.btn.disabled::before, .btn[disabled]::before{background-color:#ededed;}
.btn.disabled .btn-text, .btn[disabled] .btn-text{color:#999;}
.btn.disabled .btn-icon, .btn[disabled] .btn-icon{background-color:#fff;}
.btn.disabled .btn-icon::after, .btn[disabled] .btn-icon::before,
.btn.disabled:hover .btn-icon::after, .btn[disabled]:hover .btn-icon::before{content: ""; width: 6px; height: 9px; position: absolute; top: 50%; left: 55%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IuWbvuWxgl8xIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI5cHgiDQoJIHZpZXdCb3g9IjAgMCA2IDkiIG92ZXJmbG93PSJ2aXNpYmxlIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0wLjgsOUMwLjYsOSwwLjQsOC45LDAuMiw4LjhjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMmwzLjEtMy4xTDAuMiwxLjRjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMg0KCWMwLjMtMC4zLDAuOC0wLjMsMS4yLDBsMy45LDMuOWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMS40LDguOEMxLjIsOC45LDEsOSwwLjgsOXoiLz4NCjwvc3ZnPg0K);
    background-position: 50%; background-size: cover; background-repeat: no-repeat; transition: transform .3s ease-in-out;}

.btn.is-active{pointer-events:none; background:rgba(var(--pri-btn-hove-bg),1);}
.btn.is-active .btn-icon{background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IuWbvuWxgl8xIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgb3ZlcmZsb3c9InZpc2libGUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGMDA0NCIgZD0iTTExMCwxNjBjMTEsMCwyMCw4LjksMjAsMjBjMCwxMS04LjksMjAtMjAsMjBsMCwwYy0xMSwwLTIwLTktMjAtMjBTOTksMTYwLDExMCwxNjB6IE00Ny40LDEzMA0KCWMxMy44LDAsMjUsMTEuMiwyNSwyNXMtMTEuMiwyNS0yNSwyNXMtMjUtMTEuMi0yNS0yNUMyMi40LDE0MS4yLDMzLjYsMTMwLDQ3LjQsMTMweiBNMTYzLjIsMTM1YzExLDAsMjAsOC45LDIwLDIwDQoJYzAsMTEtOC45LDIwLTIwLDIwbDAsMGMtMTEsMC0yMC05LTIwLTIwUzE1Mi4yLDEzNSwxNjMuMiwxMzV6IE0xODUsOTMuMmM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNWwwLDBjLTguMywwLTE1LTYuNy0xNS0xNQ0KCVMxNzYuNyw5My4yLDE4NSw5My4yeiBNMjUsNjBjMTMuOCwwLDI1LDExLjIsMjUsMjVzLTExLjIsMjUtMjUsMjVTMCw5OC44LDAsODVTMTEuMiw2MCwyNSw2MHogTTE3Ny45LDUyLjFjNS41LDAsMTAsNC41LDEwLDEwDQoJcy00LjUsMTAtMTAsMTBsMCwwYy01LjUsMC0xMC00LjUtMTAtMTBDMTY3LjksNTYuNSwxNzIuMyw1Mi4xLDE3Ny45LDUyLjF6IE04MCwwYzE2LjYsMCwzMCwxMy40LDMwLDMwUzk2LjYsNjAsODAsNjBTNTAsNDYuNiw1MCwzMA0KCVM2My40LDAsODAsMHogTTE1NSwzMGMyLjgsMCw1LDIuMiw1LDVzLTIuMiw1LTUsNWwwLDBjLTIuOCwwLTUtMi4yLTUtNVMxNTIuMiwzMCwxNTUsMzB6Ii8+DQo8L3N2Zz4NCg==);
    background-position:center; background-size:80%; background-repeat: no-repeat;
    -webkit-animation: ycyw-spin 2s infinite linear; animation: ycyw-spin 2s infinite linear; pointer-events:none;}
.btn.is-active .btn-icon::before, .btn.is-active .btn-icon::after{display:none;}

@keyframes ycyw-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Link Button */
.link-btn{--link-color:var(--link-color-blue); margin:10px auto; text-align:center; display:flex; justify-content:space-around; align-items:center; align-content:center; flex-wrap:wrap;}
.link-btn:empty{display:none;}
.mainForm .link-btn:last-child{margin-bottom:0;}
.link-btn > a, .link-btn > button, .link-btn > div{font-size:14px; font-weight:500; line-height:1.285; letter-spacing:.04em; border:none; background:none; color:var(--link-color); text-decoration:none; display:inline-flex; align-items:center; padding:0; margin:10px auto; padding:0 10px;}
.link-btn_left{display:block; margin:10px 0; text-align:left;}
.link-btn_left > a + a, .link-btn_left > button + button{padding-left:20px;}
.link-btn_icon{width: 18px; height: 18px; border-radius: 50%; overflow: hidden; background-color: var(--link-color); position: relative; margin-left: 7px; flex-shrink: 0;}
.link-btn_icon::after, .link-btn_icon::before {content: ""; width: 6px; height: 9px; position: absolute; top: 50%; left: 55%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4yMzUxOTYgNy42MjA3OUwzLjM2MDE4IDQuNDk1OEwwLjIzNTE5NiAxLjM3MDgyQzAuMTYwNjMgMS4yOTYyNSAwLjEwMTQ4MSAxLjIwNzczIDAuMDYxMTI1OSAxLjExMDMxQzAuMDIwNzcxIDEuMDEyODggMS41NzEzN2UtMDkgMC45MDg0NiAwIDAuODAzMDA4Qy0xLjU3MTM2ZS0wOSAwLjY5NzU1NSAwLjAyMDc3MSAwLjU5MzEzNSAwLjA2MTEyNTkgMC40OTU3MUMwLjEwMTQ4MSAwLjM5ODI4NSAwLjE2MDYzIDAuMzA5NzYyIDAuMjM1MTk2IDAuMjM1MTk1QzAuMzA5NzYyIDAuMTYwNjI5IDAuMzk4Mjg1IDAuMTAxNDggMC40OTU3MSAwLjA2MTEyNTFDMC41OTMxMzYgMC4wMjA3NzAyIDAuNjk3NTU2IC0xLjU3MTM3ZS0wOSAwLjgwMzAwOCAwQzAuOTA4NDYxIDEuNTcxMzdlLTA5IDEuMDEyODggMC4wMjA3NzAyIDEuMTEwMzEgMC4wNjExMjUxQzEuMjA3NzMgMC4xMDE0OCAxLjI5NjI1IDAuMTYwNjI5IDEuMzcwODIgMC4yMzUxOTVMNS4wNjc2NCAzLjkzMjAyQzUuMzgxNzUgNC4yNDYxMyA1LjM4MTc1IDQuNzUzNTMgNS4wNjc2NCA1LjA2NzY0TDEuMzcwODIgOC43NjQ0NkMxLjI5NjMxIDguODM5MTMgMS4yMDc4IDguODk4MzYgMS4xMTAzNyA4LjkzODc4QzEuMDEyOTQgOC45NzkyIDAuOTA4NDkxIDkgMC44MDMwMDggOUMwLjY5NzUyNSA5IDAuNTkzMDc4IDguOTc5MiAwLjQ5NTY0NSA4LjkzODc4QzAuMzk4MjEyIDguODk4MzYgMC4zMDk3MDcgOC44MzkxMyAwLjIzNTE5NiA4Ljc2NDQ2Qy0wLjA3MDg1OTEgOC40NTAzNSAtMC4wNzg5MTMyIDcuOTM0ODkgMC4yMzUxOTYgNy42MjA3OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-position: 50%; background-size: cover; background-repeat: no-repeat; transition: transform .3s ease-in-out;}
.link-btn_icon::before {transform: translate(-260%,-50%);}
.link-btn_icon::after {transform: translate(-50%,-50%);}
.link-btn > a:hover .link-btn_icon::before, .link-btn > button:hover .link-btn_icon::before, .link-btn > div:hover .link-btn_icon::before {transform: translate(-50%,-50%);}
.link-btn > a:hover .link-btn_icon::after, .link-btn > button:hover .link-btn_icon::after, .link-btn > div:hover .link-btn_icon::after {transform: translate(150%,-50%);}

.successful{display:block; border:1px #00a445 dotted; border-radius:4px; background-color:#f7ffe7; /*background-image:url(../Images/icon-successful.png); background-position:6px 5px; background-repeat:no-repeat; background-size:16px 16px;*/ padding:6px 10px; color:#00a445; font-size:1em; line-height:1.6em; min-height:26px; box-sizing:border-box;}
.warning{display:block; border:1px #e85e5e dotted; border-radius:4px; background-color:#ffecec; /*background-image:url(../Images/icon-warning.png); background-position:6px 5px; background-repeat:no-repeat; background-size:16px 16px;*/ padding:6px 10px; color:#f00; font-size:1em; line-height:1.6em; min-height:26px; box-sizing:border-box;}

.activated h1{font-size:24px; margin:20px auto;}
.activating i{display:block; margin:0 auto; height:124px; width:124px; background:url(../Images/loading_2.gif) center no-repeat;}
.activating p{font-size:16px; text-align:center; margin:2em auto;}

.login-tab{display:flex; align-items:center; border-bottom:3px rgba(0,0,0,0.75) solid; font-size:16px; font-weight:bold; color:#252525;}
.login-tab div{flex:0 0 50%; cursor:pointer; text-align:center; padding-bottom:10px;}
.login-tab .currents{color:var(--bs-color-ycywblue); position:relative;}
.login-tab .currents::after{content:""; height:0; border-bottom:3px rgba(var(--yc-red),1) solid; position:absolute; left:0; right:0; bottom:-3px;}
.login-tab_content{padding-top:20px;}
.login-tab_content .m-switch:first-child{margin-top:-10px;}
.m-switch{height:20px; display:flex; align-items:center; justify-content:flex-end; box-sizing:border-box; margin:0; padding:0; line-height:1;}
.m-switch > div{display:flex; align-items:center; cursor:pointer; margin:0; padding:0;}
/*.m-switch > div .icon{display:block; height:14px; width:14px; margin-right:6px; background-color:var(--bs-color-ycywblue); background-position:center; background-repeat:no-repeat; background-size:100%; background-blend-mode:lighten;}
.m-switch > div:hover{color:rgba(var(--yw-orange),1); }
.m-switch > div:hover .icon{background-color:rgba(var(--yw-orange),1);}
.m-switch .SMSCode .icon{background-image:url(../Images/icon-mail.svg);}
.m-switch .PhonePassword .icon{background-image:url(../Images/icon-lock.svg);}*/
.noshow{display:none;}

@media (min-width:1381px) and (orientation:landscape){
    .activated h1{font-size:30px;}
}

/* Laptop */
@media (max-width:1380px) and (orientation:landscape) {
    .rightBox{height:95%;}
    .title{margin-bottom:15px; font-size:18px;}
    .mainForm{padding-top:20px; padding-bottom:0;}
}
@media (max-width:1280px) and (orientation:landscape) {
   .pageWrap{padding:0 100px;}
   .ywiekcqrk .pageWrap{background-position:left bottom;}
   .ywieksh .pageWrap{background-position:right bottom;}
   .ywiekshlg .pageWrap{background-position:right bottom;}
   .ywiektx .pageWrap{background-position:right bottom;}
   .rightBox{width:auto; min-width:unset; position:inherit; right:auto; top:auto; margin:0;}
   /*.logoBox{margin-top:50px;}*/
   .mainForm{width:100%; max-width:unset; padding:20px 30px 0;}
   .title{margin-top:20px;}
}
@media screen and (min-aspect-ratio: 1366/650){
    .pageWrap .bg-mask{background:url(../Images/login-bg_mask-md.png) 0 0 no-repeat; background-size:auto 100%;}
}
/* Pad */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){
    .pageWrap .bg-mask{background:url(../Images/login-bg_mask-sm.png) 0 100% no-repeat; background-size:100% auto;}
    .pageWrap{width:100%; min-width:auto; box-sizing:border-box; padding:0; display:block;}
    .ywiekcqrk .pageWrap{background-position:left bottom;}
    .ywieksh .pageWrap{background-position:right bottom;}
    .ywiekshlg .pageWrap{background-position:right bottom;}
    .ywiektx .pageWrap{background-position:right bottom;}
    .rightBox{width:auto; min-width:unset; height:100%; max-height:calc(100% - 360px); position:inherit; right:auto; top:auto; margin:0 auto;}
    .logoBox{padding:0 30px;}
    .mainForm{width:100%; max-width:unset; padding:0 30px; margin:40px auto 0;}
    }
@media (min-width:768px) and (max-height:1024px) and (orientation:portrait){
    /*.rightBox{max-height:calc(100% - 220px);}*/
}
/* Cell-Phone */
@media (max-width:767px){
    .pageWrap .bg-mask{background:url(../Images/login-bg_mask-sm.png) 0 0 no-repeat; background-size:100% auto;}
	.pageWrap{width:100%; min-width:auto; height:100%; min-height:auto; box-sizing:border-box; background-size:100% auto; padding:0; display:flex; align-content:center; align-items:center; justify-content:center;}
    .ywiekcqrk .pageWrap{background-position:left bottom;}
    .ywiekcqfd .pageWrap{background-size:200% auto;}
    .ywieksh .pageWrap{background-position:right bottom;}
    .ywiekshlg .pageWrap{background-position:right bottom;}
    .ywiektx .pageWrap{background-position:right bottom;}
    .title{font-size:18px;}
    .rightBox{width:100%; min-width:unset; position:inherit; margin:0 30px; right:auto; top:auto;}
    .logoBox{max-width:460px; height:auto; position:inherit; left:auto; top:auto; margin:30px auto 0; padding:0 20px; box-sizing:border-box; background-repeat:no-repeat; background-position:center; background-size:auto 80%;}    
    .mainForm{width:100%; max-width:unset; padding:0 20px; margin:15px auto 0;}
    .activated, .activating{width:100%; min-height:100%; border:none; box-shadow:none; position:inherit; margin:0; left:auto; top:auto;}
}
@media (max-width:767px) and (max-height:680px){
    .pageWrap{padding:0;}
    .pageWrap .bg-mask{background-position:0 -100px;}
    .rightBox{max-height:calc(100% - 100px);}
}

/* iPhone 6 */
@media (max-width:375px) and (max-height:667px){
    .pageWrap .bg-mask{background-position:0 -100px;}
    .rightBox{max-height:calc(100% - 60px);}
}

/* iPhone 5 */
@media (max-width:320px) and (max-height:568px){
    .rightBox{max-height:calc(100% - 40px);}
    .mainForm ul .label{display:none;}
}

/* 客户端窗口 */
@media (max-width:320px) and (max-height:480px), screen and (aspect-ratio:1/1), (max-device-width:700px) and (device-aspect-ratio:4/3) {
    body{background-color:rgba(var(--ycyw-blue),1);}
    .pageWrap{width:100%; height:100%; position:relative; background-color:rgba(var(--ycyw-blue),1); padding:0;}
    .scroll-box{}
    .language-switch{position:fixed; top:20px; right:10px; z-index:10;}
    .agreement .language-switch{top:45px; right:30px;}
    .language-switch .text{display:none;}
    .bg-mask{background-color:rgba(var(--ycyw-blue),0.9)!important; background-image:none!important;}
    .rightBox{width:100%; min-width:unset; max-width:unset; height:100%; max-height:unset; position:inherit; margin:0; right:auto; top:auto; background:none; border-radius:0; box-shadow:none; box-sizing:border-box;}
    .logoBox{height:70px; max-width:unset; box-sizing:border-box; background-color:#fff; padding:0; margin:0; background-position:20px; background-size:auto 70%;}
    .logoBox img{height:100%; max-width:460px; margin:0 auto;}
    .mainForm{background:none; padding:0 30px; margin:0; position:relative;}
    .login-tab{background-color:#f7f7fa; font-size:12px; height:30px; margin:0 -30px;}
    .login-tab > a{padding:8px 0 0; height:100%; box-sizing:border-box;}
    .login-box.login-1 .qr-code{width:165px; padding:10px; background-color:#fff;}
    .mainForm ul .label{display:none;}
    .btn-primary{background-color:#0088f1;}

    .link-btn a{color:#fff;}
    .link-btn_icon{width: 18px; height: 18px; border-radius: 50%; overflow: hidden; background-color:#fff; position: relative; margin-left: 7px; flex-shrink: 0;}
    .link-btn_icon::after, .link-btn_icon::before {content: ""; width: 6px; height: 9px; position: absolute; top: 50%; left: 55%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4yMzUxOTYgNy42MjA3OUwzLjM2MDE4IDQuNDk1OEwwLjIzNTE5NiAxLjM3MDgyQzAuMTYwNjMgMS4yOTYyNSAwLjEwMTQ4MSAxLjIwNzczIDAuMDYxMTI1OSAxLjExMDMxQzAuMDIwNzcxIDEuMDEyODggMS41NzEzN2UtMDkgMC45MDg0NiAwIDAuODAzMDA4Qy0xLjU3MTM2ZS0wOSAwLjY5NzU1NSAwLjAyMDc3MSAwLjU5MzEzNSAwLjA2MTEyNTkgMC40OTU3MUMwLjEwMTQ4MSAwLjM5ODI4NSAwLjE2MDYzIDAuMzA5NzYyIDAuMjM1MTk2IDAuMjM1MTk1QzAuMzA5NzYyIDAuMTYwNjI5IDAuMzk4Mjg1IDAuMTAxNDggMC40OTU3MSAwLjA2MTEyNTFDMC41OTMxMzYgMC4wMjA3NzAyIDAuNjk3NTU2IC0xLjU3MTM3ZS0wOSAwLjgwMzAwOCAwQzAuOTA4NDYxIDEuNTcxMzdlLTA5IDEuMDEyODggMC4wMjA3NzAyIDEuMTEwMzEgMC4wNjExMjUxQzEuMjA3NzMgMC4xMDE0OCAxLjI5NjI1IDAuMTYwNjI5IDEuMzcwODIgMC4yMzUxOTVMNS4wNjc2NCAzLjkzMjAyQzUuMzgxNzUgNC4yNDYxMyA1LjM4MTc1IDQuNzUzNTMgNS4wNjc2NCA1LjA2NzY0TDEuMzcwODIgOC43NjQ0NkMxLjI5NjMxIDguODM5MTMgMS4yMDc4IDguODk4MzYgMS4xMTAzNyA4LjkzODc4QzEuMDEyOTQgOC45NzkyIDAuOTA4NDkxIDkgMC44MDMwMDggOUMwLjY5NzUyNSA5IDAuNTkzMDc4IDguOTc5MiAwLjQ5NTY0NSA4LjkzODc4QzAuMzk4MjEyIDguODk4MzYgMC4zMDk3MDcgOC44MzkxMyAwLjIzNTE5NiA4Ljc2NDQ2Qy0wLjA3MDg1OTEgOC40NTAzNSAtMC4wNzg5MTMyIDcuOTM0ODkgMC4yMzUxOTYgNy42MjA3OVoiIGZpbGw9IiMwMDFFNjAiLz4KPC9zdmc+Cgo=);
      background-position: 50%; background-size: cover; background-repeat: no-repeat; transition: transform .3s ease-in-out;}

    .check-wrap{width:100%; margin-bottom:20px; text-align:left; color:#fff;}
    .check-wrap .checked-label span{margin-left:6px;}
    .error-info{position:absolute; top:30px; width:100%; display:block; min-height:30px; padding:6px 10px; background:rgba(0,0,0,0.6); border:none; border-radius:0; margin:0; color:#f00; box-sizing:border-box; text-align:center;}
    .c-text, .c-text a{color:#fff;}
}
@media (min-width:480px) and (aspect-ratio:1/1), (max-device-width:700px) and (device-aspect-ratio:4/3) {
    .mainForm ul .label{display:block; color:#fff;}
}