www.gusucode.com > 51:【198-3365】仿寻模板网页模板下载素材销售下载站平台织梦模板 > 51:【198-3365】仿寻模板网页模板下载素材销售下载站平台织梦模板/templets/css/exp.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /* *经验新* */ /*经验头部 Start*/ .exp-wp { width: 100%; min-width: 1180px; color: #34495e; } /*上传经验按钮*/ .exp-btn .lang-btn { width: 150px; margin: 10px 0; float: right; color: #fff; font-size: 14px; } /*.exp-btn .lang-btn .lang-btn-content */ .exp-filter2 .space { border-left: 1px solid #eff2f5; float: left; height: 20px; margin: 22px 0 18px -1px; } /*一级分类*/ .exp-filter1 { border-left: 1px solid #fff; border-right: 1px solid #fff; float: left; } .exp-filter1 a { display: block; overflow: hidden; color: #253c52; height: 20px; line-height: 20px; padding: 21px 20px; width: 50px; text-align: center; font-size: 12px; font-weight: bold; } .exp-filter1 a:hover { color: #2c98dd; transition: 0.2s ease-out; } .exp-filter1 a span { display: block; width: 50px; text-align: center; } .exp-filter1 a i { position: absolute; top: 20px; right: 8px; font-size: 24px; color: #253c52; font-weight: bold; } .exp-filter1 a:hover i { color: #dfe5e9; transition: 0.2s ease-out; } .exp-filter1 a.active { color: #2c98dd; } .exp-filter1 a.active i { color: #dfe5e9; line-height: 22px; } .exp-filter1 ul { position: absolute; top: 63px; left: -1px; z-index: 2; background-color: #fff; border: 1px solid #eff2f5; margin-top: -1px; } .exp-filter1 ul li { height: 42px; } .exp-filter1 ul a { padding: 11px 20px; } /*二、三级分类*/ .exp-filter2 { display: block; float: left; /*border-left: 1px solid #eff2f5;*/ margin-left: -1px; padding-right: 20px; } .exp-filter2 li { display: inline-block; float: left; height: 62px; } .exp-filter2 li i { background-color: #dfe5e9; height: 4px; width: 4px; border-radius: 50%; margin: 29px 8px; float: left; } .exp-filter2 li a { display: block; height: 20px; line-height: 20px; padding: 21px 8px; margin-left: 20px; color: #9aabb8; } .exp-filter2 li a:hover { color: #2c98dd; transition: 0.2s ease-out; } .exp-filter2 li a.active { color: #2c98dd; } /*列表切换*/ .exp-switch { display: block; float: left; margin: 15px 0 15px 69px; border: 1px solid #eff2f5; border-radius: 5px; width: 80px; height: 30px; padding: 0 10px; } .exp-switch a i { display: block; float: left; width: 40px; height: 30px; line-height: 30px; font-size: 18px; color: #bdc3c7; text-align: center; } .exp-switch a:hover i { color: #848484; transition: 0.2s ease-out; } .exp-switch a.active i { color: #848484; } /*经验头部 END*/ /*专题列表头部 Start*/ .topic-tit { display: block; } .topic-tit h1 { float: left; display: block; font-size: 22px; line-height: 63px; } .topic-tit ul.topic-subtit { float: left; margin-left: 20px; margin-top: 10px; } .topic-tit ul.topic-subtit li { float: left; } .topic-tit ul.topic-subtit li a { padding: 12px; height: 20px; line-height: 20px; color: #34495e; display: block; } .topic-tit ul.topic-subtit li a:hover { color: #2c98dd; transition: 0.2s ease-out; } .topic-tit ul.topic-subtit li a.active { color: #2c98dd; } .topic-tit ul.topic-subtit li.num { margin-left: 25px; color: #bdc3c7; padding: 12px 0; } .topic-tit ul.topic-subtit li.num span { color: #3499da; } /*专题列表头部 END*/ /*主体内容*/ .exp-main { width: 1180px; margin: 0 auto; color: #34495e; } .exp-cont { float: left; width: 880px; } /* 专题介绍 Start*/ .topic-hd { width: 820px; height: 215px; margin-top: 30px; border: 1px solid #ededed; background: #f4f4f4; padding: 20px; } .topic-hd-txt { float: left; width: 520px; } .topic-hd-txt h1 { font-size: 22px; color: #4f5f6e; line-height: 28px; margin-bottom: 20px; width: 520px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .topic-hd-txt p { font-size: 16px; color: #4f5f6e; line-height: 22px; margin-bottom: 10px; float: left; height: 65px; overflow: hidden; } .topic-hd-txt .tag { display: block; margin: 15px 0; float: left; clear: both; } .topic-hd-txt .tag span { display: inline-block; height: 26px; padding: 0 15px; line-height: 26px; margin-right: 10px; border: 1px solid #dce4eb; border-radius: 5px; background: #fff; color: #888; } .topic-hd-txt .user { display: block; clear: both; width: 100%; } .topic-hd-txt .user ul { width: 420px; height: 32px; overflow: hidden; } .topic-hd-txt .user li { float: left; margin: 6px; } .topic-hd-txt .user li.num { color: #c4c4c4; position: absolute; right: 0; } .topic-hd-txt .user li.num span { color: #4090d7; } .topic-hd-txt .user img { float: left; width: 20px; height: 20px; border-radius: 50%; } .topic-hd-img { float: right; width: 280px; } .topic-hd-img .share { height: 26px; line-height: 26px; float: right; } .topic-hd-img .share a { font-size: 16px; color: #4f5f6e; } .topic-hd-img .share a i { float: left; font-size: 28px; color: #4f5f6e; margin: 0 6px; } .topic-hd-img .share a:hover i.icon-sina1 { color: #EC4D4F; } .topic-hd-img .share a:hover i.icon-douban { color: #29BB9C; } .topic-hd-img .share a:hover i.icon-txweibo-r { color: #3A99D8; } .topic-hd-img .share span { margin: 0 8px; border-left: 1px solid #e2e2e2; } .topic-hd-img .share a.fav { display: inline-block; font-size: 16px; } .topic-hd-img .share a.fav i { font-size: 20px; line-height: 26px; } .topic-hd-img .share a.active i { color: #f1c40f; } .topic-hd-img img { margin-top: 20px; } /* 专题介绍 END*/ /*专题列表 Start*/ .topic-box-wp { width: 1240px; } .topic-box { display: inline-block; float: left; width: 560px; margin-right: 60px; padding: 30px 0 24px 0; border-top: 1px solid #eff2f5; margin-top: -1px; } .topic-box-first img { display: block; float: left; width: 220px; height: 132px; margin-right: 20px; } .topic-box-det { float: left; width: 320px; } .topic-box-det h1 { font-size: 20px; line-height: 25px; margin-bottom: 8px; width: 265px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .topic-box-det h1 a { color: #34495e; } .topic-box-det h1 a:hover { color: #3499da; transition: 0.2s ease-out; } .topic-box-det p.text { font-size: 14px; color: #7f8c8d; line-height: 22px; margin-bottom: 12px; width: 100%; height: 64px; overflow: hidden; } .topic-box-det .topic-box-num p { font-size: 14px; color: #bdc3c7; line-height: 20px; } .topic-box-det .topic-box-num p span { color: #3499da; } .topic-box-det a.fav { position: absolute; top: 0; right: 0; font-size: 16px; color: #4f5f6e; line-height: 24px; } .topic-box-det a.fav i { font-size: 18px; color: #4f5f6e; margin-right: 5px; float: left; line-height: 24px; } .topic-box-det a.active i { color: #f1c40f; } .topic-box-list { margin-top: 12px; } .topic-box-list li { line-height: 30px; height: 30px; font-size: 16px; color: #34495e; width: 480px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .topic-box-list li a { color: #34495e; } .topic-box-list li a:hover { text-decoration: underline; } .topic-box-list li i { font-size: 12px; color: #34495e; line-height: 30px; float: left; line-height: 30px; margin-right: 5px; margin-left: -3px; } .topic-box a.into { position: absolute; right: 0; bottom: 26px; font-size: 14px; color: #3499da; line-height: 24px; } .topic-box a.into:hover { text-decoration: underline; } .topic-box a.into i { font-size: 12px; color: #3499da; margin-left: 5px; line-height: 24px; float: right; } /*专题列表 END*/ /*主题列表 Start*/ .exp-list .exp-item { padding: 30px 0; border-top: 1px solid #eff2f5; } .exp-list .exp-item:first-child { border-top: none; padding-top: 0; } /*大图片列表*/ .exp-list .exp-item img.cover { float: left; margin-right: 20px; width: 280px; height: 210px; overflow: hidden; display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .exp-list .exp-item .exp-text { float: left; padding: 0 0 8px; } .exp-list .exp-item .exp-text .exp-detail { width: 580px; } .exp-list .exp-item .exp-text .exp-detail h1 { margin-bottom: 14px; width: 440px; } .exp-list .exp-item .exp-text .exp-detail p { margin-bottom: 14px; } .exp-text .exp-info li.list-user a img { width: 50px; height: 50px; } .exp-text .exp-info li.list-user a strong { line-height: 14px; padding: 18px 15px; margin: 0; } .exp-text .exp-info li.list-tag { margin: 18px 0 } .exp-text .exp-info li.list-msg { margin: 18px 0 } /*mini图片列表*/ .exp-list .exp-item .topic-list img.cover { width: 140px; height: 105px; } .topic-list .exp-detail { float: left; width: 720px; } .topic-list .exp-detail p { line-height: 20px; max-height: 40px; margin-bottom: 10px; } /*纯文字列表*/ .exp-detail h1 { font-size: 22px; font-weight: bold; line-height: 28px; margin-bottom: 7px; width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .exp-detail h1 a { color: #394a58; } .exp-detail h1 a:hover { color: #3498db; transition: 0.2s ease-out; } .exp-detail p { font-size: 14px; color: #394a58; line-height: 25px; margin-bottom: 12px; max-height: 75px; overflow: hidden; padding-right: 120px; } .exp-info { } .exp-info li { float: left; color: #9aabb8; } .exp-info li.list-user a { margin: 5px 0; } .exp-info li.list-user a img { display: block; float: left; width: 20px; height: 20px; border-radius: 100%; } .exp-info li.list-user a strong { display: block; float: left; color: #394a58; margin: 3px 0; padding: 0 15px; height: 14px; line-height: 14px; } .exp-info li.list-user a:hover span { text-decoration: underline; } .exp-info li.list-tag { border-left: 1px solid #eff2f5; margin: 3px 0; padding: 0 15px; height: 14px; line-height: 14px; } .exp-info li.list-tag a { color: #9aabb8; } .exp-info li.list-tag a:hover { color: #3498db; } .exp-info li.list-msg { border-left: 1px solid #eff2f5; margin: 3px 0; height: 14px; line-height: 14px; } .exp-info li.list-msg span { padding-left: 20px; /*float: left;*/ } .exp-info li.list-msg span i { margin-right: 3px; line-height: 13px; /*float: left;*/ } .exp-data { position: absolute; top: 5px; right: 10px; color: #bdbdbd; } .exp-data i { margin-right: 10px; color: #bdbdbd; font-size: 14px; } /*主题列表 END*/ /*右侧边栏 Start*/ .exp-side { float: right; width: 280px; } .exp-side h2 { font-size: 14px; color: #34495e; margin-top: 30px; line-height: 20px; margin-bottom: 13px; } /*热门专题列表*/ .exp-topic img { width: 280px; height: 168px; float: left; } /* 热门专题轮播*/ .exp-slider { width: 280px; height: 168px; overflow: hidden; } .slidesjs-pagination { position: absolute; top: -20px; right: 0; height: 13px; font-size: 0; } .slidesjs-pagination li { margin: 2px; display: inline-block; } .slidesjs-pagination li a { display: block; width: 7px; height: 7px; border-radius: 100%; background: #fff; border: 1px solid #9cadba; } .slidesjs-pagination li a.active { background: #3499da; border: 1px solid #3499da; } /*.exp-slider-img{ font-size: 0; letter-spacing:-3px;position:relative;} .exp-slider-img li { display:inline-block; vertical-align: top; letter-spacing: normal;word-spacing:normal;font-size:12px;} .exp-slider-circle { position: absolute; top: 5px; right: 0; height: 13px; font-size: 0;} .exp-slider-circle li { margin: 2px; display: inline-block;} .exp-slider-circle li a { display: block; width: 7px; height: 7px; border-radius: 100%; background: #fff; border: 1px solid #9cadba;} .exp-slider-circle .selected a { background: #3499da; border: 1px solid #3499da;}*/ /*热门文章*/ .exp-hot h2 { margin-bottom: 3px; } .exp-hot li { padding: 10px 0; border-bottom: 1px solid #eff2f5; } .exp-hot li:last-child { border-bottom: none; } .exp-hot .hot-tit { font-size: 14px; line-height: 20px; margin-bottom: 3px; font-weight: normal; } .exp-hot .hot-tit a { color: #3498e1; } .exp-hot .hot-tit a:hover { color: #3498e1; text-decoration: underline; transition: 0.2s ease-out; } .exp-hot p.hot-info { color: #9aabb8; } .exp-hot p.hot-info a { font-size: 14px; color: #bdbdbd; margin-right: 10px; } .exp-hot p.hot-info i { margin-right: 3px; } /*右侧边栏 END*/ /*新修改在经验里加入专题入口*/ .topic-in { margin-top: 30px; } .topic-in a.topic-in-img { float: left; margin-right: 20px; width: 220px; height: 133px; } .topic-in a.topic-in-img:last-child { margin-right: 0; } .topic-in a.topic-in-img img { width: 100%; height: 100%; } .topic-in-img .more-bg { position: absolute; top: 0; left: 0; width: 220px; height: 133px; background-color: #3498db; opacity: 0.92; display: none; } .topic-in-img:hover .more-bg { display: block; } .topic-in-img .more-t { position: absolute; top: 0; left: 0; width: 220px; height: 133px; color: #fff; } .topic-in-img .more-t span { display: block; width: 220px; height: 133px; text-align: center; float: left; line-height: 133px; font-size: 16px; } .topic-in-img .more-t i { position: absolute; right: 10px; font-size: 80px; line-height: 133px; color: #fff; }