a:focus{outline:0;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none}
a:active,a:hover,a:link{text-decoration:none}
body{overflow-x:auto!important;overflow-y:auto!important;background:#eef3fa;color:#555}
body,button,input,select,textarea{font:13px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#4b4b4b}
li,ul{list-style:none}
.pst{position:relative}
.app-login{margin:100px auto 40px;width:410px;position:relative;}
.login-box{padding:20px 40px;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:4px}
fieldset.box{margin:0;padding:0;border:none;/*border-top:1px solid #eeecec*/}
fieldset.box legend{margin:0;padding:0 5px;font-size:14px;color:#9f9f9f;text-align:center;width:inherit;border-bottom:none}
fieldset.box dl.form{margin:0;padding:20px 0 0}
fieldset.box dl.form dd{margin-bottom:16px}
.radio,fieldset .checkbox{margin-top:0}
.yz-code{float:right;width:100px}
.yz-ipt{float:left;width:210px}
.form-control:focus{border-color:#77b8ff;}
.btn-login{ background:#3280fc;  color:#fff; display: block; padding: 8px 0; margin-bottom: 0; font-size: 14px; font-weight: 400; text-align: center;  white-space: nowrap;vertical-align: middle; cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;  border: 1px solid transparent; border-radius: 4px; -webkit-transition: all .4s cubic-bezier(.175,.885,.32,1); -o-transition: all .4s cubic-bezier(.175,.885,.32,1); transition: all .4s cubic-bezier(.175,.885,.32,1);}
.btn-login:hover{ background:#0069e1; color:#fff;}
.login-title{ font-size:20px; padding:0 20px; position:absolute; top:-50px; left:0; right:0; color:#eb8b26; width:400px; text-align:center;} 
.nav>li>a{ font-size:16px;}
.nav>li>a:focus,.nav>li>a:hover{ background-color: transparent;}

.cl-box{ text-align:center; }
.cl-code{ width:200px; height:200px; margin:20px auto; border-radius:4px; box-shadow: 0 0 8px #DDD; position:relative; }
.cl-mask{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8); z-index:99; padding-top:50px;}
.cl-mask i{ margin-right:4px;}
.cl-code img{ width:100%; height:100%; }
.cl-tip{ text-align:left; width:200px; margin:10px auto; position:relative;}
.cl-tip p{ letter-spacing:1px; }
.cl-tip p span,.cl-tip p i{ margin-left:4px;}
.cl-tip p i{ font-size:14px;}
.app-help{ position:absolute; right:-320px; top:-360px; z-index:99; display:none;}
.md-layer{ margin-top:16px; text-align: center; position:relative;}
.md-close{ position:absolute; top:-30px; right:-14px; }
.md-close a{ display:block; color:#bbb; width:30px; height:30px; line-height:30px; text-align:center;}
.md-code{ margin-bottom:10px; }
.md-code img{ width:236px; height:236px;}
.md-code p{ color:#aaa; letter-spacing:12px; font-size:16px; margin-top:10px; margin-bottom:0;}
.forget-step{ margin:20px 0 0  0;}
.fs-item{ width:110px; position:relative; float:left; padding-top:20px; border-top:4px #e4e4e4 solid;}
.fs-one,.fs-two,.fs-three{ position:absolute; top:-15px; width:30px; height:30px; background:#eee; border-radius:50%; text-align:center; line-height:30px;}
.fs-one{ left:0;}
.fs-two{ left:50%; margin-left:-20px;}
.fs-three{ right:0;}
.fa-passed{ border-top:4px #38B03F solid;}
.fa-passed .fs-one,.fa-passed .fs-two,.fa-passed .fs-three{  background:#38B03F; color:#fff;}
.v1-link{ width:410px; margin:0 auto; text-align:center; background:#FFE5E0; color:#EA644A; padding:0 10px; height:50px; line-height:50px; font-size:14px; border-radius:4px; box-shadow: 0 0 6px rgba(0,0,0,.2); }
.v1-link a{ margin-left:6px;}
.tip-code{ width:200px; height:200px; margin:20px auto; text-align:center; position:relative; }
.cl-mask dl{ text-align:left; padding:0 0 0 70px; position:relative;}
.cl-mask dt{ position:absolute; left:0; top:0; width:52px;}
.cl-mask h4{ color:#38b03f; font-size:20px; font-weight:normal;}
/*.iconWatch{ background-image: url(../images/image-large.svg); background-size: cover; background-origin: content-box; background-position: center center; width: 72px; height: 24px; margin-left: 10px; display: inline-block;}
.iconWatch:hover{ opacity: 0.7;}*/

/*add 2020-04-09*/
.login-bg{ /*background: url("../images/login-bg.png") no-repeat; background-size: cover; */}
.app-login{ margin: 0; position: absolute; left: 50%; top:50%; border-radius: 2px; box-shadow:0 0 10px rgba(0,0,0,.1); width: 800px; height: 400px; margin-top: -200px; margin-left: -400px; overflow: hidden;}
.login-box{ float: right; width: 410px; height: 400px; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,.1);}
.login-banner{ width:390px; float: left;}

fieldset h5{ margin-top: 30px; font-size: 18px; font-weight: normal; }
