.l_box h2 { color: #333; font-size: 14px; line-height: 30px; padding-left: 20px; background: #fff } .l_box div { background: rgba(255,255,255,0.5); margin-bottom: 20px; overflow: hidden } .l_box div ul { padding: 10px; overflow: hidden } .about_me img { width: 100% } .about_me p { line-height: 24px; font-size: 14px } .about_me i { width: 120px; float: left; clear: left; margin-right: 10px; overflow: hidden } .wdxc li { width: 32%; overflow: hidden; float: left; height: 80px; margin-bottom: 2px; margin-right: 2px } .wdxc li img { width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .wdxc li img:hover { transform: scale(1.05) } .fenlei li { margin-bottom: 10px; margin-left: 10px } .tuijian li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 5px; background: url(/uploads/image/scbtimage/li.png) left center no-repeat; padding-left: 20px } .links a { display: block; float: left; margin: 0 10px 5px 0 } .guanzhu img { width: 100% } .l_box .search { border: 1px solid #000; background: #000; border-radius: 0 5px 5px 0; position: relative; } .search input.input_submit { border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 8% } .search input.input_text { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none } .r_box li { background: rgba(255,255,255,0.8); padding: 15px; overflow: hidden; color: #797b7c; margin-bottom: 20px } .r_box li h3 { font-size: 16px; line-height: 25px; text-shadow: #fff 1px 1px 1px; color: #de4949; } .r_box li h3 a { color: #222 } .r_box li h3 a:hover { color: #000; text-decoration: underline } .r_box li img { float: right; clear: right; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .r_box li i { width: 150px; display: block; max-height: 100px; overflow: hidden; float: right; margin-left: 20px } .r_box li p { margin: 20px 0 0 0; line-height: 22px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .r_box li:hover img { transform: scale(1.05) } .r_box li:hover h3 a { color: #19585d; } .pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 20px 0; position: relative; } .pagelist a { color: #666; margin: 0 2px 5px 2px; display: inline-block; border: 1px solid #fff; padding: 5px 10px; background: #fff } .pagelist a:hover { color: #19585d; } .pagelist > b { border: 1px solid #26809e; padding: 5px 10px; background: #3299bb; color: #fff; } a.curpage { color: #19585d; font-weight: bold; } /*about*/ .about { padding: 20px; background: #fff; margin-bottom: 20px; } .about p { margin-bottom: 15px } .about img { max-width: 500px; margin: 20px 0; width: 100% } .cloud ul a { line-height: 24px; height: 24px; display: block; background: #999; float: left; padding: 3px 11px; margin: 10px 10px 0 0; border-radius: 8px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #fff } .cloud ul a:nth-child(8n-7) { background: #8a9b0f } .cloud ul a:nth-child(8n-6) { background: #eb6841 } .cloud ul a:nth-child(8n-5) { background: #3fb8af } .cloud ul a:nth-child(8n-4) { background: #fe4365 } .cloud ul a:nth-child(8n-3) { background: #fc9d9a } .cloud ul a:nth-child(8n-2) { background: #edc951 } .cloud ul a:nth-child(8n-1) { background: #c8c8a9 } .cloud ul a:nth-child(8n) { background: #83af9b } .cloud ul a:first-child { background: #036564 } .cloud ul a:last-child { background: #3299bb } .cloud ul a:hover { border-radius: 0; text-shadow: #000 1px 1px 1px } .picbox { width: 100%; overflow: hidden; } .picbox2 { display: none } .picbox ul { overflow: hidden; width: 24%; float: left; margin-right: 10px } .picbox ul li { display: block; background: #fff; margin: 0 0 20px 0; border: 1px #d9d9d9 solid; } .picbox ul li i { margin: 10px; height: auto; overflow: hidden; display: block; } .picbox ul li img { width: 100%; } .picbox2 ul { overflow: hidden; width: 48%; float: left; margin-right: 10px } .picbox2 ul:nth-child(2) { float: right } .picbox2 ul li { display: block; background: #fff; margin: 0 0 20px 0; border: 1px #d9d9d9 solid; } .picbox2 ul li i { margin: 10px; height: auto; overflow: hidden; display: block; } .picbox2 ul li img { width: 100%; } .picinfo h3 { border-bottom: #ccc 1px solid; padding: 10px 0; margin: 0 20px; font-size: 16px } .picinfo span { padding: 10px 20px; line-height: 26px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .picbox ul li a:hover { color: #19585d } .tags a { background: #f4650e; padding: 3px 8px; margin: 0 5px 0 0; color: #fff; } .tags { margin: 10px 0; } .infosbox img { max-width: 100%; height: auto; } .share { padding: 20px; } .nextinfo { line-height: 24px; width: 100%; overflow: hidden; margin: 20px 0 }/*上一篇下一篇*/ .nextinfo p { padding: 4px 10px; border-radius: 5px; } .nextinfo a:hover { color: #000; text-decoration: underline } /*文章评论*/ .news_pl { margin: 10px 0 20px 0; width: 100%; overflow: hidden; } .news_pl h2 { border-bottom: #000 2px solid; line-height: 40px; font-size: 14px; padding-left: 10px; color: #000 } .diggit { width: 160px; margin: auto; background: #e2523a; color: #fff; box-shadow: 1px 2px 6px 0px rgba(0,0,0,.2); border-radius: 3px; line-height: 40px; text-align: center; } .diggit a { color: #fff; } #diggnum { margin: 5px; } /*gbook*/ .gbook { background: #fff; overflow: hidden; margin-bottom: 20px } .gbox { padding: 20px; overflow: hidden; } .gbox p { margin-bottom: 10px } p.fbtime { color: #000; } .fbtime span { float: right; color: #999; font-size: 12px; width: 66px; overflow: hidden; white-space: nowrap; } p.fbinfo { margin: 10px 0; } .fb ul { margin: 10px 10px; padding: 10px 10px 10px 70px; border-bottom: #ececec 1px solid; } .fb:nth-child(8n-7) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n-6) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n-5) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n-4) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n-3) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n-2) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n-1) ul { background: no-repeat top 20px left 10px; } .fb:nth-child(8n) ul { background: no-repeat top 20px left 10px; } .fb:first-child ul { background: no-repeat top 20px left 10px; } .fb:last-child ul { background: no-repeat top 20px left 10px; } .hf ul { padding: 10px 20px; background: #f9f9f9; } .hf { margin: 0 20px; padding-bottom: 20px; border-bottom: #dedddd 1px dashed; } textarea#lytext { width: 100%; } .gbox input[type="submit"] { display: block; background: #040404; color: #fff; border: 0; line-height: 30px; padding: 0 20px; border-radius: 5px; float: right; } .ecomment { border: #dedcdc 1px solid; padding: 10px; margin-bottom: 10px; } span.ecommentauthor { color: #b5b5b5; font-size: 14px; margin-bottom: 5px; display: block; } .saying { line-height: 30px; color: #a9a6a6; } .saying span { float: right } .saying span a { color: #de1513; } img#plkeyimg { display: inline-block; } .yname { margin: 10px 10px 10px 0 } .yname span, .yzm span { padding-right: 10px; } .yzm { margin: 0 10px 10px 0 } #plpost input[type="submit"] { display: block; background: #303030; color: #fff; border: 0; line-height: 30px; padding: 0 20px; border-radius: 5px; float: right; } textarea#saytext { width: 100%; } #plpost { margin: 0 20px } #wrapper { margin-top: 70px; width: 100%; } /* 瀑布流最外层 */ #list002{ position: relative; max-width: 100%; width:100%; margin:50px auto; } img.thumb { width: 100%; max-width: 100%; height: auto; } .item { position: absolute; background: white; border-radius: 5px; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); padding: 10px; } .item h1 { font-size: 1em; } .item h1 a { color: #a92733; } .item:hover { box-shadow: 1px 1px 10px rgba(0,0,0,0.5); margin-top: -5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } img { width: 100%; } p { line-height: 30px; } @media (min-width: 992px) and (max-width: 1300px) { .waterfall { column-count: 3; } p { color: #666; } } @media (min-width: 768px) and (max-width: 991px) { .waterfall { column-count: 2; } p { color: #666; } } @media (max-width: 767px) { .waterfall { column-count: 2; } } /* 图片 */ .itemimg { width: 100%; vertical-align: middle; } /* 图片下的信息包含层 */ .userinfo { padding: 5px 10px; } .avatar { vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; } .username { margin-left: 5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .3); } /* pagination ======================================================================================================== */ /*.pagination { margin: 0; padding: 20px; text-align: center; font-size: 12px; display: block; } .pagination ul { display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0 } .pagination ul > li { display: inline; background: none; padding: 0; } .pagination ul > li > a, .pagination ul > li > span { margin: 0 2px; float: left; padding: 5px 12px; background-color: #ddd; color: #666; border-radius: 2px; opacity: .88 } .pagination ul > li > a:hover, .pagination ul > li > a:focus { opacity: 1 } .pagination ul > .active > a, .pagination ul > .active > span { background-color: #45b6f7; color: #fff } .pagination ul > .active > a, .pagination ul > .active > span { cursor: default } .pagination ul > li > span, .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default }*/ /* pagination ======================================================================================================== */ ul.page-numbers,ul.pagination { display: flex; justify-content: center; list-style-type: none; /* 移除列表的标记,如果需要的话 */ padding: 0; /* 移除padding,因为它可能会导致居中问题 */ } ul.page-numbers>li,ul.pagination>li { padding: 0; font-size: 13px; line-height: 28px; cursor: pointer; box-sizing: border-box; text-align: center; margin: 0 5px!important; color: #606266; background-color: #f4f4f5; min-width: 30px; border-radius: 2px } ul.page-numbers>li>a,ul.page-numbers>li>span,ul.pagination>li>a,ul.pagination>li>span { display: block; padding: 0 8px; color: inherit } ul.page-numbers>li .wi,ul.pagination>li .wi { font-size: 15px; vertical-align: top } ul.page-numbers>li:hover,ul.pagination>li:hover { color: #fff; background-color: #3299bb; } ul.page-numbers>li.disabled,ul.pagination>li.disabled { color: #606266; background-color: #f4f4f5 } ul.page-numbers>li.disabled:hover,ul.pagination>li.disabled:hover { color: #606266; background-color: #f4f4f5; cursor: default } ul.page-numbers>li.active,ul.pagination>li.active { color: #fff; background-color: #3299bb; }