@charset "utf-8";

.table-list li{position:relative; padding-top: .625em; padding-bottom: .625em; transition: all .3s; -webkit-transition: all .3s; border-bottom: 1px dashed #ddd;}
.table-list li div{position: absolute; top: 50%; display: block; margin-top: -.8em; color: #666; line-height: 1.6em; text-align: center;}
.table-list li.head{font-size: 1.125em; font-weight: bold; border-bottom-color: #ccc; border-bottom-style: solid;}
.table-list li.head div{color: #4969b0!important;}
.table-list li .c-topic{position: relative; top: auto; margin-top: 0 !important; text-align: left;}
.table-list.none{display: block;}
@media (max-width: 768px) {
  .table-list.none{display: none;}
  .table-list.res li{padding: 1em 1.25em !important; font-size: .875em; border-bottom: none;}
  .table-list.res li.head{display: none;}
  .table-list.res li div{position: static; display: block; margin-top: .25em; width: auto; text-align: left;}
  .table-list.res li:nth-child(even){background-color: #f8f8f8;}
  .table-list.res li .c-topic{font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: .875em;}
  .table-list.res li .c-topic a{white-space: normal;}
}

/* layui-table-layout */
/***
样式说明：
.nob:无边框,与.space*组合使用
.forms:用于表单类
.format:小屏幕显示格式化
.res:992响应成一行显示
.col-*:按比例排列（*除以12）
.space*:多列之间含*px的间距
.lightblue:设置边框颜色，背景色为浅蓝色调
 ***/
.layui-table-layout{position: relative; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb;}
.layui-table-layout:after{position: absolute; top: 0; right: 0; width: 1px; content: ""; height: 100%; background-color: #ebebeb;}
.layui-table-layout .layui-table-item{position: relative; float: left;}
.layui-table-layout .layui-table-item:after{position: absolute; top: -1px; right: 0; left: 0; height: 1px; background-color: #ebebeb;}
.layui-table-layout .layui-table-block{position: relative; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.layui-table-layout .layui-table-label{position: absolute; top: 0; left: 0; z-index: 1; color: #666; height: 100%; width: 9em; text-align: center; background-color: #fafafa;}
.layui-table-layout .layui-table-label .table{position: absolute; top: 0; right: 0; left:0; bottom: 0; width: 100%; height: 100%; display: table; vertical-align: middle;}
.layui-table-layout .layui-table-label .table .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.layui-table-layout .layui-table-label .table .inline span{display: block; margin: 0 1em;}
.layui-table-layout .layui-table-label .table .inline span font{display: inline-block; color: #f00; margin: 0 .25em;}
.layui-table-layout .layui-table-label .table.vtop{vertical-align: top;}
.layui-table-layout .layui-table-label .table.vtop .inline{vertical-align: top;}
.layui-table-layout .layui-table-label .table.vtop .inline span{margin-top: .5em;}
.layui-table-layout .layui-table-label.whole{width:100%; position: static; padding: .75em 1em; line-height: 1.8em; text-align: center !important;}
.layui-table-layout .layui-input-block{position: relative; margin-left: 9em; padding: .75em 1em; line-height: 2.125em; min-height: 2.125em; border-left: 1px solid #ebebeb; text-align: justify;}
.layui-table-layout .layui-input-radio{display: inline-block; margin-right: 20px;}
.layui-table-layout .layui-input{height: 42px; line-height: 42px;}
.layui-table-layout .layui-input.w50{width: 50%;}
.layui-table-layout .layui-input.yzm{width: 126px;}
.layui-table-layout .layui-form-radio{margin-top: 0; padding-right: 0;}
.layui-table-layout .layui-form-radio>i:hover, 
.layui-table-layout .layui-form-radioed>i{color: #347bd7;}
.layui-table-layout .layui-form-radio > div{font-size: 16px;}
.layui-table-layout .layui-btn{height: 42px; line-height: 42px; font-size: 16px;}
.layui-table-layout .layui-btn-normal{background-color: #347bd7;}
.layui-table-layout .layui-btn-config{width: 80px; background: url(../images/hdjl/mesgwz_btn.jpg) no-repeat center center;}
.layui-table-layout .codeimg{height: 42px;}

.layui-table-layout .layui-table-block.biger .layui-table-label{width: 50%;}
.layui-table-layout .layui-table-block.biger .layui-input-block{margin-left: 50%;}
.layui-table-layout .layui-table-block.size14 .layui-table-label{width: 14em;}
.layui-table-layout .layui-table-block.size14 .layui-input-block{margin-left: 14em;}
.layui-table-layout .layui-table-block.mini .layui-table-label{width: 3em;}
.layui-table-layout .layui-table-block.mini .layui-input-block{margin-left: 3em;}
.layui-table-layout .layui-table-block.nolabel .layui-input-block{margin-left: -1px;}
.layui-table-layout .buttons .layui-table-label{padding: 1.5em 0;}
.layui-table-layout .buttons ul{margin-right: -7px; margin-left: -8px;}
.layui-table-layout .buttons ul li{float: left; width: 100%;}
.layui-table-layout .buttons ul li span{display: block; margin-right: 7px; margin-left: 8px;}
.layui-table-layout .buttons ul li span .layui-btn{padding: 0; width: 100%;}
.layui-table-layout .buttons ul.col1{margin-right: 0; margin-left: 0;}
.layui-table-layout .buttons ul.col1 li + li{margin-top: 10px;}
.layui-table-layout .buttons ul.col1 li span{margin-right: 0; margin-left: 0;}
.layui-table-layout .buttons ul.col2 li{width: 50%;}
.layui-table-layout .buttons ul.col3 li{width: 33.33333%;}

.layui-table-layout.lightblue{border-top-color: #c6c6c6; border-left-color: #c6c6c6;}
.layui-table-layout.lightblue:after{background-color: #c6c6c6;}
.layui-table-layout.lightblue .layui-table-item{border-top-color: #c6c6c6;}
.layui-table-layout.lightblue .layui-table-block{border-right-color: #c6c6c6; border-bottom-color: #c6c6c6;}
.layui-table-layout.lightblue .layui-table-label{color: #123290; font-weight:bold; background-color: #f8f9fc;}
.layui-table-layout.lightblue .layui-input-block{border-left-color: #c6c6c6;}

.layui-table-layout.forms .layui-input-block{min-height: 42px;}
.layui-table-layout.forms .layui-table-label{width: 7em; background-color: transparent;}
.layui-table-layout.forms .layui-table-label .table .inline{text-align: right;}
.layui-table-layout.forms .layui-table-label .table .inline span{margin-right: .5em; margin-left: 0;}
.layui-table-layout.forms .layui-input-block{padding: 0; margin-left: 7em;}
.layui-table-layout.forms .layui-input-radio{margin-top: 4px; margin-right: 0; min-width: 90px;}
.layui-table-layout.nob{border-top: none; border-left: none;}
.layui-table-layout.nob:after{content: normal;}
.layui-table-layout.nob .layui-table-item{border-top: none; margin-top: auto;}
.layui-table-layout.nob .layui-table-block{border-right: none; border-bottom: none;}
.layui-table-layout.nob .layui-input-block{border-left: none;}	
.layui-table-layout.space20{margin-right: -10px; margin-left: -10px;}
.layui-table-layout.space20 .layui-table-block{margin: 0 10px 20px;}
.layui-table-layout.space30{margin-right: -15px; margin-left: -15px;}
.layui-table-layout.space30 .layui-table-block{margin: 0 15px 30px;}

.layui-table-layout .layui-form-select dl dd.layui-this{background-color: #3285c9;}
.layui-table-layout .layui-form-select dl dd, .layui-form-select dl dt{line-height: 40px !important;}



@media (max-width: 992px) {
  .layui-table-layout .layui-input.w50{width: 100%;}
  .layui-table-layout.nob{margin-right: -10px; margin-left: -10px !important;}
  .layui-table-layout.nob .layui-table-block{margin: 0 10px 20px !important;}
  
  .layui-table-layout.forms > .buttons[class*="col-md"] .layui-input-block{margin-left: 7em;}
  .layui-table-layout.forms > .buttons[class*="col-md"] ul.col1{width: 30%}
  .layui-table-layout.forms > .buttons[class*="col-md"] ul.col2{width: 60%; margin: 0 auto;}
  .layui-table-layout.forms > .buttons[class*="col-md"] ul.col3{width: 80%; margin: 0 auto;}
  
  .layui-table-layout.forms .buttons.online .layui-input-block{margin-left: 0;}
  .layui-table-layout.forms .buttons.online ul{margin-left: -8px; margin-right: -7px; width: auto;}
  .layui-table-layout:not(.forms) .layui-table-block.size14 .layui-table-label{width: 10em;}
  .layui-table-layout:not(.forms) .layui-table-block.size14 .layui-input-block{margin-left: 10em;}
}

@media (max-width: 768px) {  
  .layui-table-layout.forms > .buttons[class*="col-sm"] .layui-input-block{margin-left: 7em;}
  .layui-table-layout.forms > .buttons[class*="col-sm"] ul.col1{width: 40%}
  .layui-table-layout.forms > .buttons[class*="col-sm"] ul.col2{width: 80%; margin: 0 auto;}
  .layui-table-layout.forms > .buttons[class*="col-sm"] ul.col3{width: auto; margin: 0 auto;}
  
  .layui-table-layout.res-sm{border-top: none; border-left: none;}
  .layui-table-layout.res-sm:after{content: normal;}
  .layui-table-layout.res-sm .layui-table-item{margin-top: auto; border-top: none;}
  .layui-table-layout.res-sm .layui-table-block{padding-bottom: 20px; margin-bottom: 20px; border-right: none; border-bottom: 1px dashed #d6d6d6;}
  .layui-table-layout.res-sm .layui-table-label{position: static; display: block; text-align: left; width: auto !important; background-color: transparent; border-left: none;}
  .layui-table-layout.res-sm .layui-table-label .table{position: static; margin-top: 0; display: block; margin-bottom: .75em;}
  .layui-table-layout.res-sm .layui-table-label .table .inline{display: block; text-align: left;}
  .layui-table-layout.res-sm .layui-table-label .table .inline span{margin: 0; font-weight: bold;}
  .layui-table-layout.res-sm .layui-table-label .table .inline span br{display: none;}
  .layui-table-layout.res-sm .layui-input-block{padding: 0 !important; margin-left: 0 !important; border-left: none;}
  .layui-table-layout.res-sm .buttons ul{margin: 0 auto !important;}
  .layui-table-layout.res-sm .buttons .layui-table-block{padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
  .layui-table-layout.res-sm .buttons .layui-input-block{margin-left: auto;}
}
@media (max-width: 600px) {
  .layui-table-layout .buttons.online ul.col1{width: 33.33333%}
  .layui-table-layout .buttons.online ul.col2{width: 50%; margin: 0 auto;}
}
@media (max-width: 450px) {
  .layui-table-layout .buttons.online ul.col1{width: 50%}
  .layui-table-layout .buttons.online ul.col2{width: 75%;}
  .layui-table-layout .buttons.online ul.col3{width: 100%;}
  .layui-table-layout.forms > .buttons[class*="col-md"] ul.col1{width: 55%}
  .layui-table-layout.forms > .buttons[class*="col-sm"] ul.col1{width: 55%}
  
  .layui-table-layout.res-xs{border-top: none; border-left: none;}
  .layui-table-layout.res-xs:after{content: normal;}
  .layui-table-layout.res-xs .layui-table-item{margin-top: auto; border-top: none;}
  .layui-table-layout.res-xs .layui-table-block{padding-bottom: 20px; margin-bottom: 20px; border-right: none; border-bottom: 1px dashed #d6d6d6;}
  .layui-table-layout.res-xs .layui-table-label{position: static; display: block; text-align: left; width: auto !important; background-color: transparent; border-left: none;}
  .layui-table-layout.res-xs .layui-table-label .table{position: static; margin-top: 0; display: block; margin-bottom: .75em;}
  .layui-table-layout.res-xs .layui-table-label .table .inline{display: block; text-align: left;}
  .layui-table-layout.res-xs .layui-table-label .table .inline span{margin: 0; font-weight: bold;}
  .layui-table-layout.res-xs .layui-table-label .table .inline span br{display: none;}
  .layui-table-layout.res-xs .layui-input-block{padding: 0 !important; margin-left: 0 !important; border-left: none;}
  .layui-table-layout.res-xs .buttons ul{margin: 0 auto !important;}
  .layui-table-layout.res-xs .buttons .layui-table-block{padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
  .layui-table-layout.res-xs .buttons .layui-input-block{margin-left: auto;}
}