/*
作者：美文美句
地址：http://luckyhai.com
QQ：284204003
邮箱：284204003@qq.com
*/
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}
@font-face{font-family:Providence;src:url(../style/fonts/icomoon_other.ttf) format('truetype');font-weight:200;font-style:normal}
@font-face{font-family:icomoon;src:url(../style/fonts/icomoon.eot);src:url(../style/fonts/icomoon.eot) format('embedded-opentype'),url(../style/fonts/icomoon_post.ttf) format('truetype'),url(../style/fonts/icomoon.woff) format('woff'),url(../style/fonts/postfonts.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:icomoon;src:url(../style/fonts/iefonts.eot);src:url(../style/fonts/iefonts.eot) format('embedded-opentype'),url(../style/fonts/icomoon_other.ttf) format('truetype'),url(../style/fonts/icomoon.woff) format('woff'),url(../style/fonts/icomoon.svg) format('svg');font-weight:400;font-style:normal}
[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}
.global-nav .gnli{display:inline-block;margin-left:25px;zoom:1}
.global-nav .gna{display:block;height:30px;color:#FFF;font-size:15px;text-decoration:none;outline:medium none;white-space:nowrap}
.global-nav .gna: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{padding-bottom:10px;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}
.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{margin-top:206px;margin-left:-115px;margin-bottom:5px;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{background:url(../style/images/xk.jpg);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;}}