/* Theme Name:LeHuo */ article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;} div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;} body {background-color:#E9EAEC; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;} a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent; color:#333;} a:hover {color:#D90000;} input {-webkit-appearance:none; border:0;} input:focus {outline:none;} li {list-style:none;} .clear {clear:both;} a img {border:none;} table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;} table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;} table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;} hr {border:none; border-bottom:1px solid #eee;} /*gold*/ .inner {width:1180px; margin:0 auto;} .thumbnail img {width:100%; display:block;} .blank {height:15px; width:100%; clear:both; overflow:hidden;} /*topad*/ .topad {margin-bottom:15px;} .mainad {margin-bottom:20px;} .topad img,.mainad img {width:100%; height:auto; display:block;} .content .mainad {border-bottom:1px solid #eee; padding:0 18px 20px;} /*header*/ .header {background-color:#343639; height:60px; width:100%;} /*logo*/ .logo {float:left; height:60px; width:auto; width:200px;} .logo a {display:block;} .logo img {display:block; height:60px; width:auto;} /*nav*/ .nav {float:right;} .nav .menu ul li,.top-other ul li {float:left; line-height:60px; color:#fff; font-size:1em; border-right:1px solid #000; border-left:1px solid #444; position:relative;} .nav .menu ul li a {color:#fff; padding:0 20px; display:block;} .nav .menu ul li a:hover,.nav .menu ul li.current a {background-color:#D90000;} .nav .menu ul li ul {position:absolute; left:0; top:60px; width:150px; border-radius:0 0 3px 3px; background-color:#343639; overflow:hidden; border-top:1px solid #000; z-index:9; display:none;} .nav .menu ul li ul li {float:none; line-height:1.5em; font-size:0.875em; text-align:center; border:none; border-bottom:1px solid #000; border-top:1px solid #444;} .nav .menu ul li ul li a {padding:10px 0;} .nav .menu ul.submenu {display:block;} /*searchbtn*/ .top-other {float:right;} .top-other ul li i {padding:0 15px; cursor:pointer; display:block;} .top-other ul li .social-share {position:absolute; right:-2px; top:60px; width:80px; background-color:#fff; padding:0 20px; border:1px solid #E9E9E9; display:none; z-index:9;} .top-other ul li .social-share a {display:block; clear:both; color:#333; margin:10px 0;} .top-other .icon-menu {display:none;} .top-other ul li.cur-menu {box-shadow:0px 0px 3px #232323; margin-right:-1px; border-right-color:#444;} /*search-bg*/ .search-bg {background-color:#F5F5F5; width:100%; padding:20px 0; display:none;} .search-bg.search-open {display:block;} .search-bg .inner {overflow:hidden;} .search-form,.search-form input {float:left;} .search-form .s {background-color:#fff; border:1px solid #ddd; height:22px; line-height:22px; padding:5px; font-size:0.875em; width:500px; border-radius:3px;} .search-form button {border:none; background-color:#343639; color:#fff; height:32px; padding:0 5px; cursor:pointer; margin:1px 5px; border-radius:3px; font-size:1em;} /*tagscloud*/ .tagscloud {float:left; padding-left:10px; line-height:32px; font-size:0.875em;} .tagscloud span,.tagscloud a {float:left;} .tagscloud a {color:#32A5E7; margin-left:10px;} /*container*/ .container {overflow:hidden;} /*breadcrumb*/ .breadcrumb {font-size:0.875em; color:#666; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee;} .breadcrumb span {padding:0 18px; border-left:3px solid #D90000;} /*main*/ .main {width:840px; float:left;} /*focus*/ .focus {float:left; width:410px; height:387px; margin-bottom:20px; position:relative;} .focus ul li img {width:100%; height:387px; display:block;} .flexslider {height:387px; width:100%;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} .flexslider .slides:after {display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .flexslider .slides {display: block;} * html .flexslider .slides {height: 1%;} .no-js .flexslider .slides > li:first-child {display: block;} .flexslider {background-color: #fff; position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides img {-moz-user-select: none;} .flex-viewport {max-height:387px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 387px;} .carousel li {margin-right: 5px;} .flex-control-nav { width: 100%; position: absolute; bottom: 35px; right:10px; text-align: right;} .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { width: 10px; height: 10px; display: block; background-color:#869791; cursor: pointer; text-indent: 9999em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow:hidden;} .flex-control-paging li a:hover {background-color:#DA6B4A;} .flex-control-paging li a.flex-active {background-color:#DA6B4A; cursor: default;} .flex-caption {position:absolute; width: 96%; padding: 2%; left: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .flex-caption a {color:#fff;} /*top*/ .top {width:410px; height:387px; float:right; background-color:#fff; margin-bottom:20px; overflow:hidden;} .top h3,.hots h3,.content h3,.widget h3 {border-left:3px solid #D90000; padding-left:15px; margin:20px 0; font-weight:normal; font-size:1.25em;} .top ul,.widget .bloggerinfo {padding:0 18px;} .top ul li {border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;} .top ul li.last {border-bottom:none; margin-bottom:0;} .top h4 {font-size:1.125em; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .top p,.hots ul li p {font-size:0.875em; color:#555; overflow:hidden;} .top p {height:48px;} .hots ul li p {height:72px;} /*hots*/ .hots,.content {overflow:hidden; background-color:#fff; margin-bottom:20px;} .hots .section-title,.content .section-title,.widget .section-title,.friendlinks .section-title {border-bottom:1px solid #eee; margin-bottom:20px;} .hots ul,.section {padding:0 18px; overflow:hidden;} .hots ul li {float:left; width:49%; padding-bottom:20px;} .hots ul li.right {float:right;} .hots ul li .thumbnail {width:130px; height:98px; float:left; padding-right:10px;} .hots ul li img {height:98px;} .hots ul li h4 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; margin-bottom:5px;} /*section*/ .section {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;} .section h2 {font-weight:normal; font-size:1.25em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;} .section .thumbnail {float:left; width:200px; padding-right:25px; position:relative;} .section .thumbnail span {position:absolute; left:0; top:0; padding:0 5px; font-size:0.75em; background:rgba(71,150,216,.7); color:#fff;} .section .thumbnail img {height:150px;} .section .excerpt p {font-size:0.875em; color:#555; height:72px; overflow:hidden;} /*postmeta*/ .postmeta {margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .postmeta span {font-size:0.75em; color:#666; margin-right:15px;} /*post*/ .post {margin:0 18px; overflow:hidden;} .post h1.post-title {font-size:1.25em; margin-bottom:10px; color:#555;} .post .postmeta {border-bottom:1px solid #efefef; padding-bottom:5px;} .post .postmeta span {color:#999;} .post .entry {color:#333;} .post .entry p {font-size:1em; line-height:1.75em; margin-bottom:20px;} .post .entry ul,.post .entry ol,.post .entry hr,.post .entry blockquote,.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {margin-bottom:20px;} .post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {border-left: 3px solid #D90000; padding-left: 15px; font-weight:bold;} .post .entry li {font-size:1em;} .post .entry ul,.post .entry ol {padding-left:2em;} .post .entry ul li {list-style:inside disc none; margin-left:1px;} .post .entry ol li {list-style:inside decimal none;} .post .entry blockquote {overflow:hidden; border:1px solid #eee; border-left:4px solid #eee; background-color:#F5F5F5; color:#777; padding:20px 20px 0; font-size:0.875em; margin:0 2em 20px; border-radius:4px;} .post .entry a {color:#4796D8;} .post .entry img {max-width:100%; height:auto;} /*tags*/ .tags {margin-bottom:20px; font-size:0.875em; color:#888;} .tags a {color:#888; margin-right:5px;} /*postnavi*/ .postnavi {margin-bottom:20px; overflow:hidden;} .postnavi .prev {float:left;} .postnavi .next {float:right;} .postnavi i {font-style:normal; font-family:'宋体';} .postnavi a {font-size:0.875em; color:#555;} .postnavi a:hover {color:#D90000;} /*related-post*/ .related-post,.related-pic,.commentslist {border-top:1px solid #eee; margin-bottom:20px;} .related-post h3,.related-pic h3,.commentslist h3 {border:none; padding-left:0; font-size:1em; color:#333; margin:20px 0 10px;} .related-post ul li {line-height:1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em;} /*related-pic*/ .related-pic {overflow:hidden;} .related-pic ul {width:819px; overflow:hidden;} .related-pic ul li {float:left; width:189.75px; padding:5px 0; margin-right:15px; } .related-pic ul li .thumbnail {margin-bottom:5px; height:143px; position:relative;} .related-pic ul li .thumbnail img {position:absolute; left:0; top:0; height:100%;} .related-pic ul li p {font-size:0.875em; height:44px; overflow:hidden;} /*commentslist*/ .commentslist ol li {margin-bottom:20px;border:1px solid #eee; padding:10px; border-radius:3px; background-color:#f9f9f9;} .commentslist ol li .cmt-wrap {position:relative; padding-left:55px;} .commentslist ol li .thumbnail {position:absolute; left:0; top:5px; width:45px; height:45px; border-radius:2px; overflow:hidden;} .commentslist ol li .thumbnail img {width:100%; height:auto; display:block; border-radius:2px;} .commentslist ol li .cmt-user {font-size:0.875em; margin-bottom:5px;} .commentslist ol li .cmt-meta {font-size:0.75em; color:#888; margin-bottom:10px;} .commentslist ol li .cmt-meta span.reply {margin-left:10px;} .commentslist ol li .cmt-txt {font-size:1em;} .commentslist ol li li {margin-top:10px; background-color:#fff;} /*comment-form*/ .comment-form {margin-bottom:20px; overflow:hidden;} .comment-form textarea {border:1px solid #dedede; border-radius:3px; width:100%; box-sizing:border-box; padding:5px 0; text-indent:5px; height:120px;} .comment-form p {margin-top:15px;} .comment-form .input {float:left;} .comment-form .text,.comment-form p.verifyCode .input {border:1px solid #dedede; padding:5px; width:200px; border-radius:3px; margin-right:5px; height:24px; line-height:24px;} .comment-form p.verifyCode .input {width:120px;} .comment-form label {font-size:0.875em; color:#555;} .comment-form .submit {float:right; background-color:#D90000; color:#fff; border-radius:3px; border:none; padding:5px 15px; cursor:pointer; font-size:1.125em;} /*pagenavi*/ .pagenavi {text-align:center; margin-bottom:20px;} .pagenavi a,.pagenavi span,.pagenavi em {background-color:#fff; border:1px solid #eee; padding:5px 10px; font-size:0.75em; color:#333; margin:0;} .pagenavi a:hover {color:#D90000;} .pagenavi a.current,.pagenavi span {background-color:#D90000; color:#fff; border-color:#D90000;} /*sidebar*/ .sidebar {width:320px; float:right;} /*widget*/ .widget {background-color:#fff; margin-bottom:20px; overflow:hidden;} .textwidget {padding:9px 18px;} .textwidget p {padding:9px 0;} .textwidget img {width:100%; height:auto;} .widget ul {padding:0 18px 3px;} .widget.theme-widget ul {padding:0 18px;} .widget ul li {overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; margin-bottom:13px;} .bar1 ul li{white-space:normal} .widget .thumbnail {float:left; width:100px; height:75px; padding-right:15px;} .widget .thumbnail img {height:75px;} .widget ul li p {font-size:1em;} .widget ul li i {font-style:normal; font-size:0.75em; background-color:#eee; color:#888; padding:3px 8px; margin-right:8px; border-radius:3px;} .widget ul li i.a1 {background-color:#D90000; color:#fff;} .widget ul li i.a2 {background-color:#FD6440; color:#fff;} .widget ul li i.a3 {background-color:#4796D8; color:#fff;} .widget ul li i.a4,.a5,.a6,.a7,.a8,.a9 {font-style:normal; font-size:0.75em; background-color:#eee; color:#888; padding:3px 8px; margin-right:8px; border-radius:3px;} .widget .follow {padding:0 9px; text-align:center;} .widget .follow img {margin:0 9px; width:130px; height:130px;} .widget .follow p {margin-bottom:18px;} .widget ul li.list p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .widget ul li.list .thumbnail {display:none;} .widget ul li.list.cur .thumbnail {display:block;} .widget ul li.list.cur i {display:none;} .widget ul li.list.cur p {white-space:normal;} .widget .bloggerinfo .bloggerinfoimg img {width:100%; height:auto; display:block; border-radius:50%;} .widget .bloggerinfo p,.widget .bloggerinfo .bloggerinfoimg {margin-bottom:18px;} .widget .bloggerinfo p.name {text-align:center; font-size:1.25em;} .widget .bloggerinfo p.des {font-size:0.875em; color:#555; text-indent:2em;} .widget #calendar {margin-bottom:18px;} .widget #calendar table {border:none;} .widget #calendar table td,.widget #calendar table th {border:none; text-align:center;} .widget #calendar table td.day2 a {background-color:#D90000; border-radius:50%; color:#fff; width:17px; height:17px; margin:0 auto; display:block; line-height:17px;} .widget.twitter p {margin-bottom:5px; color:#555; font-size:1em; white-space:normal; text-align:justify;} .widget.twitter ul li p.time {color:#888; font-size:0.875em;} .widget.twitter p.more {margin-bottom:18px; text-align:right; font-size:0.75em;} .divTags ul {padding:0 18px 18px; overflow:hidden;} .divTags a {display:block; float:left; font-size:0.75em; background-color:#E1474D; padding:0 8px; border-radius:2px; margin:2px 5px 2px 0; overflow:hidden; color:#fff;} .divTags a:hover {opacity:0.9;} .divTags a:nth-child(8n-7) {background-color:#8A9B0F;} .divTags a:nth-child(8n-6) {background-color:#EB6841;} .divTags a:nth-child(8n-5) {background-color:#3FB8AF; } .divTags a:nth-child(8n-4) {background-color:#FE4365; } .divTags a:nth-child(8n-3) {background-color:#FC9D9A; } .divTags a:nth-child(8n-2) {background-color:#EDC951; } .divTags a:nth-child(8n-1) {background-color:#C8C8A9; } .divTags a:nth-child(8n) {background-color:#83AF9B; } .divTags a:first-child {background-color:#E1474D; } .divTags a:last-child {background-color:#3299BB; } .widget.blogsort ul li {position:relative; margin-bottom:10px;} .widget.blogsort ul li i,.widget.twitter p i {background-color:transparent; padding:0; border-radius:0; margin-right:0;} .widget.blogsort ul li span {float:right;} .widget.blogsort ul li ul {padding:0 0 0 1em;} .widget.blogsort ul li ul li {margin-bottom:0; margin-top:10px;} .widget.newcmt ul {padding:0 18px 13px;} .widget.newcmt ul li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; color:#555; margin-bottom:5px;} .widget.newcmt ul li img {float:left; width:40px; height:40px; padding:6px 5px 0 0;} .widget.newcmt ul li span {display:block;} .widget.newcmt ul li a {color:#555;} .widget .side-search {padding:18px;} .widget .side-search form {display:block; width:187px; margin:0 auto; overflow:hidden;} .widget .side-search .input-search {border:1px solid #dedede; height:22px; padding:5px 0; text-indent:5px; line-height:22px; border-radius:3px 0 0 3px; float:left; width:140px;} .widget .side-search .btn {float:left; background-color:#D90000; color:#fff; border:none; height:34px; padding:0 10px;} /*weiyu*/ #weiyu {padding:18px;} #weiyu .main_img p {margin-bottom:5px;} #weiyu .main_img p.author {font-size:1em; color:#555;} #weiyu .main_img p span {font-size:0.75em; color:#888;} #weiyu .main_img p a span {font-size:1em;} #weiyu .main_img img {float:left; display:block; width:45px; height:45px; padding:6px 8px 0 0;} #weiyu .main_cont {margin-bottom:20px; overflow:hidden;} #weiyu .main_cont p {padding:0 20px; color:#555; font-size:0.875em;} #weiyu .main_cont .blockquote_l {background:url(../img/block_l.png) no-repeat left top; width:20px; height:20px; display:block;} #weiyu .main_cont .blockquote_r {background:url(../img/block_r.png) no-repeat left top; width:20px; height:20px; display:block; float:right;} #weiyu ul.r {margin-bottom:15px;} #weiyu ul.r li {font-size:0.875em; color:#333; position:relative; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; color:#666;} #weiyu ul.r li span {display:block;} #weiyu ul.r li span.name {font-weight:bold; color:#333; margin-bottom:10px;} #weiyu ul.r li span.time {font-size:0.875em; color:#888; margin-top:10px;} #weiyu ul.r li em {position:absolute; right:0; top:0; font-style:normal;} #weiyu ul.r li em a {color:#D90000;} #weiyu textarea {width:100%; border:1px solid #ddd; height:80px; box-sizing:border-box; padding:5px; font-size:0.875em; margin-bottom:10px;} #weiyu li .tinfo label {display:block; float:left; font-size:0.875em; width:50px; padding:0 5px; height:27px; border:1px solid #ddd; border-right:none; text-align:right;} #weiyu li .tinfo p {margin-bottom:5px; overflow:hidden;} #weiyu li .tinfo input {border:1px solid #ddd; font-size:0.875em; padding:5px; float:left; border-radius:0;} #weiyu .button_p {background-color:#E1474D; color:#fff; border:none; cursor:pointer; padding:5px 20px; border-radius:3px; float:right;} /*friendlinks*/ .friendlinks {background-color:#fff; margin-bottom:20px;} .friendlinks .section-title {padding:10px 18px; font-size:0.875em; margin-bottom:10px;} .friendlinks .section-title span {font-size:0.875em; color:#666; margin-left:15px;} .friendlinks ul {overflow:hidden; padding:0 8px 10px;} .friendlinks ul li {float:left; margin:5px 10px; display:inline; font-size:0.75em;} .friendlinks ul li a {color:#555;} /*fixed-widget*/ .fixed-widget {position:fixed; right:20px; top:60%; z-index:8;} .fixed-widget ul li {cursor:pointer; font-size:2em; width:50px; height:50px; text-align:center; line-height:50px;} /*footer*/ .footer {background-color:#343639; color:#888; width:100%; padding:10px 0;} .footer .inner {overflow:hidden;} .footer a {color:#888;} .footer .other {float:right; font-size:0.75em;} /*copyright*/ .copyright {float:left; font-size:0.75em;} /*screen width*/ @media only screen and (max-width:1200px){ .inner {width:1024px;} .nav .menu ul li, .top-other ul li {font-size:0.875em;} .search-form .s {width:400px;} .main {width:740px;} .focus {width:380px; height:359px;} .focus ul li img,.flexslider {height:359px;} .top {width:340px;} .top h4 {margin-bottom:9px;} .top ul li {padding-bottom:10px; margin-bottom:10px;} .sidebar {width:264px;} .related-pic ul {width:719px;} .related-pic ul li {width:164.75px;} .related-pic ul li .thumbnail {height:123px;} .widget .follow img {width:100px; height:100px;} } @media only screen and (max-width:1060px){ .inner {width:960px;} .nav .menu ul li a {padding:0 15px;} .search-form .s {width:350px;} .main {width:700px;} .top {width:300px;} .top h4 {font-size:1em;} .sidebar {width:240px;} .widget .thumbnail {width:80px; height:60px; padding-right:8px;} .widget .thumbnail img {height:60px;} .related-pic ul {width:679px;} .related-pic ul li {width:154.75px;} .related-pic ul li .thumbnail {height:116px;} .widget .follow img {width:90px; height:90px;} } @media only screen and (max-width:980px){ .inner,.nav .menu ul li a {width:840px;} .top-other .icon-menu {display:block;} .nav {display:none; position:fixed; left:0; top:60px; background-color:#343639; width:100%; height:100%; z-index:9; box-shadow:0 0 3px #232323; overflow-x:hidden; overflow-y:scroll; } .nav .menu {padding-bottom:60px;} .nav .menu > ul {border-bottom:1px solid #444;} .nav .menu ul li {border:none; float:none; clear:both; display:block; border-bottom:1px solid #000; border-top:1px solid #444; line-height:45px;} .nav .menu ul li a {display:block; margin:0 auto;} .nav .menu ul li ul {display:block; position:relative; top:auto; left:auto; width:100%;} .nav .menu ul li ul li {font-size:1em; text-align:left; line-height:45px;} .nav .menu ul li ul li a {padding:0 15px 0 40px;} .nav .menu ul li a:hover {background-color:transparent;} /*mobile nav*/ body.nav-active {overflow: hidden; position: fixed;left: 0; top: 0; width: 100%;} .nav.mobile-nav {display:block;} /*mobile nav end*/ .search-form .s {width:750px;} .search-form {float:none;} .tagscloud {padding-left:0;} .search-bg {padding:15px 0 10px;} .main,.sidebar {width:100%; float:none;} .top {width:440px;} .related-pic ul {width:819px;} .related-pic ul li {width:189.75px;} .related-pic ul li .thumbnail {height:142px;} } @media only screen and (max-width:860px){ .inner,.nav .menu ul li a {width:768px;} .search-form .s {width:700px;} .top {width:368px;} .related-pic ul {width:102.04918%;} .related-pic ul li {width:22.99%; margin-right:2.008032%;} .related-pic ul li .thumbnail {height:128px;} } @media only screen and (max-width:800px){ .inner,.nav .menu ul li a {width:96%;} .search-form .s {width:90%;} .top {width:47%;} .friendlinks .section-title span,.fixed-widget {display:none;} .footer {text-align:center;} .copyright,.footer .other {float:none;} } @media only screen and (max-width:747px){ .focus {width:100%; height:auto; float:none;} .focus ul li img, .flexslider {height:auto;} .flex-viewport {max-height:677px;} .flex-control-nav {bottom:45px;} .top {width:100%; float:none;} .top ul {padding:0 18px 10px;} .top p {height:auto;} .related-pic ul li .thumbnail {height:119px;} } @media only screen and (max-width:640px){ .search-form .s {width:88%;} .hots ul li .thumbnail {width:100px; height:75px; padding-top:7px;} .hots ul li img {height:75px;} .hots ul li p {height:62px; line-height:1.5em;} .hots ul li h4 {font-size:0.875em; margin-bottom:0;} .section h2,.postmeta {margin-bottom:5px;} .section .thumbnail {width:160px; height:121px; padding-top:5px; padding-right:15px;} .section .thumbnail img {height:121px;} .related-pic ul li .thumbnail {height:101px;} } @media only screen and (max-width:540px){ .search-form {margin-bottom:10px;} .search-form .s {width:86%;} .tagscloud {line-height:1.5em;} .hots ul li,.hots ul li.right {float:none; width:100%;} .hots ul li h4 {font-size:1em; margin-bottom:5px;} .hots ul li .thumbnail {padding-top:0;} .hots ul li p {height:46px;} .section h2 {font-size:1.125em;} .related-pic ul li .thumbnail {height:85px;} } @media only screen and (max-width:480px) { .header {height:40px;} .logo {width:133px; height:40px;} .logo img {height:40px;} .top-other ul li {line-height:40px;} .top-other ul li .social-share {top:40px;} .nav {top:40px;} .nav .menu {padding-bottom:40px;} .search-form .s {width:80%;} .section h2 {font-size:1em;} .section .thumbnail {width:120px; height:90px; padding-right:8px;} .section .thumbnail img {height:90px;} .postmeta {display:none;} .related-pic ul {width:102%;} .related-pic ul li {width:48%; margin-right:2%;} .related-pic ul li .thumbnail {height:155px;} } @media only screen and (max-width:420px) { .related-pic ul li .thumbnail {height:134px;} .comment-form .input,.comment-form .submit {float:none; clear:both;} } @media only screen and (max-width:360px) { .widget .follow img {width:100px; height:100px;} .related-pic ul li .thumbnail {height:113px;} } @media only screen and (max-width:320px) { .search-form .s {width:78%;} .related-pic ul li .thumbnail {height:99px;} } .g_list { width:838px; border:1px #e1e1e1 solid; border-top:1px #d90000 solid; overflow:hidden; margin-bottom:10px; } .g_list .list1 { line-height:40px; font-size:14px; padding:8px 15px; } .g_list .list1 li { padding-left:10px; border-bottom:1px #e1e1e1 dashed; background:url(images/ico_2.jpg) 2px center no-repeat; } .g_list .list1 li span { float:right; font-size:12px; color:#777; } .g_list .list2 { line-height:26px; color:#666; padding:0 12px; } .g_list .list2 li { height:120px; overflow:hidden; border-bottom:1px #e5e5e5 solid; padding:15px 0; } .g_list .list2 li img { float:left; width:160px; height:120px; margin-right:10px; } .g_list .list2 li h3 { font-size:16px; font-weight:700; margin-bottom:10px; } .g_list .list2 li h3 a:hover { color:#f50; } .g_list .list2 li p { height:52px; overflow:hidden; padding-bottom:5px; } .g_list .list2 li span { display:block; text-align:right; color:#a6a6a6; } .g_list .list2 li span a { background:#00B156; color:#fff; padding:1px 3px; } .g_list .list3 { font-size:14px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; } .g_list .list3 li { float:left; width:168px; text-align:center; padding:13px 0 0 13px; } .g_list .list3 li img { display:block; width:168px; height:224px; margin-bottom:8px; } .g_tag { font-size:14px; margin-bottom:20px; background:#fff; padding:0 15px; } .g_tag dt { height:30px; padding:20px 0 15px; } .g_tag dt span { float:left; width:110px; height:26px; font-size:14px; font-weight:700; color:#fff; text-align:center; line-height:26px; background:#f60; border-radius:3px; } .g_tag dd a { float:left; width:118px; height:30px; line-height:30px; overflow:hidden; text-indent:10px; text-overflow:ellipsis; white-space:nowrap; margin:2px 0; } .g_tag dd a:hover { text-decoration:none; background:#f1f1f1; }