/* 轮播 */ .banner-index .banner-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0; } /* 大分类 */ .cate { display: flex; } .cate .cate-item { color: #999; border-bottom: 0.02rem solid rgba(0,0,0,0); } .cate .cate-item ~ .cate-item { margin-left: 0.5rem; } .cate .cate-item:hover { color: #333; border-bottom: 0.02rem solid #333; } .cate .cate-item.active { color: #333; border-bottom: 0.02rem solid #333; } .cate .cate-search-icon { width: 0.36rem; height: 0.36rem; padding: 0.1rem; position: absolute; z-index: 1; right: 0.1rem; top: 0.02rem; font-size: 0.18rem; color: #666; cursor: pointer; } .cate .el-input__inner { border-radius: 0.2rem; padding-right: 0.46rem; } .searchInput .el-input__inner:focus { border-color: #DCDFE6 !important; } /* 列表 */ .pagecontainer { display: flex; margin-top: 0.5rem; } .list-item { display: flex; width: 100%; padding-bottom: 0.2rem; padding-top: 0.2rem; } .list-item:first-child { padding-top: 0; } .list-item:last-child { padding-bottom: 0; } .list-item ~ .list-item { border-top: 1px solid #ebeef5; } .list-item .list-item-image { width: 2.5rem; /* height: 1.8rem; */ border-radius: 0.12rem; overflow: hidden; } .list-item .list-item-right { margin-left: 0.3rem; } .list-item .list-item-avatar { width: 0.24rem; height: 0.24rem; } .list-item:hover { color: #0195FF; } .list-item:hover .list-item-image { box-shadow: 0.02rem 0.02rem 0.1rem 0 rgba(0,0,0,0.2); } /* .transform { transition: all 0.2s; } .list-item:hover .transform { transform: scale(1.1); } */ /* 热榜 */ .newshot { width: 3.2rem; margin-left: 0.8rem; } .newshot .newshot-change { color: #999; } .newshot .newshot-change:hover { color: #0195FF; } .newshot .newshot-item .newshot-item-num { width: 0.25rem; height: 0.25rem; border-radius: 0.05rem; color: #999; } .newshot .newshot-item:nth-child(1) .newshot-item-num { background-color: #FF3E3F; color: #fff; } .newshot .newshot-item:nth-child(2) .newshot-item-num { background-color: #FE7040; color: #fff; } .newshot .newshot-item:nth-child(3) .newshot-item-num { background-color:#FF9F40; color: #fff; } .newshot .newshot-item:hover { color: #0195FF; } @media screen and (max-width: 768px) { .cate .cate-item { height: 0.5rem !important; } .cate { display: block; } .cate .cate-left { width: 100%; border-bottom: 1px solid #ebeef5; } .cate .cate-search { margin: 0 auto !important; } .pagecontainer { display: block; margin-top: 0.2rem; } .list-item { display: block; } .list-item .list-item-image { margin: 0 auto; width: 100%; /* height: max-content; */ } .list-item:hover .list-item-image { box-shadow: none; } .list-item .list-item-right { margin-left: 0; margin-top: 0.1rem; } .list-item .list-item-right .list-item-right-item { margin-top: 0.1rem; } .newshot { display: none; } }