@charset "gb2312";
/*! 唯美说说网 HTTP://www.wmred.com/ */
.past-random { width: 615px; overflow: hidden; margin: 0 auto 15px; }
.past-random ul { width: 630px; }
.past-random ul li { float: left; margin: 0 15px 0 0; width: 195px; height: 200px; position: relative; background: #f9f9f9; overflow: hidden; }
.past-random ul li img { width: 195px; height: 130px; overflow: hidden; }
.past-random ul li h1 { padding: 0 12px; height: 30px; line-height: 28px; font-size: 12px; font-weight: normal; overflow: hidden; }
.past-random ul li .summary { height: 45px; line-height: 22px; font-size: 12px; margin-bottom: 5px; color: #999; padding: 0 10px; overflow: hidden; display: none; }
.past-random ul li .data { height: 20px; overflow: hidden; color: #aaa; font-size: 12px; padding: 0 12px; }
/* 主要列表 */
.mainlist { width: 615px; padding: 15px 14px; margin-bottom: 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.mainlist .big-img { float: left; width: 222px; height: 148px; overflow: hidden; margin-right: 15px; position: relative; }
.mainlist .big-img img { width: 222px; height: 148px; }
.mainlist .big-img .belongs { position: absolute; left: 0; top: 0; padding: 2px 6px; background: #000; text-align: center; color: #fff; border-radius: 0 0 3px 0; opacity: 0.3; }
.mainlist .list-content { float: left; width: 378px; height: 148px; overflow: hidden; }
.mainlist .list-content h1 { width: 378px; font-size: 18px; font-weight: 500; margin-bottom: 15px; height: 22px; line-height: 22px; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mainlist .list-content .article-info { width: 378px; height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; margin-bottom: 10px; color: #aaa; }
.mainlist .list-content .article-info .index-time { float: left; margin-right: 15px; }
.mainlist .list-content .article-info .article-star { float: left; height: 20px; background: url(../images/stars.png) 0 3px no-repeat; }
.mainlist .list-content .article-info .level1 { width: 16px; }
.mainlist .list-content .article-info .level2 { width: 36px; }
.mainlist .list-content .article-info .level3 { width: 55px; }
.mainlist .list-content .article-info .level4 { width: 73px; }
.mainlist .list-content .article-info .level5 { width: 90px; }
.mainlist .list-content .summary { width: 378px; height: 45px; line-height: 22px; font-size: 14px; margin-bottom: 15px; color: #777; overflow: hidden; }
.mainlist .list-content .data { width: 378px; height: 20px; overflow: hidden; color: #aaa; font-size: 12px; line-height: 20px; }
.mainlist .list-content .data .data-left { float: left; }
.mainlist .list-content .data .data-left .data-text { float: left; height: 20px; line-height: 20px; margin-right: 12px; }
.mainlist .list-content .data .data-right { float: right; }
.union-latest { width: 615px; margin: 0 auto; overflow: hidden; }
.union-latest ul { width: 630px; }
.union-latest ul li { float: left; width: 270px; height: 40px; margin: 0 15px 15px 0; padding: 15px; background: #f6f6f6; }
.union-latest ul li .avatar { float: left; width: 40px; height: 40px; border-radius: 3px; margin-right: 15px; }
.union-latest ul li .avatar img { width: 40px; height: 40px; }
.union-latest ul li .latest { float: left; width: 215px; height: 40px; }
.union-latest ul li .latest .union-author { height: 14px; line-height: 14px; font-size: 12px; color: #aaa; overflow: hidden; }
.union-latest ul li .latest .union-title { height: 16px; line-height: 16px; font-size: 13px; overflow: hidden; margin-bottom: 8px; }
.qrcode-box { width: 270px; overflow: hidden; margin: 0 auto 20px; text-align: center; }
.qrcode-box div { font-size: 12px; height: 30px; line-height: 12px; }
.author-star { width: 300px; height: 116px; overflow: hidden; margin-bottom: 15px; text-align: center; }
.author-star .join-text { height: 18px; line-height: 18px; margin-bottom: 10px; }
.author-star ul li { float: left; width: 50px; height: 70px; margin: 0 0 0 20px; }
.author-star ul li img { width: 50px; height: 50px; border-radius: 25px; }
.author-star ul li div { width: 50px; height: 20px; line-height: 22px; font-size: 12px; }
.author-active { width: 270px; height: 60px; overflow: hidden; margin: 0 auto 15px auto; }
.author-active ul li { float: left; width: 30px; height: 30px; overflow: hidden; text-align: center; }
.author-active ul li img { width: 27px; height: 27px; }
.last-hot { width: 300px; overflow: hidden; }
.last-hot ul li { margin-bottom: 10px; width: 300px; height: 150px; background: #f6f6f6; border-radius: 3px; overflow: hidden; }
.last-hot ul li .secondary-img { width: 300px; height: 120px; overflow: hidden; }
.last-hot ul li .secondary-img img { width: 300px; height: 120px; }
.last-hot ul li .secondary-title { width: 300px; height: 30px; overflow: hidden; }
.last-hot ul li .secondary-title h1 { padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; overflow: hidden; }
.search-box { height: 34px; width: 595px; margin: 0 auto 10px; overflow: hidden; }
.search-box .s-text { float: left; border: 1px #eee solid; width: 440px; height: 24px; line-height: 24px; padding: 4px 5px; border-radius: 3px; }
.search-box .s-button { float: left; margin-left: 3px; width: 140px; height: 34px; background: #3498db; color: #fff; border-radius: 3px; cursor: pointer; text-align: center; border: 0; }
.table-comments {width:100%;border:0;margin-bottom:20px;border-top: 1px #eee solid;}
.table-comments tr th,.table-comments tr td {padding:10px 20px;text-align:left;border-bottom:1px dashed #ddd;color:#999;}
.table-comments tr th.tright,.table-comments tr td.tright {text-align:right;font-size:12px;}
.table-comments tr td span { color: #CC6633; }
.table-comments tr td span a { color: #CC6633; }
/* TAG标签 */
.mytags {min-width:54px;height:24px;line-height:24px; text-align:center; padding: 3px;*padding-left:6px;*padding-right:0;margin-left:10px;margin-bottom:10px;display:inline-block; background-color:#f3f3f3;font-size:12px;color:#fff;border-radius: 3px 3px 3px 3px;}
.mytags_clicked {min-width:54px;height:24px;line-height:24px;  text-align:center; padding: 3px;margin:8px 4px 4px 0;display:inline-block; background-color:#b3b3b3;font-size:12px}
a.mytags {color:#3498db;}
a.mytags:hover{color:#fff;background:#339900;text-decoration:none;}
.comments-good { width: 270px; overflow: hidden; margin: 0 auto; }
.comments-good ul { width: 270px; max-height: 436px; overflow: hidden; }
.comments-good ul li { width: 270px; max-height: 132px; margin-bottom: 10px; overflow: hidden; }
.comments-good ul li h1 { width: 270px; height: 20px; font-size: 14px; font-weight: normal; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 15px; }
.comments-good ul li .comment { position: relative; border-radius: 3px; width: 246px; max-height: 88px; background: #f3f3f3; padding: 6px 12px 8px; font-size: 12px; line-height: 22px; word-break: break-all; word-wrap: break-word; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666; }
.comments-good ul li .comment span { position: absolute; top: -8px; left: 25px; border-bottom: 8px solid #f3f3f3; border-right: 8px solid transparent; border-left: 8px solid transparent; z-index: 9; }
.contacts { width: 270px; overflow: hidden; margin: 0 auto; font-size: 12px; line-height: 22px; text-align: center; }
.contacts .contacts-qq { width: 280px; height: 30px; }
.contacts .contacts-qq ul li { float: left; width: 128px; height: 28px; margin-right: 10px; border: 1px #eee solid; border-radius: 3px; overflow: hidden; }
/* 分页 */
.list-pages { height: 60px; }
.list-pages .pagelist { clear: both; margin: 0 auto; padding-top: 0px; }
.list-pages .pagelist li { float: left; margin: 3px; }
.list-pages .pagelist li a { display: block; color: #999; padding: 5px 9px; background-color: #F8F8F8; border: 1px solid #D9D9D9; }
.list-pages .pagelist li a:hover { background-color: #666; color: #fff; }
.list-pages .pagelist .thisclass { display: block; color: #FFFFFF; padding: 5px 9px; background-color: #339900; border: 1px solid #D9D9D9; }
/* 左栏目导航 */
.tag { width: 643px; padding: 15px 0; margin-bottom: 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.tag h2 { height: 20px; padding: 0 15px 0 10px; border-left: 5px #009900 solid; line-height: 20px; font-weight: normal; font-size: 14px; letter-spacing: 1px; margin-bottom: 10px; }
.tag ul { padding-left: 20px; margin: 0; font-family: "\5fae\8f6f\96c5\9ed1"; }
.tag li { float: left; width: 80px; height: 35px; margin-top: 1px; margin-right: 12px; text-align: center; border: solid 1px #e3e2df; border-bottom-width: 2px; border-radius: 2px; overflow: hidden }
.tag li a { float: left; font-size: 15px; width: 80px; display: block; line-height: 35px; text-align: center; color: #333; cursor: pointer; display: inline; }
.tag li a:hover { color: #f44; text-decoration: none; }
.tag li:hover { border: solid 1px #ffb4b1; border-bottom-width: 2px; }