.detail-title { font-size: 0.36rem; line-height: 0.5rem; } /* 列表 */ .pagecontainer { margin-top: 0.3rem; } .list-item { 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); } /* 热榜 */ .newshot-box { width: 3.2rem; margin-left: 0.3rem; margin-top: 0.3rem; } .newshot { /* position: fixed; */ /* ??? */ /* right: 2rem; */ width: 3.2rem; margin-left: 0.3rem; margin-top: 0.3rem; } .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; } .el-breadcrumb{ font-size: 0.14rem; } .is-link{ font-weight: 700; } .is-link:hover { color: #0CAAFD; cursor: pointer; } .el-breadcrumb__separator{ margin: 0 0.04rem !important; } @media screen and (max-width: 768px) { .detail-title { font-size: 0.22rem; line-height: 0.35rem; } .pagecontainer { display: block; margin-top: 0.3rem; } .list-item .list-item-image { margin: 0 auto; width: 1.3rem; height: max-content; } .list-item .list-item-right { margin-left: 0.1rem; } /* .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; } */ }