@charset 'utf8';
/**
 Theme Name:简洁清爽两栏布局
 Theme URI:http://admin.evshou.com
 Author:舒大少
 Author URI:http://admin.evshou.com
 Description:简洁清爽两栏布局，舒大少博客
 Version:1.0
 Tags:简洁,清爽,两栏布局,舒大少博客,舒王庆
 */
/*初始化背景色*/
div{background-color: transparent;}
/* .card,.card ul li,.breadcrumb{background-color: transparent!important;} */
ul{list-style: none;}
/*头部布局样式*/
.top{width: 100%;overflow: hidden;}
.box{width:100%;overflow: hidden;background-color: transparent;}
.navbar{position: fixed;left: 0;width:100%;z-index: 999;top: 0px;}
.menu-item{float: left;margin: 0 2px;padding-left: 0;}
.navbar-nav li a{color: #fff;display: block;padding: .5rem 1rem;}
/*头部大字幕*/
.jumbotrons{position: relative;padding-top: 100px;}
.time{width: 500px;height: 50px;color: white;letter-spacing: 3px;}
/*淘宝广告*/
.tbad{width: 1200px;margin: 20px auto;overflow: hidden;}
.tbadLeft{display: flex;}
.tbad::before{content: "实时热销榜";display: block;font-size: 30px;color: red;}
.tbad img{width: 200px;height: 200px;margin: 10px;}
.tbadLeft div{float: left;margin: 0 5px;background-color: transparent;}
/*内容主体*/
.main{width:100%;margin-top: -50px;padding-top: 20px;}
.mainBox{width: 1200px;margin: 0 auto;display: flex;margin-top:40px;}
.mainBoxLeft{flex: 2;position: relative;padding-bottom: 100px;}
.mainContext{width: 700px;margin-bottom: 20px;animation: moves 2s;float: left;color: #0a80e8;}
@-webkit-keyframes moves{
	from{transform: translateY(50px);}
	to{transform: translateY(0px);}
}
.mainContextInfo{width: 100%;overflow: hidden;}
.mainContextInfos{line-height: 30px;float: left;}
.mainContextInfos span{padding: 0 5px;}
.mainContextInfo div::before{clear: both;color: #28a745;padding: 0 3px;}
.mainContextInfo div::after{clear: both;color: #28a745;margin: 0 5px;}
.mainContextInfo div:nth-child(1)::before{content: "分类：";}
.mainContextInfo div:nth-child(1)::after{content: "|";}
.mainContextInfo div:nth-child(2)::before{content: "发布时间：";}
.mainContextInfo div:nth-child(2)::after{content: "|";}
.mainContextInfo div:nth-child(3)::before{content: "作者：";}
.mainContextInfo div:nth-child(3)::after{content: "|";}
.mainContextInfo div:nth-child(4)::before{content: "编辑：";}
.mainContextInfos span a{color: #28a745;}
.post-title{padding: 5px;}
.post-centent{padding: 10px;text-overflow: ellipsis;max-height: 700px;overflow: hidden;display: block;overflow-wrap: break-word;line-height: 32px;}
.post-centents{padding: 10px;line-height: 32px;color: #0a80e8;}
/*公告*/
.gonggao{width: 1200px;height: 30px;margin: 10px auto;letter-spacing: 2px;color: white;}
/*右侧侧边栏*/
.mainBoxRight{flex:1;padding: 10px;}
.sidebars{width: 100%;margin: 10px 0;}
/*首页分页*/
.pagenav{width: 255px;position: absolute;bottom: 0px;}
/*底部页脚*/
.footer{width: 100%;background-color: #eee;}
.footerBox{width: 1200px;margin: 0 auto;}
.banquan{line-height: 30px;text-align: center;}
.anquan{width: 700px;margin: 0 auto;}
.anquan ul li{float: left;margin: 0 15px;}

/*返回顶部按钮*/
.tops{width:50px;height:50px; position:fixed; right:50px; bottom:10px;bottom: 50px;display: block;
text-align: center;line-height: 50px;}
/*大字幕和主题背景*/
.jumbotron{background: url("../exp/img/bannerbg.jpg") no-repeat 0 36px;background-size: 100%;}
/* .main{background: url("../exp/img/mainbg.png") no-repeat;background-size: 100%;background-attachment:fixed;} */
/**/
@media all and (max-width:1024px){
	.main{background-image: none;}
	.mainBox,.mainContext,.box,.tbad,.gonggao,.footer,.main,.footerBox,.anquan{width: 100%;}
}
/**/
@media all and (max-width:768px){
	.mainBoxRight,#cyReward{display: none;}
	.gonggao{color: red;}
	.mainBox{display: inherit;}
	.main{background-image: none;}
	.mainContext{padding: 0 10px;}
	.post-centent{padding: 10px;max-height: 700px;display: block;}
	.post-centent p{text-overflow: ellipsis;overflow: hidden;display: block;overflow-wrap: break-word;clear: both;}
	.pagenav{width: 37rem;margin: 0 auto;}
	.tbad{width: 100%;overflow: hidden;padding:0 0 0 10px;display:none;}
	.tbad img{margin: 0 auto;}
	.tbadLeft{display: inherit;}
	.tbadLeft div{margin: 0 20px;}
	.card{width: 13rem;}
	.jumbotron{background:url("../exp/img/bannerbg.jpg") no-repeat 50% 7px}
	.tops{background-color:#ec5 ;z-index: 999;right: 5px;}
	.post-centents{color: black;}
	.post-centents img{width:100%;height:100%}
}
@media all and (max-width:414px){
	.card{width: 11rem;}
	.tbadLeft div{margin: 0 5px;}
	.tbad img{width: 144px;}
	.card:last-child{display: none;}
}
@media all and (max-width:375px){
	.tbadLeft div{margin: 0 2px;}
	.tbad img{height: 137px;}
}
@media all and (max-width:320px){
	.card{width: 9rem;}
	.tbad img{width: 8rem;height: 8rem;}
}