.top-classify { margin-top: 20px; /* height: 191px; */ border: solid 1px #e9e9e9; } .top-classify-list > li { position: relative; overflow: hidden; } .top-classify-list > li:not(:last-child) { border-bottom: 1px dashed #e9e9e9; } .top-classify-tag { margin: 9px 0 0 16px; float: left; } .bcf57081 { background-color: #f57081; } .bc60c26e { background-color: #60c26e; } .bce29857 { background-color: #e29857; } .tct-main { padding-left: 4px; float: left; line-height: 24px; font-size: 14px; color: #fff; } .tct-r { float: left; width: 0; height: 0; border: solid 12px; } .tct-r.bf57081 { border-color: transparent transparent transparent #f57081; } .tct-r.b60c26e { border-color: transparent transparent transparent #60c26e; } .tct-r.be29857 { border-color: transparent transparent transparent #e29857; } .top-classify-links { float: left; margin-left: 20px; width: 1060px; line-height: 40px; font-size: 14px; } .top-classify-links > a { white-space: nowrap; } .top-classify-links > a:not(:last-child) { margin-right: 25px; } .top-classify-links > a:hover { color: #2e8be7; } .more-link { position: absolute; bottom: 0; margin-left: 18px; line-height: 40px; padding-right: 18px; font-size: 14px; color: #333; background: url("../../images/dou-arr.png") right center no-repeat; } .banner-grid { overflow: hidden; margin-top: 20px; margin-bottom: 24px; } .banner-grid-item { float: left; } .banner-grid-item a, .banner-grid-item img { display: block; position: relative; border-radius: 4px; overflow: hidden; } .s-686-364 { width: 686px; height: 364px; } .s-252 { width: 252px; } .s-252-179 { width: 252px; height: 179px; } .s-253-364 { width: 253px; height: 364px; } .ml5 { margin-left: 4px; } .mt5 { margin-top: 6px; } .ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .b-title { box-sizing: border-box; padding: 0 20px; position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.7); font-size: 18px; color: #fff; } .b-title-s { box-sizing: border-box; padding: 0 10px; position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.7); font-size: 14px; color: #fff; } .lh46 { line-height: 46px; } .lh32 { line-height: 32px; } .strategy-item { margin-top: 20px; } .strategy-item-head { overflow: hidden; border-bottom: 1px solid #dbdbdb; } .strategy-item-head-title { font-size: 24px; font-weight: bold; color: #2d8ae6; line-height: 52px; } .si-more-link { float: right; line-height: 53px; padding-right: 18px; font-size: 14px; color: #333; background: url("../../images/dou-arr.png") right center no-repeat; } .strategy-item-main { margin-top: 20px; font-size: 0; overflow: hidden; } .strategy-item-list { /* float: left; */ width: 1224px; overflow: hidden; font-size: 0; } .strategy-item-list > li { float: left; width: 130px; margin-bottom: 20px; } .strategy-item-list > li:not(:last-child) { margin-right: 23px; } .strategy-item-list > li a, .strategy-item-list > li img { display: block; width: 130px; } .strategy-item-list > li img { overflow: hidden; height: 180px; border-radius: 4px; } .sil-name { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; text-align: center; } .strategy-item-more { /* margin-left: 22px; */ /* float: left; */ width: 130px; height: 180px; border-radius: 4px; background: url("../../images/check-more.png") center #e3e5e7 no-repeat; } .strategy-rank-w { margin-top: 20px; overflow: hidden; } .strategy-rank-l { float: left; width: 890px; } .strategy-rank-r { float: right; width: 270px; } .strategy-ad{ /* height: 160px; border: solid 1px #ccc; */ text-align: center; } .strategy-ad .strategy-ad-inner { display: inline-block; } .newest-strategy { } .hot-strategy-list { padding-left: 16px; list-style-type: disc; } .hot-strategy-list a { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; border-bottom: 1px dotted #ddd; } .hot-search-list { padding-left: 0; list-style-type: none; overflow: hidden; } .hot-search-list>li { box-sizing: border-box; padding-right: 5px; width: 50%; float: left; } .htl-link { margin: 15px 0; position: relative; display: block; height: 160px; } .htl-img { width: 100%; height: 100%; } .htl-des { position: absolute; padding: 0 10px; box-sizing: border-box; width: 100%; bottom: 0; line-height: 36px; background-color: rgba(0, 0, 0, 0.5); border-radius: 0px 0px 4px 4px; font-size: 18px; color: #fff; text-align: center; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newest-strategy > li { padding: 20px 0 30px; } .newest-strategy > li:not(:last-child) { border-bottom: 1px solid #e6e6e6; } .check-more-link { margin: 15px 0; display: block; text-align: center; font-size: 18px; background-color: #eee; line-height: 40px; } .ns-item-title { font-size: 24px; font-weight: bold; color: #2a2a2a; } .ns-item-main { margin-top: 10px; overflow: hidden; } .ns-item-img { float: left; width: 200px; height: 116px; border-radius: 4px; } .ns-item-main-r { margin-left: 220px; /* width: 553px; */ text-align: justify; } .ns-item-des { font-size: 14px; line-height: 24px; color: #666; height: 72px; overflow: hidden; } .ns-item-time-score { margin-top: 15px; overflow: hidden; } .ns-item-time { display: inline-block; padding-left: 18px; font-size: 14px; color: #b1b1b1; background: url("../../images/date-icon.png") left center no-repeat; } .ns-item-score { margin-left: 30px; display: inline-block; } .ns-item-star { display: inline-block; width: 65px; height: 11px; background: url("../../images/star-gray.png") left center no-repeat; background-size: 100%; } .ns-item-star-inner { height: 11px; background: url("../../images/star-full.png") left center no-repeat; background-size: 65px 11px; } .ns-item-score-num { font-size: 24px; color: #ff7d0a; font-weight: bold; } .ns-item-score-unit { font-size: 14px; color: #707070; } .ssr-rank-tab { overflow: hidden; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; } .ssr-rank-tab > li { position: relative; width: 50%; float: left; font-size: 20px; color: #333; cursor: pointer; line-height: 52px; font-weight: bold; text-align: center; border-bottom: 2px solid transparent; } .ssr-rank-tab > li:last-child::before { position: absolute; top: 18px; left: -1px; content: ""; display: inline-block; width: 1px; height: 20px; background-color: #dbdbdb; } .ssr-rank-tab > li.cur { color: #2e8ae6; border-bottom: 2px solid #2e8ae6; } .rank-list { display: none; } .rank-list.cur { display: block; } .ssr-like { margin-top: 15px; } .ssr-like-title { font-size: 20px; color: #333; line-height: 52px; } .ssr-like-list { margin: 20px 0 0 -14px; overflow: hidden; width: 300px; } .ssr-like-list > li { float: left; width: 100px; margin-bottom: 20px; } .ssr-like-list > li img, .ssr-like-list > li a { display: block; width: 72px; margin: 0 auto; } .ssr-like-img { overflow: hidden; width: 72px; height: 72px; border-radius: 4px; } .ssr-like-name { margin-top: 5px; font-size: 14px; color: #333; text-align: center; } .recommend-list { margin: 20px 0 0 0; overflow: hidden; width: 300px; } .recommend-list > li { float: left; width: 150px; margin-bottom: 20px; } .recommend-list > li img, .recommend-list > li a { display: block; width: 120px; /* margin: 0 auto; */ } .recommend-img { overflow: hidden; width: 130px; height: 175px; border-radius: 4px; } .recom-name { margin-top: 5px; font-size: 14px; color: #333; text-align: center; } .tags-list { position: relative; top: 6px; /* margin-left: 10px; */ text-align: left; display: inline-block; width: 560px; } .tags-list > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 110px; margin-right: 10px; /* padding: 4px 8px; */ display: inline-block; font-size: 14px; /* background: #2e8ae6; */ color: #2e8ae6; border-radius: 15px; } .check-more-btn { margin: 20px auto 30px; display: block; background-color: #eee; font-size: 16px; width: 300px; text-align: center; line-height: 40px; border-radius: 20px; } .tr-img { float: left; width: 200px; height: 116px; border-radius: 4px; } .tr-des { margin-left: 220px; } .tr-title { font-size: 28px; font-weight: bold; color: #2a2a2a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tr-sub { margin-top: 5px; font-size: 16px; line-height: 24px; color: #666; height: 72px; overflow: hidden; } .dnf-sec { padding: 8px; /* border: solid 1px #ccc; border-radius: 4px; */ background-color: #eee; border: solid 1px #ccc; border-radius: 4px; } .ds-img { float: left; width: 55px; height: 55px; border-radius: 4px; } .ds-des { margin: 0 60px 0 65px; } .ds-link-btn { margin-top: 20px; padding: 3px 5px; float: right; background: #2e8ae6; color: #fff; border-radius: 15px; } .ds-title { font-size: 18px; color: #333; font-weight: bold; } .ds-sub { /* margin-top: 8px; */ } .mt20{ margin-top: 20px; } .label-title{ font-size: 14px; }