body { font-size: 14px; font-weight: 400; font-family: Microsoft YaHei, Arial, "Arial Narrow", Georgia; background: #FFF}li,ol,ul { list-style: none}table { width: 100%; border-collapse: collapse; border-spacing: 0}td,th { vertical-align: top; text-align: left; font-weight: 400}input,textarea { margin: 0; padding: 3px; border-left: 3px #6ba4f0 solid; font-size: 13px}blockquote { margin: 10px 0; padding: 1.5em; display: block; letter-spacing: 1px; clear: both; border-left: 2px #6ba4f0 solid; background: #fafafa}h1,h2,h3,h5,h6 { clear: both; border-bottom: 1px solid #f2f2f2},l-h2,{clear: both}.post-content a { color: #5895be}a { outline: 0; color: #5895be; text-decoration: none}a:hover { color: #9fb6cd}.clearfix:after { clear: both; display: block; visibility: hidden; height: 0 !important; content: " "; font-size: 0 !important; line-height: 0 !important}.clearfix { zoom: 1; border: 0}.inline-ul { font-size: 0}.inline-ul .inline-li { font-size: 14px; letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block}.on { color: #8be5ff !important}#jquery-overlay,#jquery-lightbox { z-index: 8010 !important;}i img { visibility: hidden; left: -150px; position: absolute; top: -50px; padding: 10px; border: 1px solid #aaa; background: #ededed}@-webkit-keyframes badbounce { 0%, 100% { -webkit-transform: translateY(0) } 10% { -webkit-transform: translateY(6px) } 30% { -webkit-transform: translateY(-4px) } 70% { -webkit-transform: translateY(3px) } 90% { -webkit-transform: translateY(-2px) }}@-moz-keyframes badbounce { 0%, 100% { -moz-transform: translateY(0) } 10% { -moz-transform: translateY(6px) } 30% { -moz-transform: translateY(-4px) } 70% { -moz-transform: translateY(3px) } 90% { -moz-transform: translateY(-2px) }}@keyframes badbounce { 0%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 10% { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px) } 30% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } 70% { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px) } 90% { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px) }}blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,iframe,input,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0; -webkit-text-size-adjust: 100%}img { border: 0 none}#w-loading { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 2px}#w-loading div { width: 0; height: 5px; background: #60dfe5}[class*=" icon-"],[class^=icon-] { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}.icon-bullhorn:before { content: "\e601"}.icon-search:before { content: "\e602"}.icon-music:before { content: "\e60b"}.icon-wechat:before { content: "\e600"}.icon-checkmark:before { content: "\e617"}.icon-gift:before { content: "\e603"}.icon-home:before { content: "\e608"}.icon-share2:before { content: "\e61b"}.icon-plus:before { content: "\e611"}.icon-user:before { content: "\e612"}.icon-list:before { content: "\e614"}.icon-eye-plus:before { content: "\e6cf"}.icon-arrow-up2:before { content: "\e618"}.icon-minus:before { content: "\e61c"}.icon-cross:before { content: "\e61e"}.icon-feather:before { content: "\e628"}.icon-comment-discussion:before { content: "\f04f"}.container { width: 1060px; margin: 0 auto}#ad11 { width: 100%; float: left; padding: 20px 0px 0px 0; overflow: hidden;}#ad5,#ad6,#ad7,#ad8,#ad9,#ad10 { overflow: hidden;}.show { display: block; position: relative; border-bottom: 1px solid #ededed;}.author_img { left: 50%; margin: 0 -50px; position: absolute; top: 145px; overflow: hidden; border-radius: 500px; background: none repeat scroll 0 0 #FFF; padding: 5px;}.author_img img { border-radius: 500px; height: 90px; max-width: none; width: 90px; vertical-align: middle; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}.author_bio { text-align: center; padding-top: 55px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; color: #546873;}.author_bio h3 { border: 0; font-size: 1.2em; color: #008ddf;}.author_img img:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}#sidebar .gx header { color: #074D77; padding: 9px 12px 5px; text-transform: uppercase; font-weight: bold; font-size: 16px; background: none repeat scroll 0% 0% #F8F8F8; border-bottom: 1px solid; text-align: center;}#sidebar .widgets ul li a:hover { color: #005584;}#commentpagenavi { margin-bottom: 30px;}#sidebar .widgets header { color: #074D77; padding: 9px 12px 5px; text-transform: uppercase; font-weight: bold; font-size: 16px; background: none repeat scroll 0% 0% #F8F8F8; border-bottom: 1px solid; text-align: center;}#sidebar .divLinkage ul li { display: inline-block; verticle-align: top; width: 50%;}#sidebar .celan ul li { text-align: center;}#sidebar .divStatistics ul li { display: inline-block; verticle-align: top; width: 50%;}#sidebar .divCatalog ul li { display: inline-block; verticle-align: top; width: 50%;}#sidebar .divArchives ul li { display: inline-block; verticle-align: top; width: 50%;}#sidebar .divfenlei ul li { display: inline-block; verticle-align: top; width: 50%;}#sidebar .celan ul li { display: inline-block; verticle-align: top; width: 50%;}#sidebar #tbCalendar { width: 100%; line-height: 30px;}#tbCalendar td { text-align: center;}#tbCalendar thead tr th { text-align: center;}#sidebar .widgets ul { margin: 12px 9px 0 9px;}#sidebar .widgets ul li a,#sidebar .widgets ul li { line-height: 38px; color: #3F4D54; clear: both; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}#sidebar { float: right; width: 318px; background: #fff}#content { width: 1060px; margin: 0 auto;}#postlist_blog { width: 728px; float: left; clear: both;}#postlist_blog .post_blog { width: 100%; margin-bottom: 0px; padding-bottom: 30px; border-bottom: 1px solid #ededed; float: left; padding: 20px 0 8px 0;}#postlist_blog .post_blog .post-header_blog .post-title_blog { clear: both; border-bottom: 0px solid #f2f2f2; padding-bottom: 12px; font-size: 18px; line-height: 18px; overflow: hidden; color: #259; width: 100%; text-overflow: ellipsis; white-space: nowrap;}#postlist_blog .post_blog .post-header_blog .post-title_blog a { color: #259;}#postlist_blog .post_blog .post-header_blog .post-title_blog a:hover { color: #5895be;}#postlist_blog .post-meta_blog { padding-bottom: 10px; padding-top: 8px; color: #777;}#postlist_blog .post-meta_blog .inline-ul_blog { font-size: 0; display: block;}#postlist_blog .post-meta_blog .inline-ul_blog .inline-li_blog { font-size: 12px; letter-spacing: normal; word-spacing: normal; vertical-align: top; display: inline-block;}#postlist_blog .post-meta_blog .inline-ul_blog .inline-li_blog .post-span_blog { font-size: 12px; color: #aaa; padding: 0 5px;}#postlist_blog .post-meta_blog .inline-ul_blog .inline-li_blog a { color: #777;}#postlist_blog .post-body_blog { position: relative; padding-left: 190px; height: 145px; overflow: hidden;}#postlist_blog .post-body_blog .post-thumbnail_blog { width: 166px; height: 120px; left: 0; padding: 5px; border: 1px solid #DDD; position: absolute; top: 0; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, .07); -webkit-transition: border-color .24s; transition: border-color .24s;}#postlist_blog .post-body_blog .post-thumbnail_blog:hover { border: 1px solid #41a3e6;}#postlist_blog .post-body_blog img { width: 166px; height: 120px; border: 0 none;}#pagenavi_blog { width: 665px; float: left; margin-top: 30px; clear: both;}#notice { background: #f4f4f4; margin-bottom: 20px; padding: 5px 20px; border: 1px solid #e7e7e7; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07) -moz-box-shadow:1px 1px 1px 0 rgba(0, 0, 0, .07); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07)}.toolbar { display: block; right: 35px; bottom: 80px; position: fixed; width: 62px; z-index: 80; opacity: 1; -webkit-transition: left .2s, opacity .2s; transition: left .2s, opacity .2s}.toolbar .tool { position: relative; margin-top: 8px; display: block; border: 1px solid #efefef; background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; cursor: pointer; -webkit-transition: opacity .3s; transition: opacity .3s}.toolbar .tool:hover { opacity: 1}.toolbar .tool .ttip { position: absolute; line-height: 40px; vertical-align: middle; background: rgba(0, 0, 0, .8); color: #fff; width: 50px; text-align: center; right: -62px; bottom: -10px; margin: 9px 0; display: none; font-size: 13px; overflow: visible}.toolbar .tool .ttip:after { height: 0; width: 0; display: block; left: -14px; top: 12px; position: absolute; content: ""; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid rgba(0, 0, 0, .8); border-bottom: 7px solid transparent}.toolbar .tool:hover .ttip { display: block}.toolbar .goto { padding: 5px 0 5px 9px; width: 24px; height: 24px; background: dodgerblue;}.toolbar .go_comment { padding: 7px 0 3px 9px; width: 24px; background: dodgerblue; height: 24px}#header { position: absolute; top: 0; width: 100%; padding: 35px 0; z-index: 8010; -webkit-box-shadow: 0 1px 0 0 rgba(158, 158, 158, .2) inset; -moz-box-shadow: 0 1px 0 0 rgba(158, 158, 158, .2) inset; -ms-box-shadow: 0 1px 0 0 rgba(158, 158, 158, .2) inset; box-shadow: 0 1px 0 0 rgba(158, 158, 158, .2) inset}#header .container { height: 30px; line-height: 30px}.logo { float: left; height: 30px; margin-right: 10px; border: 0}.global-nav .gnul .pulldown div a { margin: 0 19px 6px 19px; padding-bottom: 2px; text-align: center; border-bottom: 1px solid #eee;}.global-nav ul .pulldown { position: relative; z-index: 99;}.global-nav ul .pulldown:hover div { display: block; width: 128px; padding: 4px 0; left: -11px;}.global-nav ul .pulldown div { display: none; background-color: #0074B7; border-radius: 5px; position: absolute; border: 1px solid #CCC; border-color: rgba(0, 0, 0, .2); box-shadow: 0 2px 10px rgba(0, 0, 0, .2); -webkit-border-radius: 2px;}.global-nav,.global-nav .gnul,.logo { display: block}.global-nav { float: left; margin-top: 2px}.gnul li { display: inline-block; margin-left: 25px; zoom: 1}.gnul li a { display: block; height: 30px; color: #FFF; font-size: 15px; text-decoration: none; outline: medium none; white-space: nowrap}.gnul li a:hover { color: #8be5ff}.global-nav ul li a span { margin-right: 5px}.search-form { float: right; border-bottom: 1px solid #e5e5e5; position: relative; padding-right: 35px; background: 0}.search-input { width: 212px; height: 18px; padding: 3px 6px 4px 5px; border: 0; outline: 0; background: 0; color: #fff; margin-left: 35px}.search-submit { width: 35px; height: 30px; position: absolute; left: 0; top: 0; border: 0; cursor: pointer; background: 0; color: #fff; font-size: 1.3em}.search-submit:hover { color: #5895be}.post-has-thumbnail .post-body { position: relative; padding-left: 165px; height: 285px; overflow: hidden}.post-thumbnail { width: 250px; height: 188px; padding: 5px; border: 1px solid #DDD; position: absolute; top: 0; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, .07); -webkit-transition: border-color .24s; transition: border-color .24s}.post-thumbnail:hover { border: 1px solid #41a3e6}.dropdown { position: relative}.dropdown-link:hover .icon,.dropdown.selected .dropdown-link .icon { background-position: -210px 0}.dropdown-link .icon { padding-left: 10px; font-size: 15px; vertical-align: middle}.dropdown.selected .dropdown-arrow1,.dropdown.selected .dropdown-arrow2,.dropdown.selected .submenu { display: block}.dropdown-arrow1,.dropdown-arrow2,.submenu { display: none}.dropdown-arrow1 { border-color: transparent; border-style: dashed dashed solid; border-width: 0 8px 8px; position: absolute; left: 7px; z-index: 1; height: 0; width: 0; border-bottom-color: #CCC; border-bottom-color: rgba(0, 0, 0, .2); top: 36px}.dropdown-arrow2 { border-color: transparent; border-bottom-color: #fff; border-style: dashed dashed solid; border-width: 0 8px 8px; position: absolute; left: 7px; top: 37px; z-index: 1; height: 0; width: 0}.submenu { position: absolute; left: 0; top: 44px; width: 560px; padding: 25px; background: #fff; border: 1px solid #CCC; border-color: rgba(0, 0, 0, .2); box-shadow: 0 2px 10px rgba(0, 0, 0, .2); overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px}.dropdown-link { display: block}.tdleft { width: 45px; border-right: 1px solid #eee}.tdright { padding-left: 20px}.trline td { padding-bottom: 15px}.tab-categories li { background: #fafafa; display: inline-block; width: 29%}.tab-categories li a { padding: 1px 10px}.tab-categories li a,.tab-tags a { text-align: center; line-height: 180%; display: block; font: 13px/1.65 Arial, sans-serif; color: #333; border: 1px dashed #ccc}.tab-categories li a:hover,.tab-tags a:hover { background-color: #5895be; color: #fff; text-decoration: none}.tab-categories li { background: #fafafa; margin: 2px 5px; padding: 2px}.icon-home { background-position: 0 -64px}.tab-tags a { display: inline-block; padding: 2px 10px; background: #f5f5f5; margin: 0 10px 10px 0}#content .container { padding-top: 25px}#pagenavi,#postlist { clear: both}#primary { width: 100%; min-height: 400px; float: left; padding: 20px}#distant { float: left; font-size: 12px; color: #999; width: 95%; padding: 10px; margin-left: 10px; margin-bottom: 7px}#distant { border: 0; width: auto; padding: 0; text-align: left}#distant a { color: #999; text-decoration: none}#distant a:hover { color: #9fb6cd}#distant .icon-arrow-right { padding: 0 2px; color: #aaa}#distant .text { padding-left: 10px}.post { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ededed; float: left; padding: 20px 7% 20px 0}.post-has-thumbnail .post-body { position: relative; padding-left: 230px; height: 285px; overflow: hidden}.post-title { font-size: 21px; line-height: 24px; overflow: hidden; color: #259; width: 100%; text-overflow: ellipsis; white-space: nowrap}.post-title a { color: #259}.post-title a:hover { color: #5895be}.post-span { color: #aaa; padding: 0 5px}.post-meta { padding-bottom: 10px; padding-top: 3px}.post-meta .inline-ul { display: block}.post-meta .inline-li { font-size: 12px}.post-meta,.post-meta a { color: #777; font-size: 12px;}.single-post .post-content ol li { list-style: decimal; margin: 10px 20px; color: #555; line-height: 180%}.single-post .post-content hl { background: #FF9}.single-post .post-content p { text-indent: 2em; color: #555; line-height: 2; letter-spacing: 1px}.post-content small { padding-top: 20px; font-weight: 700; font-size: 13px; line-height: 1.2em}.post-content h3,.relative { padding: 5px 0; margin: 20px 22px 20px -20px; display: block; font-size: 18px; border-left: 4px solid #5895be; padding-left: 25px; color: #0873c0; border-bottom: 0}.relative { border: 0}.post-content h4 { display: block; -webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; -webkit-margin-start: 0; -webkit-margin-end: 0; font-weight: 700}.post-content ul li { padding: 5px 10px; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; color: #555}.post-content ol li:last-child,.post-content ul li:last-child { border-bottom: 0}.post-content ol,.post-content ul { margin: 20px; padding-left: 30px; line-height: 2.3em}.post-content ul li { list-style: circle}.post-content ul li ul li { list-style: circle outside none}.near-posts { height: 20px; padding: 16px 0; color: #094571}.post-affiliate { margin-top: 25px; padding: 15px 0; border-top: 1px solid #ededed; border-bottem: 1px solid #ededed}.post-share { float: right}.post-sharea,.post-shareli,.post-shareul { display: block}.post-shareli { width: 23px; height: 23px; margin-left: 10px; float: left}.post-sharea { background-image: url(../style/images/icon2.png); background-repeat: no-repeat; text-indent: -999em}.psa-weibo { background-position: 0 0}.psa-qqweibo { background-position: -30px 0}.psa-douban { background-position: -60px 0}.psa-qzone { background-position: -90px 0}.psa-renren { background-position: -120px 0}.psa-twitter { background-position: -150px 0}.psa-weibo:hover { background-position: 0 -57px}.psa-qqweibo:hover { background-position: -30px -57px}.psa-douban:hover { background-position: -60px -57px}.psa-qzone:hover { background-position: -90px -57px}.psa-renren:hover { background-position: -120px -57px}.psa-twitter:hover { background-position: -150px -57px}#pagenavi { color: #4a4a4a; list-style: none; line-height: 24px}.page-numbers { display: inline-block; margin: 0 5px 2px 0; padding: 0 8px; border: 1px solid #DDD; color: #555; zoom: 1}.page-numbers.current,.page-numbers:hover { background: #f8f8f8; border-bottom-color: #5895be}#footer { position: relative; clear: both; border-top: 1px solid #ececec; background: #263F54; height: auto; z-index: 1}#footer .container { color: #efefef; line-height: 30px; text-align: center}#footer .right li a:hover { padding: 4px 3px 4px 3px; border-radius: 5px; background: #FFF; color: #263F54;}#footer .bottom a:hover { padding: 4px 3px 4px 3px; border-radius: 5px; background: #FFF; color: #263F54;}::-webkit-scrollbar-track-piece { width: 13px; border-right: 1px solid #EEE; border-left: 1px solid #e4e4e4; background-color: #f0f0f0; background-image: -webkit-linear-gradient(left, #f0f0f0, #FFF)}::-webkit-scrollbar { width: 13px; height: 13px}::-webkit-scrollbar-thumb { position: relative; min-height: 25px; border-radius: 9999px; background-color: #c2c2c2; background-clip: padding-box}::-webkit-scrollbar-thumb:vertical { border-top: 0 solid transparent; border-right: 2px solid transparent; border-bottom: 0 solid transparent; border-left: 3px solid transparent}::-webkit-scrollbar-thumb:horizontal { border-top: 3px solid transparent; border-right: 0 solid transparent; border-bottom: 2px solid transparent; border-left: 0 solid transparent}::-webkit-scrollbar-thumb:active { background-color: #7d7d7d}.relative a { color: #555}.relative a:hover { color: #9fb6cd}.near-posts a { color: #000}.near-posts a:hover { color: #9fb6cd}p1 { font-family: "微软雅黑"; color: #555; padding-left: 5px}p2 { font-family: "微软雅黑"; color: #666}.aligncenter { margin: 0 auto; display: block}pre { margin: 10px 0; padding: 1em 2em; border-left: 2px solid #bdbdbd; background-color: #f7f9fc; white-space: pre-wrap; word-wrap: break-word; letter-spacing: 0; font: 14px/26px 'courier new'}.post-content img { max-width: 100%; border: 1px solid #EEE; box-sizing: border-box; padding: 5px; margin: 15px auto}.widget .aligncenter { margin: 0 auto; display: block}.comment-content,.comment-content p,.post-content,.post-content p { line-height: 1.8; word-break: break-all; letter-spacing: 1px}#footer a { color: #efefef}.post-content img:hover { background: #01a3cc}@media screen and (min-width:0) and (max-width:737px) { .tags { width: 72px; left: 0; border-left: #3f3f3f 3px solid; border-right: 0 } .post { width: 100%; padding: 20px 0 } .post-thumbnail { left: 0 } .post-meta_blog { display: none; } #ad11 { display: none } #postlist_blog .post-body_blog { height: inherit; } #distant, .container { width: 95%; margin: 0 auto } #content .container { padding-top: 0px; } #distant { padding: 0; margin: 0 2% } #primary { width: 95%; margin-top: 10px; padding: 10px 10px 0; margin: 0 auto; float: none; } #postlist_blog .post-body_blog { padding-left: 0px; } #postlist_blog .post-body_blog { position: initial; } #postlist_blog .post_blog { padding: 20px 0 20px 0; } #postlist_blog, #pagenavi_blog { width: 95%; margin: 0 auto; float: none; padding-top: 10px; padding-bottom: 10px; } .post-contents_blog { overflow: hidden; } #submit { margin: 25px 0 } #banners { padding: 0 } .footer-banner, #ad2, #sidebar, .global-nav, .left, .middle, .right, .toolbar, .post-thumbnail_blog, .category_blog { display: none } #footer { height: auto; background-color: #263F54; padding: 0 } #footer.container { width: 100% } #header { width: 100%; border-bottom: 1px solid #ededed; z-index: 900; -webkit-user-select: none; -moz-user-select: none } #header .container { height: 30px; line-height: 30px; padding-left: 4% } .logo { display: block; float: left; height: 30px; padding-right: 20px } .logo a { display: block } .logo { padding-top: 0; padding-bottom: 0 } .related_box { width: 47%; padding-right: 2px } #content .container { padding-bottom: 0 } .related_box .r_title { margin: 0 5% } #respond { margin-top: 20px } #distant.distant, #primary.primary { margin: 0 auto; float: none; font-size: 16px }}@media screen and (max-width: 737px) and (min-width: 0) { #content { width: 95%; margin: 0 auto; }}@media screen and (max-width: 1080px) and (min-width: 738px) { #content { width: 100%; }}@media screen and (min-width:738px) and (max-width:890px) { .post-thumbnail { left: 9% }}@media screen and (min-width:0) and (max-width:380px) { .lg { right: 40% }}@media screen and (min-width:380px) and (max-width:420px) { .lg { right: 41% }}@media screen and (min-width:420px) and (max-width:460px) { .lg { right: 42% }}@media screen and (min-width:460px) and (max-width:500px) { .lg { right: 43% }}@media screen and (min-width:500px) and (max-width:540px) { .lg { right: 44% }}@media screen and (min-width:540px) and (max-width:1080px) { .lg { right: 45% }}@media screen and (min-width:1081px) { .openNav, nav { display: none }}@media screen and (max-width:1080px) { #shell { display: none } nav .search-input { height: 19px; padding: 4px 6px 6px 3px } .open .icon-search { color: #fff; font-size: .875em } nav .icon-search { color: #201816 } .open .search-form { border: 1px solid #fff } nav .search-form { border: 1px solid #201816; width: 109px } .open .search-input { color: #fff; width: 100px } nav .search-form, nav .search-input, nav .search-submit { background: 0; color: #none } nav .open .icon-search { color: #201816 } nav .open .search-form, nav .open .search-input, nav .open .search-submit { background: #201816; color: #201816 } nav a { color: #201816 } .open ul li a { color: #fff } #top { height: 40px } .lg { position: absolute; top: 8px; color: #fff; margin: 0 auto; font-size: 16px } #containerbox, #header { display: none } .navOpen { overflow: hidden } .wrapper { transition-duration: .5s; transition-timing-function: swing; background-color: #fff; width: 100%; height: 100%; position: relative } .wrapper.open { transform: translateX(250px) translateY(50px); -webkit-transform: translateX(250px) translateY(50px); box-shadow: 0 0 50px rgba(0, 0, 0, .2); position: fixed } .openNav { transition-duration: .5s; transition-timing-function: swing; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; width: 100%; height: 40px; background-color: #000; position: fixed; top: 0; z-index: 9 } .openNav:hover { cursor: pointer } .openNav .icon { transition-duration: .2s; position: absolute; width: 20px; height: 2px; background-color: #fff; top: 20px; left: 10px } .openNav .icon:after, .openNav .icon:before { transition-duration: .5s; background-color: #fff; position: absolute; content: ""; width: 20px; height: 2px; left: 0 } .openNav .icon:before { top: -7px } .openNav .icon:after { top: 7px } .openNav.open { transform: translateX(250px) translateY(50px); -webkit-transform: translateX(250px) translateY(50px) } .openNav.open .icon { background-color: transparent } .openNav.open .icon:after, .openNav.open .icon:before { top: 0 } .openNav.open .icon:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .openNav.open .icon:after { transform: rotate(45deg); -webkit-transform: rotate(45deg) } nav { width: 100%; height: 100%; position: fixed; left: 0; top: 0 } nav ul { width: 250px; margin-top: 50px } nav ul:hover li { color: rgba(255, 255, 255, .5) } nav ul li { transition-duration: .25s; display: block; padding: 5px 40px; color: #fff; letter-spacing: .02em; text-align: right } nav ul li:hover { cursor: pointer; color: #fff }}@media screen and (min-width:891px) and (max-width:1080px) { .post-thumbnail { left: 13% }}@media screen and (min-width:738px) and (max-width:1080px) { .post { width: 43%; padding: 20px 3% 20px 4% } #distant, .container { width: 100% } #content .container { padding-top: 0px; } #submit { margin: 25px 0 } #distant { padding: 0 } #primary { width: 90%; margin-top: 10px } #distant { padding: 0 } #banners { padding: 0 } #sidebar, .tags, .toolbar { display: none } #header { width: 100% } #distant, #primary { width: 95%; margin: 0 auto; float: none; } #postlist_blog { width: 95%; margin: 0 auto; float: none; } #header .container { width: 96%; height: 30px; line-height: 30px; padding: 0 2% } .logo { display: block; float: left; height: 30px } .logo a { display: block } .logo { padding-top: 0; padding-bottom: 0 } .related_box { width: 24.5%; padding-right: 1px } .footer-banner, #ad2, #ad3, .left, .middle, .right { display: none } #footer { height: auto; background-color: #263F54; padding: 0 } #footer.container { width: 100% } #content .container { padding-bottom: 0 } #distant.distant, #primary.primary { width: 70%; margin: 0 auto; float: none; font-size: 16px }}@media screen and (min-width:1081px) { #shell { width: 1060px; height: 41px; margin: 5px auto -35px } .core { height: 16px; overflow: hidden; width: auto; line-height: 38px; float: left; margin-top: 17px } .core a { display: block; font-size: 13px; line-height: 16px; text-decoration: none; color: #005589 } .icon-gift { line-height: 16px; margin-left: 10px; float: right; margin-top: 16px; color: #39b5a1; padding: 0 10px; font-weight: 700 } .icon-bullhorn { line-height: 16px; margin-right: 15px; float: left; margin-top: 16px; color: #0079bf; border-right: 1px solid; padding: 0 10px } .tags { border-left: #none; border-right: #3f3f3f 3px solid } .post-thumbnail { left: 0 } .post { width: 270px } .related_box { width: 148px; padding-right: 23px } #content .container { padding-bottom: 10px } #distant.distant, #primary.primary { width: 65%; margin: 0 auto; float: none; font-size: 16px }}.left,.middle,.right { float: left; width: 50%;}.left p,.middle p { width: 92%}#footer h3 { color: #fff; border: 0; font-size: 20px; padding-bottom: 8px; padding-top: 20px}.bottom { clear: both; padding: 10px 0; margin: 0 auto; width: 100%; text-align: center; color: #efefef}.middle span { float: right; margin-right: 23%; font-size: 15px; font-weight: 400}.footer,.header,.none,.notice,.sidebar { display: none}.content { background-color: #f3f2ee}.related_img { width: 100%; height: 155px}.related_box { float: left; overflow: hidden; margin-top: 5px}.related_box .r_title { width: auto; height: 72px; font-weight: 400; font-size: 14px; margin: 0 10px; overflow: hidden}.related_box .r_pic { margin: 6px}.related_box .r_pic img { width: 130px; height: 100px; background: #fff; padding: 2px; border: 1px solid}.r_title a { color: #555}.menu li { width: 29%}.list .widget-popular p { min-height: none}#none-style .widget-popular p,.list a,.widget ul li { min-height: 35px}.yuedus,.go_comment { display: none}.tags { position: absolute; right: 6px; bottom: 100px; float: none; clear: both; background-color: #efefef; padding: 5px; -webkit-transition: opacity .24s, color .24s, background-color .24s; transition: opacity .24s, color .24s, background-color .24s}.tags a { color: #777}.tags a:hover,.tags:hover { color: #fff; background: #3f3f3f}#roll-top { position: fixed; bottom: -80px; color: #FFF; background: dodgerblue; padding: 3px 1px 6px 8px; font-size: 1.1em; transition: all .3s; -webkit-transition: all .3s}@media screen and (min-width: 1090px) { #hm_t_undefined { display: none; }}