.travel-item{border-radius:10px;box-shadow:var(--shadow-primary);overflow:hidden}.travel-item .cover-box{display:block;position:relative}.travel-item .cover-box img{transition:all 2s}.travel-item .cover-box:hover img{transform:scale(1.2)}.travel-item .travel-date{align-items:flex-end;color:#fff;display:flex;left:16px;position:absolute;top:16px}.travel-item .travel-date .travel-date-pos{font-size:24px}.travel-item .travel-date .travel-date-month{font-size:16px}.travel-item .travel-item-info{padding:16px}.travel-item .travel-item-tit{color:var(--color-primary);font-size:24px;margin-bottom:8px}.travel-item .travel-item-desc{color:var(--font-tertiary);display:-webkit-box;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:60px;overflow:hidden}.travel-item .travel-item-date{color:var(--font-tertiary);font-size:14px;margin-top:12px}@media screen and (max-width:700px){.travel-item{border-radius:18px}.travel-item .travel-date{left:12px;top:12px}.travel-item .travel-date .travel-date-pos{font-size:20px}.travel-item .travel-date .travel-date-month{font-size:14px}.travel-item .travel-item-info{padding:12px}.travel-item .travel-item-tit{color:var(--font-primary);font-size:16px;margin-bottom:0}.travel-item .travel-item-desc{display:none;font-size:12px}.travel-item .travel-item-date{font-size:12px;margin-top:4px}}.travel-wrapper{box-sizing:border-box;margin:40px auto;max-width:100%;padding:0 16px;position:relative;width:1086px}.travel-wrapper .travel-wrapper-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.travel-wrapper .list-loading{align-items:center;color:var(--font-tertiary);display:flex;font-size:14px;justify-content:center;margin:20px auto 0;text-align:center}.travel-wrapper .list-loading .loading-dom{margin-right:8px}.travel-wrapper .list-more{align-items:center;color:var(--font-primary);cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:20px auto 0;text-align:center}.travel-wrapper .article-item-wrapper{padding:24px 0 12px}.travel-wrapper .article-item-wrapper.skeleton .el-skeleton__image{height:240px}@media screen and (max-width:700px){.travel-wrapper{margin:16px auto}.travel-wrapper .travel-wrapper-grid{display:grid;gap:0;grid-template-columns:repeat(1,1fr)}.travel-wrapper .article-item-wrapper{padding:12px 0}.travel-wrapper .article-item-wrapper.skeleton{width:100%}.travel-wrapper .article-item-wrapper.skeleton .el-skeleton__image{height:120px}.travel-wrapper .article-item-wrapper .travel-item{width:100%}}
