h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
    color: #313944;
    line-height: 1.5;
    letter-spacing: .5px;
    margin: 0;
}

.bg-translucent {
    background-color: rgba(255, 255, 255, 0.275) !important;
}

/* 字体颜色 */
.text-primary {
    color: #33cabb !important
}
.text-secondary {
    color: #e4e7ea !important
}
.text-success {
    color: #15c377 !important
}
.text-info {
    color: #48b0f7 !important
}
.text-warning {
    color: #faa64b !important
}
.text-danger {
    color: #f96868 !important
}
.text-pink {
    color: #f96197 !important
}
.text-purple {
    color: #926dde !important
}
.text-brown {
    color: #8d6658 !important
}
.text-cyan {
    color: #57c7d4 !important
}
.text-yellow {
    color: #fcc525 !important
}
.text-gray {
    color: #868e96 !important
}
.text-dark {
    color: #465161 !important
}
.text-default {
    color: #4d5259 !important
}
.text-muted {
    color: #868e96 !important
}
.text-light {
    color: #616a78 !important
}
.text-lighter {
    color: #a5b3c7 !important
}
.text-fade {
    color: rgba(77, 82, 89, 0.7) !important
}
.text-fader {
    color: rgba(77, 82, 89, 0.5) !important
}
.text-fadest {
    color: rgba(77, 82, 89, 0.4) !important
}
.text-white-50 {
    color: rgba(255,255,255,.5)!important;
}
.text-transparent {
    color: transparent !important
}
a.text-primary:hover,a.text-primary:focus {
    color: #33cabb !important
}
a.text-secondary:hover,a.text-secondary:focus {
    color: #e4e7ea !important
}
a.text-info:hover,a.text-info:focus {
    color: #48b0f7 !important
}
a.text-success:hover,a.text-success:focus {
    color: #15c377 !important
}
a.text-warning:hover,a.text-warning:focus {
    color: #faa64b !important
}
a.text-danger:hover,a.text-danger:focus {
    color: #f96868 !important
}
.pear-container{margin: 15px !important;}
.fn-clear { font-size: 0px; height: 10px; line-height: 0px; overflow: hidden; clear: both; }
.fn-hide { clear: both; width:100%; height: 0; line-height: 0}
.fn-left,.fl, .fn-right,.fr { display: inline; }
.fn-left,.fl { float: left; }
.fn-right,.fr { float: right; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.margin-left-15{ margin-left: 10px;}
.margin-right-15{ margin-right: 10px;}
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font24 { font-size: 24px !important; }
.text-red{color:#ee3f4d;}


.autograph{max-width: 2.4cm; margin-left: 15px;}

table.art_table_list { color: #333; border-width: 1px; border-color: #ACACAC; border-collapse: collapse;}
table.art_table_list caption,table.art_table_list th, table.art_table_list td { padding:9px; line-height: 1.5; font-size: 11pt; border: 1px solid #ACACAC; text-align: center; word-break: break-word;}
table.art_table_list th {font-family:"微软雅黑 Light"; font-weight:500; background-color: #ececec;}
table.art_table_list caption { color: #333; background-color: #ececec; text-align: center; line-height: 2em; border-bottom: none;}
table.art_table_list *{font-family: "宋体"}
.hasPrint{display: none;}

.layui-badge{padding: 2px 6px; height: 22px; border-radius: 3px}
.layui-card{margin-bottom: 0 !important;}
.layui-card + .layui-card{margin-top: 15px !important;}
.layui-card-body .pear-page-head .tools .layui-form{margin-top: 0 !important;}
.pear-page-head{height: auto; line-height: 38px; padding: 9px; display: block;}
.pear-page-head .title , .pear-page-head .title span, .pear-page-head .title a{float:left; font-size: 18px;}
.pear-page-head .title .localBack{width:40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-size: 32px !important; float: left; margin-right: 20px; cursor: pointer}
.pear-page-head .tools{float:right;}
.layui-breadcrumb a:hover{color:#3963bc !important}


.layuui-input.input-error{color:#D90020}
.layui-form-label{color:#585858}
.layui-form-item  .layui-form-inline.tips,.layui-form-item .layui-input-block.tips{padding: 9px 0; line-height: 20px; font-size: 12px; color:#858585}
.layui-form-label.must:before{color:#D90020; content:"*"; font-size: 12pt; font-weight: bolder; position: absolute; right: 15px;}

.layui-input.time{background: url("../images/icon-datetime.png") right 6px no-repeat;}

.input-error{box-shadow: 0 0 3px #D90020; background-color: #e6d2d5}
.top-panel-number {
    line-height: 45px;
    font-size: 28px;
    padding-right: 15px;
    font-family: "Times New Roman";
    text-align: center;
    border-right: 1px solid #eceff9;
}

.top-panel-tips {
    padding-left: 8px;
    line-height: 45px;
    text-align: center;
}
.top-panel-tips i.iconfont{
    font-size: 36px;
    color:#1160b3
}

.layui-card-body .layui-form{margin: 0 !important;}

.imageBox{float:left; width:200px; height:180px; padding: 10px; margin: 15px 15px 0 0; box-shadow: 0 0 5px #ACACAC;}
.imageBox .thumb{width:180px; height: 100px; float:left; overflow: hidden; text-align: center; vertical-align: center; display: table-cell; vertical-align:middle;}
.imageBox .thumb img{width:auto; height: auto; max-width: 100%; max-height: 100%;}
.imageBox .attrBox{float:right; width:200px; height: 80px; padding-left: 10px;}
.imageBox .attrBox .attr{wdith:100%; height: 30px; margin: 5px 0; line-height: 30px; clear: both}
.imageBox .attrBox .attr input{height: 20px; line-height: 20px; padding: 4px; border:1px solid #ACACAC; border-radius: 3px;}
.imageBox .attrBox .attr span{color:#969696;}
.imageBox .attrBox .attr a{font-weight: bolder;}

.contentBox{width:100%; margin: 0 auto; clear: both;}

.contentBox .head{padding: 25px 0;}
.contentBox .head h1{text-align: center; font-size: 21pt; line-height: 1.6em; font-family: "方正小标宋简体";color:#000000}
.contentBox .head h2{text-align: center; font-size: 18pt; line-height: 1.6em; font-family: "楷体_GB2312","楷体";font-weight: bold; color:#393939;}
.contentBox .head h1 + h2{margin-top: 15px}
.contentBox .detailsBox{font-size: 16pt; line-height: 1.6em; font-weight: 400; font-family: "仿宋_GB2312","仿宋","新宋体"; color:#000000;}
.contentBox .detailsBox .videoBox{width:720px; height: 405px; margin: 0 auto 25px;}
.contentBox .detailsBox h3{font-size: 16pt; font-family: "黑体";}
.contentBox .detailsBox h4{font-size: 16pt; font-family: "楷体_GB2312","楷体"; font-weight: bold;}
.contentBox .detailsBox h5{font-size: 16pt; font-family: "仿宋_GB2312","仿宋","新宋体"; font-weight: bold;}
.contentBox .detailsBox p{margin: 0.3em 0;}
.contentBox .detailsBox img{max-width: 700px; margin: 0 auto; text-align: center;}
.contentBox .detailsBox a{color:#1E9FFF}
.contentBox .docFoot{padding: 15px; border-top:4px solid #D90020; font-size: 16pt; margin: 15px 0;font-family: "仿宋_GB2312","仿宋","新宋体";}
.contentBox .attribute{height: 40px; line-height: 40px; padding: 15px;}
.contentBox .attribute .attr{width:700px; float: left; height: 40px; font-size: 14px; color:#888888}
.contentBox .attribute .tools{float:right; text-align: right;}