/************/

    .formqueryContainers{
    padding:40px 20px;}
 .formBox-query * {
    margin: 0;
    padding: 0;}
 .formBox-query textarea {
    font-family: "微软雅黑";}
 .formBox {
    min-height: 450px;
    padding:0 20px;}
 .custom-search {
    color: #333;
    max-width: 100%;
    margin: 0 auto;}
 .custom-search .formTitle {
    text-align: center;
    line-height:1.5;
    height:220px;}
 .custom-search .formTitle h2 {
    font-size: 24px;
    font-weight: bold;}
 .custom-search .formTitle h4 {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin: 0;}
 .custom-search .data-title h4 {
    padding: 0 20px;}
 .custom-search p {
    text-align: left;
    text-indent: 2em;}
 .custom-search .form-item {
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #606266;
    padding: 0;}
 .custom-search .form-item input,
 .custom-search .form-item textarea {
    outline: none;
    color: #333;}
 .custom-search .form-item input::placeholder,
 .custom-search .form-item textarea::placeholder {
    color: #aaa;}
 .custom-search .form-item .btn {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: 0.1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 25px;
    font-size: 14px;
    border-radius: 4px;
    vertical-align: middle;}
 .custom-search .form-item .btn.submite {
    color: #fff;
    background-color: #860007;
    border-color: #860007;}
 .custom-search .form-item .btn.btn-s {
    font-size: 14px;
    padding: 4px 10px;}
 .custom-search .form-item .form-lable {
    font-size: 14px;
    color: #999999;
    line-height:30px;}
 .custom-search .form-item .form-lable span {
    color: #f56c6c;
    position: relative;
    top: 3px;}
 .custom-search .form-item .form-con {
    margin-bottom: 30px;}
 .custom-search .form-item .form-con input[type="text"],
 .custom-search .form-item .form-con select,
 .custom-search .form-item .form-con textarea {
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    width: calc(100% - 50px);
    height: 44px;
    line-height: 44px;
    width: 100%;
    padding: 0 15px;
    transition: border-color ease 0.2s;
    border-radius: 4px;}
 .custom-search .form-item .form-con .radio-group label{
    margin-right: 38px !important;}
 .custom-search .form-item .form-con input[type="text"]:focus,
 .custom-search .form-item .form-con select:focus,
 .custom-search .form-item .form-con textarea:focus {
    border-color: #860007 !important;}
 .custom-search .form-item .form-con textarea {
    height: auto;
    padding: 5px 15px;
    line-height: 20px;
    min-height: 80px;
    overflow-y: auto;}
 .custom-search .form-item .form-con select option {
    padding: 5px 0;}
 .custom-search .form-item .form-con .radio-group,
 .custom-search .form-item .form-con .checkbox-group {
    padding: 8px 10px;}
 .custom-search .form-item .form-con .radio-group label,
 .custom-search .form-item .form-con .checkbox-group label {
    position: relative;
    display: inline-block;
    line-height: 32px;
    margin-right: 24px;}
 .custom-search .form-item .form-con .radio-group label .dote,
 .custom-search .form-item .form-con .checkbox-group label .dote {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   width: 12px;
   height: 12px;
   border: 1px solid #860007 ;
   transition: all ease 0.2s;}
 .custom-search .form-item .form-con .radio-group label input,
 .custom-search .form-item .form-con .checkbox-group label input {
   margin-right: 6px;
   opacity: 0;}
 .custom-search .form-item .form-con .radio-group label input:checked + .dote,
 .custom-search
   .form-item
   .form-con
   .checkbox-group
   label
   input:checked
   + .dote {
   background: #860007 ;}
 .custom-search .form-item .form-con .radio-group .dote {
   border-radius: 50%;}
 .custom-search .form-item .form-con .uploadbox {
   padding-top: 10px;}
 .custom-search .form-item .form-con .uploadbox .btn {
   position: relative;
   overflow: hidden;
   line-height: 30px;
   margin-right: 10px;}
 .custom-search .form-item .form-con .uploadbox .btn input[type="file"] {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;}
 .custom-search .form-item .form-con .uploadbox .btn i {
   display: inline-block;
   vertical-align: -2px;
   margin-right: 6px;
   width: 14px;
   height: 14px;
   background: url(../images/upload.png) no-repeat;}
 .custom-search .form-item .form-con .error {
   position: absolute;
   top: 100%;
   font-size: 12px;
   line-height: 2;
   color: #fa3030;}
 .custom-search .form-item .pic-intro {
   font-size: 12px;
   color: #666;
   white-space: nowrap;}
 .custom-search .form-item .pic-list ul {
   list-style: none;
   padding: 0;
   margin: 0;}
 .custom-search .form-item .pic-list ul li {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin-top: 10px;
   padding-left: 15px;
   line-height: 24px;
   border: 1px solid #bfbfbf;
   border-radius: 3px;
   transition: all ease 0.2s;
   background: #c6e4ff;
   font-size: 12px;
   color: #666666;
   padding-right: 40px;
   margin-right: 18px;
   overflow: hidden;}
 .custom-search .form-item .pic-list ul li .del {
   position: absolute;
   right: 0px;
   top: 0px;
   background: #fff;
   color: #aaa;
   cursor: pointer;
   text-align: center;
   height: 24px;
   width: 24px;
   font-size: 16px;}
 .custom-search .form-item .tips {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);}
 .resultCrad .tableAreas{
   width:100%;}
 .custom-search .form-item .tips .icon {
   display: inline-block;
   width: 16px;
   height: 16px;
   background: url(../images/warning.png) no-repeat;
   background-size: 100% 100%;}
 .custom-search .form-item .tips .content {
   position: absolute;
   right: -10px;
   bottom: 100%;
   opacity: 0;
   white-space: nowrap;
   padding: 10px 15px;
   font-size: 13px;
   background: #303133;
   border-radius: 3px;
   color: #fff;
   transition: all ease 0.3s;
   line-height: 1;}
 .custom-search .form-item .tips .content:after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   right: 12px;
   top: 100%;
   margin-top: -1px;
   border: 5px solid transparent;
   border-top-color: #303133;}
 .custom-search .form-item .tips .icon:hover + .content,
 .custom-search .form-item .tips .icon:active + .content {
   opacity: 1;
   transform: translateY(-20px);}
 .custom-search .form-item.v-code input[type="text"] {
   width: calc(100% - 105px);}
 .custom-search .form-item.v-code img {
   vertical-align: middle;
   width: 100px;
   height: 44px;
   user-select: none;
   cursor:pointer;}
 .custom-search .vdp-datepicker__calendar {
   position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-50%);}
 .fade-enter-active,
 .fade-leave-active {
   transition: all ease 0.2s;
   transform: translateY(0);}
 .fade-enter,
 .fade-leave-to {
   opacity: 0;
   transform: translateY(-100%);}
 .resultCradTitle{
     line-height:48px;
     margin-left: 30px;
     font-size:16px;}
 .backBtn{
     display: inline-block;
     line-height: 1;
     white-space: nowrap;
     cursor: pointer;
     background: #fff;
     border: 1px solid #dcdfe6;
     color: #606266;
     -webkit-appearance: none;
     text-align: center;
     box-sizing: border-box;
     outline: none;
     margin: 0;
     transition: 0.1s;
     font-weight: 500;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     padding: 12px 25px;
     font-size: 14px;
     border-radius: 4px;
     vertical-align: middle;}
 .custom-search .form-item .checkboxs .radio-group .dote {
     border-radius: 0% !important;}
 .data-title{
     text-align: center;
     margin: 20px 0 30px 0;}
 .data-title > h2{
     font-size: 24px;
     color: #333;
     padding-bottom: 10px;
     word-break: break-all;}
 .messageBox{
     text-align: center;}
 .survery-radio{
     position: relative;
     left: 23px;
     bottom: 6px;
     color: #606266 !important;
     vertical-align: sub;
     display: block;}
 .messageBox img {
   max-width: 100%;}
 .messageBox div {
   max-width: 100%;}
 .custom-search {
    text-align: left;}
 .custom-search .form-item .form-con .radio-group, .custom-search .form-item .form-con .checkbox-group {
    padding-left:0;
    padding-right: 0;}
 .custom-search .form-item.v-code input[type="text"] {
    float: left;
    margin-right: 5px;}
 .radioWidth {
    width: 13px;
    height: 13px;
    float: left;}
 .doteSet {
    float: left;}
 .survery-radioSet {
    float: left;
    left: 5px;
    bottom: 0px;}
 .edui-default .edui-editor-toolbarboxouter {
    line-height: normal!important;}
 .searchResults {
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
    background: #f2f2f2;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #f2f2f2;}
 .req {
    font-style: italic;
    color: red;}
 .form-con .uploadbox {
    padding-top: 10px;}
 .form-con .uploadbox .btn {
    position: relative;
    overflow: hidden;
    line-height: 30px;
    margin-right: 10px;}
 .form-con .uploadbox .btn input[type='file'] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;}  
 .form-con .uploadbox .btn i {
    display: inline-block;
    vertical-align: -2px;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    background: url(../images/upload.png) no-repeat;}
 .radioVertical {
    display: block!important;
    overflow: hidden;}
 .edui-default .edui-editor-iframeholder {
    min-height: 100px;}
 .data-title > h4, .data-title>h4>p {
    text-align: center;}
 .data-title>h4>p {
    font-weight: 400;
    text-indent:0;}
 .editor {
   height: 250px;}
 .editor p {
   text-indent:0;}
 .layui-input:focus, .layui-textarea:focus{
   border-color:#860007 !important;}
 .result{
   display:none;}
 .layui-form-select dl dd.layui-this {
   background:#860007 !important;}
 .jedate .jedate-content .daystable td.action, .jedate .jedate-time .hmslist ul li.action, .jedate .jedate-footbtn .btnscon span{
   background-color:#860007 !important;}
 .layui-table, .layui-table-view{
   margin-top:0!important
 ;}
 .layui-table-view{
   border:none!important
 ;}
 .layui-table-box{
   border:1px solid #e6e6e6;}
 .layui-table-page{
   margin: 20px 0;
   border: none!important;
   text-align:right;}
 .layui-table th{
   font-weight:600!important;}
 .cascadeOne50{
   width: calc(50% - 7px);
   margin-right:7px;
   float:left;}
 .cascadeTwo50{
   width: calc(50% - 7px);
   margin-left: 7px;
   float:left;}
 .cascadeOne33{
   width: calc(34% - 7px);
   margin-right:7px;
   float:left;}
 .cascadeTwo33{
   width: calc(33% - 14px);
   margin-left: 7px;
   margin-right:7px;
   float:left;}
 .cascadeThree33{
   width: calc(33% - 7px);
   margin-left: 7px;
   float:left;}
 .cascadeFour33{
   width: calc(34% - 7px);
   margin-right: 7px;
   float: left;
   margin-top: 15px;}
 .cascadeFive33{
   width: calc(33% - 14px);
   margin-left: 7px;
   margin-right: 7px;
   float: left;
   margin-top: 15px;}
 #verList{
   width:100%;}
 .layui-form-radio>i{
   font-size:19px!important;
   color:#cdcdcd!important;}
 .layui-form-radio>i:hover, .layui-form-radioed>i{
   font-size:19px!important;
   color:#860007 !important;}
 .layui-form-checked[lay-skin=primary] i{
   border-color:#860007 !important;
   background-color:#860007 !important;}
 .layui-form-checkbox[lay-skin=primary] i{
  width:14px!important;
  height:14px!important;}
 .greenFile > .text{
   color:green;}
 .redFile> .text{
   color:red;}
 .layui-form-checkbox[lay-skin=primary]:hover i{
   border-color:#860007 !important;}
 .horizontalCheck{
   float:left;
   margin-right:25px;}
 .radio-group .layui-form-radio{
   margin-right:0!important;}
 .custom-search .form-item .form-con .radio-group label{
   margin-right:25px!important;}
 .layui-table thead tr{
   background-color: #860007!important;
   color: #fff!important;}
 .layui-laypage .layui-laypage-curr .layui-laypage-em{
   background-color: #860007!important;}
 .layui-form-select dl dd.layui-this{
   color:#fff!important;}
 .layui-form-radioed, .layui-form-radioed>i{
   color:#860007!important;}
 .layui-form-radio:hover>*{
   color:#860007!important;}
 .redFile{
   color: red!important;}
 .greenFile{
   color: green!important;}
 .page_main {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    display: none;}
 .page_main .content_box {
    width: 300px;
    height: auto;
    margin: 0 auto;}
 .page_main .content_box img {
    width: 100%;}
 
 .page_main .content_box div {
    color: #5f7288;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    font-family: "Alibaba PuHuiTi 2.0";
    line-height: 36px
 ;}
 .layFlat .form-lable{
    width: 70px;
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: bold;}
 .layFlat .form-item ul{
    width: calc(100% - 75px);
    float: left;}
 .layFlat .form-item ul li.active{
   background: #860007;
   color: #fff;}
 .layFlat .form-item ul li{
   float: left;
   margin-right: 10px;
   cursor: pointer;
   padding: 0 12px;
   border-radius: 3px;}
 .layFlat .form-item{
   margin-bottom: 15px;
   overflow:hidden;}
 .formTips{
   font-size: 12px;
   color: #999999;
   width:100%;
   line-height:25px;
   word-wrap:break-word;}
 .layui-icon-print, .layui-icon-download-circle{
    font-size:26px!important;
    cursor:pointer;}
 /* 在你的CSS文件中添加 */
 @media print {  
   /* 设置整体页面布局 */
     body, html {
       margin: 0;
       padding: 0;
       font-size: 10pt;}    
     /* 针对表格的优化 */
     table {
       width: 100%;
       table-layout: fixed;
       page-break-inside: avoid;}    
     /* 确保表格头部和底部在每一页重复 */
     thead {
       display: table-header-group;}    
     tfoot {
       display: table-footer-group;}    
     /* 控制列宽，避免自动调整导致错乱 */
     td, th {
       border: 1px solid #000; 
       page-break-inside: avoid;       
       word-wrap: break-word;} 
     .layui-table,.layui-table-body{
       width:100% !important;}
     .layui-table{
       border: 1px solid #000 !important;
       border-collapse: collapse !important;
       border-bottom: 1px solid #000 !important;}
     .layui-table td, .layui-table th{
        border-right: 1px solid #000 !important;
        border-collapse: collapse !important;}
     .tbody .layui-table-cell{
        border-bottom: 1px solid #000 !important;}
     .layui-table tbody {
        border-bottom: 1px solid #000 !important;}
     .layui-table-view .layui-table td, .layui-table-view .layui-table th{
        border: 1px solid #000 !important;}
     #printSection .layui-table-view .layui-table{
        border: 1px solid #000 !important;}
     .layui-table-box{
        border-bottom: 1px solid #000 !important;}
 }
 .layui-form-checkbox[lay-skin=primary]>div{
     word-wrap: break-word;
     white-space: normal;}
 .layui-form-radio .layui-icon{
     vertical-align: top;}
 .layui-form-radio>div{
     width:calc(100% - 27px)
 ;}
 .remarksDetails p{
    text-indent:0;}
 .resultCrad .layui-table-sort .layui-table-sort-asc{
   border-bottom-color: #fff;}
 .resultCrad .layui-table-sort .layui-table-sort-desc{
   border-top-color: #fff;}
 .result .layui-table-cell{
   padding:6px 10px;}
 #laypage-all{
   text-align:right;}
 
 @media screen and (max-width: 500px) {
    .custom-search .formTitle {
       height: 150px!important;}
    .edui-default .edui-editor-wordcount {
       text-align:left!important;}
    .edui-editor-breadcrumb {
       display: none!important;}
    .edui-editor {
       width: 100%!important;}
    .edui-editor-iframeholder {
       width: 100%!important;}
    .edui-default .edui-anchor-topleft {
       transform: scale(0.6)!important;
       left: -75px!important;
       top: 175px!important;}
    .radio-group img, .checkbox-group img {
       max-width: 200px;}
    .formBox {
       padding-top: 0;}
 }