@charset "utf-8";
html,body,div,span,img,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p{border:0; margin:0; padding:0; font-size:14px; font-family:"microsoft yahei","Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#f3f6f8;}
a:link,a:visited{color:#333; text-decoration:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
a:hover{color:#F00; blr:expression(this.onFocus=this.blur()); -webkit-tap-highlight-color:rgba(0,0,0,0);}
ul,ol,li{list-style:none;}
table , table td{border-collapse:collapse;}
.clear{clear:both;}

@font-face{font-family:'华康魏碑'; src:url('fonts/HKWBW7.TTF') format('truetype');}

.login{width:100vw; height:100vh; position:relative; background-color:#20bdfe; background-image:radial-gradient(#20bdfe,#004ccb);}

#particles-js{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:0;}
.particles-js-canvas-el{width:100%; height:100%;}


.loginLogo{padding:20px 40px; height:50px; line-height:50px;}
.loginLogo img{height:50px; vertical-align:top;}
.loginLogo span{font-size:24px; padding-left:15px; color:#fff;}


.loginBox{width:320px; max-width:90%; padding:20px 51px 51px; background:#fff; margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; z-index:1; -webkit-border-radius:7px; border-radius:7px; overflow:hidden;}
.loginBox h2{height:30px; line-height:30px; font-size:16px; text-align:center; position:relative;}
.loginBox h3{height:36px; font-weight:normal; padding:15px 0;}
.loginBox h3 .btn{width:100%;}
.loginBox p{height:25px; line-height:25px; text-align:center; font-size:14px; color:#777; position:relative;}
.loginBox p:before{display:block; width:100%; height:1px; background:#777; content:""; position:absolute; left:0; top:12px; z-index:0;}
.loginBox p span{display:inline-block; *display:inline; vertical-align:top; zoom:1; padding:0 15px; background:#fff; position:relative; z-index:1;}
.loginBox ul li{height:38px; margin-top:15px; position:relative;}
.loginBox ul li input{width:calc(100% - 18px); height:36px; line-height:36px; border:#eee 1px solid; -webkit-border-radius:3px; border-radius:3px; padding:0 8px;}
.loginBox ul li input::placeholder{color:#aaa;}
.loginBox ul li input:focus{background-color:#fff; border-color:#dadada; color:#000; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; outline:0;}
.loginBox ul li label{display:block; width:36px; height:36px; line-height:36px; text-align:center; position:absolute; left:1px; top:1px; color:#666; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
.loginBox ul li .codePic{height:26px; vertical-align:top; position:absolute; right:6px; top:6px; cursor:pointer;}
.loginBox ul li .btn{width:100%; padding:0; font-size:15px; letter-spacing:1px;}


.loginFoot{line-height:20px; font-size:12px; text-align:center; color:#fff; padding:20px 0; position:absolute; left:0; bottom:0; width:100%;}



.unselectable{-moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.nowrap{white-space:nowrap; overflow:hidden;}

.container{width:1200px; margin:0 auto;}


/* 实体按钮样式 */
.btn{display:inline-block; height:30px; line-height:28px; padding:0 12px; background-color:#42b8f1; border:#42b8f1 1px solid; color:#fff !important; white-space:nowrap; text-align:center; font-size:14px; border-radius:3px; -moz-border-radius:3px; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; outline:0; -webkit-appearance:none; transition:all .3s; -webkit-transition:all .3s; box-sizing:border-box; cursor:pointer; -webkit-appearance:button;}
.btn:hover{opacity:0.8; filter:alpha(opacity=80);}

/* 按钮颜色 */
.btn-green{background-color:#0dc316; border:1px solid #0dc316;}
.btn-orange{background-color:#FF8A00; border:1px solid #FF8A00;}
.btn-red{background-color:#fd5f56; border:1px solid #fd5f56;}
.btn-disabled{border:1px solid #e6e6e6; background-color:#fbfbfb; color:#c9c9c9 !important; cursor:not-allowed; opacity:1; filter:alpha(opacity=100);}


/* 页头 */
.head{height:70px; background:#42b8f1; position:fixed; left:0; top:0; width:100%; z-index:100;}
.head .logo{height:50px; line-height:50px; padding:10px 0; float:left;}
.head .logo img{height:50px; vertical-align:top;}
.head .logo span{padding-left:15px; font-size:24px; color:#fff;}
.headFix{box-shadow:0 3px 5px rgba(0,0,0,0.1);}

/* 用户中心按钮 */
.userBtn{height:70px; line-height:70px; float:right;}
.userBtn img{width:30px; height:30px; line-height:30px; -webkit-border-radius:50%; border-radius:50%; margin-right:5px; vertical-align:middle;}
.userBtn a:link, .userBtn a:visited{color:#fff;}
.userBtn a:hover{color:#ff0;}




/* 用户中心 */
.userContent{width:1120px; background:#fff; padding:0 40px 40px; margin:100px auto 50px;}
.iTitle1{height:80px; line-height:80px; font-size:20px; font-weight:bold; text-align:center;}

.inbox{background:#fefefe; border:1px solid #ddd; padding:1px;}

/*表单表格*/
table.infoTable{background:#f6f6f6;}
table.infoTable td.titletd, table.infoTable td.infotd{height:26px;}
table.infoTable td.titletd{background:#f6f6f6; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; box-shadow:rgba(255,255,255,0.6) 0 1px 0 inset; -moz-box-shadow:rgba(255,255,255,0.6) 0 1px 0 inset; -webkit-box-shadow:rgba(255,255,255,0.6) 0 1px 0 inset; font-size:14px; padding:8px 10px 8px 0; width:140px; min-width:140px; text-align:right; -moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
table.infoTable tr:first-child td.titletd{box-shadow:rgba(255,255,255,0.6) 0 0 0 inset; -moz-box-shadow:rgba(255,255,255,0.6) 0 0 0 inset; -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 0 inset;}
table.infoTable td.top{vertical-align:top;}
table.infoTable td.infotd{background:#fff; border-bottom:1px solid #eee; font-size:14px; height:24px; padding:8px 5px 8px 10px;}
table.infoTable td.auto{width:auto;}
table.infoTable a:link, table.infoTable a:visited{color:#0070d9;}
table.infoTable i{vertical-align:middle; font-style:normal;}
table.infoTable i.important{color:#f00; padding-right:5px;}
table.infoTable td.titletd .subtitle{color:#888; display:block; font-size:12px; font-weight:normal; height:16px; line-height:16px;}
table.infoTable tr:last-child > td{border-bottom:none;}

/*列表表格*/
table.listTable{background:#f6f6f6; border:1px solid #ddd; border-collapse:collapse;}
table.listTable tr.thead th{background:#f6f6f6; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#222; font-size:14px; font-weight:normal; height:16px; line-height:16px; padding:10px; text-align:left; overflow:hidden}
table.listTable tr.thead-normal th{font-weight:normal;}
table.listTable tr td, table.listTable tr.pages td{padding:8px 10px; font-size:14px; height:24px; line-height:160%; border-left:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
table.listTable tr td:first-child{border-left:1px solid #ddd;}
table.listTable tr.pages td{border-left:1px solid #ddd;}
table.listTable tr td{background:#fff;}
table.listTable tr.eline td{background:#f6f6f6}
table.listTable tr.data:hover td{background:#fffee0;}
table.listTable tr.selected td{background:#CFD1D2;}
table.listTable tr.selected:hover td{background:#c2c2c2;}



.zkzBox{border:#000 2px solid; margin:0 3cm; padding:10px 20px;}
.iTitle01{font-size:19px; line-height:40px;}
.iTitle02{font-family:"华康魏碑"; font-size:20px; line-height:40px;}
.txtFrom td{padding:5px 0; line-height:22px;}
.txtFrom td .txt{height:21px; line-height:21px; border-bottom:#000 1px solid;}

.formTable{width:100%;}
.formTable tr.firstRow td{font-weight:bold; background:#fff !important;}
.formTable tr td{padding:8px 10px; font-size:14px; height:24px; line-height:24px; border:1px solid #000; text-align:center;}

.zysx{padding-top:50px; font-size:14px; line-height:32px;}
.zysx h2{ font-size:14px;}


/* 版权 */
.foot{height:50px; line-height:50px; text-align:center; background:#e8ecee;}


.datatable td{border:1px solid #e6e6e6; padding:5px; line-height:20px; color:#333;}
.firstRow td{text-align:center; background-color:#f2f2f2 !important;}
.subFirstRow td{text-align:center; background-color:#f4ebce !important;line-height:20px; color:#796205 !important;}
.subFirstRow2 td{text-align:center; background-color:#caeeee !important;line-height:20px; color:#006060 !important;}
.datatable tr:hover{background-color:#f2f2f2;}
.totalRow td{background-color:#E6F7FF}


/* 弹出层 */
.layerDiv{padding:15px; display:none;}
.layui-layer-btn{font-size:14px;}

/*layer层的第二个按钮样式*/
.layui-layer-btn .layui-layer-btn1{background:#aaa;color:#FFF; border:1px solid #aaa;border-radius:2px; -moz-border-radius:2px;}

/* 自定义弹出层 */
.layerBox .layui-layer-title{font-size:14px; font-weight:bold; color:#333; padding-left:15px; -moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.layerBox .layui-layer-title .iconfont{font-weight:normal; font-size:16px; margin-right:5px;}
.layerBox .layui-layer-btn{padding:10px 15px !important; background:#f8f8f8; border-top:1px solid #eee;}
.layerBox .layui-layer-btn a{margin-top:0;}
.layerBox .layerDiv{padding:15px;}

@media screen and (max-width:960px){
	.head{height:60px;}
	.head .logo{height:30px; line-height:30px; padding:15px 0 15px 10px;}
	.head .logo img{height:30px;}
	.head .logo span{padding-left:10px; font-size:16px;}

	/* 用户中心按钮 */
	.userBtn{height:60px; line-height:60px; float:right; padding-right:10px;}
	.userBtn img{width:24px; height:24px; line-height:24px;}

	.container{width:auto;}
	.userContent{width:auto; padding:0 20px 20px; margin:60px auto 0;}
	.iTitle1{height:50px; line-height:50px; font-size:18px;}
}


@media screen and (max-width:480px){
	.loginLogo{padding:20px; height:auto; line-height:50px; text-align:center;}
	.loginLogo img{height:50px; vertical-align:top;}
	.loginLogo span{display:block; font-size:22px; padding-left:0; padding-top:10px; letter-spacing:1px;}

	.loginBox{width:calc(88% - 80px); padding:20px 40px 40px;}
	
	table.infoTable td.titletd{width:70px; min-width:70px;}
	table.listTable tr.thead th{white-space:nowrap;}

}