html,body{width:100%;height:100%;font-family:'微软雅黑';}
html,body,ul,li,p,input{margin:0;padding:0;}
ul,li{list-style: none;}
.clear:after{
	display:block;clear:both;content:"";visibility:hidden;height:0
}
.fl{float:left;}
.fr{float:right;}
.marginL20{margin-left: 20px;}
.fl10{float: left;margin-left: 10px;}

/*登录页面*/
.loginWrap{width:100%;height:100%;}
.loginLeft{position:relative;float:left;width:75%;height:100%;background:url(../images/banner.png) no-repeat 0 0;background-size: cover;}
.loginLeft .tips{color:#fff;position: absolute;left:5%;top:50%;margin-top: -80px;line-height: 2}
.loginRight{float: right;width:25%;height:100%;position: relative;}
.form-group{width:75%;position: absolute;left:12.5%;top:18%; }
.form-group .tabItem{margin:20px 0;}
.form-group .nameWrap{margin-top:40px;}
.randomNum{width:100%;height:34px;border:1px solid #ccc;border-radius: 5px;position: relative;}
.randomNum #code_input{float:left;width:60%;border:none;outline:none;height:32px;margin-left:1px;padding-left:8px;float:left;}
#v_container{position:absolute;right:15%;top:4px;width:35%;}
.infor{position: absolute;width:100%;bottom:10px;font-size: 12px;text-align:center;}
.submit{width:100%;height:34px;border:none;border-radius: 5px;background-color: #62abea;color:#fff;}
/*首页页面*/
header{width:100%;height:53%;min-height:320px;max-height:600px;background:url(../images/bg.png) no-repeat 0 0;background-size: cover;}
.logoWrap{margin-left: 20%;padding-top:10px;}
.logoWrap img{width:100px;float:left;margin-top: 3px;}
.login:before{border-left:1px solid #fff;content:"";margin-right:12px;}
.login{color:#fff;margin-left: 20px;float: left;width: 80%;}
.login a{color:#ccc;text-decoration: none;}
.login a:hover{color:#fff;}
.title{color:#fff;text-align: center;font-weight: bold;margin-top: 60px;letter-spacing:2px;}
.slogan{text-align: center;color:#fff;margin-top: 20px;}
.queryWrap{width:40%;margin:40px auto 0;}
.queryTitle{overflow: hidden;margin-left: 5px;}
.queryTitle .queryItem{float:left;color:#ccc;margin-right: 20px;cursor: pointer;}
.queryTitle .queryItem.current{font-weight: bold;color:#fff;}
.search{width:100%;height:36px;background-color: #fff;border-radius:5px;margin-top:10px;}
.search input{float:left;border:none;width:80%;height:36px;outline: none;padding-left:20px;border-radius:5px;}
.submitSearch{width:20%;float: right;height:36px;line-height: 36px;background-color: #3285ff;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;text-align: center;cursor: pointer;}
.mainbody{width:100%;}
.codeWrap{width:75%;margin:auto;overflow: hidden;margin-top:30px;padding-bottom: 60px;}
.codeList{float:left;}
.codeList img,.codeList h6,.codeList p{margin:auto;}
.codeList img{display: block;width:150px;}
.codeList h6{text-align: center;font-size: 16px;margin:10px auto;}
.codeList p{color:#777;font-size:12px;}
footer{width:100%;position: fixed;bottom:0;background-color: #fff;padding-bottom: 10px;}
footer p{
	text-align: center;font-size: 12px;line-height: 1.5;width:100%;
}

/*列表页*/
nav{width: 100%;height:74px;}
.navLeft{margin-left:15%;margin-right: 40px;margin-top:26px;}
.navLeft img{width:140px;display: block;}
.navLeft p:before{border-left:1px solid #ccc;content:'';margin:0 10px;}

.navCenter{margin-top:10px;}
.navItem{padding:2px 5px;cursor: pointer;margin-right: 5px;font-size: 12px;}
.navItem.current{background-color: #0084ff;color:#fff;}
.serhWrap{height:28px;}
.serhWrap input{display:block;width:400px;height:30px;border:1px solid #0084ff;outline: none;float: left;}
.serhWrap .serhBtn{width:80px;height:30px;color:#fff;background-color: #0084ff;text-align: center;line-height:30px;cursor: pointer;}
.serhWrap .serhBtn:hover{background-color: #288ff0;}
.navRight{margin-right:15%;margin-top:28px;}
.navRight a{color: #777;}
.navRight a:hover{color:#333;}
section{width:100%;background-color: #f2f2f2;padding-top: 10px;}
.listHead{background-color: #fff;width: 70%;margin: auto;padding:10px 20px;border-bottom: 1px solid #f2f2f2;}
.serhResult{line-height: 30px;}
.serhResult span{color:red;}
.exportBtn{background-color: #0084ff;padding:5px 10px;color:#fff;cursor:pointer;}
.exportBtn:hover{background-color: #288ff0;}
.confirmBtn,.cancalBtn{float: right;color:#f00;line-height: 30px;display: none;cursor: pointer;}
.confirmBtn{margin-right: 10px;}
.cpyWrap{width:70%;margin:auto;background-color: #fff;}
.cpyList{border-bottom: 1px solid #f2f2f2;}
.basicInfor{height: 114px;padding:10px 0;margin:0 30px;border-bottom: 1px solid #f2f2f2;}
.basicInfor img{display:block;margin-right:30px;width:40px;height:40px;margin-top: 20px;}
.cpyInfor h5{font-size: 16px;font-weight: bold;}
.cpyInfor div{font-size: 14px;color:#777;}
.displayBtn{color:#0084ff;margin-top: 20px;cursor: pointer;}
.tableDisplay{padding:10px 30px;display: none;}
.tableDisplay h6{font-size: 14px;margin-top:0!important;clear:both;}
.tableLeft,.tableRight{width:49%;}
.tableLeft{margin-right: 2%;}
.historyBtn{float:right;color:#0084ff;cursor: pointer;}
.popupHistory{display: none;padding:20px;}
.popupExport{display: none;padding:20px;}
.btnWrap{margin-bottom: 10px;}
.btnItem{float: left;padding:5px 10px;background-color: #e0e0e0;border-radius: 5px;margin:5px 5px;cursor: pointer;}
.btnItem.current{background-color: #0084ff;color:#fff;}
.checkbox{margin-top: 35px;margin-right: 20px;width:15px;height:15px;background:url(../images/tickcopy1.png) no-repeat 0 0;background-size: contain;cursor: pointer;display: none;}
.checkbox.current{background:url(../images/tickcopy2.png) no-repeat 0 0;background-size: contain;}
.checkbox1{margin-top: 7px!important;margin-left: 10px;}
.text-c{text-align: center}