/* 浏览器滚动条样式 */

 ::-webkit-scrollbar {
     width: 6px;
 }

 ::-webkit-scrollbar-track {
     background-color: #fff;
 }

 ::-webkit-scrollbar-thumb {
     background: hsla(0, 0%, 52.9%, .4);
     border-radius: 6px;
 }

 ::-webkit-scrollbar-track {
     background: hsla(0, 0%, 52.9%, .1);
 }

 .justify-content-center {
     justify-content: center !important;
 }

 /* 底部样式 */
 .text-center {
     width: 80%;
     margin: auto;
     font-family: "Play", "MArima Madurai", Microsoft JhengHei, Georgia, Times, serif, Microsoft Yahei, Open Sans, sans-serif;
     color: #67748e;
     font-size: 15px;
     background-color: #fff;
     text-align: center !important;
 }

 .nav {
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }

 .nav-link {
     display: block;
     padding: 0.5rem 1rem;
     font-size: .875rem;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
 }

 .flex-row {
     flex-direction: row !important;
 }

 .align-items-center {
     align-items: center !important;
 }

 .nav-footer a {
     color: #707c8e;
     font-size: .86rem;
     font-weight: 400;
 }

 .mb-0 {
     margin-bottom: 0 !important;
 }

 .copyright {
     line-height: 1.5rem;
     padding: 0 0 1rem;
 }

 .copyright a {
     color: #707c8e;
     font-size: .8rem;
     font-weight: 400;
     letter-spacing: .8px;
 }


 body {
     font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
     font-size: 16px;
     color: #2c3e50;
     background: #f4f4f4;
 }

 .headroom-top {
     width: 100%;
     z-index: 100;
     background-color: transparent !important;
     border: 0;
     box-shadow: none;
     text-align: center;
     position: fixed;
     background-color: hsla(0, 0%, 100%, .8) !important;
     backdrop-filter: saturate(200%) blur(30px);
     box-shadow: inset 0 0 2px #c5c5c5d1;
 }

 .headroom-top .layui-nav-item a {
     font-family: "Play", "MArima Madurai", Microsoft JhengHei, Georgia, Times, serif, Microsoft Yahei, Open Sans, sans-serif;
     color: #000;
 }

 .headroom-top .layui-nav-item a:hover {
     font-family: "Play", "MArima Madurai", Microsoft JhengHei, Georgia, Times, serif, Microsoft Yahei, Open Sans, sans-serif;
     color: #000;
 }

 h3 {
     font-size: 1.0rem;
     padding-bottom: 0.3rem;
     padding-top: 1.3rem;
     border-bottom: 1px solid var(--borderColor);
 }

 .layui-form-item {
     margin-bottom: 10px;
 }

 .layui-form-item .layui-input-inline {
     width: 60%;
 }

 .layui-text-em {
     font-size: 10px;
     color: red !important;
 }

 .content {
     width: 80%;
     margin: auto;
     padding-top: 90px;
     /* padding-bottom: 20px; */
 }

 .layui-panel {
     border-style: none;
     box-shadow: none;
 }

 p {
     padding: 5px 0px;
     word-wrap: break-word;
     word-break: break-all;
 }

 .no-zoom {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     border: 2px solid #fff;
     margin: 1rem 0 1rem 1rem;
     box-shadow: 3px 2px 5px rgba(0, 0, 0, .08);
     transition: all .4s;
 }

 .card-item {
     display: flex;
 }

 .card-item div {
     padding: 20px;
 }

 .layui-row div p {
     margin: 0;
     padding: 0 1rem;
     transition: text-shadow .4s;
     text-align: center;
 }

 .layui-row div .name {
     font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
     margin: 0.2rem 0 0.3rem;
 }

 .layui-row div .desc {
     font-size: .8rem;
     line-height: 1.1rem;
     opacity: .8;
     margin-bottom: 0.2rem;
 }

 .file_title {
     color: #333;
     font-size: 16px;
     line-height: 27px;
     padding: 7px 10px 15px 10px;
     background: #fcfcfc;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
 }


 .title {
     padding: 28px;
     font-size: 1.9rem;
     /* display: flex; */
     /* align-items: center; */
     transition: opacity .03s ease-in-out;
 }

 .count {
     text-align: right;
     margin-top: -2.5rem;
     font-size: .85rem;
     opacity: .8;
 }

 .file_title li a {
     display: block;
     color: #00323c;
     transition: padding 0.3s;
     padding: 0.5rem 2rem;
     line-height: 1.2rem;
 }

 .file_title a:hover {
     padding-left: 2.5rem;
     color: #11a8cd;
     background: #f9f9f9
 }

 .file_title li a span.date {
     opacity: .6;
     font-size: .85rem;
     font-weight: 400;
     margin-right: 1.3rem;
 }