/**
	@Name：layuiBlog
	@Author：xuzhiwen
	@Alter:橘子俊 364666827@qq.com
	@Site：http://www.layui.com/template/xianyan/
	@License：MIT
*/
.pull-right{float:right!important}
.pull-left{float:left!important}
body,html{height:100%}
body{background:#f2f2f2;font-size:1.2rem;line-height:1.5}
.lay-blog .header{position:relative}
.lay-blog .header-wrap{padding:0 70px 0 40px}
.lay-blog .header{margin-bottom:-75pt;height:75pt;background:#1e9fff;line-height:75pt}
.lay-blog .logo-img{padding-right:10px;height:65px}
.lay-blog .blog-seach{padding:30px 0 0 85px}
.lay-blog .blog-sewrap{margin-bottom:0}
.lay-blog .blog-sebox{position:relative;margin-left:0;min-height:auto}
.lay-blog .blog-seach i{position:absolute;top:9px;left:15px;width:25px;height:27px;color:#fff;font-size:20px;line-height:27px;cursor:pointer}
.lay-blog .blog-seach input{padding-left:50px;width:367px;height:45px;border:1px solid hsla(0,0%,100%,.15);background:0 0;color:#fff;font-size:1pc;line-height:45px}
.lay-blog .blog-seach input.layui-input:hover{border-color:hsla(0,0%,100%,.5)!important}
.lay-blog .blog-nav ul{padding-right:20px;padding-left:0;background:0 0}
.lay-blog .blog-nav ul li{line-height:75pt}
.lay-blog .blog-nav ul li a{padding:0 34px;font-size:1pc}
.lay-blog .blog-nav ul li.layui-this:after,.lay-blog .layui-nav-bar{background:#c1e4ff}
.lay-blog .blog-nav .personal{height:75pt}
.lay-blog .blog-nav .personal i{color:#fff;font-size:20px}
.lay-blog .blog-nav .personal:hover{color:#fff}
.lay-blog .mobile-nav{display:none;padding:0 20px}
.lay-blog .mobile-nav i{color:#fff;font-size:40px}
.lay-blog ul.pop-nav{position:absolute;top:75pt;left:0;z-index:2;display:none;width:100%;background:#1e9fff;text-align:center;line-height:60px}
.lay-blog ul.pop-nav li{border-top:2px solid hsla(0,0%,100%,.08)}
.lay-blog ul.pop-nav li a{display:block;width:100%;height:100%;color:#fff;font-size:20px}
@media only screen and (max-width:1100px){
	.lay-blog .blog-seach{padding-left:50px}
	.lay-blog .blog-seach input{width:200px}
	.category{display:none;}
}
@media only screen and (max-width:900px){
	.lay-blog .blog-seach{display:none}
	.category{display:none;}
}
@media only screen and (max-width:750px){
	.lay-blog .blog-nav{display:none}
	.lay-blog .mobile-nav{display:block}
	.category{display:none;}
	.lay-blog .header-wrap{padding:0 20px 0 40px}
	.lay-blog ul#pop-nav{display:none}
}
@media only screen and (min-width:750px){
	.lay-blog ul#pop-nav{display:none!important}
}
.lay-blog .container .count .layblog-this{color:#ff5722!important}
.lay-blog .container-wrap{box-sizing:border-box;margin:0 auto;padding:90pt 0 10pc;min-height:100%}
.lay-blog .container{margin:0 auto;width:750px}
.lay-blog .container h4{margin-bottom:15px;background:#fff;font-size:1pc;line-height:70px}
.lay-blog .container h4 p{padding-left:40px;color:#666}
.lay-blog .container h4 p i{position:relative;top:3px;padding-right:10px;font-size:26px}
.lay-blog .container .item{margin-bottom:15px;padding-top:20px;background:#fff}
.lay-blog .container .item .item-box{padding:0 35px 24px;font-size:14px}
.lay-blog .container .item h3{font-size:20px;line-height:36px}
.lay-blog .container .item h5{color:#a5a5a5;line-height:38px}
.lay-blog .container .item p{padding-bottom:10px;line-height:30px}
.lay-blog .container .item .comment{overflow:hidden;width:100%;background:#f9f9f9;font-size:14px;line-height:56px}
.lay-blog .container .item .comment a{float:left;display:inline-block;width:50%;text-align:center}
.lay-blog .container .item .comment a+a{margin-left:-1px;border-left:1px solid #efefef}
.lay-blog .container .item-btn{margin-top:20px;text-align:center}
.lay-blog .container .item-btn .page-num{color:#999;padding:0 15px;}
.lay-blog .container .item-btn .item-input{float:left;margin-right:10px;width:35%}
@media only screen and (max-width:750px){
	.lay-blog .container{margin:0 auto 70px;width:100%
}
.lay-blog .container .contar-wrap{padding:0 10px 10px}
.lay-blog .container-wrap{padding-top:110px}
}
.lay-blog .footer{margin-top:-90pt;padding:30px 0;width:100%;background:#23262e;color:#fff;color:hsla(0,0%,100%,.5);text-align:center;font-size:14px;line-height:30px}
.lay-blog .footer span{padding:0 5px}
.lay-blog .footer a{color:#fff;color:hsla(0,0%,100%,.5)}
.container-message textarea{font-size:14px}
.lay-blog .container-message .item-btn{margin-bottom:50px;text-align:right}
.lay-blog .container-message .info-box{border-bottom:1px dotted #ccc}
.lay-blog .container-message .info-item{margin-bottom:20px;font-size:14px}
.lay-blog .container-message .info-img{float:left;cursor:pointer}
.lay-blog .container-message .info-text{padding-left:60px}
.lay-blog .container-message .title{overflow:hidden;margin-bottom:10px}
.lay-blog .container-message .title .name{float:left;display:block;color:#787878;line-height:38px}
.info-intr{line-height:24px}
.lay-blog .container-message .title .msg-like{float:right;padding-right:20px;color:#4b5a75;cursor:pointer}
.lay-blog .container-message .title .msg-like i{position:relative;top:4px;font-size:24px}
.lay-blog .container-message .title .msg-like em{top:0;padding:0;font-style:normal;font-size:18px}
.lay-blog .container-message .paging{padding-top:30px;text-align:center}
.lay-blog .container-details .item{margin-bottom:30px}
.lay-blog .container-details .comt{margin-bottom:20px;padding:0 20px;font-size:18px}
.lay-blog .container-details .count{margin-top:20px;color:#999;cursor:pointer}
.lay-blog .container-details .count i{position:relative;top:2px;margin-right:5px;cursor:pointer}
.container-about .item .item-box h3{margin-bottom:10px}
.container-about .item .item-box p{margin-bottom:20px;color:#6a6a6a}
.container-comment .btnbox{padding-top:20px;text-align:right}
.container-comment .btnbox a{display:inline-block;padding:0 18px;height:38px;border:none;border-radius:2px;background-color:#009688;color:#fff;text-align:center;white-space:nowrap;font-size:14px;line-height:38px;cursor:pointer}
.links{background-color:#fff;padding:10px;overflow:hidden;font-size:14px;}
.links li{float:left;margin:3px 5px;}
.category{position:fixed;left:50%;margin-left:390px;background-color:#fff;overflow:hidden;top:120px;padding:10px 30px 10px 20px;}
.category ul{width:100%;}
.category ul li{font-size:14px;margin:5px 0;display:block;}
.category ul li i{display:inline-block;border:3px solid #ccc;padding:3px;border-radius:50%;margin-top:3px;margin-right:6px;}
.category ul li a{color:#666;}