#app-loader .layui-container,
 .Interval .layui-container {
     margin-top: 50px;
 }
 
 .layui-container-title {
     margin-bottom: 10px;
     padding: 0 60px;
     background-color: #fff;
     border-radius: 10px;
 }
 
 .layui-carousel {
     margin: 0 auto;
     width: 100%;
     overflow: hidden;
 }
 
 .layui-carousel>[carousel-item]:before {
     opacity: 0;
 }
 
 .layui-carousel img {
     width: 100%;
     border: none;
 }
 
 .layui-header {
     position: sticky;
     top: 0;
     z-index: 1020;
 }
 
 .layui-nav * {
     font-size: 18px;
 }
 
 .Interval {
     margin: 0 auto;
     padding: 50px 0;
 }
 
 .Interval:nth-child(odd) {
     background-color: #ffffff;
 }
 
 .Interval:nth-child(even) {
     background-color: #f7f7f7;
 }
 
 .layui-const-card .layui-card {
     border-radius: 10px;
     box-shadow: 0 2px 10px #0e204d00;
 }
 
 .layui-const-card .layui-card-header {
     text-align: center;
     font-size: 2em;
     font-weight: 600;
     line-height: 2em;
 }
 
 .layui-const-card .layui-card-body {
     font-size: 1.4em;
     line-height: 1.8em;
     height: 150px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
     word-break: break-all;
 }
 
 .grid-col {
     text-align: center;
     margin: 20px auto;
     color: #ffffff;
 }
 
 .grid-col-up {
     font-size: 2em;
 }
 
 .grid-col-down {
     font-size: 1.5em;
     line-height: 2em;
 }
 
 .Interval .layui-carousel,
 .Interval .layui-carousel>[carousel-item]>* {
     background-color: unset;
 }
 
 .Interval .layui-panel {
     border-radius: 10px;
 }
 
 .layui-footer a {
     color: #01AAED;
 }
 
 .title_line {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
 }
 
 .title_line::after {
     content: '';
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 80%;
     height: 1px;
     transform: scaleY(0.5);
     background-image: linear-gradient(to right, #DBDCE000 0%, #DBDCE0 50%, #DBDCE000 100%);
     /* background-image: linear-gradient(to right, #DBDCE000 0%, #DBDCE0 50%, #DBDCE000 100%); */
 }
 
 .title_line .title_content {
     height: 3em;
     font-size: 3em;
     font-weight: 600;
     line-height: 3em;
     z-index: 1;
     color: #0e204d;
 }
 
 .title_content span {
     padding: 10px 20px;
     background-color: #fff;
     border-radius: 15px;
 }
 
 #zhuanli .layui-card,
 .person-card {
     border-radius: 15px;
     padding: 15px;
     overflow: hidden;
     background-color: #ffffff;
     border: 1px solid #eeeeee;
 }
 
 .person-card::before,
 .appraise-card::before,
 #zhuanli .layui-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     transform: scaleX(0);
     transition: transform 0.4s ease;
     background-color: #0e204d;
 }
 
 .person-card:hover::before,
 .appraise-card:hover::before,
 #zhuanli .layui-card:hover::before {
     transform: scaleX(1);
 }
 
 .person-card .person-portrait img {
     width: 80px;
     height: 80px;
     margin: 20px;
 }
 
 .person-card .person-portrait span {
     display: block;
     text-align: center;
     color: #fff;
     border-radius: 10px;
     padding: 5px;
     margin: 0 10px 10px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     background-color: #0e204dcc;
 }
 
 .person-card .person-body {
     padding: 15px;
     height: 290px;
 }
 
 .person-name {
     font-size: 16px;
     /* line-height: 2em; */
 }
 
 .person-name h1 {
     font-size: 1.5em;
 }
 
 .person-number {
     position: absolute;
     top: 0;
     right: 0;
     background-image: linear-gradient(140deg, #fde6ad, #e4c486);
     border-radius: 10px 3px;
     color: #0e204d;
     font-size: 12px;
     font-weight: 600;
     margin-left: 30px;
     text-align: center;
     display: inline;
     width: auto;
     padding: 0 10px;
     line-height: 30px;
 }
 
 .person-remark {
     font-weight: 600;
     line-height: 30px;
 }
 
 .person-description,
 .appraise-description {
     font-size: 1em;
     line-height: 2.0em;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 6;
     word-break: break-all;
 }
 
 .appraise-description {
     -webkit-line-clamp: 4;
     min-height: 112px;
 }
 
 .appraise-card {
     border-radius: 15px;
     padding: 15px;
     overflow: hidden;
     background-color: #fff;
     border: 1px solid #eeeeee;
 }
 
 .appraise-card-header img {
     position: absolute;
     width: 50px;
     height: 50px;
 }
 
 .appraise-name,
 .appraise-date {
     margin-left: 70px;
 }
 
 .appraise-rate {
     position: absolute;
     right: 5px;
     top: -10px;
     font-size: 12px;
 }
 
 .layui-rate li i.layui-icon {
     margin-right: 0;
 }
 
 .appraise-name {
     font-size: 16px;
     font-weight: 700;
     margin-top: 10px;
 }
 
 .appraise-name .layui-word-aux {
     font-size: 14px;
     font-weight: 400;
 }
 /* .appraise-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     background: linear-gradient(135deg, #16baaa 0%, #16b777 100%);
     transform: scaleX(0);
     transition: transform 0.4s ease;
 } */
 
 .appraise-card:hover::before {
     transform: scaleX(1);
 }
 
 .logo-scroll-header {
     text-align: center;
 }
 
 .logo-scroll-header h2 {
     font-size: 34px;
 }
 
 .logo-scroll-header p {
     color: #666;
     font-size: 16px;
     line-height: 1.6;
     padding: 10px 0 30px;
 }
 
 .logo-scroll-container {
     overflow: hidden;
     position: relative;
     width: 100%
 }
 
 .logo-scroll-track {
     animation: scroll-logo 30s linear infinite;
     backface-visibility: hidden;
     display: flex;
     transform: translateZ(0);
     will-change: transform
 }
 
 .logo-group {
     display: flex;
     flex-shrink: 0;
     padding-right: 20px
 }
 
 .logo-item {
     align-items: center;
     display: flex;
     flex: 0 0 290px;
     flex-direction: column;
     height: 100px;
     justify-content: center;
     transition: transform .3s ease
 }
 
 .logo-item img {
     height: 100px;
     -o-object-fit: contain;
     object-fit: contain;
     /* width: 290px */
 }
 
 @keyframes scroll-logo {
     0% {
         transform: translateZ(0)
     }
     to {
         transform: translate3d(calc(-50% - 20px), 0, 0)
     }
 }
 
 .anli-scroll-header {
     text-align: center;
 }
 
 .anli-scroll-header h2 {
     font-size: 34px;
 }
 
 .anli-scroll-header p {
     color: #666;
     font-size: 16px;
     line-height: 1.6;
     padding: 10px 0 30px;
 }
 
 .anli-scroll-container {
     overflow: hidden;
     position: relative;
     width: 100%;
 }
 
 .anli-scroll-track {
     animation: scroll-anli 30s linear infinite;
     backface-visibility: hidden;
     display: flex;
     transform: translateZ(0);
     will-change: transform
 }
 
 .anli-group {
     display: flex;
     flex-shrink: 0;
     padding-right: 20px
 }
 
 .anli-item {
     align-items: center;
     display: flex;
     flex: 0 0 250px;
     flex-direction: column;
     height: 400px;
     justify-content: center;
     transition: transform .3s ease
 }
 
 .anli-item img {
     height: 400px;
     -o-object-fit: contain;
     object-fit: contain;
     width: 200px
 }
 
 @keyframes scroll-anli {
     0% {
         transform: translateZ(0)
     }
     to {
         transform: translate3d(calc(-50% - 20px), 0, 0)
     }
 }
 
 .aboutItem {
     height: 243px;
     position: relative;
     width: 280px;
     background: #ffffff55;
     border-radius: 10px;
     color: #fff;
 }
 
 .aboutItem .itemInner {
     border-radius: 10px;
     box-shadow: 0 2px 10px #0e204d80;
     display: flex;
     flex-direction: column;
     height: 100%
 }
 
 .aboutItem img {
     height: 166px;
     width: 100%
 }
 
 .aboutItem .title,
 .flip-front h2 {
     align-items: center;
     display: flex;
     justify-content: center;
     font-size: 2em;
     line-height: 2.5em;
 }
 
 .aboutItem .content {
     /* background: #e8f0ff; */
     border-radius: 10px;
     height: 100%;
     left: 0;
     padding: 35px 20px;
     position: absolute;
     top: 0;
     width: 100%
 }
 
 .flip-card .flip-end,
 .flip-card .flip-front {
     /* backface-visibility: hidden; */
     position: absolute;
     /* transform-style: preserve-3d; */
     /* transition: transform .6s */
 }
 
 .flip-card .flip-end {
     /* transform: rotateY(180deg) */
 }
 
 .flip-card:hover .flip-front {
     /* transform: rotateY(-180deg) */
 }
 
 .flip-card:hover .flip-end {
     /* transform: rotateY(0) */
 }
 
 .flexBox {
     display: flex;
 }
 
 .jcBetween {
     justify-content: space-between;
 }
 
 .fs16 {
     font-size: 16px;
     line-height: 24px;
 }
 
 .theme-box {
     position: absolute;
     width: 328px;
     height: 222px;
     padding: 5px;
     border: 1px solid #5FB878;
     right: 20px;
     top: 70px;
     /* display: none; */
     background-color: #DBDCE0;
 }
 
 .theme-color {
     float: left;
     width: 100px;
     height: 100px;
 }
 
 .theme-box-black {
     background-color: #393D49;
 }
 
 .theme-box-blue {
     background-color: #1E9FFF;
 }
 
 .theme-box-cyan {
     background-color: #009688;
 }
 
 .theme-box-green {
     background-color: #5FB878;
 }
 
 .theme-box-orange {
     background-color: #FFB800;
 }
 
 .theme-box-red {
     background-color: #FF5722;
 }
 
 .qrcode {
     position: fixed;
     right: 66px;
     margin-top: -50px;
     padding: 30px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 10px #0e204da1;
     display: none;
     flex-direction: column;
 }
 
 .icon-qrcode:hover .qrcode {
     display: flex;
 }
 
 .lianxi {
     margin: 15px;
 }
 
 .lianxi p,
 .lianxi h2 {
     margin-left: 60px;
 }
 
 .lianxi .iconfont {
     position: absolute;
     font-size: 40px;
     line-height: 64px;
 }
 
 .share .iconfont {
     margin-left: 15px;
     font-size: 40px;
     line-height: 64px;
     color: #0e204d;
 }
 
 #zhuanli .layui-card-header {
     text-align: center;
     font-size: 2em;
     font-weight: 600;
     line-height: 2em;
 }
 
 #zhuanli .layui-card-body {
     /* font-size: 20px; */
     line-height: 2em;
     min-height: 160px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     word-break: break-all;
 }
 /* #zhuanli .layui-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 4px;
     transform: scaleX(0);
     transition: transform 0.4s ease;
 }
 
 #zhuanli .layui-card:hover::before {
     transform: scaleX(1);
 } */
 
 .Interval .layui-colla-content {
     background-color: #ffffff;
 }
 
 .layui-kepu {
     margin-top: 10px;
     border: 1px solid #eee;
     border-radius: 10px;
     overflow: hidden;
     background-color: #fff;
 }
 
 .layui-kepu .layui-card-body {
     padding: 5px;
     min-height: 330px;
 }
 
 .layui-kepu ul {
     padding: 10px;
 }
 
 .layui-kepu .layui-kepu-item a {
     padding-left: 10px;
     width: calc(100% - 100px);
     height: 30px;
     line-height: 30px;
     position: relative;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: inline-block;
 }
 
 .layui-kepu .layui-kepu-item a:hover {
     text-decoration: underline;
 }
 
 .layui-kepu .layui-kepu-item span,
 .layui-card-header a {
     position: absolute;
     right: 20px;
 }
 
 .layui-kepu .layui-kepu-item {
     line-height: 30px;
     border-bottom: 1px solid #ffffff55;
 }
 
 .layui-kepu-item:hover {
     background-color: #f7f7f7;
 }
 
 .layui-table-page {
     text-align: center;
 }