@charset "utf-8";

:root {--app-primary-color:#a8050c;--app-white-color:#fff;--app-black-color:#000;--app-normal-color:#333;--app-gray-color:#999;--app-border-radius:10px;}

html {
  font-family: var(--app-font-family);
}

/* 主内容布局 */
.app-main-content {max-width:var(--app-main-content-width);margin-left:auto;margin-right:auto;}

/* 粘性布局 */
.app-sticky {position:sticky;z-index:100;top:0;}

@media screen and (max-width:1400px) {
  .app-main-content {padding:0 var(--app-fs-20);}
}
@media screen and (max-width:768px) {
  .app-main-content {padding:0 15px;}
}
/* 分页 */
.app-pagination .el-pagination.is-background .btn-next,.app-pagination .el-pagination.is-background .btn-prev,.app-pagination .el-pagination.is-background .el-pager li {background:var(--app-white-color);}
.app-pagination .el-pagination.is-background .el-pager li {background:var(--app-white-color);}
.app-pagination .el-pagination.is-background .el-pager li:not(.disabled).active {background:var(--app-primary-color);}
.app-pagination .el-pagination.is-background .el-pager li:not(.disabled):hover {background:var(--app-primary-color);color:var(--app-white-color);}
@media screen and (max-width:768px) {
  .app-pagination .el-pager li {font-size:12px;}
  .app-pagination .el-pagination.is-background .btn-next,.app-pagination .el-pagination.is-background .btn-prev,.app-pagination .el-pagination.is-background .el-pager li {min-width:28px;}
}

/* 搜索 */
.app-search {position:fixed;z-index:100;top:var(--app-fs-90);left:0;display:none;width:100%;padding:var(--app-fs-40) 0;background-color:var(--app-white-color);}
.app-search .search-input {position:relative;height:40px;padding:0 40px 0 20px;border-radius:99px;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid var(--app-primary-color);overflow:hidden;}
.app-search .search-input .input {width:calc(var(--app-basis-ratio) * 400px);border:none;font-size:var(--app-fs-16);line-height:40px;color:#333;outline:none;}
.app-search .search-input .close-icon {position:absolute;top:50%;display:none;right:var(--app-fs-10);transform:translateY(-50%);cursor:pointer;}
.app-search .search-btn {height:40px;padding:0 24px 0 20px;border-top-right-radius:99px;border-bottom-right-radius:99px;font-size:20px;color:var(--app-white-color);background:var(--app-primary-color);cursor:pointer;}
.app-search .search-close {margin-right:1em;font-size:20px;color:var(--app-primary-color);cursor:pointer;}
.app-search .search-close:hover {transform:rotate(180deg);}

@media screen and (max-width:768px) {
  .app-search .search-input .input {width:100%;}
}

/* 省略号 */
.app-line-1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.app-line-2 {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;}
.app-line-3 {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;}
.app-line-4 {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;line-clamp:4;}
.app-line-5 {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;line-clamp:5;}
.app-line-6 {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;line-clamp:6;}

.relative {position:relative;}
.grid {display:grid;}
.grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.h-full {height:100%;}
.w-full {width:100%;}
.flex {display:flex;}
.flex-col {flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.items-center {align-items:center;}
.items-start{align-items:flex-start;}
.justify-between {justify-content:space-between;}
.justify-center {justify-content:center;}
.text-wrap {text-wrap:wrap;}

.am {transition:all 0.3s ease-in-out;}