a{ color: #5874d8;}
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:#5874d8;  color:#fff; display: block;width: 100%; padding: 8px 0; margin-bottom: 0; font-size: 16px; 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,.btn-login:visited, .btn-login:active { background:#5874d8; 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; border: 1px #eee solid; /* 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; text-align: center;}
.cl-tip p{ letter-spacing:1px; margin-bottom: 5px; }
.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;}

.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: 4px; 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; }
.nav-secondary>li.active>a, .nav-secondary>li.active>a:focus, .nav-secondary>li.active>a:hover{ color: #5874d8; border-bottom-color: #5874d8;}
.nav-tit{ margin-top: 20px; font-size: 26px; }
.nav-login{ position: absolute; right:-15px; top:-15px;}
.nav-login li a{ width: 80px; height: 80px; overflow: hidden;}
.nav-login li img{ width: 100%; height: 100%; object-fit: contain; }
.code-login,.pw-login{ position: relative;}
.ercode_tab{ cursor: pointer; position: absolute; right: -40px; top:-40px; width: 80px; height: 80px; overflow: hidden;}
.ercode_tab img{ width: 100%; height: 100%; object-fit: contain;}
.pw-login{ display: none;}
.switch-tip{ position: absolute; right: 30px; top:-20px; background-color: #e5edfe; color: #5874d8; border-radius: 4px; padding: 6px 8px;}
.switch-tip::after{ content: ""; position: absolute; top: 50%; right: -6px; transform: translateY(-50%);width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e5edfe;}

.select-shop{ background-color: #fff; width: 900px; margin: 20px auto; border-radius: 4px; }
.top-header{ height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px #eee solid;}
.top-header .fixed-return{ font-size: 16px; }
.top-header .fixed-return a{ color:#4b4b4b}
.top-header .fixed-return a.btn-return i{ margin-right: 6px;}
.top-header .fixed-return span{ margin: 0 10px; color: #aaa;}
.select-shop-list{ padding: 20px; min-height: 680px;}
.select-shop-list ul{ padding: 0; display: grid; grid-template-columns: repeat(3,33.3%);}
.select-shop-list li{ position: relative; padding: 15px; border-radius: 4px; overflow: hidden; border: 1px #eee solid; margin-right: 15px; margin-bottom: 15px; border-top: 4px #eee solid;}
.select-shop-list li:nth-child(3n){ margin-right: 0;}
.select-shop-list li .shop-name{ margin-bottom: 10px; font-size: 16px;}
.select-shop-list li p{ margin-bottom: 5px;} 
.select-shop-list li .shop-info{ color:#666;}
.select-shop-list li .shop-info label{ font-weight: normal; font-size: 12px;}
.select-shop-list li:hover{ background-color: #f6f6f6;}
.shop-state{ position: absolute; right: -15px; bottom: -30px; width: 120px; height:120px; overflow: hidden;}
.state-normal{ background: url(../images/label-normal.png) no-repeat; background-size: 120px 120px;}
.state-over{ background: url(../images/label-over.png) no-repeat;  background-size: 120px 120px;}

.login-bang{ border-top: 4px #5874d8 solid; margin: 0; border-radius: 4px; box-shadow:0 0 10px rgba(0,0,0,.1); width: 800px; margin: 50px auto; min-height: 400px; overflow: hidden; background-color: #fff;} 
.bang-inner{  padding: 20px;}
.bang-inner p{ color: #666;}
.wx-user{  margin: 30px auto; display: flex; justify-content: center; align-items: center; }
.wx-photo{ display: inline-block; width: 63px; height: 63px; border-radius: 2px; overflow: hidden;}
.wx-photo img{ width: 100%; height: 100%; object-fit: cover;}
.wx-name{ display: inline-block;margin-left: 10px; font-size: 16px; }
.bang-info{ width: 400px; margin: 30px auto;}
.bang-form{ font-size: 16px; outline: none; width: 100%; border: none; background-color: transparent; border-bottom: 1px #ddd solid; height: 41px; line-height: 41px;}
.bang-form::placeholder{ color: #bbb;}
.bang-item{  font-size: 16px; margin-bottom: 20px; position: relative; padding: 0 0 0 80px;}
.bang-item label{ font-weight: normal; position: absolute; left: 0; top:0; line-height: 40px;}

.cl-tip dl{ position: relative; padding: 0 0 0 40px;}
.cl-tip dt{ position: absolute; left: 0px; top:50%; width: 32px; height: 32px; margin-top: -16px; overflow: hidden; color: #f5a623;}
.cl-tip dt img{ width: 100%; height: 100%; object-fit: scale-down;}
.cl-tip dd{ text-align: left;}
.cl-tip dd p{ margin-bottom: 0;}
fieldset.box dl.form dt{ font-weight: normal; margin-bottom: 3px; }
.chosen-container .chosen-results { max-height: 200px !important; }