@charset "utf-8";
/*
Theme Name: TStyle
Theme URI: http://www.moyoo.net
Description: The theme by moyoo.
Author: moyoo
Version: Pro V2.0
URL：www.moyoo.net
Tags: cms, home-page, two-columns, fixed-width, custom-menu
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
*:link, *:visited, *:hover, *:active, *:focus { transition: color .2s linear, background-color .2s linear, border-color .2s linear; /*-webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear; -moz-transition: color .2s linear, background-color .2s linear, border-color .2s linear;*/ }
img { border: none; }
li { list-style: none; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* 栅格布局 */
div.col-1, div.col-2, div.col-3, div.col-4, div.col-5, div.col-6, div.col-7, div.col-8, div.col-9, div.col-10, div.col-11, div.col-12, div.col-13, div.col-14, div col-15, div.col-16, div.col-17, div.col-18, div.col-19, div.col-20, div.col-21, div.col-22, div.col-23, div.col-24 { float: left; margin-right: 10px; }
.col-1 { width: 30px; }
.col-2 { width: 70px; }
.col-3 { width: 110px; }
.col-4 { width: 150px; }
.col-5 { width: 190px; }
.col-6 { width: 230px; }
.col-7 { width: 270px; }
.col-8 { width: 310px; }
.col-9 { width: 350px; }
.col-10 { width: 390px; }
.col-11 { width: 430px; }
.col-12 { width: 470px; }
.col-13 { width: 510px; }
.col-14 { width: 550px; }
.col-15 { width: 590px; }
.col-16 { width: 630px; }
.col-17 { width: 670px; }
.col-18 { width: 710px; }
.col-19 { width: 750px; }
.col-20 { width: 790px; }
.col-21 { width: 830px; }
.col-22 { width: 870px; }
.col-23 { width: 910px; }
.col-24 { width: 950px; }
div.col-24, div.last { margin-right: 0; }
/* 栅格结束 */
body { font: 12px arial, sans-serif; background: #e2f7e9/*url(css/bj.jpg)*/ repeat-x; background-repeat: no-repeat; background-position: top left; background-attachment: fixed;
/* jzf*/
/*-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;*/}
h2,
h3,
h4 { font-size: 12px; }
#article-cnt h2 { font-size: 14px; }
#article-cnt h3 { font-size: 13px; }
.more { float: right; width: 37px; height: 11px; overflow: hidden; margin-top: 7px; background: url(css/bg.png) -200px -100px; text-indent: -9999px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a span { cursor: pointer; }
em ,
cite { font-style: normal; }
input,
button,
select,
textarea { vertical-align: middle; font-size: 12px; border-radius: 2px; }
input,
select,
textarea { background: #fff url(css/input.png) repeat-x; border-width: 1px; }
.f-s,
.f-e { clear: both; height: 1px; overflow: hidden; margin: 0 1px; background: #ddd; }
.f-e { border-bottom: 2px solid #eee; }
.f-m { border: 1px solid #ddd; border-width: 0 1px; background: #fff; }
.f-m h2 { height: 25px; line-height: 25px; padding: 0 10px; border-bottom: 1px solid #eee; }
.f-m h2 a { font-weight: normal; }
.f-m h2 a.section,
.f-m h2 a.null { font-weight: bold; }
.f-m h2 a.section:hover,
.f-m h2 a.null:hover { text-decoration: none; }
.f-m h2 span { margin: 0 4px; font-weight: normal; }
.f-m h2 span.cut { font-weight: bold; }
.box { clear: both; padding: 8px 10px; }
.dotted { clear: both; border-bottom: 1px dotted #ccc; }
/*.alpha { filter: alpha(opacity=0.7); opacity:0.7; }*/
.alpha {opacity:0.7; }
.shadow { box-shadow: 2px 2px 5px #333; }
.hide { display: none; }
.tab { height: 25px; border-bottom: 1px solid #ddd; line-height: 24px; }
.tab li { float: left; margin: 1px -1px 0 0; text-align: center; border: 1px solid #ddd; border-width: 0 1px; }
.tab li a { float: left; height: 24px; margin: -1px 0 0; overflow: hidden; position: relative; background: #f5f5f5; border-top: 1px solid #ddd; outline: none; }
.tab li a:hover,
.tab li a.current { text-decoration: none; }
.tab li a.current { height: 25px; background: #fff; border-color: #c00; font-weight: bold; }
h2,
.current { text-shadow: /* 1px 1px 0 #ddd; */ }
/* 分页 */
.pagination { clear: both; height: 28px; padding: 14px 6px 1px; text-align: center; font: bold 10px/20px arial, sans-serif; }
#album .pagination { padding: 5px 0 11px 40px; }
#comment-list .pagination { height: 38px; padding-top: 10px; }
.pagination li { float: left; width: 22px; margin-right: 5px; position: relative; }
.pagination li a,
.pagination li a.current,
.pagination li span { display: block; width: 20px; height: 20px; border: 1px solid #ccc; background: #fff; position: relative; border-radius: 0 4px 0 4px; }
.pagination li a:hover,
.pagination li a.current,
.pagination li span.current { width: 30px; height: 30px; margin: -5px 0 0 -5px; z-index: 2; text-decoration: none; font-size: 16px; line-height: 30px; box-shadow: 1px 1px 2px #ccc; }
.pagination li:hover + li a { width: 23px; height: 23px; margin: -1px 0 0 -1px; z-index: 1; font-size: 14px; line-height: 23px; }
.pagination .first,
.pagination .last,
.pagination .prev,
.pagination .next { font-size: 13px; line-height: 18px; }
/* icon */
span.ico { padding-left: 13px; background: url(css/icon.png) no-repeat; }
span.rss { background-position: 0 -116px; }
span.post-date { background-position: 0 -147px; }
span.view { background-position: 0 -177px; }
span.cmt { background-position: 0 -206px; }
span.prev { background-position: 0 -236px; }
span.next { padding: 0 13px 0 0; background-position: 305px -266px; }
/* 主体开始 */
#wrap { width: 950px; margin: 0 auto; padding: 0 10px; }
#head-logo { float: left; width: 240px; height: 70px; }
#shengdanHat{width: 80px;height: 80px;background: url(/wp-content/themes/tstylepro/images/lantem.png) no-repeat;position: absolute;left: 50.2%; margin: 4px 0 0 -310px; margin-top: 30px; }
/** 喜欢分享 **/
#head-logo img { width: 200px; height: 50px; margin-top: 10px; }
#head-logo em { display: none; }
#head-banner { margin-top: 5px; text-align: center; overflow: hidden; }
#head-banner,
#head-banner img { height: 60px; }
#head-banner img { width: 460px; }
#head-nav { position: relative; height: 32px; line-height: 23px; text-align: right; }
#head-nav a.rss { font-weight: bold; }
#head-nav .cut { margin: 0 5px; }
#set-skin { padding-top: 22px; margin-left: 140px; }
#set-skin li { float: left; margin-left: 5px; width: 10px; height: 9px; overflow: hidden; background: url(css/skin.png) no-repeat; cursor: pointer; }
#set-skin #s0 { background-position: -10px 0; }
#set-skin #s1 { background-position: 0 -10px; }
#set-skin #s2 { background-position: 0 -20px; }
#set-skin #s3 { background-position: 0 -30px; }
#set-skin #s4 { background-position: 0 -40px; }
#set-skin #s5 { background-position: 0 -50px; }
#set-skin li.current span { display: block; width: 6px; height: 6px; overflow: hidden; border: 1px solid #000; border-color: #000 #666 #666 #000; background: #ddd;opacity: 0.7; text-indent: -9999px; }
#search { float: right; position: relative; bottom: -45px; right: 7px; z-index: 2; }
#search label { position: absolute; left: 0; padding-left: 20px; line-height: 19px; height: 19px; }
#search input,
#search button { float: left; width: 135px; height: 17px; padding: 1px 0 1px 20px; background: url(css/bg.png) 0 -100px no-repeat; border: none; line-height: 17px; border-radius: 0; }
#search button { width: 35px; height: 19px; padding: 0; background-position: -155px -100px; text-indent: -9999px; }
#nav { clear: both; height: 33px; background: #333 url(css/bg.png) right -33px no-repeat; }
#nav h2 { display: none; }
#nav ul { height: 33px; background: url(css/bg.png) 0 0 no-repeat; line-height: 33px; }
#nav li { float: left; position: relative; z-index: 2; height: 15px; margin-top: 9px; padding: 0 5px; border-left: 1px solid #000; border-right: 1px solid #999; line-height: 15px; text-shadow: 0 0 0 #000, 1px 1px 0 #000; }
#nav li.home,
#nav li.first { border-left: none; }
#nav li.last { border-right: none; }
#nav li a { float: left; position: relative; height: 33px; margin-top: -9px; padding: 0 9px; line-height: 33px; }
#nav li a:hover,
#nav li.current a,
#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current-category-ancestor a,
#nav li.current-post-ancestor a,
#nav li.current-menu-item a,
#nav li.current_page_item a { background: url(css/bg.png) center -66px no-repeat; text-decoration: none; }
#nav li.current a,
#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current-category-parent a,
#nav li.current-category-ancestor a,
#nav li.current-post-ancestor a,
#nav li.current_page_item a,
#nav li.current-menu-item a,
#nav li li.current-post-parent a { font-weight: bold; }
#nav li.current-cat li a,
#nav li.current-cat-parent li a,
#nav li.current-menu-item li a,
#nav li.current-category-parent li a,
#nav li.current-post-ancestor li a,
#nav li.current-category-ancestor li a { font-weight: normal; background-image: none; }
#nav ul ul { display: none; position: absolute; top: 24px; left: 0; height: auto; background: #000; border-bottom: 1px solid #999; opacity: 0.7; box-shadow: 2px 2px 4px #333; }
#nav ul ul ul { position: absolute; top: 0; left: 88px; border-left: 1px solid #999; opacity: 1; }
#nav li li { min-width: 88px; background: none; }
#nav li li,
#nav li li a { display: block; float: none; height: 25px; margin: 0; padding: 0; line-height: 24px; border: none; }
#nav li li a { width: 75px; height: 24px; padding: 0 10px; border-top: 1px solid #999; }
#nav li li a:hover,
#nav li li a.current,
#nav li li.current-menu-item a,
#nav li li.current-post-parent a,
#nav li li.current-post-ancestor a,
#nav li li.current-category-ancestor a,
#nav li li li a:hover,
#nav li li li a.current,
#nav li li.current-menu-item li a:hover,
#nav li li.current-menu-parent li.current-menu-item a,
#nav li li.current-menu-parent li a:hover,
#nav li li.current-post-ancestor li.current-post-parent a,
#nav li li.current-post-ancestor li a:hover,
#nav li li li.current-category-ancestor a { background: #666; }
#nav li li li a,
#nav li li.current-menu-item li a,
#nav li li.current-post-parent li a,
#nav li li.current-post-ancestor li a,
#nav li li.current-category-ancestor li a { background: none; }
/* for ie6/7 */
#nav ul ul { background: #444;}
#nav li li { overflow: visible;}
/* for ie6/7 */
#container { padding: 0px 0; }
#notice { height: 190px; overflow: hidden; line-height: 1.6em; }
#notice p { padding: 3px 0; }
#notice a { text-decoration: none; }
#slide h2 { display: none; }
#slide .f-m { position: relative; height: 227px; padding: 4px; }
#slide-pic,
#slide-pic img { width: 220px; height: 227px; overflow: hidden; }
#slide-pic div { position: absolute; }
#slide-pic p { width: 200px; height: 30px; position: absolute; bottom: 5px; left: 5px; padding: 0 5px; font: 12px/30px verdana, sans-serif; background: #fff; opacity: 0.6; border-radius: 5px; box-shadow: 0 2px 4px #333; }
#slide-pic span { display: block; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#controller { width: 200px; height: 10px; position: absolute; top: 8px; right: 10px; text-align: right; }
#controller span { display: inline-block; width: 9px; height: 9px; overflow: hidden; cursor: pointer; background: url(css/bg.png) 0 -260px no-repeat; text-indent: 2em; }
#controller span.jFlowSelected { background-position: -10px -260px; }
#slide-btn,
.jFlowNext { display: none; }
#choice .f-m { height: 190px; padding: 10px; overflow: hidden; }
#choice .tab a { width: 156px; }
#choice .tab a.current { width: 154px; }
#side #choice .tab a { width: 75px; }
#side #choice .tab a.current { width: 76px; }
/* 文章列表 */
.list li { clear: both; padding: 0 5px 0 15px; line-height: 27px; background: url(css/icon.png) -44px 12px no-repeat; border-radius: 5px; }
.list li.hide { display: none; }
.list li:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.list li { display: inline-block; }
.list li { display: block; }
.list li * { vertical-align: middle; }
.list li.odd { background-color: #f5f5f5; }
.list li em { float: left; max-width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list li span { float: right; width: 120px; font-size: 10px; text-align: right; white-space: nowrap; overflow: hidden; }
#choice .list { padding-bottom: 20px; }
#choice .list li { line-height: 24px; background-position: -43px 11px; }
#choice .list li em { width: 340px; }
#choice .list li span,
.column-item .list li span { width: 70px; }
.column-item .list li { line-height: 25px; background-position: -43px 11px; }
.column-item .list li em { max-width: 200px; }
.column-item .list li.post-1 { background: none; padding-left: 0; }
.column-item .list li.post-1 em { width: 190px; padding-left: 7px; font-weight: bold; }
.column-item .list li.post-1 em.excerpt { max-width: 260px; width: 260px; height: 34px; white-space: normal; line-height: 17px; font-weight: normal; }
.column-item .list li.post-1 span { float: left; }
.column-item .list li.post-1 em,
.column-item .list li.post-1 span { line-height: 24px; }
.column-item .list li.pdd { background: none; }
.column-item .list cite,
.column-item .list cite img { float: left; width: 48px; height: 48px; overflow: hidden; }
.column-item .list cite { float: left; height: 58px; padding: 4px; margin-top: 3px; background: url(css/bg.png) -100px -200px no-repeat; }
#side #choice { width: 230px; }
#side #choice .f-m { width: 208px; height: 200px; }
#side #choice .list li { line-height: 25px; padding-left: 10px; background-position: -50px 12px; }
#side #choice .list li.odd { background-color: #fff; }
#side #choice .list li em { width: 200px; }
#side #choice .list li span { display: none; }
.list .synopsis { clear: both; line-height: 16px; padding-bottom: 5px; }
.list .synopsis .ctn { display: block; max-height: 32px; overflow: hidden; }
.cat-list li { position: relative; z-index: 0; }
.cat-list .excerpt-wrap { display: none; height: 95px; z-index: 9; position: absolute; top: 23px; left: 15px; line-height: 24px; }
.cat-list .excerpt-arr { width: 15px; height: 7px; margin-left: 12px; overflow: hidden; background: url(css/bg.png) -280px -100px no-repeat; position: relative; z-index: 9; }
.cat-list .excerpt { width: 550px; height: 70px; overflow: hidden; padding: 5px; border: 1px solid #999; background: #fff; box-shadow: 2px 2px 2px #ccc; border-radius: 3px; position: relative; top: -1px; }
.cat-list .excerpt img { float: left; width: 80px; height: 60px; padding: 5px; margin: 0 8px 0 0; background: url(css/bg.png) -190px -200px no-repeat; }
i.new,
i.hot,
i.top { float: left; width: 10px; height: 9px; overflow: hidden; margin: 3px 0 0 2px; background: url(css/bg.png) -80px -180px no-repeat; text-indent: -9999px; }
i.hot { background-position: -100px -180px; }
i.top { background-position: -120px -180px; }
#home-album .box { padding: 12px 0 13px 15px; }
#home-album li { float: left; text-align: center; margin: 0 6px 0 0; }
#home-album li a { position: relative; display: block; width: 80px; height: 60px; overflow: hidden; padding: 5px; margin: 0 9px; background: url(css/bg.png) -190px -200px no-repeat; line-height: 60px; }
#home-album li a:hover { text-decoration: none; }
#home-album li img { width: 80px; height: 60px; }
#home-album li a span { display: none; position: absolute; width: 80px; height: 20px; bottom: 5px; left: 5px; background: #000; line-height: 21px; opacity: 0.7; }
#home-album li a span.alb-count { padding: 0 3px; top: 5px; right: 5px; left: auto; bottom: auto; border-radius: 0 0 0 3px; height: 18px; line-height: 18px; width: auto; }
#column-nav.col-5 { width: 198px; margin-right: 2px; }
#column-nav li { height: 25px; margin: 0 0 2px 1px; line-height: 23px; }
#column-nav li a { display: block; width: 196px; border: 1px solid #ddd; border-width: 1px 0; }
#column-nav li a span { position: relative; display: block; width: 176px; height: 23px; margin-left: -1px; padding: 0 10px; border: 1px solid #ddd; border-width: 0 1px; background: #eee; }
#column-nav li a:hover { text-decoration: none; }
#column-nav li a:hover span { background: #fff; }
#column-nav li a.current { position: relative; width: 200px; font-weight: bold; text-align: right; }
#column-nav li a.current span { width: 180px; background: #fff; border-right: none; }
#part .f-m { height: 200px; padding: 10px 9px; overflow: hidden; }
#part .list li { line-height: 25px; background-position: -43px 11px; }
#part .list li em { width: auto; max-width: 338px; }
#album-list { margin: 10px 0; }
#album-list li { float: left; width: 117px; height: 152px; margin: 15px 15px 15px 35px; background: url(css/bg.png) -180px -180px no-repeat; }
#album-list li span { display: block; overflow: hidden; text-align: center; }
#album-list li .cover { width: 100px; height: 100px; margin: 5px 0 0 5px; background: #f5f5f5; border: 1px solid #eee; line-height: 100px; }
#album-list li .cover img { max-width: 100px; max-height: 100px; vertical-align: middle; }
#album-list li .title { width: 100px; height: 26px; margin: 0 0 0 6px; line-height: 26px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
#album-list li .count { float: right; width: 45px; height: 18px; line-height: 18px; margin-right: 9px; text-align: center; }
.column-list { margin-bottom: 8px; }
.column-list .list { padding: 11px 10px; }
.column-list .list li em { width: 245px; }
.column-list .list li span { width: 35px; }
#side { position: relative; }
#contact .box { height: 50px; padding: 10px 0 0 10px; overflow: hidden; }
#contact li { float: left; margin: 0 9px 10px 4px; }
#contact li a { display: block; width: 40px; height: 40px; background: url(css/contact.png) no-repeat; text-indent: -9999px; cursor: pointer; }
#contact li.tc a { background-position: 0 -40px; }
#contact li.tt a { background-position: 0 -80px; }
#contact li.rr a { background-position: 0 -120px; }
#contact li.fb a { background-position: 0 -160px; }
#contact li.plus a { background-position: 0 -200px; }
#contact li.qq a { background-position: 0 -240px; }
#contact li.skp a { background-position: 0 -280px; }
#contact li.mail a { background-position: 0 -320px; }
#contact li.custom a { background-position: 0 -360px; }
.side-pop { display: none; position: absolute; top: 75px; left: -100px; z-index: 2; width: 220px; padding-top: 6px; opacity: .8; }
.side-pop .f-s,
.side-pop .f-e { background: #bbb; }
.side-pop .f-m { border-color: #bbb; }
.side-pop .f-m { width: 198px; padding: 10px 10px 5px; background: #fff; }
.side-pop .f-arr,
.side-pop .close a { position: absolute; top: 0; left: 182px; width: 7px; height: 7px; overflow: hidden; background: url(css/bg.png) 0 -130px; }
.side-pop .close a { top: 11px; right: 5px; left: auto; width: 11px; height: 11px; background-position: -10px -130px; text-indent: -9999px; }
.side-pop .close a:hover { background-position: -30px -130px; }
.side-pop .txt-r { text-align: right; }
#side-cmt .tab a { width: 113px; }
#side-cmt .tab a.current { width: 114px; }
#side-cmt .f-m,
#side-cmt2 ul,
#side-msg ul { width: 208px; height: 230px; padding: 7px 10px 8px; overflow: hidden; }
#side-msg,
#side-gad { margin-top: 8px; }
#side-gad .gad-ctn { width: 200px; height: 200px; padding: 10px 0; margin: 0 auto; overflow: hidden; }
#side-cmtli-2 { display: none; }
.side-cmtli li { position: relative; padding-left: 42px; height: 36px; overflow: hidden; margin: 6px 0 10px; line-height: 18px; }
.side-cmtli .avatar { position: absolute; left: 0; width: 30px; height: 30px; }
.side-cmtli .avatar img { width: 30px; height: 30px; margin: 0px; }
.side-cmtli .fn { float: left; width: 90px; margin-right: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
.side-cmtli .date { float: left; width: 70px; text-align: right; font-size: 10px; }
.side-cmtli .txt { clear: both; float: left; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px; }
.side-cmtli .txt img { vertical-align: text-bottom; width: 16px; height: 16px; }
#side-ads,
#side-dfn,
#side-tag { margin-top: 8px; }
#side-ads .f-m { height: 252px; overflow: hidden; }
#side-tag .f-m,
#side-dfn .f-m { height: 220px; overflow: hidden; }
#side-ads-ctn,
#side-dfn-ctn { width: 200px; height: 200px; margin: 10px auto; }
#side-ads-ctn { margin-top: 13px; }
#side-tags { position: relative; width: 210px; height: 178px; overflow: hidden; margin: 8px auto 0; }
#side .tags { line-height: 25px; }
#page-cnt.tags,
#page-cnt.friends { min-height: 578px; padding-top: 5px; overflow: visible; line-height: 30px; }
.tags a { display: inline-block; margin: 0 4px; white-space: nowrap; }
.widget { margin-top: 8px; }
.widget li { padding: 2px 0 2px 10px; line-height: 1.6em; background: url(css/icon.png) -50px 10px no-repeat; }
.widget #searchform { padding: 5px }
#content h1 { padding-bottom: 5px; text-align: center; font: bold 14px/1.8em \5fae\8f6f\96c5\9ed1, arial, sans-serif; text-shadow: 1px 1px 2px #999; }
#content h1 span { margin-right: 5px; }
#article-inf { height: 20px; padding-left: 0; border-bottom: 1px dotted #ccc; line-height: 18px; }
#article-inf span { float: left; margin-right: 10px; }
#article-inf .rss,
#article-inf .add,
#article-inf .edit { float: right; font-size: 12px; }
#article-inf span.edit,
#article-inf span.add { margin: 0 0 0 10px; }
#article-cnt { width: 688px; overflow: hidden; padding: 8px 0; }
#article-dfn { float: right; width: 250px; height: 250px; padding: 5px 0 10px 10px; overflow: hidden; }
#article-banner { clear: both; margin: 8px auto 0; }
#article-tag { clear: both; border: 1px dotted #ccc; padding: 5px; margin: 10px 0 5px; }
#article-tag,
#article-cnt #article-tag a { text-decoration: none; }
#article-cnt #article-tag a { margin-right: 7px; }
#article-cnt #article-tag a:hover { text-decoration: none; }
/*sigle-tag color*/
#article-tag{padding: 12px 13px 10px 15px;}
#article-tag a:nth-child(9n){background-color: #4A4A4A;}
#article-tag a:nth-child(9n+1){background-color: #428BCA;}
#article-tag a:nth-child(9n+2){background-color: #5CB85C;}
#article-tag a:nth-child(9n+3){background-color: #D9534F;}
#article-tag a:nth-child(9n+4){background-color: #567E95;}
#article-tag a:nth-child(9n+5){background-color: #B433FF;}
#article-tag a:nth-child(9n+6){background-color: #00ABA9;}
#article-tag a:nth-child(9n+7){background-color: #B37333;}
#article-tag a:nth-child(9n+8){background-color: #FF6600;}
#article-tag a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 0 6px;line-height: 21px}
#article-tag a:hover{opacity: 1;filter:alpha(opacity=100);}
/*sigle-tag color end*/
#article-cnt img { max-width: 688px; box-shadow: 1px 1px 3px #999; }
#article-cnt .gallery img { max-width: 100%; box-shadow: 0 0 0; }
#article-cnt,
#article-cnt p,
#article-cnt font { line-height: 1.8em; }
#page-cnt p,
#article-cnt p { padding: .4em 0; }
#article-cnt a { text-decoration: none; }
#article-cnt li { margin-left: 32px; list-style: outside; }
#article-cnt ol li { list-style: decimal; }
#article-cnt pre { clear: both; /*padding: 5px 10px 10px;*/ background: #444; color: #c2e157; word-wrap: break-word; white-space: pre-wrap; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; /*overflow: auto;*/ word-break: break-all; }
/* #article-cnt pre:before,
#article-cnt pre:after { content: ''; display: block; color: #2caae8; font-weight: bold; }
#article-cnt pre:after { content: ''; } */
#share { clear: both; padding: 10px 0 0; }
#share img { box-shadow: 0 0 0; }
.gallery { margin: 0 3px; height: 500px; background: url(css/loading.gif) center center no-repeat; }
.gallery br { line-height: 0; }
.gallery-item { float: left; margin: 13px 11px 7px 12px; text-align: center; display: none; }
.gallery-icon { width: 106px; height: 106px; overflow: hidden; }
.gallery-icon img { width: 100px; height: 100px; padding: 2px; border: 1px dashed #ccc; }
.gallery-icon a:hover img { border-color: #c00; }
.gallery-caption { width: 106px; padding-top: 3px; line-height: 18px; }
.galleria-errors { display: none; }
/* 文章分页 */
#article-cnt #article-page { clear: both; height: 28px; margin-left: 5px; padding: 15px 0 0; text-align: center; font-size: 10px; line-height: 20px; }
#article-page a { text-decoration: none; }
#article-page em { float: left; width: 22px; margin-right: 4px; position: relative; }
#article-page span { display: block; width: 24px; height: 24px; margin: -2px 0 0 -2px; position: relative; background: #fff; border: 1px solid #ccc; text-decoration: none; font: bold 14px/24px arial, sans-serif; box-shadow: 1px 1px 2px #ccc; border-radius: 0 4px 0 4px; }
#article-page a span { width: 20px; height: 20px; margin: 0; font: 10px/20px arial, sans-serif; }
#article-page span.prenext { font-weight: bold; }
/* 文章分页结束 */
#page-cnt,
#page-cnt p { line-height: 1.5em; }
#p-n { clear: both; height: 20px; padding-top: 5px; line-height: 20px; border-top: 1px solid #ddd; }
#p-n span { float: left; width: 300px; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#p-n span.next { float: right; margin: 0; text-align: right; }
#p-n span.next a { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; } /* for firefox */
#comment-list .box { padding: 10px 10px 1px; }
#comment-list h2 .to-respond { float: right; }
.no-comment { padding-bottom: 10px; }
/* 评论CSS */
.comment-list { clear: both; }
.comment { clear: both; position: relative; margin: 0 0 10px; }
.comment-body { position: relative; padding: 0 5px 5px; margin: 0 0 10px; margin-left: 65px; min-height: 50px; background: #eee; border-radius: 4px; }
.comment-author img { position: absolute; left: -42px; width: 32px; height: 32px; 、/*padding: 4px 18px 10px 4px;*/ background: url(css/bg.png) -100px -200px; }
.comment-body .fn { font-weight: bold; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.seal-admin { display: block; position: absolute; width: 52px; height: 32px; background: url(css/seal.png) no-repeat; right: 5px; top: 10px; }
.comment-body .fn,
.comment-body em,
.comment-body .says,
.comment-meta { float: left; margin-right: 5px; line-height: 25px; }
.comment-meta { float: right; font-size: 10px; }
.comment-body br { display: none; }
.comment-body p br { display: block; }
.comment-body p { clear: both; overflow: hidden; padding: 5px; background: #f5f5f5; line-height: 1.4em; word-wrap: break-word; }
.comment-body .wp-smiley { vertical-align: bottom; }
.reply { clear: both; margin-top: 5px; }
.reply a.comment-reply-link { display: block; width: 50px; height: 20px; line-height: 20px; background: url(css/button.png) 0 -60px no-repeat; text-align: center; text-decoration: none; }
.children .comment { margin: 0 0 0 65px; }
.children .comment-body { margin-left: 42px; }
.children .comment-author img { left: -42px; width: 30px; height: 30px; /*padding: 3px 6px 3px 3px;*/ background: url(css/bg.png) -60px -200px; }
.children .comment-body p { line-height: 1.2em; }
.children .children .comment { margin: 0 0 0 42px; }
.comment #respond { margin: 0 0 10px 65px; }
.comment .comment #respond { margin-left: 42px; }
.comment #respond-form textarea { width: 99%; max-width: 99%; min-width: 99%; }
.comment #respond-form .cancel { display: inline-block; }
.comment-tips { padding-left: 65px; position: relative; top: -7px; }
.comment-tips a { text-decoration: none; }
.children .comment .comment-tips { padding-left: 45px; }
/* 评论结束 */
#respond .box { padding: 0 10px 7px; }
#respond-form li { clear: both; padding-top: 10px; position: relative; }
#respond-form label { padding-left: 3px; line-height: 22px; }
#respond-form input,
#respond-form select,
#respond-form textarea { width: 200px; height: 16px; padding: 2px; line-height: 16px; border: 1px solid #ccc; }
#respond-form input.tit { width: 300px; }
#respond-form select { width: 206px; height: 22px; padding: 1px; }
#respond-form textarea { width: 682px; max-width: 682px; height: 90px; max-height: 200px; overflow: auto; overflow-x: hidden;
background-image:url(css/commentbg.png); background-repeat:no-repeat; background-position:center center; }
#respond-form textarea.contribute { height: 593px; max-height: none; }
#respond-form button { height: 25px; }
#respond-form .cancel { display: none; }
#respond-form .btn-tips { padding-top: 3px; }
#friendly { clear: both; }
#friendly .box { padding-right: 0; }
#friendly h3 { display: none; }
#friendly .friends h3 { display: block; clear: both; margin: 5px 0 0; }
#friendly li { float: left; margin: 0 10px 0 5px; white-space: nowrap; line-height: 20px; }
#friendly-img li { width: 92px; height: 35px; margin: 3px 1px 5px 9px; }
#page-cnt #friendly-img li { margin: 3px 13px 5px 10px; }
#friendly-img img { width: 88px; height: 31px; padding: 2px; }
#friendly-img a:hover img { padding: 1px; border: 1px dashed #c00; }
#friendly-txt { padding-top: 3px; }
#foot { clear: both; height: 47px; border-top: 1px solid #867D7D; line-height: 1.5em; background: #ffffff url(css/body.png) repeat-x; background-repeat: no-repeat; background-position: top left; background-attachment: fixed;}
#foot-logo { height: 31px; margin: 10px 9px 0 0; border-right: 1px solid #ccc; }
#foot-logo img { width: 140px; height: 31px; }
#foot-nav { padding-top: 6px; }
#foot-nav .cut { margin: 0 5px; }
#copyright a { font-weight: bold; }
#banquan {margin: 0 0px; border-top: 1px solid #DCDCDC;background: #ffffff url(css/body.png) repeat-x; background-repeat: no-repeat; background-position: top left; background-attachment: fixed;}
#product-logo { float: right; margin-top: 10px; text-align: right; }
#foot-logo img,
#product-logo img { width: 140px; height: 31px; }
#product-logo img { width: 88px; }
#to-top { display: none; position: fixed; right: 5px; bottom: 5px; text-indent: -9999px; }
#to-top a { display: block; width: 18px; height: 20px; background: url(css/bg.png) -250px -100px no-repeat; cursor: pointer; }
#count-code { width: 1px; height: 1px; overflow: hidden; }
#slide,
#home-album,
#login,
#contact,
#choice,
#comment-list,
#content,
#home-column,
.column-item,
#home-dfn { margin-bottom: 8px; }
#tips { position: absolute; padding: 5px; line-height: 16px; background: #333; border-radius: 4px; box-shadow: 1px 1px 2px #333; z-index: 5; left: -500px; }
#tips,
#tips p { max-width: 180px; }
#tips em { display: block; margin-right: 5px; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.btn { display: inline-block; position: relative; height: 26px; margin: 0 5px; background: url(css/button.png) right -30px no-repeat; white-space: nowrap; }
.btn span { float: left; height: 26px; background: url(css/button.png) left 0 no-repeat; position: relative; left: -5px; line-height: 25px; }
.btn button { float: left; overflow: visible; padding: 0 10px 0 15px; background: none; outline: none; border: 0 none; overflow: visible; }
/* 登陆框，暂未用到 */
#login .box { position: relative; height: 45px; padding: 10px 10px 5px; }
#login p { height: 23px; overflow: hidden; margin-bottom: 5px; }
#login p.end { position: absolute; top: 10px; right: 10px; height: auto; }
#login p label { float: left; width: 48px; overflow: hidden; padding: 1px 3px 0 0; line-height: 20px; }
#login input { width: 95px; height: 16px; padding: 2px; line-height: 15px; border: 1px solid #ccc; }
#login button { width: 50px; height: 50px; background: url(css/bg.png) 0 -200px; border: 0 none; text-indent: -9999px; }
/* forIE */
*+ html #side #choice .list li { height: 22px; background-position: -50px 10px; }
*+ html .side-cmtli li { margin-bottom: 8px; }
*+ html #tips { border-color: #000; border-width: 0 1px 1px 0; }
*+ html .more { position: relative; top: -25px; }
*+ html .to-respond { position: relative; top: -24px; }
/* wordpress 必须 */
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }
.alignright { float: right; }
/* widget */
#wp-calendar { width: 100%; }
#wp-calendar #today { background: #eee; }
#wp-calendar tbody a { font-weight: bold; }
#wp-calendar caption { letter-spacing: -0.05em; font-size: 100%; text-align: center; padding-bottom: 5px; }
#wp-calendar th,
#wp-calendar td { text-align: center; padding: 2px 0px; border-radius: 2px; }
#wp-calendar tbody td { border: 1px solid #ccc; }
#wp-calendar tbody td.pad { border: 0 none; }
#wp-calendar th { background: #ccc; }
#wp-calendar td#prev,
#wp-calendar td#next { padding-top: 3px; text-align: right; }
#wp-calendar td#prev { text-align: left; }
/* 独立出来的字体颜色 */
body,
input,
button,
textarea,
h2 .cut { color: #000000; }
a { color: #222; }
a:link {
color:#000000;
}
a:hover {
color:#c00;
}
a:visited {
color:#2c31f5;
}
a:active {
color:#ffffff;
}
h2 span,
.date,
#search label { color: #666; }
#nav,
#nav a,
#home-album a span { color: #fff; }
h2,
.current,
a:hover { color: #c00; }
.cut { color: #999; }
/* 头像旋转 */
.avatar{
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius:18px;
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
}
.avatar:hover {
box-shadow: 0 0 10px #fff;
rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 10px #fff;
rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1);
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}}
/*公告*/
#announcement_box {background-color:rgba(240, 239, 215, 0.5); background-color:#E3DEC0 \9; margin:0 0 0 40px; border:1px dashed #C1C0AB; border-radius:2px; padding-left:10px; top:10px; width:674px;}
#announcement {/*background:url(images/notice_icon.png)*/ left center no-repeat scroll; height:25px; line-height:25px; overflow: hidden; padding: 5px 10px 5px 0px; float:left;}
#announcement a {color:#000;}
#announcement a:hover {color:#94382B;}
.announcement_remove {padding:5px 10px; float:right; font-size:14px;}
.announcement_remove a {height:18px; width:18px; display:block; line-height:16px; margin:4px 0 3px 0; margin:10px 0 3px 0 \9; text-align:center;}
.announcement_remove a:hover {background-color:#cdc8a0; box-shadow:1px 1px 1px #66614c inset; -webkit-box-shadow:1px 1px 1px #666 inset; -moz-box-shadow:1px 1px 1px #666 inset; border-radius:3px;}
#announcement_close {color:#666;}
#announcement span {color:#666;}
.bull {float: left;font-size: 14px;color: #666;margin-right: 8px;margin-top: 6.5px;}
/*加载*/
#circle {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
position:fixed;
left:30px;
bottom:30px;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite ease-in-out;
-o-animation:spinPulse 1s infinite ease-in-out;
-ms-animation:spinPulse 1s infinite ease-in-out;
}
#circle1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:fixed;
left:40px;
bottom:40px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
-o-animation:spinoffPulse 1s infinite linear;
-ms-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@-o-keyframes spinPulse {
0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
50% { -o-transform:rotate(145deg); opacity:1;}
100% { -o-transform:rotate(-320deg); opacity:0; }
}
@-o-keyframes spinoffPulse {
0% { -o-transform:rotate(0deg); }
100% { -o-transform:rotate(360deg); }
}
@-ms-keyframes spinPulse {
0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
50% { -ms-transform:rotate(145deg); opacity:1;}
100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes spinoffPulse {
0% { -ms-transform:rotate(0deg); }
100% { -ms-transform:rotate(360deg); }
}
/**顶部栏**/
#topArea {
width:100%;
height:24px;
background:#fff;
background:#fff;
border-bottom:1px solid #ddd \9;
width:100%;
height:0px;
-webkit-box-shadow:0 2px 4px 0 #d9d9d9;
-moz-box-shadow:0 2px 4px 0 #d9d9d9;
box-shadow:0 2px 4px 0 #363636
}
.topArea {
width:950px;
height:24px;
line-height:24px;
margin:0 auto;
color:#3DD64A
}
.topArea li {
float:left
}
.topArea1 {
float:left;
width:660px;
height:24px;
overflow:hidden
}
.topArea1 li {
padding-right:5px
}
.topArea1 img {
margin-top:3px;
margin-right:5px
}
.topArea2 {
float:right;
width:auto;
height:24px;
overflow:hidden
}
.top-br{
white-space:nowrap;
}
/*—滚动条默认显示样式–*/
::-webkit-scrollbar-thumb{
background-color:#018EE8;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
/*—鼠标点击滚动条显示样式–*/
::-webkit-scrollbar-thumb:hover{
background-color:#FB4446;
height:50px;
-webkit-border-radius:4px;
}
/*—滚动条大小–*/
::-webkit-scrollbar{
width:10px;
height:18px;
}
/*—滚动框背景样式–*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}
/*关于作者*/
.authorbio {
background: #fff;
margin: 0 0 10px 0;
padding: 20px;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border-radius: 2px;
list-style-type:none;
}
.authorbio .avatar {
float: left;
width: 48px;
height: 48px;
margin: 0px 20px 0 0;
padding: 0;
}
/*文章首字*/
#article-cnt > p:first-child:first-letter {
color: #8844BB;
float: left;
font-size: 2.1em;
font-weight: bold;
line-height: 1em;
margin: -6px?3px;
position: relative;
}
/*top*/
#sticky-nav {
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
position:fixed;
right:0px;
bottom: 5%;
z-index: 9999;
width:30px;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2))
}
#sticky-nav a:hover {
right:56px;
}
#sticky-nav a {
background:url(images/sideTools.png) no-repeat;
width:30px;
height:30px;
display:block;
-webkit-border-top-left-radius:3px;
-moz-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-bottom-left-radius:3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
position:relative;
text-decoration:none;
}
#sticky-nav span {
background:#333;
-webkit-border-top-right-radius:3px;
-moz-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-bottom-right-radius:3px;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
font-size:12px;
position:absolute;
right: -56px;
padding:5px 4px;
color:#fff;
}
#sticky-nav a:hover {
overflow:visible
}
#sticky-nav a:hover span {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity =100)";
filter:alpha(opacity=100)
}
#sticky-nav span:before,
#sticky-nav span:after {
content:'';
display:block;
width:0;
height:0;
}
#sticky-nav span:before {
border-left-color:#ccc;
right:-8px
}
#sticky-nav a.gotop {
background-position: -3px -3px;
background-color: #333;
margin-bottom: 5px;
}
#sticky-nav a.gobtm {
background-position: -4px -186px;
background-color: #333;
}
#sticky-nav a.gocom {
background-position: -4px -150px;
background-color: #333;
margin-bottom: 5px;
}
#sticky-nav a.bianlan {
background-position: -3px -77px;
background-color: #333;
margin-bottom: 5px;
}
.close-sidebar {
cursor:pointer;
}
.show-sidebar {
cursor:pointer;
}
#sticky-nav a.about {
background-position: -3px -40px;
background-color: #333;
margin-bottom: 5px;
}
/*jz copy*/
/* body{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}*/