@charset "utf-8";
html{ min-height: 100%;touch-action: manipulation;}
*{ margin:0; padding:0;-webkit-tap-highlight-color: transparent;}
ul,ol{ list-style:none;}
img{ border:none;}
body{ width: 100%;display: flex; flex-direction: column; font-size:14px ; line-height:1.5; color:#333;
background:#ffffff;font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;}
a{ text-decoration:none; color:#333;}
.clear{ clear:both;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
::-webkit-scrollbar { width: 3px; }
/* 滚动槽 */
::-webkit-scrollbar-track { background: #d7d7d7;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { border-radius:2px; background: rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.3);}

input,textarea{  
	background:none;  
	outline:none;  
	border:0px;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top:-1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #999;
    border-radius: 3px;
    margin-right: 5px;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    vertical-align: middle;
    transition: border-color 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
}

input[type="checkbox"]:checked{
    border: 1px solid #1387f4;
    background: #1387f4;
}

input[type="checkbox"]:checked::before {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    height: 4px;
    width: 7px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    top: 4px;
    margin-left: 3px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#888;
    font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;
}
::-webkit-textarea-placeholder { /* WebKit, Blink, Edge */
    color:#888;
    font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#888;
   font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#888;
   font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#888;
   font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;
}
:-ms-textarea-placeholder { /* Internet Explorer 10-11 */
   color:#888;
   font-family:Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif;
}
.wcontent{ position: fixed; top: 0; right: 0;bottom: 0;left: 0; margin: 0 auto; background-image: url(/zqx/static/img/mlbg.jpg); background-size: cover;}

.wlogin{ width:360px;position: absolute; top: 50%;left:50%; transform: translate(-50%,-50%);z-index: 2;
  display: flex; flex-direction: column; background: #fff; padding: 10px 50px 50px 50px;border-radius: 8px; box-shadow: 0 0 20px #bbb}
.wctit{ width: 100%;text-align: center; line-height: 60px; font-size: 24px; color: #333; font-weight: 700;margin-top: 30px; }
.wcli{ width: 100%; margin-top:20px; height: 48px; border:#ddd solid 1px; border-radius: 4px; display: flex; flex-direction: row;}
.wcli label{ width: 24px; height: 24px; padding: 12px; border-right: #ddd solid 1px }
.wcli .i-user{background: #f0f0f0 url(/zqx/static/img/i-user.png) no-repeat center center;background-size: 20px; }
.wcli .i-pwd{background: #f0f0f0 url(/zqx/static/img/i-pwd.png) no-repeat center center;background-size: 20px; }
.wcli input{ flex:1; line-height: 48px; font-size: 16px; color: #333; padding: 0 15px;}
.wchk{ width: 100%; line-height: 50px; font-size: 14px; color: #333; }

.wbtn{ width: 100%; display: flex; flex-direction: column; margin-top:40px; }
.wbtn span{width: 100%;line-height: 48px; line-height: 48px; text-align: center; color: #fff;background:#1387f4; font-size: 16px;
 border-radius: 4px; cursor: pointer;}
.wbtn span:hover{ opacity: 0.8; }

.wfot{ width: 100%;position: absolute; bottom: 0;left: 0;z-index: 2; padding: 20px 0;}
.wft{ width:  100%; display:flex; flex-direction: column;  }
.wft p{width: 100%; text-align: center; line-height: 24px; font-size: 14px; color: #333;}