.header { width: 100%; padding: 20px 0; background-color: #FFFFFF; position: fixed; left: 0; top: 0; z-index: 10;}
.header .logo {  margin-right: 44px;}
.header .logo img { width: auto; height: 55px;}
.header .search-user-box { padding: 5px 0; flex: 1;}
.header .search-box { flex: 1;}
.header .search-box .layui-form { position: relative;}
.header .search-box .input { width: calc(100% - 60px); height: 42px; border: 1px solid #D8DCDF; border-radius: 6px 0 0 6px;}
.header .search-box .input input { padding: 0 10px; width: 100%; line-height: 44px; font-size: 16px; }
.header .search-box .search { width: 58px; height: 44px; background: #2F54A4; border-radius: 0px 6px 6px 0px;}
.header .search-box .search i { color: #FFFFFF;}
.header .search-box .m-error { position: absolute;}
.header .user-box .user { padding-left: 40px; align-items: center; height: 44px; color: #333333;line-height: 44px;}
.header .user-box .user i { margin-right: 5px;}
.header .user-box .exit { cursor: pointer; padding-left: 19px; line-height: 44px;}
body { padding-top: 94px;}
@media screen and (max-width: 980px) {
  .header { padding: 10px 0;}
  .header .search-user-box { width: 100%; flex: unset; margin-top: 5px;}
  body { padding-top: 134px;}
}
@media screen and (max-width: 767px) {
  .header .logo { margin-right: 0;}
  .header .logo img { max-width: 100%; object-fit: contain;}
  .header .user-box .user { padding-left: 12px;}
}

.mobile-box{display: none}
@media(max-width:980px){
  .mobile-box{display: block}
  .header .nav-list-box{display: none}
  .mobile-box .nav { position:fixed;width: 35px;height: 25px;background: #FE5400;right: 5%;top:32px;cursor: pointer; border-radius:5px;z-index: 99999999999}
  .mobile-box .nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 99999991}
  .mobile-box .nav .nav1 {margin-top: -1px;}
  .mobile-box .nav .nav2 {margin-top: -8px;}
  .mobile-box .nav .nav3 {margin-top: 6px;}
  .mobile-box .nav:hover .nav1 {width: 25px;}
  .mobile-box .navh .nav1 {transform: rotate(45deg)}
  .mobile-box .navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
  .mobile-box .navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
  .mobile-box .navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
  .mobile-box .navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
  .mobile-box .smdaohang {position: fixed;width: 280px;height: 100%;overflow: auto;top: 0px;right: -100%;background:#000; background:rgba(0,0,0,0.8); z-index: 999999;transition: 0.5s;text-align: center;}
  .mobile-box .smdaohangh {right: 0px;}
  .mobile-box .topnav {margin: auto;margin-top:60px;padding: 20px;}
  .mobile-box ul.topnav li {text-align: left; position:relative;}
  .mobile-box ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
  .mobile-box ul.topnav ul {display: none;}
  .mobile-box ul.topnav ul li {clear: both;}
  .mobile-box ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
  .mobile-box ul.topnav ul li a:hover {}
  .mobile-box ul.topnav ul ul li a {padding-left: 40px;}
  .mobile-box ul.topnav ul ul ul li a {padding-left: 60px;}
  .mobile-box ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; background:#fff; cursor:pointer; border-radius:5px;}
  .mobile-box ul.topnav span:before{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px;}
  .mobile-box ul.topnav span:after{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}
  .mobile-box ul.topnav span.yizi:after{ transform:rotate(0deg);}
}

.footer { padding: 20px 0; background: #2F54A4; text-align: center; color: #FFFFFF;}
.footer p { line-height: 37px; }
@media screen and (max-width: 767px) {
  .footer { padding: 10px 0;}
}

.breadcrumb { padding: 10px; background: #EAEDF6; position: sticky; top: 95px; z-index: 9;}
.breadcrumb a { font-size: 14px; line-height: 20px; color: #999999;}
.breadcrumb a.active { font-size: 14px; line-height: 20px; color: #333333;}
@media screen and (max-width: 980px) {
  .breadcrumb { top: 134px;}
}
@media screen and (max-width: 367px) {
  .breadcrumb { top: 178px;}
}

.pagination { padding: 10px 24px; background: #EAEDF6; display: flex; flex-wrap: wrap; justify-content: right;}
.pagination span { margin: 0 5px; display: inline-block; width: 22px; height: 22px; font-size: 14px; color: #333333; line-height: 22px; text-align: center;}
.pagination a { margin: 0 5px; display: inline-block; width: 22px; height: 22px; font-size: 14px; color: #333333; line-height: 22px; text-align: center;}
.pagination a.active { background: #FFFFFF;  border: 1px solid #A0A0A0;}
.pagination a.prev,.pagination a.next { width: unset;;}
@media screen and (max-width: 767px) {
  .pagination { padding: 10px 5px;}
}

.my-skin .layui-layer-btn a:nth-child(1) {
  background-color: #2F54A4;
  border: 1px solid #2F54A4;
  color: #FFF;
}