.app-body .honor{margin:0 auto;max-width:1400px;padding:80px 0 120px}.app-body .honor__head{text-align:center}.app-body .honor__head .title{font-size:44px;font-weight:700}.app-body .honor__head .text{font-size:18px;color:#666;margin-top:16px}.app-body .honor__list{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;margin:40px -13px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.app-body .honor__list .item{cursor:pointer;display:block;width:330px;position:relative;margin:20px 13px;padding:12px 12px 16px;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 4px 18px rgba(0,20,18,.06);box-shadow:0 4px 18px rgba(0,20,18,.06)}.app-body .honor__list .item .cover{width:100%;height:220px;-webkit-border-radius:4px;border-radius:4px}.app-body .honor__list .item .title{margin-top:16px;text-align:center;font-size:18px;-webkit-transition:color .3s ease;transition:color .3s ease}.app-body .honor__list .item:active .cover img,.app-body .honor__list .item:hover .cover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.app-body .honor__list .item:active .title,.app-body .honor__list .item:hover .title{color:#0d55b9}@media screen and (max-width:1200px){.app-body .honor{max-width:100%;padding:40px 5px 80px}.app-body .honor__head .title{font-size:36px}.app-body .honor__head .text{font-size:16px;margin-top:12px}.app-body .honor__list{display:block;margin:20px auto;padding:0 5px}.app-body .honor__list .item{width:100%;margin:20px auto;padding:10px 10px 14px}.app-body .honor__list .item .title{margin-top:14px;font-size:16px}}