.banner .title {font-weight: 700;font-size: 35px;text-align: center;color: #ffffff;}.article-main {padding: 50px 0 0;}.article-main .container > .title {padding: 12px 24px;border-left: 6px solid #189f78;font-weight: 700;font-size: 20px;color: #222222;background: linear-gradient(90deg, rgba(1, 150, 107, 0.15) 1.14%, rgba(1, 150, 107, 0) 100%);}.article-main .container .content {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 50px;}.article-main .container .content .item {position: relative;width: 384px;height: 360px;background: #ffffff;box-shadow: 0px 2px 19px 1px rgba(0, 0, 0, 0.11);transition: all 0.3s;margin-bottom: 25px;}.article-main .container .content .item .info-box {height: 290px;padding: 30px;}.article-main .container .content .item .info-box .title {font-weight: 700;font-size: 20px;line-height: 28px;color: #222222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.article-main .container .content .item .info-box .title a[data-title]::after {box-sizing: border-box;content: attr(data-title);position: absolute;z-index: 100;bottom: 330px;left: 30px;width: 100%;font-weight: 700;font-size: 14px;padding: 4px 12px;background: #dbe8e7;border-radius: 10px;opacity: 0;transition: all 0.5s;}.article-main .container .content .item .info-box .title a[data-title]:hover::after {opacity: 1;}.article-main .container .content .item .info-box .desc {height: 84px;font-weight: 400;font-size: 14px;line-height: 21px;color: #666666;margin: 25px 0 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}.article-main .container .content .item .info-box .read {font-weight: 700;font-size: 14px;line-height: 21px;color: #02966b;}.article-main .container .content .item .info-box .read .arrow {transition: all 0.5s;}.article-main .container .content .item .info-box .read:hover .arrow {margin-left: 10px;}.article-main .container .content .item .date-box {height: 70px;line-height: 70px;font-weight: 400;font-size: 14px;color: #666666;padding-left: 30px;border-top: 1px solid #ededed;}.article-main .container .content .item:hover {box-shadow: 0px 2px 19px 10px rgba(0, 0, 0, 0.11);}.article-main .container .content::after {content: '';display: block;width: 384px;}.article-main .container .load-more {width: 150px;height: 50px;line-height: 50px;text-align: center;font-weight: 700;font-size: 16px;color: #ffffff;background: #01966b;border-radius: 5px;margin: 50px auto;cursor: pointer;transition: all 0.5s;}.article-main .container .load-more .icon-loading {display: none;margin: 0 auto;}.article-main .container .load-more .icon-loading::before {transform-origin: center center;display: block;animation: loading 1s ease infinite;}.article-main .container .no-more{text-align:center;color: #333;display: none;}@keyframes loading {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}.article-main .container .load-more:hover {background: #036c4e;}@media (max-width: 768px) {.banner .title {font-size: 35rem;}.article-main {padding: 50rem 0 0;}.article-main .container > .title {padding: 8rem 16rem;border-left: 6rem solid #189f78;font-size: 20rem;}.article-main .container .content {margin-top: 30rem;}.article-main .container .content .item {width: 100%;height: 360rem;box-shadow: 0 2rem 19rem 1rem rgba(0, 0, 0, 0.11);margin-bottom: 40rem;}.article-main .container .content .item .info-box {height: 290rem;padding: 30rem;}.article-main .container .content .item .info-box .title {font-size: 20rem;line-height: 28rem;}.article-main .container .content .item .info-box .title a[data-title]::after {display: none;}.article-main .container .content .item .info-box .desc {height: 84rem;font-size: 14rem;line-height: 21rem;margin: 25rem 0 40rem;}.article-main .container .content .item .info-box .read {font-size: 14rem;line-height: 21rem;}.article-main .container .content .item .date-box {height: 70rem;line-height: 70rem;font-size: 14rem;padding-left: 30rem;border-top: 1rem solid #ededed;}.article-main .container .content::after {display: none;}.article-main .container .load-more {width: 150rem;height: 50rem;line-height: 50rem;font-size: 16rem;border-radius: 5rem;margin: 0 auto;}}