/**
 * 五笔之家 wubizhijia.com
**/

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:#f5f5f5; font:100%/1.5 'Microsoft Yahei',tahoma,Arial,'Simsun'; overflow-x:hidden;}
* {box-sizing:border-box}
a, .pagess a:hover {text-decoration:none}
a:hover,.post h2 a:hover,.nav  ul li a:hover,.nav  ul li a.current,.commentlist ol li .cmt-author a:hover,.commentlist ol li .cmt-floor a,#divComments ul li  a:hover {color:#00a7ea;text-decoration:underline;}
li {list-style:none;}
.T-decoration {text-decoration:underline;}
.F-size {font-size:13px;}
.clear {clear:both;}
img {max-width:100%}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:1em; 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;}
.KouJue {width:36%}

.loading {position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/loading.gif) no-repeat center center;}
.only_pc {margin-top:15px;background-color:#fff}
.only_mobile {display:none}
.cha_zuo {margin-top:15px;padding:0 15px 0 20px;background-color:#fff;}
.jianju {margi:15px 0}
.cpu-feeds-block {margin:0 auto}
@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@-moz-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@-o-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@-ms-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

/*header*/
.site-header {height:90px; transition-duration:0.5s;}
.site-header.fixed {height:80px;}
.header {width:100%; background:#fff; box-shadow:0 1px 1px #eee;margin-bottom:20px; transition-duration:0.8s;}
.header.fixed {top:0;transition-duration:0.6s; width:100%; z-index:99; opacity:0.9;}
.top-box {height:65px; transition-duration:0.8s;background:#fff}
.header.fixed .top-box {height:60px; transition-duration:0.6s;}
.top-box,.container,.mobile-nav .menu,.foot,.foot-ad,.slidershow {width:1200px; margin:0 auto; position:relative;}
.container-search {width:70%}
.logo {float:left; width:205px; height:60px; margin-top:2px; display:inline; transition-duration:0.1s; -moz-animation:fadeInLeft 1s ease both; -webkit-animation:fadeInLeft 1s ease both; -o-animation:fadeInLeft 1s ease both; -ms-animation:fadeInLeft 1s ease both; animation:fadeInLeft 1s ease both;}
.logo a {display:block;}
.logo img {display:block; width:auto; max-width:100%; height:auto;}
.nav {float:left; height:45px; margin:20px 0 0 20px; display:inline; transition-duration:1s;}
.nav ul li {float:left; margin:0 13px; display:inline; font-size:1.125em; transition-duration:0.4s; position:relative; padding-bottom:10px;}
.nav ul li a {color:#444;}
.nav ul li a:hover {text-decoration:none} 
.nav .on {color:#00a7ea}
.nav ul li ul {position:absolute; left:-30px; top:30px; background:#fff; border:1px solid #ddd; width:120px; padding:10px; border-radius:5px; z-index:98; display:none;}
.nav ul li ul span.arrow-top {position:absolute; top:-5px; left:50%; margin-left:-2.5px; border-bottom:5px solid #ccc; border-left:5px solid transparent; border-right:5px solid transparent; border-top:none;}
.nav ul li ul li {font-size:1em; padding-bottom:0; margin:5px 0; float:none; display:block;}
.header.fixed .logo {width:189px; height:44px; margin-top:2px; transition-duration:1s;}
.header.fixed .nav {margin-top:20px; transition-duration:1s;}
.header .btn {font-size:2em; position:absolute; right:10px; top:15px; color:#cecece; display:none; cursor:pointer; overflow:hidden;}
.header .btn i {display:block; cursor:pointer;}
.mobile-nav  {margin:-18px 0 18px; display:none; background:#fff; box-shadow:0 1px 1px #eee; width:100%; z-index:97;}
.mobile-nav .menu {padding:10px 0; background:#fff; overflow:hidden;}
.mobile-nav .menu ul li {margin:5px 0; font-size:0.875em; position:relative;}
.mobile-nav .menu ul li i {position:absolute; right:10px; top:8px;}
.mobile-nav .menu ul li a i {display:none;}
.mobile-nav .menu ul li a {color:#444; display:block; background:#f1f1f1; padding:5px;}
.mobile-nav .menu ul li li a {padding:5px 5px 5px 20px;}
.Min_width {display:none}

/*main*/
.container {clear:both; overflow:hidden; transition-duration:0.8s; }
.breadcrumb {font-size:0.875em; color:#777; margin-bottom:10px; background:#fff; border:1px solid #ebebeb; padding:5px 10px; border-radius:3px;}
.breadcrumb a {color:#777}
.main {float:left; width:840px;}

/*slidershow*/
.full-slidershow {width:100%; margin-top:-18px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}
.rslides_container {position: relative; float: left;	width: 100%; overflow:hidden; border-radius:3px}
.centered-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 50%; left: 10px; text-indent: -9999px; overflow: hidden; text-decoration: none;	height: 27px; width: 27px; background: transparent url("../images/arrow.png") no-repeat left top; margin-top: -13.5px;}
.centered-btns_nav:active {opacity: 1.0;}
.centered-btns_nav.next {left: auto;	background-position: right top;	right: 10px;}
.transparent-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 0;	left: 0; display: block;background: #fff;opacity: 0;filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}
.transparent-btns_nav.next {left: auto;	right: 0px;}
.large-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	opacity: 0.6;text-indent: -9999px;	overflow: hidden;top: 0;bottom: 0;left: 0;	background: #000 url("../images/arrow.png") no-repeat left 50%;	width: 38px;}
.large-btns_nav:active {	opacity: 1.0;}
.large-btns_nav.next {left: auto;background-position: right 50%;	right: 0;}
.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus {outline: none;}
.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs {text-align: center;	position: absolute;	bottom: 5%;	width: 100%;z-index: 9;}
.centered-btns_tabs li,.transparent-btns_tabs li,.large-btns_tabs li {	display: inline;float: none;_float: left;*float: left;margin-right: 5px;}
.centered-btns_tabs a,.transparent-btns_tabs a,.large-btns_tabs a {	overflow: hidden;-webkit-border-radius: 2px;-moz-border-radius: 2px;	border-radius: 2px;	background: #ccc;background: rgba(255,255,255, .9);	display: inline-block; _display: block;	*display: block; width: 20px;height: 20px;	line-height:20px; font-size:0.75em; color:#666;}
.centered-btns_here a,.transparent-btns_here a,.large-btns_here a {background: #0F72A5; color:#fff;}

/*post*/
.post {clear:both;overflow:hidden; background:#fff; border:1px solid #EBEBEB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;padding:20px; margin-bottom:15px; transition-duration:0.6s;}
.post h1 {text-align:center; font-size:1.625em; color:#444; font-weight:normal; margin-bottom:10px;}
.post.hover {border-color:#61B3E6; transition-duration:0.6s;}
.post h2 {font-weight:normal;font-size:1.175em;}
.post .top2 {font-size:1em}
.post h2 a {color:#333}
.post p a {color:#333;font-size:15px}
.istop h2.istop p {margin-bottom:0;}
.post .post-cat,.istop h2 span,.istop p span {float:left; font-size:0.75em; margin:3px 10px 0 0; display:inline;}
.post .post-cat a,.istop h2 span,.istop p span {padding:3px 6px 2px; background:#7FBB00; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family:'Simsun';}
.post .post-cat a:hover {background:#0F72A5;}
.istop h2 span,.istop p span {font-weight:normal; backgroun:#F04848; padding:2px 6px 0; margin:2px 10px 0 0;}
.post .thumb {width:216px; height:auto; float:left; margin:5px 15px 5px 0; display:inline;}
.post .thumb a {display:block; border:1px solid #ddd; padding:2px; background:#f1f1f1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden;}
.post .thumb img {display:block; width:100%; height:140px;}
.post .thumb img:hover {opacity:0.7;}
.post .entry {font-size:1em; color:#333;overflow:hidden}
.post .loop-entry {height: 100px}
.post .entry .list-P {font-size:15px;color:#555;margin-bottom:8px;}
.post .entry blockquote {margin:0 2em 15px; padding:10px 10px 0; overflow:hidden; background:#efefef; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.post .entry p {margin-bottom:15px;line-height:1.625em;text-align:justify;text-indent:2em;}
.post .entry a {color:#0F72A5;}
.post .entry img {display:block;width:auto; max-width:100%; margin:0 auto;height:auto;margin-bottom:15px;}
.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {margin-bottom:15px;}
.post .entry ul,.post .entry ol {margin-bottom:15px; margin-left:2em;}
.post .entry ul li {list-style:outside disc none;}
.post .entry ol li {list-style:outside decimal none;}
.post .search-result {padding:20px 0;}
.post .search-result p {background:#ebebeb; padding:10px 2%; border-left:4px solid #0F72A5; border-right:4px solid #0F72A5;}
.post .search-result p a {color:#555;}

.post .search-result p a:hover {color:#0F72A5;}
.post .postmeta {font-size:0.75em; color:#666;}
.post .postmeta a {color:#666;}
.post .postmeta span {padding-right:5px;}
.post .article-meta {text-align:center; color:#999; margin-bottom:20px; border-bottom:1px solid #ebebeb; padding-bottom:20px;}

.post .entry .description {padding: 10px;
    line-height: 1.8;
    color: #333;
    background: #ebf5fd;
    border-left: 3px solid #49a7ea;text-indent:0;}
.post .description strong {font-weight:normal;}
.post .answer {
    border: 1px solid #999;
    padding: 2px 6px;
    margin-right: 5px;
    border-radius: 7px;
    font-size: 13px;
}

.post .tags {text-align:center; font-size:0.875em; padding:10px 0; color:#888;}
.post .tags a {background:#00a7ea; color:#fff; padding:0 5px; margin:0 2px; font-size:0.875em;}
.post .tags a:hover {background:#F57F7F;}
.post .post-nav {padding:10px 0 15px 0;border-bottom:1px solid #ebebeb;overflow:hidden;}
.post .post-nav span {display:block; font-size:0.875em; color:#888;}
.post .post-nav a {color:#444; font-size:0.935em;}
.post .post-nav .nav-left {float:left;}
.post .post-nav .nav-right {float:right;}
.post .post-nav .nav-right span {text-align:right;}
.post .post-copyright {font-size:0.875em; background:#F4F4F4; border-bottom:2px solid #ebebeb; padding:10px; color:#999; position:relative; margin-top:15px;}

.post .post-copyright a {color:#999;}
.related .relatebox-articles {overflow:hidden}
.post .related p {font-size:0.875em; color:#666; text-align:center; background:#f4f4f4; border-left:4px solid #00a7ea; border-right:4px solid #00a7ea; padding:5px 0;}
.related .relatebox-lists {font-size:15px;margin:25px 0 20px;border-botto: 1px solid #ebebeb;overflow:hidden}
.related .relatebox-lists h2,.commentlist h3,.commentsform h3{font-size:1.187em; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px;}
.related .relatebox-lists li {text-align:center;float:left;
    vertical-align:top;width:20%;height:145px;margin-bottom:20px}
.related .relatebox-lists a{color:#444;margin-right:12px;display:block}
.related .relatebox-lists a:hover {color:#FF6B57}
.related .relatebox-lists a img{width:100%;margin-bottom:5px;height:105px}
.related .relatebox-lists img:hover {transform:scale(1.05,1.05); transition:transform 0.3s ease 0s; opacity:0.6;}
.related .relatebox-lists a .related-title{width: 100%;display: block;height: 40px;line-height: 20px;overflow: hidden;}

.start-ad {overflow:hidden;}

.start-ad img,.surroundad img,.foot-ad img {display:block; width:100%; height:auto;}

.start-ad {width:100%; height:auto; margin-bottom:15px;}

.surroundad {float:left; width:35%; height:auto; margin-right:15px; margin-top:5px; display:inline;}

.social-share {text-align:center;}

.social-share .bdsharebuttonbox a {float:none;}


.boxTitle {font-weight:normal;
    font-size:1.1em;
    margin-bottom: 2%;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    line-height: 1.875em;
}

.relate {
    padding: 15px 0;
    border-top: 1px dotted #eee;
    overflow: hidden;
    zoom: 1;
}
.posttitle {
    padding: 0 0 7px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
}.posttitle h4 {font-weight:normal;}
.relateimg {
    width: 120px;
    float: left;
    display: inline;
    margin-right: 20px;
}.relateimg a {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    display: block;}

.relateimg img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.relateimg img:hover {transform:scale(1.4,1.4); transition:transform 0.3s ease 0s; opacity:0.6;}
.relateinfo h3 {font-weight:normal;
    margin: 0 0 10px;
    color: #333;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
}.relateinfo h3 a {
    font-size: 16px;
    color: #333;
}.relateinfo p {
    max-height: 47px;
    font-size: 13px;
    color: #888;
    line-height: 26px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
}

.related-2 li {width:48%;line-height:2.2em;float:left;overflow:hidden;text-overflow:ellipsis;font-size: 15px;position:relative;padding-right:15px;}
.related-2 li::before {content:"";width:4px;height:4px;background-color:#919ba6;border-radius:50%;position:absolute;margin-top:15px}
.related-2 li a{color: #444;padding-left: 14px;}

/*commentlist*/

.commentlist {margin-bottom:15px;}

.commentlist ol li {clear:both; padding:10px 0;}

.commentlist ol li .cmt-info {position:relative; padding-left:50px; margin-bottom:10px;}

.commentlist ol li .gravatar {position:absolute; left:0; top:3px; width:40px; height:40px;}

.commentlist ol li .gravatar img {display:block; width:100%; height:auto; transform:Rotate(-720deg); transition:transform 0.4s ease 0s;}

.commentlist ol li .gravatar img:hover {transform:Rotate(720deg); transition:transform 0.4s ease 0s;}

.commentlist ol li .cmt-author {font-weight:bold; font-size:0.875em; margin-bottom:5px;line-height: 40px;   padding-top: 4px;}

.commentlist ol li .cmt-author a {color:#000;}

.commentlist ol li .cmt-meta {font-size:0.75em; color:#999;}

.commentlist ol li .cmt-meta span,.commentlist ol li .cmt-meta span a{color:#6B92B2;}

.commentlist ol li .cmt-floor {position:absolute; right:0; top:3px; font-size:0.875em; color:#666;}

.commentlist ol li .cmt-con {font-size:0.875em; color:#333;}

.commentlist ol li ol {margin-left:10px; border:1px solid #ebebeb; background:#f9f9f9; margin-top:15px; padding:0 10px;}

/*commentsform*/

.commentsform p {clear:both; overflow:hidden; margin:10px 0; font-size:0.875em;}

.commentsform .text {width:50%; border:1px solid #ddd; height:35px; line-height:35px; padding:0 5px; margin-right:10px;}

.commentsform textarea {width:98%; border:1px solid #ddd; height:150px; padding:8px 1%; -webkit-border-radius:4px; border-radius:4px; font-size:1em;}

.commentsform .submit,.commentsform a#cancel-reply {width:50%; border:1px solid #ddd; cursor:pointer; height:35px; font-family:'Microsoft Yahei'; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.commentsform .submit:hover {background:#00a7ea; color:#fff; transition:all 0.2s ease-in 0s;}

.commentsform a#cancel-reply {display:block; text-align:center; line-height:32px;}

.commentsform a#cancel-reply:hover {color:#fff; background:#F04848; transition:all 0.2s ease-in 0s;}

/*阅读全文*/
#contTab{
    display: none;
}
.content-more{
    display: none;
}

#contTab:checked ~ #cont{
    max-height:500px;
    overflow: hidden;
}
#contTab:checked ~  .content-more{
    display: block;
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
#contTab:checked ~  .content-more .gradient{
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);
    height: 80px;
    position: absolute;
    left: 0;
    top: -79px;
    width: 100%;
}
#contTab:checked ~  .content-more .readmore{
    display: inline-block;
    color:#7a8f9a;
    font-size: 14px;
    cursor: pointer;
}

/*sidebar*/

.sidebar {width:345px; float:right;}
.widget4 {background:#fff;margin-bottom:15px;border:1px solid #EBEBEB;overflow: hidden;}
.widget,.widget1 {margin-bottom:15px;}

.widget h1,.widget h3,#tbCalendar caption  {font-size:0.935em; height:40px; padding:0 10px; 
	line-height:40px; background:#fff; margin-bottom:2px;  -webkit-border-radius:3px;
	 -moz-border-radius:3px; border-radius:3px; border:1px solid #EBEBEB;}

.widget h1 i,.widget h3 i {display:block; float:left; height:40px; line-height:43px; padding-right:10px; font-size:1.3em; border-right:1px solid #ddd; margin-right:10px; color:#49a7ea;}

.widget ul,.widget p,#divSearchPanel div,#divContorPanel div,#divCalendar table {background:#FFF; padding:10px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #EBEBEB;}
.h_Div h1{width:25%;float:left;border-right:none;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.h_Div p{font-size:13px;width:75%;float:right;padding-right:15px;text-align:right;border-left:none;height: 40px;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.widget img {width:auto; max-width:100%; height:auto; display:block;}

.widget a {color:#444;}
.widget a:hover {color:#00a7ea}
.widget ul.news-list li {font-size:0.9375em; line-height:2.5em; background:url(../images/dot.png) no-repeat left center; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.widget ul.hot-post li {overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:5px;}

.widget ul.hot-post li .thumb {width:100px; height:auto; float:left; margin-top:5px; margin-right:10px; display:inline;}

.widget ul.hot-post li .thumb a {background-color:#f1f1f1;display:block; overflow:hidden; border: 1px solid #ddd;border-radius:3px;}

.widget ul.hot-post li .thumb img {width:100%; height:65px; display:block; transition:transform 0.5s ease 0s;}

.widget ul.hot-post li .thumb img:hover {transform:scale(1.4,1.4); transition:transform 0.3s ease 0s; opacity:0.6;}

.widget ul.hot-post li .hot-title {font-size:0.9375em; margin-bottom:5px;}

.widget ul.hot-post li  a {color:#444;}

.widget ul.hot-post li  a:hover {color:#00a7ea;}

.widget ul.hot-post li .hot-time {font-size:0.75em; color:#999;}

#scroll.scroll {position:fixed; width:inherit; top:10px;}

#scroll.stop {position:absolute; width:inherit; bottom:0; right:0;}

.widget input[type="text"] {width:80%; height:35px; line-height:35px; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 2%;}

.widget input[type="submit"] {height:35px; width:17%; background:#F04848; border:none; color:#fff; cursor:pointer; border-radius:3px;}
.widget input[type="submit"]:hover {background:#BA1B1B}
#divSearchPanel div,#divContorPanel div {font-size:0.875em;}

#divTags ul {overflow:hidden;}

#divTags ul li {float:left; background:none; font-size:0.75em; margin:5px 0; display:inline;}

#divTags ul li a {display:block; float:left; background:#00a7ea; color:#fff; padding:2px 4px; border-radius:2px;}

#divTags ul li a:hover {background:#F04848; color:#fff;}

#tbCalendar {width:100%;}

#tbCalendar caption {font-weight:bold;}

#tbCalendar thead,#tbCalendar tbody {background:#fff;}

#tbCalendar td {border:none;}

#tbCalendar thead tr th{padding:10px 0;}

#tbCalendar tbody tr td {padding-bottom:10px;}

#tbCalendar tbody tr td a {background:#F04848; color:#fff; padding:2px; font-size:0.75em; border-radius:5px;}

#divComments ul li {background:none; padding-left:0; margin:5px 0; border-bottom:1px dotted #ddd; padding-bottom:5px; color:#444;}

#divComments ul li  a {color:#444;}

#divComments ul li img {display:block; width:24px; height:24px; float:left; margin-right:5px; display:inline;}

#divComments ul li b {color:#444;}

#divLinkage ul,#divCatalog ul,#divFavorites ul {overflow:hidden;}

#divLinkage ul li,#divCatalog ul li,#divFavorites ul li {background:none; float:left; width:50%; padding-left:0; margin:5px 0; text-align:center;}

#divLinkage ul li a,#divCatalog ul li a,#divFavorites ul li a {display:block; background:#efefef; color:#666; width:95%; margin:0 auto;}

#divMisc ul li {background:none; padding-left:0; margin:5px auto; text-align:center;}

#divMisc ul li a {display:block;}

#divMisc ul li img {display:block; margin:0 auto;}

#divStatistics ul li,#divAuthors ul li,span.cp-hello,span.cp-login,span.cp-vrs {background:none; border-left:4px solid #F15A5A; background:#efefef; color:#666; margin:5px 0;}

span.cp-hello,span.cp-login,span.cp-vrs {display:block; padding:5px 10px; margin:0;}

/*pagenavi*/

.pagenavi {clear:both; text-align:center; font-size:0.75em;}

.pagenavi a,.pagenavi .now-page {display:inline-block; padding:2px 8px; background:#fff; margin-bottom:10px; color:#666; border-radius:2px;}

.pagenavi a:hover,.pagenavi .now-page {color:#fff; background:#00a7ea;}

/*footer*/

.foot-ad {padding-bottom:10px;}
.footer {background:#fff; border-top:1px solid #eee; padding:25px 0; text-align:center; font-size:0.875em; color:#888;}
.footer p {margin:5px 0;}
.footer a {color:#888;}

.backtop {position:fixed; top:66%; right:5px;}
.backtop a {padding:10px;display:block; width:55px; height:55px; background:#FCFCFC; color:#ccc; border:1px solid #ebebeb; text-align:center; line-height:30px; cursor:pointer;}
.backtop a:hover {background:#00a7ea; color:#fff;text-decoration:none}

.pagess {clear: both;overflow: hidden;margin-left: 0px;text-align: center}

.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess {color:#333}
.pagess a {display:inline-block;border-radius: 3px;border: 1px solid #ccc;padding: 3px 11px;margin: 0 3px;line-height: 20px;background: #fff;color:#666}
.pagess a:hover { color:#fff;background:#00a7ea;border: 1px solid #f2f8ff}
.pagess ul li a:hover {color: #fff;}

/*screen width*/
@media only screen and (max-width:1280px)
{
    .top-box,.container,.mobile-nav .menu,.foot,.foot-ad,.slidershow {width:93.75%;transition-duration:0.6s;}
    .container-search {width:70%}
    .main {width:70%;transition-duration:0.6s;}
    .sidebar {width:28.75%;transition-duration:0.6s;}
}

@media only screen and (max-width:1200px)
{
    .logo {width:20.833333%;transition-duration:0.6s}
    .nav ul li {margin:0 9px;transition-duration:0.4s}
}

@media only screen and (max-width:980px)
{
    .top-box {height:65px;transition-duration:0.6s;}
    .site-header {height:105px;}
    .nav ul li {margin:0 6px;transition-duration:0.6s;}
    .post h2 {margin-bottom:10px;transition-duration:0.6s;}
    .post .thumb {width:38%;transition-duration:0.6s;}
    .backtop a {padding:0;display:block; width:35px; height:35px; 
    .container {width:100%}
}

@media only screen and (max-width:900px)
{
    .site-header {height:80px;}
    .top-box {height:60px;transition-duration:0.6s;}
    .header .btn {display:block;}
    .logo,
    .header.fixed .logo {margin-top:5px;height:52px;width:auto;}
    .logo img {height:52px;width:auto;transition-duration:0.6s;}
    .nav {margin-top:20px;display:none;}
    .main,
    .sidebar {width:100%;float:none;display:block;}
    .widget {display:none;}
    .post .thumb {width:28%;transition-duration:0.6s;}
    .related .relatebox-lists li {width:33%}
     .Min_width,.wubi-search,.wubi-search-img,#scroll {display:block}
.post .thumb img {height:120px}
}

@media (max-width:900px)
{
    .only_pc,.widget4 {display:none}
    .only_mobile {display:block}

}

@media only screen and (max-width:640px)
{
    .post h1,.post .entry {color:#000}
    .KouJue {width:50%}
    .loop-entry,
    .poiuyhjk,
    .post .related ul li i  {display:none;}
    .post .thumb {width:20%;transition-duration:0.6s;}	
    .related .relatebox-lists li {width:50%}
    .post {padding-left:12px;padding-right:12px}
    .auth1 {padding:5px 10px}
    .post h2 {font-size:1em}
    .h_Div h1{width:100%}
.h_Div p {display:none;}
.cha_zuo {padding-left:12px;padding-right:0}
.post .thumb img {height:70px}
.related-2 li {width:98%}
.post .entry p{text-indent:0}
}

@media only screen and (max-width:480px)
{
    .post .entry {font-size:1.0625em}
    .post .postmeta {clear:both}
    .PL table td,.PL table th{padding:0}
    .footer {padding:10px}
    .backtop {top:82%}
.post .thumb img {height:50px}
}

@media only screen and (max-width:360px)
{
    .post h2 {margin-top:10px}
    .commentlist ol li .gravatar {display:none;}	
    .post .thumb {width:30%;transition-duration:0.6s;}
    .commentlist ol li .cmt-info {padding-left:0;}
    .live ul li a { font-size:14px }
}

@media only screen and (max-width:300px)
{
    .post .thumb  {display:none}	
}