.mode { position:absolute; top:0; right:0; width:3rem; height:3rem; overflow: hidden; cursor: pointer; }
.mode::after { content:''; position:absolute; left:-70%; bottom:-70%; width:140%; height:140%; background:#FFFFFF; transform:rotate(45deg); overflow:hidden; }
.qr { background:url("/web/images/icon/qr.png") no-repeat top right / 80%; }
.pc { background:url("/web/images/icon/pc.png") no-repeat top right / 80%; }

.login-area .contentBox .content{ position: relative; padding: 3rem 10px; }


.code-box{ position: relative; width: 100%; }
.code-box .login-code{ position: relative; width: 50%; max-width: 180px; margin: 0 auto; border-radius: 0.5rem; border:solid rgba(0, 152, 219, 0.5) 0.125rem;  padding: 1rem; }
.code-box .login-code::before { content:''; position:absolute; left:-0.25rem; right:-0.25rem; top: -0.25rem; bottom: -0.25rem; width:calc(100% - 3rem); margin: auto; height:calc(100% + 0.5rem); background:#FFFFFF; }
.code-box .login-code::after { content:''; position:absolute; left:-0.25rem; right:-0.25rem; top: -0.25rem; bottom: -0.25rem; height:calc(100% - 3rem); margin: auto; width:calc(100% + 0.5rem); background:#FFFFFF; }


.code-box .login-code img{ position: relative; width: 100%; z-index: 2;border:0.5rem #FFFFFF solid; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0, 0.2); }

#headerLoginBox .login-code{  width: 64%; margin-bottom: 1rem;  }

.code-box .login-tit{ position: relative; width: 100%; text-align: center; margin-bottom: 1rem; font-weight: bold; }

.expired{ position: absolute; z-index: 10; background: rgba(255,255,255,0.95) url("/web/images/icon/refresh.svg") center no-repeat; background-size: 30% auto; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer; }
.expired .tips{ position: absolute; top:calc(50% + 1rem ) ; text-align: center; width: 100%; color: #0098DB; font-size: 12px; }

.expired.hide{  transform:rotate(180deg);  opacity: 0; transition:all 0.5s;  }

.errorMessages p{ margin: 10px 0 !important; }

#header #headerLoginBox .content .formActions { width: 250px; }