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;}
fieldset.box dl.form dd{margin-bottom:20px}
.radio,fieldset .checkbox{margin-top:0}

.yz-ipt{float:left;width:190px}
.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); font-size: 18px;}
.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;}

body{ background: url(../images/login-bg.png) no-repeat; background-size: cover;}
.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 2019-07-15*/
.login-wrapper{ position: absolute; left: 50%; top:50%; width: 1000px; margin-left: -500px; height: 500px; margin-top: -250px; background: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 20px -10px #009bff; box-shadow: 0 0 20px -10px #009bff; overflow: hidden; }
.login-pic{ float: left; width: 500px; height: 500px; border-radius: 6px 0 0 6px; overflow: hidden;}
.login-form{ float:left; width: 500px;}
.login-logo{ width: 400px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; font-size: 30px;}
.login-info{ padding:0 40px; }

.swiper-container { width: 500px; height: 500px; }
.swiper-slide { text-align: center;  font-size: 18px;  background: #fff; }
.swiper-pagination-bullet{ width: 30px; height: 6px; border-radius:5px;}
.swiper-container-horizontal>.swiper-pagination{ bottom:30px; }
.swiper-pagination-bullet-active{ background: #fff;}

.custom-input { position: relative; padding-top: 20px;  margin-bottom: 20px;}
.custom-input input { padding-left: 15px; height: 40px;}
.custom-input label { cursor: text;margin: 0; padding: 0;left: 15px;top: 30px;position: absolute; font-size: 15px; color: #333; font-weight: normal; transition: all .3s ease;}
.custom-input label.active { top: -8px; left: 0; font-size: 18px;}
.custom-input label.active.focusIn { color: #2f88fd;}
.form-code{ width: 240px;}
.yz-code{ position: absolute; right: 0; top:20px; }
.yz-code .btn{ font-size: 16px; width:160px;  height: 40px; line-height:40px; padding: 0 8px;}
.form-control{ font-size: 16px;}
.code-img{ border: 1px #ccc solid; border-radius: 3px; overflow:hidden; width: 160px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); text-align: center;}
.apply-tips{ font-size: 16px; padding: 15px 20px 15px 15px;}
.apply-tips li{ margin-bottom: 15px; }
.apply-tips li:last-child span{ text-align: center; vertical-align: top; border: 1px #ccc solid; padding: 10px; width: 250px; height: 70px; display: inline-block; border-radius: 4px; }
.apply-tips li:last-child i{ margin: 0 5px; height: 70px; line-height: 70px; font-size: 20px;}
.modal-dialog-1000{ width: 1000px;}
.modal-title{ font-size: 18px;}
.tips{ background: #ffe5e0; border: 1px #ffbaad solid; padding: 10px; color:#ea644a; border-radius: 4px; }