@charset "utf-8";
/* layui-table-layout */
/***
样式说明：
.nob:无边框,与.space*组合使用
.forms:用于表单类
.format:小屏幕显示格式化
.res:992响应成一行显示
.hline:表单类一行多列显示，用于响应式调整
.col-*:按比例排列（*除以12）
.space*:多列之间含*px的间距
.lightblue:设置边框颜色，背景色为浅蓝色调
 ***/
.layui-table-layout{position: relative; padding-top: 1px; background-color: #fff; border-left: 1px solid #ebebeb; overflow: hidden;}
.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; width: 100%; margin-top: -1px; color: #666; background-color: #fff; border-top: 1px solid #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; 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{color: #f00;}
.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: 1.8em; min-height: 1.8em; border-left: 1px solid #ebebeb; text-align: justify;}
.layui-table-layout .layui-input-radio{display: inline-block; min-width: 90px;}
.layui-table-layout .layui-input.w50{width: 50%;}
.layui-table-layout .layui-input.yzm{width: 110px;}
.layui-table-layout .layui-form-radio{margin-top: 0; margin-right: 0;}
.layui-table-layout .layui-form-radio>i:hover, 
.layui-table-layout .layui-form-radioed>i{color: #347bd7;}
.layui-table-layout .layui-form-select dl dd.layui-this{background-color: #347bd7;}
.layui-table-layout .layui-form-radio > div{font-size: 16px;}
.layui-table-layout .layui-btn-normal{background-color: #347bd7;}
.layui-table-layout .codeimg{height: 38px; margin-left: 10px;}

.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.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 li span{margin: 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-left-color: #c8dbf5;}
.layui-table-layout.lightblue:after{background-color: #c8dbf5;}
.layui-table-layout.lightblue .layui-table-item{border-top-color: #c8dbf5;}
.layui-table-layout.lightblue .layui-table-block{border-right-color: #c8dbf5; border-bottom-color: #c8dbf5;}
.layui-table-layout.lightblue .layui-table-label{color: #527cb5; background-color: #e8f2ff;}
.layui-table-layout.lightblue .layui-input-block{border-left-color: #c8dbf5;}

.layui-table-layout.forms .layui-input-block{min-height: 38px;}
.layui-table-layout.forms .layui-table-label{width: 5em; 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: 0;}
.layui-table-layout.forms .layui-input-block{padding: 0; margin-left: 5em;}
.layui-table-layout.nob{border-left: 0;}
.layui-table-layout.nob:after{content: normal;}
.layui-table-layout.nob .layui-table-item{border-top: none;}
.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.space15{margin-right: -7px; margin-left: -8px;}
.layui-table-layout.space15 .layui-table-block{margin: 0 7px 15px 8px;}
.layui-table-layout.space20{margin-right: -7px; margin-left: -8px;}
.layui-table-layout.space20 .layui-table-block{margin: 0 10px 15px;}
.layui-table-layout.space30{margin-right: -15px; margin-left: -15px;}
.layui-table-layout.space30 .layui-table-block{margin: 0 15px 30px;}

.layui-table-layout .col-2{width: 16.66667%;}
.layui-table-layout .col-3{width: 25%;}
.layui-table-layout .col-4{width: 33.33333%;}
.layui-table-layout .col-5{width: 41.66667%;}
.layui-table-layout .col-6{width: 50%;}

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

.topic-banner{position: relative;}
.topic-banner .bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.topic-banner .bg img{display: block; width: 100%; height: 100%; object-fit: cover;}
.topic-banner .container{position: relative; z-index: 2;}
.topic-banner .container dt{text-align: center; width: 50%; margin: 0 auto;}
@media (max-width: 992px) {
  .topic-banner .container dt{width: 55%;}	
}
@media (max-width: 450px) {
  .topic-banner .container dt{width: 75%;}	
}