.blog_content{width:68%;float:left}.blog_classify{width:28%;float:right}.blog_classify>ul>li{margin:0 0 40px 0}.blog_content ul li{display:block;position:relative;background:rgba(255,255,255,.9);margin:0 0 30px 0;padding:20px;box-shadow:0 1px 1px rgba(0,0,0,0.04);cursor:pointer;border-radius:10px;overflow:hidden}.blog_content ul li:hover .line{height:25px}.blog_image{position:relative;float:left;width:220px;height:130px;overflow:hidden;margin:0 20px 0 0}.blog_image:before{content:"Loading";position:absolute;left:0;width:100%;height:100%;line-height:130px;text-align:center;font-size:25px;background-color:rgba(0,0,0,0.01);color:#b7b6b6;z-index:-1}.blog_image>img{width:100%;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.blog_image>img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.blog_content ul li:before:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.blog_content ul li h3{font-family:inherit;font-style:inherit;color:#444;font-size:14px;line-height:20px;padding:0 0 7px 0}.blog_content ul li h3>span{color:#2d93ca}.article_content{font-size:13px;color:#777;height:78px;overflow:hidden;line-height:26px;display:-webkit-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article_content br{display:none}.article_content img{height:20px;width:20px}.blog_content ul li>span{position:relative;top:22px;color:rgba(0,0,0,.5)}.read_more{position:absolute;right:-1px;bottom:10px;display:block;background:#3690cf;color:#fff;line-height:30px;padding:0 12px;border-right:0;border-radius:2px 0 0 2px;cursor:pointer}.article{display:block;overflow:hidden;position:relative}.article_classify{display:block;padding:5px 6px;background-color:rgba(0,0,0,.6);position:absolute;color:#fff;top:30px;left:30px;text-align:center;font-size:12px}.article_classify:hover{background-color:#ee2c2c}.blog_content ul li span i{margin:0 5px 0 2px}.blog_date{float:right;margin-right:80px}.blog_comment{margin-left:15px}.line{position:absolute;background:#ee2c2c;top:20px;left:-1px;width:5px;height:0;box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;transition:height .5s}.blog_heart{margin-left:15px}.top{width:80px;height:20px;background-color:red;line-height:20px;position:absolute;text-align:center;font-size:13px;transform:rotate(45deg);right:-20px;top:9px;color:#fff;cursor:default}.article_info{position:relative;top:10px;color:#666;font-size:13px}.classify{display:block;background-color:rgba(255,255,255,.9);height:215px;overflow-y:scroll}.classify li{display:block;position:relative;background-color:rgba(255,255,255,.9);height:40px;line-height:40px;border-bottom:1px solid #eee;counter-increment:nums;cursor:pointer}.classify li:hover{background-color:#f8f9f7}#allClassify{cursor:pointer}#allClassify:hover{color:#2ea7e0}.classify_title{display:block;color:#ee2c2c;font-size:16px;line-height:40px;padding-bottom:5px;background-color:rgba(255,255,255,.9);border-bottom:1px solid #ee2c2c;text-align:center}.classify li:last-child{border-bottom:0}.classify li a{margin:0 60px;color:#787977;font-size:14px}.blog_classify>ul>li>ul>li>a:before{content:counter(nums,decimal);width:20px;height:20px;line-height:20px;text-align:center;position:absolute;left:25px;top:9px;border-radius:100%;background-color:#edefee;text-shadow:0 1px 0 rgba(255,255,255,.5)}.blog_classify>ul>li>ul>li:first-child>a:before{margin-top:10px;background-color:#e24d46;color:#fff;text-shadow:none}.blog_classify>ul>li>ul>li:nth-child(2)>a:before{background-color:#2ea7e0;color:#fff;text-shadow:none}.blog_classify>ul>li>ul>li:nth-child(3)>a:before{background-color:#6bc30d;color:#fff;text-shadow:none}.blog_classify>ul>li>ul>li:first-child{padding-top:10px}.blog_classify>ul>li>ul>li:last-child{padding-bottom:10px}.hot_article{background-color:rgba(255,255,255,.9)}.hot_article li{display:block;line-height:38px;position:relative;counter-increment:nums;padding-left:30px;overflow:hidden;word-wrap:normal!important;white-space:nowrap;text-overflow:ellipsis}.hot_article li a{color:#787977;font-size:13px;margin:0 30px}.hot_article li a:hover{color:#ee2c2c;text-decoration:underline}.hot_tag{position:relative;overflow:hidden;height:330px;background-color:rgba(255,255,255,.9)}#tag_cloud_widget span{display:block;position:absolute;font-size:14px;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;top:0;left:0;padding:3px 5px;box-shadow:0 1px 1px rgba(0,0,0,0.08);line-height:15px;background:#999;cursor:pointer}#tag_cloud_widget{position:relative;width:100%;height:240px;overflow:hidden;margin:10px auto 10px}#tag_cloud_widget span:nth-child(n){white-space:nowrap;_white-space:normal;*white-space:normal;overflow:hidden;text-overflow:ellipsis}#tag_cloud_widget span:nth-child(2n){background:#d1a601}#tag_cloud_widget span:nth-child(3n){background:#286c4a}#tag_cloud_widget span:nth-child(5n){background:#518ab2}#tag_cloud_widget span:nth-child(4n){background:#c91d13}.left1{display:none}.left2{display:none}.top1{display:none}@media screen and (max-width:500px){.blog_content{width:100%}.blog_image{width:100%;height:100%;min-height:150px;margin:37px 20px 0 0}.blog_content ul li h3{position:absolute;width:100%}.article{overflow:initial}.read_more{display:none}.article_classify{top:70px}.article_content{width:100%}.blog_date{margin-right:0}.blog_comment{margin-left:8px}.blog_heart{margin-left:8px}.article_info{font-size:12px}.mobile_close{display:none}.hot_mobile_open{width:70%;position:fixed;top:10%;right:0;background-color:rgba(255,255,255,.4);z-index:200;overflow-y:scroll}.top_mobile_open{width:70%;position:fixed;bottom:20%;right:0;background-color:rgba(255,255,255,.4);z-index:200;overflow-y:scroll}.label_mobile_open{width:80%;position:fixed;top:calc(51% - 135px);right:0;background-color:rgba(255,255,255,.4);z-index:200;overflow-y:scroll}.classify_mobile_open{width:90%;position:fixed;top:70px;left:5%;z-index:200}.left1{display:block;position:fixed;right:0;top:20%;width:15px;background:rgba(238,44,44,.8);color:#fff;font-size:16px;padding:30px 0;z-index:9999;text-align:center}.left2{display:block;position:fixed;right:0;bottom:20%;width:15px;background-color:rgba(165,51,225,.8);color:#fff;font-size:16px;padding:30px 0;z-index:9999;text-align:center}.top1{display:block;position:fixed;width:40px;height:40px;text-align:center;left:25px;top:12px;color:rgba(255,255,255,.8);background-color:rgba(0,0,0,.1);border-radius:50%;z-index:500}.top1:hover{background-color:#ee2c2c}.top1 i{line-height:40px;font-size:18px}#tag_cloud_widget{right:13%;overflow:initial}}

.page-navigator {
	list-style:none;
	margin:25px 0;
	padding:0;
	text-align:center;
}
.page-navigator li {
	display:inline-block;
	margin:0 4px;
}
.page-navigator a {
	display:inline-block;
	padding:0 10px;
	height:30px;
	color:#000;
	border-radius: 50%;
	line-height:30px;
}
.page-navigator a:hover {
	background:#EEE;
	text-decoration:none;
}
.page-navigator .current a {
	color:#000;
	background:#EEE;
}