body{font-size: 12px; font-family: initial !important;}
a{color: #1d5d95;}
/*iframe*/
.layout-fixed .brand-link{width: 200px; background: #1c4970; padding: .63rem .5rem;}
.layout-fixed .main-sidebar{background: #fff;}
.layout-fixed .main-sidebar .os-content{border-right: 1px solid #eee;}
.brand-link .brand-image{float: none; display: inline-block;}
.user-panel .image{vertical-align: middle;}
.user-panel .info{vertical-align: middle;}



.bg-danger, .bg-danger > a{color: #8392a7 !important; font-size: 12px;}
.bg-danger:hover{background: transparent !important;}
.bg-danger{background: transparent !important;}

@media (min-width: 768px){body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header{margin-left: 200px;}}
body:not(.sidebar-mini-md) .main-header{background: #1c4970;}
.logo{position: absolute; top: 0px; left: 0px; z-index: 999;}

/*table*/
.pageTable{background: #fff;}
.pageTable .card-body{padding: 0; border: 1px solid #E8E8E8; padding-bottom: 10px;}
.pageTable .card-body table.dataTable{margin-top: 0 !important; margin-bottom: 10px;}
.pageTable div.dataTables_wrapper div.dataTables_paginate{margin-right: 10px; margin-top: 5px;}
.pageTable .card{box-shadow: none;}
.dataTablebox{margin: 20px; margin-top: 0;}
.dataTablebox .table-bordered{border: none; border-bottom: 1px solid #f0f1f4;}
.dataTablebox .table-bordered tr td, .dataTablebox .table-bordered tr th{border-right: none; border-bottom-color: #f0f1f4; color: #8392a7;}
.dataTablebox .table-bordered thead th{color: #999; font-weight: normal; background: #f7f7f7; padding: .75rem;}
.dataTablebox .table-bordered tr td .fa{color: #8392a7; font-size: 12px; display: inline-block;}
.dataTablebox .table-bordered tr td{color: #333;}
.dataTablebox .table-bordered tr td a{color: #1c4970; margin: 0 5px;}
.searchbox label{display: inline-block; font-weight: normal; font-size: 14px; color: #999; margin-right: 10px;}
.searchbox label:not(.form-check-label):not(.custom-file-label){font-weight: normal;}
.searchbox .form-control{display: inline-block; width: auto; height: 32px; vertical-align: middle; font-size: 14px; border-radius: 1px;}
div.dataTables_wrapper div.dataTables_info{font-size: 14px; margin-left: 10px; color: #999999;}
.page-link{color: #999; font-size: 14px;}
.content-wrapper.iframe-mode .navbar-nav .nav-item{margin-top: 0; border-radius: 0; line-height: 25px;}
.nav-link{padding: .3rem 1rem;}
.navbar-light .navbar-nav .nav-link{font-size: 12px;}
.nav-sidebar .nav-link p{font-size: 14px;}
.navbar{padding: .3rem .5rem;}
/*pop*/
.ui-popup-modal .ui-dialog{border-radius: 2px;}
.ui-dialog-close{right: 15px; top: 0px}
.ui-dialog-title{padding: 15px 20px; font-size: 16px; color: #000; border-bottom: 1px solid #e0e0e0;}
.ui-dialog-footer{padding: 20px; text-align: right;}
.ui-dialog-footer button{background: #e8ecf0; border: none; border-radius: 0px; padding: 0 30px; line-height: 34px; font-size: 12px; color: #1d5d95; border: 1px solid #1d5d95}
.ui-dialog-footer button:hover{background: #bac5ff;}
.ui-dialog-footer button.ui-dialog-autofocus{background: #1d5d95; color: #fff; border: none;}
.ui-dialog-footer button.ui-dialog-autofocus:hover{background: #114674;}
.ui-dialog-footer button.ui-dialog-autofocus:active, .ui-dialog-footer button.ui-dialog-autofocus:focus{background: #114674;}
.ui-popup-modal .ui-dialog .ui-dialog-content{padding: 10px 30px;}
/*form*/
.frmpage{padding: 0px 0;}
.form-horizontal{font-size: 15px;}
.box-header{line-height: 40px;}
.box-title{font-size: 16px; color: #283c50;}
.frmbox{width: 100%; padding-top: 0px;}
.frmbox .control-label{width: 120px; font-weight: normal; font-size: 14px; color: #333; text-align: right; padding-right: 20px;}
.frmbox .control-label p{font-size: 12px; line-height: 1;}
.frmbox label:not(.form-check-label):not(.custom-file-label){font-weight: normal; vertical-align: top; font-size: 14px;}
.d-inline{display: inline-block;}
.frmpage .form-control{line-height: 40px; display: inline-block; width: 400px; font-size: 14px; border-radius: 0;}
.frmpage .form-control:focus{border-color: #1c4970;}
.frmpage .form-control-feedback{width: 40px; height: 40px; line-height: 40px;}
.frmpage .input-group{width: 388px; height: 48px; background: #FFFFFF; border: 1px solid rgba(23, 62, 103, 0.2);}
.frmpage .databox .form-control{width: 360px;}
.frmpage .select2-container{display: inline-block;}
.frmpage .databox{display: inline-block;}
.frmpage .txtValue{display: inline-block; color: #283C50; font-size: 14px;}
.help-block{font-size: 12px; color: #dc3545;}
.checkList{display: inline-block; color: #8392a7; width: 70%; line-height: 25px;}
.checkList .checkbox, .checkList .radio{margin-right: 20px;}
.checkList .icheck-primary{margin-right: 20px;}
.icheck-primary > input:first-child:checked + input[type=hidden] + label::before, .icheck-primary > input:first-child:checked + label::before{background: #1d5d95; border-color: #1d5d95;}
.frmpage .box-footer{text-align: left; padding: 20px 0; padding-left: 130px;}
.frmpage .box-footer button{margin: 0 15px;}

.poppage{padding: 0;}
.frmTitlemini{font-size: 16px; color: #8392A7; line-height: 40px; margin-top: 15px;}
.picList ul{padding-inline-start: 0; display: inline-block; margin-bottom: 0;}
.picList li{margin-right: 10px; width: 85px; float: left; list-style: none;}
.picList li .pbox{border: 1px dashed #1D5D95; border-radius: 4px; background: #fff; position: relative; overflow: hidden;}
.picList li .pbox img{width: 65px; height: 35px; margin: 10px; margin-bottom: 0;}
.picList li .pbox p{height: 22px; line-height: 22px; background: #1D5D95; color: #fff; text-align: center; font-size: 12px; margin-bottom: 0;}
.picList li .pbox .zoom{display: block; width: 20px; height: 50px; background: url(/images/icon-zoom-912315439e2e24f484efe14e126b06a9.png) no-repeat center center; position: absolute; left: 50%; margin-left: -10px; top: 0px;}
.detailpage .form-group{margin-bottom: 0; font-size: 16px;}
/**/
.user-panel .info{color: #000;}
.user-panel .info .fas{margin-left: 5px;}
.infoList{position: absolute; top: 20px; left: 0px; width: 100%;}
/*.navbar-expand .navbar-nav .nav-link{color: #000; font-size: 12px; line-height: 26px; padding-left: 10px; padding-right: 10px;}*/
/*.navbar-expand .navbar-nav .nav-link:active{background: #fff; color: #fff;}*/
/*.navbar-expand .navbar-nav .nav-link:focus{color: #fff;}*/
/*.navbar-expand .navbar-nav .nav-link:hover{background: rgba(0, 0, 0, .1); color: #fff;}*/
/*.navbar-expand .navbar-nav .active .nav-link:visited{color: #fff;}*/
/*.navbar-expand .navbar-nav .nav-link .user-panel{margin-top: -5px;}*/
/*.navbar-expand .dropdown-menu-lg{width: 132px; max-width: 132px; min-width: 132px; border-radius: 0; border: 1px solid #e9e8eb; border-top: 0}*/
/*.navbar-expand .dropdown-menu-lg a{font-size: 14px; color: #1c4970; text-align: center;}*/
/*.navbar-expand .dropdown-menu-lg .dropdown-item{background: #fff;}*/
/*.navbar-expand .navbar-nav .show{background: rgba(102, 102, 102, .2);}*/
.display-4{font-size: 14px; color: #8B95A3;}
.display-4 img{vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.page-item.active .page-link{z-index: 3; color: #fff; background-color: #1c4970; border-color: #1c4970;}
.layout-top-nav .wrapper .main-header .brand-image{height: auto;}
.navbar-blue{background: #1c4970;}
.content-header{padding: 0px .5rem; padding-top: 5px;}
.sNavbarbread{padding: 0 7.5px;}
.content-wrapper{background: #f7f7f7;}
@media (min-width: 1200px){.main-header .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 100%} .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1200px}}
.sNavbar{border-bottom: 1px solid #e5e5e5; padding: 0 .5rem;}
.sNavbar .navbar-nav .current{color: #1c4970; border-bottom: 2px solid #1c4970;}
@media (min-width: 768px){.sNavbar .navbar-nav .nav-link{padding: .5rem 0rem; margin-right: 40px;}}
.searchTop{width: 100%; background: url(/images/topicbg-bc5e038149c51db4c78c7fae8c89ff9d.png) no-repeat; background-size: 100% 100%; margin: 0;}
.searchTop .user-block{margin: 25px 30px;}
.searchTop .user-block img{width: 60px; height: 60px;}
.searchTop .user-block .comment, .searchTop .user-block .description, .searchTop .user-block .username{margin-left: 75px; color: #fff;}
.searchTop .user-block h2.username{font-size: 14px; font-weight: normal; margin-bottom: 0;}
.searchTop .user-block h3.username{font-weight: normal; font-size: 12px; margin-top: 2px;}
.searchTop .user-block p{font-size: 12px; margin-top: 3px;}
.searchTop .user-block p font{color: #fcdab7;}
.searchTop .user-block p span{margin-right: 30px;}
.searchTop .sendbox{text-align: center;}
.searchTop .sendbox .btn-primary{margin-top: -50px; display: inline-block; vertical-align: middle; background: #00a27b; box-shadow: 0px 2px 4px 0px rgba(13, 32, 48, 0.45); border-radius: 4px;}
.searchbot{border-radius: 0 0 5px 5px; background: #fff; padding: 15px;}
.searchbot p{color: #1c4970; font-size: 12px; margin-bottom: 0;}
.TopicList{margin-top: 20px; border: none; border-radius: 0px; box-shadow: none;}
.TopicList .card-title{padding: 0 20px; padding-top: 15px; font-size: 16px;}
.TopicList .card-title font{display: inline-block; line-height: 30px; border-bottom: 2px solid #1c4970; color: #1c4970; font-size: 14px;}
.TopicList .card-header{border-bottom: none; margin-left: 20px; padding: 20px 0;}
.TopicList .card-header .nav .nav-item{font-size: 12px; margin: 0; margin-right: 10px;}
.TopicList .card-header .nav .nav-link{background: #FFFFFF; line-height: 20px; border: 1px solid #E5E5E5; border-radius: 4px; color: #999999;}
.TopicList .card-header .nav .nav-item .active{background: #1C4970; color: #fff;}
.TopicList .post h2{font-size: 16px; color: #666;}
.TopicList .post h2 font{color: #1C4970;}
.TopicList .post .topicCont{font-size: 14px; color: #666;}
.TopicList .post .topicCont a{color: #1C4970;}
.TopicList .post .sendTime{font-size: 12px; color: #999; margin-top: 20px; margin-bottom: 5px;}
.TopicList .post .sendTime font{color: #333; margin-right: 10px;}
.TopicList .link-black{color: #999; margin-left: 10px;}
.TopicList .post{padding-bottom: 20px; border-color: #e5e5e5;}
.TopicList .card-footer{background: #fff;}
.searchbox{background: #fff; /*margin-bottom: 20px;*/}
.searchbox .input-group{border: 1px solid #E5E5E5; border-radius: 2px; margin: 0 auto;}
.TopicClass{padding-bottom: 30px;}
.TopicClass .user-block{margin: 0px 25px; float: none; border-bottom: 1px dashed #E5E5E5; padding: 25px 0;}
.TopicClass .user-block img{width: 50px; height: 50px;}
.TopicClass .user-block .comment, .TopicClass .user-block .description, .TopicClass .user-block .username{margin-left: 60px; color: #333;}
.TopicClass .user-block h2.username{font-size: 14px; font-weight: normal; padding-top: 8px;}
.TopicClass .user-block h3.username{font-weight: normal; font-size: 12px; margin-top: 2px;}
.searchResult{margin-top: 20px; padding: 20px 0; font-size: 12px; color: #333; border-top: 1px solid #E5E5E5}
.searchResult a{color: #1C4970; font-weight: bold;}
.TopicDetail{border: none; border-radius: 0px; box-shadow: none; padding: 20px;}
.TopicDetail h1{font-size: 18px; color: #333333; font-weight: 600; margin-bottom: 15px;}
.TopicDetail .user-block h2{font-size: 14px; color: #333; font-weight: normal;}
.TopicDetail .user-block p{font-size: 12px; color: #999;}
.TopicDetail .user-block .link-black{color: #999;}
.TopicDetail .topicCont{margin: 10px 0px;}
.TopicDetail .topicCont img{max-width: 100%; margin: 10px auto;}
.TopicDetail .topicCont p{font-size: 14px; line-height: 2; color: #666;}
.TopicComment{background: #fff;}
.TopicComment .card-footer{height: 40px; background: #fff;}
.sendComment{padding: 20px 10px; margin: 0 10px; border-bottom: 1px solid #E5E5E5;}
.sendComment .form-control{background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 4px; font-size: 14px;}
.sendComment [class*=icheck-] > input:first-child + input[type=hidden] + label::before, .sendComment [class*=icheck-] > input:first-child + label::before{border-radius: 50px; width: 18px; height: 18px; margin-left: -22px;}
.sendComment label:not(.form-check-label):not(.custom-file-label){font-weight: normal;}
.sendComment [class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after, .sendComment [class*=icheck-] > input:first-child:checked + label::after{left: 5px; width: 5px; height: 7px;}
.sendComment .btn-primary{border-radius: 4px;}
.TopicComment .card-comments{background: #fff;}
.TopicComment .card-comments .username{font-size: 14px; font-weight: normal;}
.TopicComment .card-comments .text-muted{color: #999999; margin-left: 5px;}
.TopicComment .commentCont{color: #333; margin-top: 5px;}
.TopicComment .commentCont .comReply{margin-top: 20px;}
.TopicComment .commentCont .comReply p a{color: #999;}
.TopicComment .commentCont .comReply .form-group{width: 100%;}
.TopicComment .commentCont .comReply .form-group .btn{margin-left: 15px; border-radius: 5px;}
.TopicComment .card-comments .card-comment{border: none;}
.TopicComment .card-comments .comment-text{padding-top: 20px; border-top: 1px solid #E5E5E5;}
.TopicComment .card-comments .card-comment img{margin-top: 20px;}
.TopicComment .card-comments .card-comment:first-child .comment-text{border: none;}
.TopicPublish .editorbox{display: inline-block; width: 100%;}
.TopicPublish [class*=icheck-] > input:first-child + input[type=hidden] + label::before, .TopicPublish [class*=icheck-] > input:first-child + label::before{border-radius: 50px; width: 18px; height: 18px; margin-left: -22px;}
.TopicPublish label:not(.form-check-label):not(.custom-file-label){font-weight: normal;}
.TopicPublish [class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after, .TopicPublish [class*=icheck-] > input:first-child:checked + label::after{left: 5px; width: 5px; height: 7px;}
.TopicPublish .box-footer .btn{border-radius: 5px;}
.TopicPublish .frmpage .form-control{width: 100%;}
.TopicPublish .frmbox .control-label{width: 100%; text-align: left;}
.TopicPublish .frmpage .box-footer{padding-left: 0; text-align: center;}
.sendComment .rightBtn{float: none; text-align: center; padding-top: 10px;}
.sendComment .rightBtn .btn{display: inline-block;}
@media (min-width: 1200px){.searchTop .sendbox .btn-primary{margin-top: 50px;} .searchbox .input-group{width: 60%;} .TopicPublish .frmpage .form-control{width: 80%;} .TopicPublish .frmbox .control-label{width: 120px; text-align: right;} .TopicPublish .editorbox{width: 80%;} .TopicPublish .frmpage .box-footer{padding-left: 120px; text-align: left;} .TopicPublish{padding-top: 50px;} .TopicDetail .topicCont{margin: 20px 40px;} .sendComment .rightBtn{float: right; text-align: right; padding-top: 0;} .sendComment{padding: 40px 40px;} .TopicComment .commentCont .comReply .form-group{width: 80%;}}
/**/
.topNav{line-height: 50px; height: 50px; padding: 0 10px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); background: #fff; font-size: 14px;}
.topNav .pull-right{float: right;}
.topNav .pull-right .btn{margin-left: 15px; line-height: 24px; vertical-align: middle; padding: 0 20px;}
.treepage{display: flex;}
.leftTree{width: 310px; border-right: 1px solid #E0E0E0; background: #fff;}
.treepage .rightTree{flex: 1;}
.treepage .frmpage{margin: 20px; background: #fff; margin-bottom: 0; width: 100%;}
.treepage .rightTree iframe{width: 100%; height: 100%; border: none;}
.Treebox h2{font-size: 14px; color: #000; padding-left: 10px; line-height: 44px; margin-bottom: 0; border-bottom: 1px solid #e0e0e0; box-shadow: 0px -1px 0px 0px #E0E0E0;}
.Treebox h2 .fa{margin-right: 5px; margin-top: -8px; vertical-align: middle;}
.Treebox .ztree{ display: none;}
.ztree li span.button{width: 20px; height: 20px;}
.ztree li{line-height: 20px; padding: 8px 0;}
.ztree li span{line-height: 20px; font-size: 14px;}
.ztree li span.button.switch{width: 20px; height: 20px; background: url(/images/2_close-6637b9f47bb8512177baf4d9491fd1a1.png) no-repeat center center;}
.ztree li span.button.noline_open{background: url(/images/2_open-6b62cac4eed73308996dd49bb8bcecd3.png) no-repeat center center;}
.ztree li span.button.noline_docu{background: none;}
.boxShow .ztree{display: block;}
ul.inputTree{margin-top: 10px; background: #fff; width: 220px; height: 360px; overflow-y: scroll; overflow-x: auto;border: 1px solid #ced4da;border-radius: 0.25rem;}
ul.inputTree::-webkit-scrollbar{width: 6px; height: 6px}
ul.inputTree::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc}
ul.inputTree::-webkit-scrollbar-track{background: 0 0}
ul.inputTree li span.button.ico_docu{background: none; display: none;}
.tableTopbtn{padding: 0px 30px; padding-bottom: 15px;}
.tableTopbtn .btn{line-height: 24px; padding: 0 15px;}
.dataTablebox .card-body{padding: 0;}
.tableFooter .d-inline-block{vertical-align: middle; margin-left: 10px; padding-top: 15px;}
.tableFooter .btn{line-height: 24px; padding: 0 15px; margin: 0 5px; vertical-align: middle; margin-top: 10px;}
.tableFooter .dataTables_paginate .pagination{float: right; margin-top: 10px; margin-right: 10px;}
/*add更多*/
.dataTablebox .table-bordered tr td.text-right{padding-right: 15px;}
.btnMoreCont{display: none; border: 1px solid #e5e5e5; padding: 15px; background: #fff; position: absolute; top: 20%; right: 15px; z-index: 999;}
.btnMoreCont p{line-height: 30px; margin-bottom: 0}
.btnMoreCont p a{color: #666}
/*图文编辑*/
.wrapContent{display: flex; position: absolute; left: 0px; width: 100%;}
.wrapContent .leftMenu{width: 70px; background: #fff; border-right: 1px solid #e5e5e5;}
.wrapContent .rightMenu{width: 120px; background: #fff; border-left: 1px solid #e5e5e5;}
.wrapContent .leftFloat{width: 320px; border-right: 1px solid #e5e5e5; background: #fff; position: relative;}
.wrapContent .centerblock{background: #f7f7f7; flex: 1;}
.leftMenu ul{padding-inline-start: 0px}
.leftMenu ul li{margin: 22px 0; text-align: center; list-style: none;}
.leftMenu ul li .menuIcon{display: inline-block; width: 25px; height: 25px; background: url(/images/leftMenuIcon-25f1defcea8588b9a539195e4a24e047.png) no-repeat center center;}
.leftMenu ul li .m1{background-position: 0 0;}
.leftMenu ul li .m2{background-position: 0 -25px;}
.leftMenu ul li .m3{background-position: 0 -50px;}
.leftMenu ul li .m4{background-position: 0 -75px;}
.leftMenu ul li .m5{background-position: 0 -100px;}
.leftMenu ul li .m6{background-position: 0 -125px;}
.leftMenu ul li .m7{background-position: 0 -150px;}
.leftMenu ul li .m8{background-position: 0 -175px;}
.leftMenu ul li .m9{background-position: 0 -205px;}
.leftMenu ul li.current{border-right: 2px solid #1c4970; margin-left: 3px;}
.leftMenu ul li.current .m1{background-position: -25px 0;}
.leftMenu ul li.current .m2{background-position: -25px -25px;}
.leftMenu ul li.current .m3{background-position: -25px -50px;}
.leftMenu ul li.current .m4{background-position: -25px -75px;}
.leftMenu ul li.current .m5{background-position: -25px -100px;}
.leftMenu ul li.current .m6{background-position: -25px -125px;}
.leftMenu ul li.current .m7{background-position: -25px -150px;}
.leftMenu ul li.current .m8{background-position: -25px -175px;}
.leftMenu ul li.current .m9{background-position: -25px -205px;}
.leftMenu ul li p{text-align: center; font-size: 14px; color: #666; margin-bottom: 10px; line-height: 1;}
.leftMenu ul li.current p{color: #1c4970;}
.rightMenu .rightMenuTitle{height: 47px; line-height: 47px; text-align: center; font-size: 12px; color: #333; border-bottom: 1px solid #ddd;}
.rightMenu ul{padding-inline-start: 0px}
.rightMenu ul li{padding: 0 20px; text-align: center; list-style: none; margin-top: 18px;}
.rightMenu ul li a{display: block; width: 74px; height: 38px; line-height: 38px; border: 1px solid #ddd; border-radius: 5px; text-align: center; font-size: 12px; color: #666;}
.rightMenu ul li .menuIcon{display: inline-block; width: 25px; height: 25px; margin-right: 3px; margin-top: -2px; vertical-align: middle; background: url(/images/rightMenuIcon-b79abdf7964642b5d81f989f1f61383d.png) no-repeat center center;}
.rightMenu ul li .m1{background-position: 0 0;}
.rightMenu ul li .m2{background-position: 0 -25px;}
.rightMenu ul li .m3{background-position: 0 -50px;}
.rightMenu ul li .m4{background-position: 0 -75px;}
.rightMenu ul li .m5{background-position: 0 -100px;}
.rightMenu ul li .m6{background-position: 0 -125px;}
.rightMenu ul li.current a{border-color: #1c4970; color: #1c4970}
.rightMenu ul li.current .m1{background-position: -25px 0;}
.rightMenu ul li.current .m2{background-position: -25px -25px;}
.rightMenu ul li.current .m3{background-position: -25px -50px;}
.rightMenu ul li.current .m4{background-position: -25px -75px;}
.rightMenu ul li.current .m5{background-position: -25px -100px;}
.rightMenu ul.rightMenuBot{border-top: 1px solid #e5e5e5; margin: 10px;}
.rightMenu ul.rightMenuBot li{padding: 0 10px;}
.rightMenu ul.rightMenuBot li a{height: 28px; line-height: 28px;}
.rightMenu ul.rightMenuBot li.no-border a{border: none;}
.centerNav{height: 47px; line-height: 47px; border-bottom: 1px solid #ddd; background: #fff;}
.centerNav ul{padding-inline-start: 0px; margin-bottom: 0;}
.centerNav ul li{padding: 0 20px; text-align: center; list-style: none; float: left;}
.centerNav ul li a{font-size: 14px; color: #666;}
.centerNav ul li .menuIcon{display: inline-block; width: 20px; height: 20px; margin-right: 5px; margin-top: -3px; vertical-align: middle; background: url(/images/topMenuIcon-ba01e8dd332b952193dc7ac41a608dcf.png) no-repeat center center;}
.centerNav ul li .m1{background-position: 0 0;}
.centerNav ul li .m2{background-position: 0 -20px;}
.centerNav ul li .m3{background-position: 0 -40px;}
.centerNav ul li.current a{border-color: #1c4970; color: #1c4970}
.centerNav ul li.current .m1{background-position: -20px 0;}
.centerNav ul li.current .m2{background-position: -20px -20px;}
.centerNav ul li.current .m3{background-position: -20px -40px;}
.centerNav ul li.topPush{border-right: 1px solid #ddd; text-align: center; padding: 0;}
.centerNav ul li.topPush i{display: block; width: 32px; height: 47px; background: url(/images/icon-arrow-gray-e44fcbedbd225fac434b2b0a9c6beb56.png) no-repeat center center;}
.leftFloat .blockCont{margin: 15px;}
.leftFloat .nav-tabs{padding: 8px 8px; background: #f7f7f7; border-radius: 4px; border-bottom: none;}
.leftFloat .nav-tabs .nav-item{width: 50%; text-align: center; padding: 0 8px; box-sizing: border-box;}
.leftFloat .nav-tabs .nav-item a{display: block; border: 1px solid #ddd; color: #666; border-radius: 4px; padding: .2rem 1rem;}
.leftFloat .nav-tabs .nav-item.show .nav-link, .leftFloat .nav-tabs .nav-link.active{background: #1c4970; color: #fff; border: none;}
.leftFloat .nav + .tab-custom-content{border-bottom: 0;}
.imgList{padding-inline-start: 0px;}
.imgList li{list-style: none; width: 50%; float: left; margin-top: 15px; padding: 20px 10px 10px 10px;}
.imgList li a{margin: 0 8px; display: block; border: 1px solid #e5e5e5; border-radius: 5px;}
.imgList li a img{max-width: 100%; max-height: 100%;}
.fodderList{padding-inline-start: 0px;}
.fodderList li{list-style: none; width: 33%; float: left; margin-top: 15px; padding: 20px 10px 10px 10px;}
.fodderList li a{margin: 0 8px; display: block; border: 1px solid #e5e5e5; border-radius: 5px;}
.fodderList li a img{max-width: 100%; max-height: 100%;}
.botblockAdd{position: relative; left: 0px; bottom: 0px; /*border-top:1px solid #e5e5e5;*/ padding: 20px; width: 100%; text-align: center;}
.botblockAdd .btn{width: 100%; border-radius: 3px;}
.leftFloat .btnScroll{position: fixed; left: 450px; bottom: 70px}
.searchForm{padding: 0 10px;}
.searchForm .input-group{border: 1px solid #e5e5e5; border-radius: 3px; background: #f7f7f7;}
.searchForm .form-control{border: none; background: #f7f7f7; font-size: 12px;}
.materialList h2{margin-top: 20px; font-size: 14px; height: 24px; line-height: 24px; padding: 0 10px; color: #333; font-weight: normal; margin-bottom: 0;}
.materialList h2 a{float: right; color: #666;}
.materialList ul{padding-inline-start: 0px;}
.materialList ul.imgList{margin-bottom: 0;}
.materialList ul a img{width: 100%;}
.template-list ul{padding-inline-start: 0px;}
.template-list li{margin-bottom: 15px; border: 1px solid #e5e5e5; list-style: none;}
.template-list li blockquote{border: none;}
.centerNav .searchForm{margin-top: 10px;}
.centerNav .searchForm .form-control{padding: 0.75rem .75rem; height: calc(0.25rem + 2px); width: 300px;}
.centerNav .searchForm .btn{padding: 0rem .75rem;}
.demoFiltrate{padding: 15px; background: #fff; font-size: 14px; margin-top: 22px;}
.demoFiltrate dl{display: flex; line-height: 25px; margin: 0;}
.demoFiltrate dl dt{width: 80px; padding: 15px 0; padding-right: 15px; font-size: 14px; color: #666; font-weight: bold; text-align: right;}
.demoFiltrate dl dd{flex: 1; border-bottom: 1px solid #eee; padding: 15px 0;}
.demoFiltrate dl dd a{display: inline-block; margin-right: 13px; padding: 0 10px; line-height: 25px; text-align: center; color: #666;}
.demoFiltrate dl dd a.current{background: #e5f2fd; color: #1c4970; border-radius: 30px;}
.demoFiltrate dl dd dt, .demoFiltrate dl dd dd{padding-top: 0; padding-bottom: 0; border: none;}
.demoFiltrate dl dd dl{margin-top: 8px; margin-bottom: 5px;}
.demoFiltrate dl:last-child dd{border: none;}
.demoList{margin-top: 25px; background: transparent;}
.demoList ul{padding-inline-start: 0px; margin-left: -15px;}
.demoList ul li{margin-left: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 1px 4px rgba(51, 51, 51, 0.1); width: 200px; float: left; list-style: none; margin-bottom: 15px; position: relative;}
.demoList ul li img{height: 300px; width: 100%;}
.demoList ul li .demoInfo{padding: 10px;}
.demoList ul li .demoInfo h2{font-size: 14px; color: #666;}
.demoList ul li .demoInfo p{font-size: 12px; color: #999; margin-bottom: 0;}
.demoList ul li .demoInfo p font{color: #ff7709;}
.demoList ul li .demoInfo p .pull-right{float: right;}
.demoList ul li .demoInfo p .fa{margin-left: 10px; color: #999;}
.demoList ul li .demoInfo p .fa-heart{color: #ff7709;}
.demoList ul li .btn{position: absolute; left: 50%; margin-left: -55px; top: 130px; background: rgba(51, 51, 51, .5); font-size: 14px; color: #fff;}
.demoList ul li .angleMark{position: absolute; right: 0px; top: 0px; background: #ee0000; line-height: 28px; color: #fff; font-size: 14px; padding: 0 15px; border-radius: 0 3px 3px;}
.demobox{width: 1490px; margin: 0 auto;}
.tabbox{width: 280px; margin: 15px auto; text-align: center;}
.tabbox .nav-tabs{padding: 8px 8px; background: #fff; border-radius: 4px; border-bottom: none;}
.tabbox .nav-tabs .nav-item{width: 50%; text-align: center; padding: 0 8px; box-sizing: border-box;}
.tabbox .nav-tabs .nav-item a{display: block; border: 1px solid #ddd; color: #666; border-radius: 4px; padding: .2rem 1rem;}
.tabbox .nav-tabs .nav-item.show .nav-link, .demobox .nav-tabs .nav-link.active{background: #1c4970; color: #fff; border: none;}
.filterbox{clear: both; margin-top: -10px; margin-bottom: 15px; border-radius: 3px; line-height: 48px; font-size: 14px; color: #666; padding: 0 10px; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: inset 0px -1px 0px 0px rgba(204, 204, 204, 0.5);}
.filterbox a{float: right;}
.btn-info{background: #00a481; padding: 0 30px; font-size: 12px; color: #fff; line-height: 34px; border-radius: 0;}
.textAreabox{border: 1px solid #ededed; border-radius: 3px; width: 402px; display: inline-block;}
.textAreabox .form-control{border: none;}
.weui-textarea-counter{text-align: right; color: #b2b2b2; font-size: 12px; padding-right: 10px; line-height: 26px;}
.popfrm .form-control{border-radius: 5px;}
.inputbox{display: inline-block; position: relative; width: 400px;}
.inputbox .txtMore{position: absolute; left: 0px; top: 35px; width: 100%; display: none; border: 1px solid #ddd; border-top: 0; padding-bottom: 5px;}
.inputbox .txtMore p{line-height: 22px; font-size: 12px; padding: 10px; padding-bottom: 0; margin-bottom: 0;}
.inputbox .txtMore .pull-right{float: right;}
.inputbox .txtMore span{line-height: 22px; margin-left: 10px;}
.showMore{text-align: right; padding-right: 10px; line-height: 30px; display: block;}
.showMore a{color: #00a481; font-size: 12px;}
.inputShowMore .txtMore{display: block;}
.inputShowMore .showMore{display: none;}
/*.ui-popup-modal .ui-dialog .ui-dialog-content{text-align: center;line-height: 26px;padding:20px 80px;}*/
.tab-content > .tab-pane{display: none;}
.tab-content > .active{display: block;}
.content-wrapper > .tab-content > .tab-pane{height: 0;}
/*20210415新增*/
.centerContent{width: 760px; margin: 50px auto; background: #fff; border-radius: 6px;}
.centerContent .frmpage{padding: 40px 140px;}
.centerContent .frmpage .control-label{display: block; text-align: left; color: #666;}
.centerContent .frmpage .form-control{line-height: 20px; border-color: #ddd; border-radius: 3px;}
.centerContent .frmpage a{text-decoration: underline;}
.mobileShow{/* position: absolute;*/ right: 195px; top: 20px; border-radius: 6px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 8px 0px rgba(153, 153, 153, 0.1); width: 310px; padding: 45px 0;}
.mobileShow .bannerbox{width: 100%; height: 160px; position: relative; background-color: #d0d1d1;}
.mobileShow .bannerbox p{position: absolute; left: 0px; bottom: 0px; margin-bottom: 8px; box-sizing: border-box; font-size: 14px; color: #fff; padding: 15px; line-height: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; height: 43px;}
.mobileShow .topicbox{padding: 12px 15px; position: relative; display: flex; justify-content: center; align-items: center;}
.mobileShow .topicbox::after{content: ''; height: 1px; border-bottom: 1px solid #e5e5e5; left: 15px; right: 15px; position: absolute; bottom: 0px;}
.mobileShow .topicbox .topicbd{flex: 1; font-size: 14px; color: #333;}
.mobileShow .topicbox .topicbd h2{font-weight: normal; font-size: 14px; margin-bottom: 0;}
.mobileShow .topicbox .topichd{width: 48px; height: 48px; background: #eee;}
.mobileShow .topicbox.current{border: 2px solid #1c4970; box-sizing: border-box;}
.mobileShow .bannerbox.current{border: 2px solid #1c4970; box-sizing: border-box;}
.mobileShow .addMsg{text-align: center; padding: 30px 0; padding-bottom: 0;}
.mobileShow .addMsg a{font-size: 14px; color: #999;}
.mobileShow .addMsgPop{position: absolute; left: 50%; bottom: 0px; margin-left: -40px; width: 130px; padding: 10px 0; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 8px 0px rgba(153, 153, 153, 0.1); display: none; height: 105px;}
.mobileShow .addMsgPop a{display: block; text-align: center; font-size: 14px; color: #666; line-height: 30px;}
.mobileShow .addMsgPop a em{display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin-right: 8px; margin-top: -3px;}
.mobileShow .addMsgPop a em.icon-tuwen-new{background: url(/images/icon-newtuw-e28f572df7ed7fdc085a25f4fe46ca7d.png) no-repeat; background-size: 100%;}
.mobileShow .addMsgPop a em.icon-tuwen-sele{background: url(/images/icon-newtuw2-7cb68407d972be23b4f0513f96de1184.png) no-repeat; background-size: 100%;}
.mobileShow .addMsgPop a:hover{background: #fafafa;}
.mobileShow .topicPop{position: absolute; left: 320px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 8px 0px rgba(153, 153, 153, 0.1); width: 48px; border-radius: 50px; padding: 15px 10px; text-align: center; display: none;}
.mobileShow .topicPop a{display: block; width: 30px; height: 30px; margin-bottom: 10px;}
.mobileShow .topicPop a:last-child{margin-bottom: 0;}
.mobileShow .topicPop a.iconArrow{background: url(/images/arrow-8e1f7f76ada407c9de7000cad79b9982.png) no-repeat center center; transform: rotate(180deg);}
.mobileShow .topicPop a.iconDelete{background: url(/images/icon-delete-559f94e910bf145ed60ff1034173c551.png) no-repeat center center;}
.mobileShow .topicPop a:hover{background-color: #ddd; border-radius: 50px;}
.mobileShow .topicPop.up{top: 50px}
.mobileShow .topicPop.up a.iconArrow{transform: rotate(0deg);}
.mobileShow .bannerbox.current .topicPop{top: 45px}
.poppage .searchbox{width: 350px; margin: 10px auto; border: 1px solid #e5e5e5; border-radius: 2px; padding: 0;}
.titleList{width: 560px; margin: 0 auto; border: 1px solid #f7f7f7;}
.titleListHd{background: #f7f7f7; line-height: 40px;}
.titleList dt, .titleList dd{padding: 0 15px; font-size: 12px; color: #999; line-height: 40px; margin-bottom: 0;}
.titleList dl{display: flex; margin-bottom: 0;}
.titleList dt{flex: 1; font-weight: normal;}
.titleList dt input{vertical-align: middle; margin-top: -3px; margin-right: 3px;}
.titleListbd{height: 200px; overflow-y: auto;}
.titleListbd dl{border-bottom: 1px solid #f7f7f7; line-height: 40px; font-size: 12px; color: #666;}
/*add20210813*/
ul{padding-inline-start: 0}
.btnshowmobile{right: 130px; top: 95px; position: absolute;}
.btnshowmobile a{display: block; width: 40px; height: 40px; background: #FFFFFF; box-shadow: 0px 2px 8px 0px rgba(153, 153, 153, 0.1); border-radius: 6px; text-align: center; font-size: 12px; color: #666;}
.btnshowmobile a em{display: block; height: 20px; background: url(/images/icon-arrow-gray-e44fcbedbd225fac434b2b0a9c6beb56.png) no-repeat center center;}
.btnshowmobile a:hover{background: #1C4970; color: #fff;}
.btnshowmobile a:hover em{background-image: url(../images/icon-arrow-white.png);}
.btnhide a em{transform: rotate(180deg);}
.mobileShow .addMsgPop a em.icon-tuwen-img{background: url(../images/icon-img.png) no-repeat; background-size: 100%;}
.addOrther{border-top: 1px solid #EEEEEE; margin: 0px 10px; padding: 5px 0;}
.addOrther a{display: inline-block; color: #999999; font-size: 12px; padding: 0 8px; line-height: 24px; margin-right: 10px; text-decoration: none !important;}
.addOrther a img{vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.addOrther a:hover{background: #F7F7F7; border-radius: 2px;}
.uploadimgList{margin-bottom: 20px;}
.uploadimgList ul{margin: 0;}
.uploadimgList li{border: 1px solid #DDDDDD; float: left; margin-right: 12px; position: relative; width: 160px; height: 160px; overflow: hidden; text-align: center;}
.uploadimgList li > img{width: 100%;}
.uploadimgList li .deleteImg{position: absolute; left: 0px; bottom: 0px; line-height: 32px; text-align: center; background: rgba(0, 0, 0, .6); width: 100%;}
.uploadimgList li.upLoadImg{background: #F2F6FA;}
.uploadimgList li.upLoadImg em{width: 24px; height: 24px; display: inline-block; background: url(/images/icon-add-d58c199dbd66d1114198a84e99e1193e.png) no-repeat; margin-top: 36px;}
.uploadimgList li.upLoadImg input{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0;}
.uploadimgList li.upLoadImg h2{font-size: 14px; color: #1C4970;}
.uploadimgList li.upLoadImg p{margin: 0; line-height: 1; font-size: 12px; color: #999999;}
.yulanImg{height: 157px; background: #F2F6FA; border: 1px solid #DDDDDD; border-radius: 2px; text-align: center;}
.yulanImg img{margin-top: 45px;}
.yulanImg p{font-size: 14px; color: #CFDAE5;}
.demoTips{margin-top: 15px; height: 32px; line-height: 32px; background: url(../images/icon-warning.png) #F0F0F0 no-repeat 12px center; padding-left: 36px; font-size: 14px; color: #FF5252;}
.demoList .demoDiv ul{display: none;}
.demoList .demoShow ul{display: block;}
.prgbox{background: #FAFAFA; padding: 24px 0; text-align: center; margin-bottom: 35px;}
.prgbox span{display: inline-block; font-size: 14px; color: #999; margin: 0 5px;}
.prgbox span em{display: inline-block; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 12px; color: #999; border: 1px solid #A9A9A9; border-radius: 50%; background: #fff; vertical-align: middle; margin-top: -3px; margin-right: 10px; font-style: normal;}
.prgbox span.prgLine{height: 1px; background: #EEEEEE; width: 80px; margin-bottom: 5px;}
.prgbox span.prgLine.current{background: #1C4970;}
.prgbox span.current{color: #333;}
.prgbox span.current em{background: #1C4970; color: #fff; border: none;}
.xccList{width: 350px; margin: 10px auto;}
.xccList li{list-style: none; display: flex; padding: 16px 15px; background: #F8FFFB; border: 1px solid #00B240; box-shadow: 0px 1px 4px 0px rgba(204, 204, 204, 0.3); border-radius: 8px; align-items: center;}
.xccList li .list-hd{padding-right: 8px;}
.xccList li .list-hd img{vertical-align: middle;}
.xccList li .list-bd{flex: 1;}
.xccList li .list-bd h2{font-size: 14px; color: #333; margin: 0;}
.xccList li .list-bd p{font-size: 12px; color: #999; margin: 0;}
.xccList li .list-ft{text-align: right; flex: 1;}
.frmbox table{width: 470px; table-layout: fixed; margin: 0 auto;}
.frmbox table th{font-size: 14px; color: #666; text-align: right; font-weight: normal; vertical-align: top; width: 100px;}
.frmbox table td{font-size: 14px;}
.frmbox table td .tips{font-size: 12px; color: #999; margin-top: 5px;}
.frmbox table td, .frmbox table th{padding: 10px;}
.showMore{text-align: left;}
.showMore .radio input{vertical-align: middle; margin-top: -3px; margin-right: 8px;}
.showMore label{color: #333; text-align: left;}
.showMore a{float: right;}
.ewmbox{width: 400px; margin: 10px auto; text-align: center;}
.ewmbox .artInfo{margin: 10px; background: #FAFAFA; padding: 10px 0;}
.ewmbox .artInfo .artLi{padding: 8px 12px; display: flex; font-size: 12px;}
.ewmbox .artInfo .artLi-hd{width: 85px; text-align: right; color: #999; padding-right: 10px;}
.ewmbox .artInfo .artLi-bd{flex: 1; text-align: left;}
.ewmbox .popContent{padding: 50px 0;}
.ewmbox .popContent p{margin-bottom: 0;}
/*add20220324*/
/*审批*/
.prgrList{padding: 18px; margin-top: 10px; background: #fff;}
.prgrList .tit{font-size: 16px; color: #32323C;}
.prgrList ul{margin-top: 30px;}
.prgrList li{list-style: none; position: relative; padding-left: 30px;}
.prgrList li > span{position: absolute; left: -2px; top: -3px; display: inline-block; z-index: 999; text-align: center;}
.prgrList li > span img{width: 25px; vertical-align: middle;}
.prgrList li em{display: block; position: absolute; left: 10px; top: 20px; width: 2px; height: 100%; background: #0052D9;}
.prgrList li h2{font-size: 16px; color: #333;}
.prgrList li h2 font{color: #58BD29; font-weight: normal}
.prgrList li p{font-size: 14px; color: #999; margin: 0; margin-top: 3px; padding: 0; word-break: break-all;}
.prgrList li p:last-child{padding-bottom: 18px;}
.prgrList li:last-child em{height: 0;}
.prgrList .appProg h2{color: #0052D9;}
.prgrList .appProg h2 font{color: #F49F12;}
.frmApproval{position: relative;}
.frmApproval .prgrList{position: absolute; right: 20px; top: 20px; width: 360px;}