/*reset*/
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{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;}
body{background-color:#f0f0f0;font:12px/1.5 Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none;vertical-align:top;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
	-ms-transition:none;
}
i,em,b{font-style:normal;}
b{font-weight:normal;}
input,select,option,textarea{font-size:12px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none;}
a{color:#333;text-decoration:none; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s;}
a:hover{color:#f70;}
a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;}
a:hover img {opacity:0.9}
a:active{outline:none;}

.doc{text-align:left;}
.inner{width:1120px; margin:0 auto; *zoom:1;}
.inner:before, .inner:after{display:block; content:"\20";height: 0;overflow: hidden;}
.inner:after{clear:both;}
.col-a, .col-b{float:left;display: inline;overflow: hidden;}
.col-a{margin-right:20px; width:770px;}
.col-b{width:330px;}
.wrapper{padding-top:20px;padding-bottom: 20px;}
/*header*/
.header{background:#fff; height:75px; border-bottom:1px solid #e0e0e0;}
.logo{float:left; width:270px; height:75px; display:inline;background: url(/www1/2016/media/images/logo.png) no-repeat 0 0;}
.menu{float:left;display: inline;padding-left: 30px;}
.menu a,.menu span{float:left; margin-left:45px; font-size:20px; line-height:72px;height: 72px; padding: 0 15px;}
.menu .cur{color:#0777dd; text-decoration:none;border-bottom: 3px solid #0777dd;}
.menu a:hover{color:#0777dd;}
.menu span{color: #aaa}

/*图片滚动*/
.slides {position:relative; width:770px; height:360px; border:none; overflow:hidden; margin-bottom:20px;}
.slides .content {padding:0;height:370px; overflow:hidden;}
.slides .content li {float:left; position: relative;}
.slides .content .pic{width:770px; height:360px; display: block;}
.slides .content .pic img{width:770px; height:360px;}
.slides .content .mask{position: absolute; left: 0; bottom: 0;height: 119px;width: 770px; background: url(/www1/2016/media/images/slide-bg.png)repeat-x 0 bottom;}
.slides .content .info{position: absolute;display: block;left: 20px;bottom: 20px;color: #fff;}
.slides .content .info span{display: block;height: 24px;line-height: 24px;overflow: hidden;width: 730px;white-space:nowrap;font-weight: bold;font-size: 20px;}
.slides .content .info em{display: block;height: 15px;line-height: 18px;overflow: hidden;padding-left: 22px;background: url(/www1/2016/media/images/icons.png) no-repeat -88px 0;margin-top: 10px;}
.slides .control {position:absolute; right:20px; bottom:26px; z-index:100}
.slides .control li {float:left; margin-left:13px}
.slides .control a {position:relative; display:block; width:12px; height:12px; line-height:12px; text-align:center;  text-decoration:none; text-indent:-9999px; background:url(/www1/2016/media/images/icons.png) no-repeat -39px -104px;}
.slides .control a:hover, #slide01 .control .current a{background-position:-19px -104px;}
.slides .content{ height: 370px; }
.slides ul {list-style:none}
.slides ul img {vertical-align:middle;}
.slides ul a:hover img{opacity: 1;}
.slides .prev, .slides .next{position: absolute; top:50%; width:35px; height:65px; background:url(/www1/2016/media/images/icons.png) no-repeat; text-indent:-9999px; margin-top:-35px;}
.slides .prev{background-position:0px -123px; left:-35px; -webkit-transition:left .3s; transition:left .3s;}
.slides .next{background-position:-39px  -123px; right:-35px; -webkit-transition:right .3s; transition:right .3s;}
.slides .prev:hover{background-position:-77px  -123px;}
.slides .next:hover{background-position:-115px  -123px;}
.slides-hover .prev{left:0;}
.slides-hover .next{right:0;}

/*文章列表*/
.post-list{margin: 0 20px;}
.post-list .entry{border-top:1px dashed #e9e9e9; padding:20px 0; overflow:hidden; *zoom:1;margin-top: -1px;}
.entry .pic{float:left; width:200px; height:133px; margin-right:20px; display:block; overflow: hidden;border:1px solid #e9e9e9;}
.entry .pic span{display:table;height: 133px;overflow: hidden;}
.entry .pic i{display:table-cell;*display:inline-block;width: 200px;height: 133px;*line-height: 133px; *font-size: 100px;vertical-align:middle; text-align: center;}
.entry .pic img{vertical-align:middle;}
.entry .bd{float:left; width:410px; margin-right:10px; position: relative; height:133px;}
.entry .tit{margin-bottom:8px; margin-top:4px; font-weight:400;line-height: 24px;overflow: hidden;height: 24px;white-space:nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.entry .tit a{font-size:20px;}
.entry .desc{font-size:14px; color:#888; line-height:28px; height:56px; overflow:hidden;word-wrap: break-word;word-break:break-all;}
.entry .meta{position:absolute; left:0; bottom:0;}
.meta .muted{float:left; margin-right:20px; display:inline; font-size:12px; height:20px; overflow:hidden; line-height:20px;}
.meta i{float:left; margin-right:5px; width:14px; height:14px; background:url(/www1/2016/media/images/icons.png) no-repeat -84px -76px; margin-top:3px;}
.meta .view i{background-position:-84px -92px; width:16px; height:12px; margin-top:4px;}
.meta .cmt i{background-position:-84px -106px; width:14px; height:12px; margin-top:4px;}
.meta em,.meta em a{color:#aaa;}
.meta em a:hover{color: #f70;}
.entry .author{float: right; width:88px; color:#aaa; margin-top:30px;}
.entry .author:hover{color:#f70;}
.entry .author .avatar{width:60px; height:60px; margin:0 auto 7px; display:block; position:relative;}
.entry .author .avatar img{width:60px; height:60px; border-radius:30px;}
.entry .author .name{font-size:12px; height:18px; overflow:hidden; text-align:center; display:block;}


.loading{height: 35px;line-height: 35px;text-align: center;overflow: hidden;padding-bottom: 20px;background: #fff;}
.loading span{display: inline-block;padding-left: 28px;background: url(/www1/2016/media/images/loading.gif) no-repeat 0 6px;font-size: 14px;color: #aaa}

/*侧栏公共*/
.widget{background:#fff; margin-bottom:20px;}
.widget-tit{overflow:hidden; *zoom:1;border-bottom: 1px solid #f0f0f0;height: 54px;line-height: 60px;padding: 0 20px;}
.widget-tit .mark{font-size:20px; float:left; font-weight:400;margin: 0;}
.widget-tit .sub-mark{float:right; font-size:12px; margin-top:3px;}
.widget-tit .sub-mark a{color:#888;}
.widget-tit .sub-mark a:hover{color:#f70;}
.fixWidget{position: fixed; top: 0px; z-index: 200; width:310px; background: #fff; _position:absolute; _top:expression(documentElement.scrollTop);}

/*tab*/
.tab{padding: 0;}
.tab .toc{font-size:20px; float:left; font-weight:400;margin: 0;padding: 0 20px;border-top: 2px solid #fff;height: 52px;line-height: 52px;cursor: pointer;}
.tab .current{color: #0777dd;border-top: 2px solid #0777dd;}

/*关注按钮*/
.action .btn a{display:block; width:70px; height:24px; background:url(/www1/2016/media/images/icons.png) no-repeat 0 0;}
.action .btn .follow{background-position:0 0;}
.action .btn .follow:hover{background-position:0 -26px;}
.action .btn .following{background-position:0 -52px; display:none;}
.action .btn .following:hover{background-position:0 -78px; display:none;}
.c-fans{/* visibility: hidden; */}
.c-focus{visibility: hidden;}

/*作者推荐*/
.author-recommend{height:360px;}
.author-recommend .sub-mark a{padding-left: 19px;background: url(/www1/2016/media/images/icons.png) no-repeat -88px -18px;height: 24px;line-height: 24px;float: right;margin-top: 18px;}
.author-recommend .sub-mark a:hover{background-position: -88px -39px;}
.slide02{width:290px; height:305px; overflow:hidden;margin: 0 auto;}

.slide02 .panel{float:left;}
.slide02 .bd{border-top:1px #e9e9e9 dashed; margin-top: -1px;height:100px; overflow:hidden; width:290px;}
.slide02 .author{margin-top:20px; float:left; margin-right:15px; display:inline; width:60px; height:60px; position: relative;}
.slide02 .author img{width:60px; height:60px; border-radius:30px;}
.slide02 .info{float:left; width:125px;}
.slide02 .name{margin-top:20px; font-size:14px; height:22px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.slide02 .name a{color:#0777dd;}
.slide02 .name a:hover{color: #f70;}
.slide02 .desc{font-size:12px; line-height:18px; height: 36px; overflow:hidden;color: #888}
.slide02 .action{float:right; width:88px; margin-top:38px; text-align:right;}
.slide02 .action .btn{width:70px; margin-left:18px;}
.slide02 .action .fans-no{color:#999; margin-top:5px; clear:both;}

/*热门文章*/
.hot-article .bd{overflow:hidden;margin: 0 20px;}
.hot-article li{border-top:1px dashed #e9e9e9; padding:20px 0 21px 132px; overflow:hidden;margin-top: -1px;}
.hot-article .pic{float: left;margin-left: -132px;width: 120px;height: 80px;overflow: hidden;border:1px solid #e9e9e9;}
.hot-article .pic i{display:table-cell;*display:inline-block;width: 120px;height:80px;*line-height:80px; *font-size: 60px;vertical-align:middle;text-align: center;}
.hot-article .pic img{vertical-align:middle;}
.hot-article .tit{height: 44px;overflow: hidden;line-height: 22px;font-size: 14px;margin-bottom: 12px;}
.hot-article .meta{*zoom: 1;}
/*最新活动*/
.slide03{position:relative;height:154px;overflow:hidden;margin-bottom:17px; margin-top:15px;}
.slide03 .pic{float:left; position: relative;}
.slide03 .fadeimg{width:310px; height:154px; display:block;}
.slide03 .img-title{position: absolute; left:0; bottom:0; height:34px; line-height:34px; font-size:14px; width:100%; color:#fff; overflow:hidden; text-align:center;
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#7F000000,endColorstr=#7F000000)"; /*Filter for IE8 */    
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#7F000000, endColorstr=#7F000000)
}
:root .slide03 .img-title{filter:none; background:#000; background:rgba(0,0,0,0.5);}
.slide03 .prev, .slide03 .next{position: absolute; top:50%; width:35px; height:70px; background:url(/www1/huamei/2016/img/icons.png) no-repeat; text-indent:-9999px; margin-top:-35px; z-index:2;}
.slide03 .prev{background-position:-70px 0; left:-35px; -webkit-transition:left .3s; transition:left .3s;}
.slide03 .next{background-position:-105px 0; right:-35px; -webkit-transition:right .3s; transition:right .3s;}
.slide03 .prev:hover{background-position:0 0;}
.slide03 .next:hover{background-position:-35px 0;}
.slides-hover .prev{left:0;}
.slides-hover .next{right:0;}
.list-txt a{display:block; padding-left:13px; background:url(/www1/huamei/2016/img/icons.png) no-repeat -294px 0; font-size:14px; line-height:20px; margin-bottom:11px;}

/*关于我们*/
.widget-supply{padding-bottom:15px;}
.widget-supply .bd{padding:  10px 20px 0;}
.widget-supply .bd a,.widget-supply .bd p{display:block; line-height:30px; font-size:14px; color:#999;}
.widget-supply .bd a:hover{color:#f70;}
.fixWidget{position: fixed; top: 0px; width:310px; overflow: hidden; z-index: 200; background: #fff; _position:absolute; _top:expression(documentElement.scrollTop);}

/*意见反馈和回到顶部*/
.floatBtns{width:80px;position:fixed;left:50%;bottom:40px;margin-left:580px;_position:absolute;_margin-top:expression(documentElement.scrollTop);}
.floatBtns .btn{display:block;width:80px;height:38px;margin-top:10px;background:url(/www1/2016/media/images/gotop.png) no-repeat;}
.floatBtns .btn:hover{background-position: -118px 0}
.floatBtns .btnC{background-position:0 -48px}
.floatBtns .btnC:hover{background-position: -118px -48px}

/* 作者页面 */
.author-list{padding-bottom:20px;}
.author-list li{padding:30px 0 22px; border-top:1px dashed #e9e9e9; *zoom:1;margin-top: -1px;}
.author-list li:before, .author-list li:after{display:table; content:"";}
.author-list li:after{clear:both;}
.author-list .pic{float:left; width:80px; margin-right:20px;}
.author-list .avatar{width:80px; height:80px; margin-bottom:10px; position: relative;}
.author-list .avatar img{width:80px; height:80px; border-radius:40px;}
.author-list .action{width:70px; margin:0 auto; display:none;}
.author-list .hover .action{display:block;}
.author-list .con{float:left; width:600px; position: relative;}

.author-list .name{font-size:18px; margin-top:-4px; margin-bottom:12px;}
.author-list .name a{display: block;}
.author-list .name i{display:inline-block; *display:inline; *zoom:1;}
.author-list .name img{margin:7px 0 0 5px;}
.author-list .data{font-size:14px; margin-bottom:8px;}
.author-list .data span{display:inline-block; *display:inline; *zoom:1; margin-right:30px;}
.author-list .data em{color:#0777dd;}
.author-list .desc{font-size:14px; color:#999; margin-bottom:8px; line-height:24px; padding-top:5px;}
.author-list .art p{line-height:30px; font-size: 14px;}
.author-list .art .more{color:#999; font-size:12px; margin-left:8px;}
.author-list .art a:hover .more{color:#f70;}
.author-list{margin: 0 20px;}
/*top8*/
.top8 .action{display:none;}
.top8 .author-list li{padding:20px 0 14px;}
.top8 .author-list .pic{width:70px; margin-left:-5px; margin-right:-5px;}
.top8 .author-list .avatar{width:60px; height:60px; margin-left:auto; margin-right:auto;}
.top8 .author-list .avatar img{width:60px; height:60px; border-radius:30px;}
.top8 .author-list .con{float:left; width:210px; display:inline; margin-left:20px;}
.top8 .author-list .name{margin-bottom:4px; font-size:14px;}
.top8 .author-list .name i{display:inline-block; *display:inline; *zoom:1;background: url(/www1/2016/media/images/icons.png) no-repeat 0 -104px;width: 14px;height: 14px;overflow: hidden;margin-left: 5px;*vertical-align: top;}
.top8 .author-list .name img{display: none;}
.top8 .author-list .data{margin-bottom:0;}
.top8 .author-list .desc{margin-bottom:0; font-size:12px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.top8 .author-list .art{margin-top:7px;}
.top8 .author-list .art p{line-height:24px; font-size: 12px;}
.top8 .author-list{padding-bottom:0;}
.top8 .author-list .last{border-bottom:0 none;}
.top8 .author-list .active .desc{height: auto; white-space:normal;}
.top8 .author-list .hover .action{display:block;}

/*优化增加0929*/

/*分页*/
.pages{text-align:center;font-size:0; *word-spacing:-1px;padding: 20px 0;}
.pages a, .pages span{display: inline-block; *display:inline; *zoom:1; margin-right:5px; border:1px solid #DCDCDC; color:#999; font-size:14px; width:38px; height:38px; text-align:center; line-height:38px; letter-spacing:normal; word-spacing:normal; vertical-align:top;}
.pages span{border-color:#fff; width:18px;}
.pages .cur{width:38px;}
.pages .cur , .pages a:hover{border-color:#fa0; background:#fa0; color:#fff;}
@media screen and (-webkit-min-device-pixel-raito:0){
	.pages{letter-spacing:-5px;}
}

.meta .cmt:hover i{background:url(/www1/2016/media/images/icon-0929.png) no-repeat;}
.meta .cmt:hover em{color:#f70;}
.list-empty{padding:50px 0; line-height: 100px; color: #888; text-align: center; font-size: 14px;}