ul, ol{margin:0;padding:0;}
ol, ul {list-style:none;}

html {min-height:100%;}
body{width:100%;height:100%;padding:0;margin:0;font:normal 13px/1.5 arial,sans-serif;font-family: Helvetica Neue,PingFang SC,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,sans-serif;color:#333;}
h1,h2,h3,h4{margin:10px 0;
	text-shadow:1px 1px 3px #fdfed0;}
legend{font-size:14px;font-family:"Microsoft Yahei";}
form{padding:0 3px;}
a{color:#36c;text-decoration:none;}
.l{float:left;}.r{float:right;}
.rel{position:relative;}.abs{position:absolute;}
.tac{text-align:left;}.tar{text-align:right;}.tal{text-align:left;}
.fix{zoom:1;}.fix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.center{margin:0 auto;}

body.gray {background-color: #f5f5f5;}

.loginwarp {overflow:hidden;}
.loginwarp .logininput { font-size:1.4rem;margin-top:15px;border-bottom: 1px solid #ddd;}
.loginwarp .logininput input {border: none; width: 70%; font-size: 13px; padding: 7px 5px;}
.loginwarp .logininput input#pass { padding: 9px 5px 8px; }
.loginwarp .logininput .icon-mobile {position: relative; top: 1px;}

.login-wrap {overflow: hidden; margin-top: 100px;}
.login-wrap .logo {text-align: center;}
.login-wrap .logo img {width: 40%; vertical-align: bottom;}
.login-wrap #login-form {margin-top: 30px;}
.login-wrap #login-form #mobile {margin: 15px 4%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 3px; width: 92%; padding: 10px;}
.login-wrap #login-form #vericode {margin-left: 4%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 3px; width: 60%; padding: 10px;}
.login-wrap #login-form input:focus {border: 1px solid #a6a6a6; outline: none;}
.login-wrap #login-form button:focus {outline: none;}
.login-wrap #login-form #getvericode {margin-right: 4%; box-sizing: border-box; border: 1px solid #2c74e2; border-radius: 3px; width: 30%; padding: 9px; color: #2c74e2; background: #fff; float: right;}
.login-wrap #login-form #getvericode.disabled {border: 1px solid #d9d9d9; color: #999999;}
.login-wrap #login-form #login {margin:40px 4% 0; box-sizing: border-box; border-radius: 3px; width: 92%; padding: 10px; background: #2c74e2; color: #fff; border: none;}


#record-list {overflow: hidden;}
#record-list .select {width: 100%; box-sizing: border-box; padding: 10px 15px; background: #fff; margin-bottom: 10px;}
#record-list .select input {border: none;}
#record-list .select input:focus {outline: none;}
#record-list .select #name {float: right;}

ul.record-list {overflow-x: hidden; overflow-y: scroll; width: 100%;}
ul.record-list li {overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 10px 4%; box-sizing: border-box; width: 100%; background-color: #fff;}
ul.record-list li.title {font-weight: bold;}
ul.record-list li div {display: inline-block; float: left; font-size: 12px;}
ul.record-list li .name {width: 15%;}
ul.record-list li .idcardno {width: 42%;}
ul.record-list li .state {float: right;}
ul.record-list li .state.red {color: #e45171;}
ul.record-list li .state.green {color: #01af63;}
ul.record-list li div.memo {display: block; width: 100%; overflow: hidden; word-break: break-all; margin-top: 5px;}
ul.record-list li.no-result {border: none; background-color: transparent; margin-top: 40px; color: #999; text-align: center;}