article,aside,body,div,dl,h1,h2,h3,h4,head,header,html,iframe,img,nav,object,ol,p,section,span,ul{margin:0;padding:0;border:0;background:0 0}
ul{list-style:none}
h1,h2,h3,h4,h5{color:inherit;font-weight:400;line-height:24px;text-rendering:optimizelegibility}
.header-roup,article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
h1{font-size:24px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:15px}
h5{font-size:14px}
a{color:#666;text-decoration:none}
a:hover{outline:0;color:#de3009;text-decoration:none}
:after,:before,body *{box-sizing:border-box}
.avatar,.imgbox,.imgbox svg line,.overlay,.popup,.style-switch,.swiper-button,.swiper-pagination-bullet,a,b,button,i,input,li,textarea{-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s;-ms-transition:ease-in-out .25s}
:after,:before{-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s;-ms-transition:ease-in-out .3s}
body{overflow-x:hidden;overflow-y:scroll;background-color:#fbfbfb;background-image:url(bg.png);background-repeat:repeat;color:#666;font:13px Verdana,微软雅黑,Geneva,sans-serif}
img{opacity:1!important;-webkit-transition:-webkit-transform .3s linear;transition:transform .3s linear}
.header{position:fixed;z-index:2;top:0;width:100%;background-color:#fff;background-image:url(header_bg.png)}
.logo{margin:0 auto;padding:10px 0;width:1200px;}
.logo img{width:300px;height:60px;}
.header-menu{margin:0 auto;width:100%;height:50px;background-color:#222631;border-bottom:3px solid #f24c27;}
.header-menu .menu{margin:0 auto;width:1200px;}
.header-menu .menu>li{position:relative;float:left;display:block;border-right:1px solid rgba(0,0,0,.1);border-left:1px solid hsla(0,0%,100%,.2)}
.header-menu .menu>li:first-child{border-left:none}
.header-menu .menu>li:last-child{border-right:none}
.header-menu .menu>li>a{display:block;padding:0 28px;color:#fff;font-size:15px;line-height:50px;}
.header-menu .menu>li>a:hover,.header-menu .menu>li.on>a{background-color:#f24c27;color:#fff}
.wrapper{margin:150px auto 0;width:1200px;}
.ad{margin:0 auto 20px;width:100%;}
.container{float:left;width:840px;}
.container h3{overflow:hidden;box-sizing:border-box;margin-bottom:-1px;padding:10px 15px;border:1px solid #eee;background-color:#fff}
.stylelist{margin-right:-15px}
.stylelist .post{position:relative;overflow:hidden;margin:0 15px 20px 0;padding:15px;border:1px solid #eee;background-color:#fff;line-height:24px;}
.post-thumb{position:relative;overflow:hidden;float:left;margin-right:20px;}
.post-thumb img{width:260px;height:160px;-webkit-transition:-webkit-transform .3s linear;transition:transform .3s linear}
.post:hover .post-thumb a img{-webkit-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1)}
.post-head{overflow:hidden;padding-bottom:10px;border-bottom:1px solid #eee}
.post-head h2{display:block;overflow:hidden;width:100%;height:35px;text-overflow:ellipsis;white-space:nowrap;line-height:30px}
.post-head h2 a:hover{margin-left:6px;}
.excerpt{display:block;overflow:hidden;padding:10px 0 5px;width:auto;color:#999;}
.info{overflow:hidden;height:auto;color:#999;font-size:12px}
.info span{display:inline-block;color:#f24c27;font-size:14px;}
.info .read-more{position:relative;float:right;z-index:1;display:block;overflow:hidden;padding:2px 12px;background-color:#f24c27;color:#fff}
.info .read-more:before{position:absolute;top:-36px;left:0;z-index:-1;width:100%;height:36px;background-color:#de3009;content:""}
.info .read-more:hover:before{top:0}
.info .read-more:hover{color:#fff}
.sidebar{float:right;width:340px}
.sidebar .sidebar-widget{margin-bottom:20px;padding:0 15px;border:1px solid #eee;background-color:#fff}
.sidebar-widget h3{position:relative;display:block;padding:10px 0;border-bottom:1px solid #eee;}
.sidebar-widget ul{overflow:hidden;padding:10px 0 15px;}
#divCrchives li{counter-increment:nums;display:block;padding:1px 0 3px 30px;position:relative;margin:2px 0;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#divCrchives li:first-child:before{background-color:#FF6B57}
#divCrchives li:first-child:before,.divCrchives li:nth-child(2):before,.divCrchives li:nth-child(3):before{color:#fff;text-shadow:none;line-height:22px}
#divCrchives li:before{width:22px;height:22px;line-height:22px;text-align:center;content:counter(nums,decimal);position:absolute;left:0;top:2px;border-radius:100%;background-color:#edefee;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:13px}
#f-toe{overflow:hidden;word-wrap:normal!important;white-space:nowrap;text-overflow:ellipsis}
#divCrchives li:nth-child(2):before{color:#fff;background-color:#2ea7e0}
#divCrchives li:nth-child(3):before{color:#fff;background-color:#6bc30d}
#toptag a:nth-child(9n){background-color:#4A4A4A;}
#toptag a:nth-child(9n+1){background-color:#428BCA;}
#toptag a:nth-child(9n+2){background-color:#5CB85C;}
#toptag a:nth-child(9n+3){background-color:#D9534F;}
#toptag a:nth-child(9n+4){background-color:#567E95;}
#toptag a:nth-child(9n+5){background-color:#B433FF;}
#toptag a:nth-child(9n+6){background-color:#00ABA9;}
#toptag a:nth-child(9n+7){background-color:#B37333;}
#toptag a:nth-child(9n+8){background-color:#F60;}
#toptag a{display:inline-block;margin:0 5px 5px 0;padding:0 6px;background-color:#00b0c8;color:#fff;line-height:22px;opacity:.8;filter:alpha(opacity=80);}
#toptag a:hover{color:#fff;opacity:1;filter:alpha(opacity=100);}
.link{overflow:hidden;width:1200px;margin:0 auto 20px;border:1px solid #eee;}
.link h3{overflow:hidden;box-sizing:border-box;padding:10px 15px;background-color:#fff}
.links{overflow:hidden;background:#fff;border-top:1px solid #eee;}
.links ul{overflow:hidden;margin:10px 15px;}
.links ul li{display:inline-block;margin:5px 5px 5px 0;line-height:30px;border-radius:2px;}
.links a{border:1px solid #eee;padding:5px 8px}
.links a:hover{color:#fff;font-weight:500;background:#de3009;border:1px solid transparent}
.single{overflow:hidden;box-sizing:border-box;margin-bottom:20px;padding:10px 15px;width:100%;border:1px solid #eee;background-color:#fff}
.single-title{overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #f24c27}
.single-title h2{display:block;overflow:hidden;width:100%;height:35px;text-overflow:ellipsis;white-space:nowrap;line-height:30px}
.single-info{overflow:hidden;color:#999;font-size:12px}
.single-info a{color:#999}
.single-info a:hover{color:#f24c27}
.single-info span{margin-right:10px;}
.entry p{margin-bottom:10px;font-size:14px;line-height:24px}
.entry img{padding:5px;height:auto;max-width:100%;}
.entry_intro{margin-bottom:15px;color:#999;padding:10px;border:1px solid #d8d8d8;background:#f9f9f9;}
.xiangguan{overflow:hidden;margin-bottom:20px;border:1px solid #eee;background:#fff;}
.xiangguan-title{overflow:hidden;padding:10px 15px;;border-bottom:1px solid #eee;font-size:16px;}
.xiangguan ul{padding:10px 15px;}
.xiangguan li span{float:right;font-size:14px}
.xiangguan li{overflow:hidden;height:35px;font-size:14px;border-bottom:1px dotted #eee;line-height:35px}
.footer{overflow:hidden;width:100%;border-top:3px solid #f24c27;background-color:#222631}
.copyright{margin:0 atuo;padding:20px 0;line-height:22px;text-align:center;font-size:14px;}
.pagination{overflow:hidden;margin:20px 0;text-align:center;font-size:14px;}
.pagination a,.pagination>span{display:inline-block;overflow:hidden;padding:3px 8px;margin:0 2px;border:1px solid #eee;background-color:#fff;color:#666;line-height:22px;}
.pagination .current,.pagination a:hover{border-color:#de3009;background-color:#de3009;color:#fff}