/***********学习团队首页***********/
.cloum{border-bottom: #ebebeb 1px solid; line-height: 40px; height: 40px; overflow: hidden; margin-bottom: 18px;}
	.cloum span.title{font-size: 18px; border-left: 6px #008cff solid; padding-left: 20px; font-weight: bold }
	.cloum a.more{font-size: 14px; color: #999;}
	.cloum a.uplad_btn{display: block; width: 98px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; border-top-left-radius: 5px;border-top-right-radius: 5px; background: #008cff url(../images/upload_icon.png) no-repeat 13px center;text-indent: 31px; margin-right: 39px;}

.container{width: 1200px; margin: 0 auto; margin-top: 28px;}

	.leftNav{width: 234px;}
	.leftNav .navList{border-radius: 10px; box-shadow: 0 0 10px rgba(0,140,255,0.1); background: #fff; overflow: hidden;}
	.leftNav .navList h1{height: 60px; background: #008cff; color: #fff; line-height: 60px; text-align: center; font-size: 18px;}
	.leftNav .navList li{ line-height: 52px; padding-left: 70px; border-left: #fff 4px solid;}
	.leftNav .navList li a{ font-size: 16px;  display: block;}
	.leftNav .navList li.active{ border-left: #008cff 4px solid;  }
	.leftNav .navList li.active a{color:#008cff}
	.leftNav .createTeam{height: 50px; line-height: 50px; text-align: center; border-radius: 10px; background: #008cff; margin-top: 40px}
	.leftNav .createTeam a{display: block;}
	.leftNav .createTeam a span{font-size: 18px; color: #fff; padding-left: 20px; background: url(../images/cjtd_icon.png) no-repeat left center; }
	.rightCon{width: 910px; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(0,140,255,0.1); border-radius: 5px }
	.rightCon .control {overflow: hidden; margin-bottom: 20px;}
	.rightCon .control .classify span{display: inline-block; width: 96px; height: 40px; line-height: 40px; text-align: center; border-top-left-radius: 10px;border-top-right-radius: 10px; font-size: 16px; cursor: pointer;}
	.rightCon .control .classify span.cur{background:#008cff; color: #fff; }
	.rightCon .control .classify span:hover{ color: #008cff}
	.rightCon .control .classify span.cur:hover{ color: #fff}
	.rightCon .control .sear{width: 360px; height: 40px; line-height: 40px; border: #c4c4c4 1px solid; border-radius: 40px}
	.rightCon .control .sear input[type='text']{background: none; border: none; font-size: 14px; padding-left: 20px; width: 300px;}
	.rightCon .control .sear input[type='submit']{width: 19px; height: 19px; background: none; border: none; background: url(../images/sear_incon.png) no-repeat; cursor: pointer;}
	.rightCon .content li { position: relative; padding-left: 340px; height: 220px; margin-bottom: 36px;}
	.rightCon .content li .imgBox{ position: absolute; left: 0; top: 0; border-radius: 10px; overflow: hidden;}
	.rightCon .content li .imgBox span.starSpan{ position: absolute; left: 5px ; top: 0;}
	.rightCon .content li a.title{font-size: 16px;}
	.rightCon .content li dd.summary{ font-size: 14px; color: #999999; margin-bottom: 15px}
	.rightCon .content li span{ font-size: 14px; color: #999999}
	.rightCon .content li span.date{padding-left: 20px; background: url(../images/date_icon.png) no-repeat left center;}
	.rightCon .content li span.tyrs{padding-left: 20px; background: url(../images/ryxz_icon.png) no-repeat left center;}
	.rightCon .content li span.browse{padding-left: 20px; background: url(../images/eye_icon.png) no-repeat left center; cursor: pointer;}
	.rightCon .content li span.browse:hover{background: url(../images/eye_h_icon.png) no-repeat left center; color: #008cff}
	.rightCon .content li span.comments{padding-left: 20px; background: url(../images/comments_icon.png) no-repeat left center; margin: 0 50px;cursor: pointer;}
	.rightCon .content li span.comments:hover{background: url(../images/comments_h_icon.png) no-repeat left center; color: #008cff}
	.rightCon .content li span.praise{padding-left: 20px; background: url(../images/zan_icon.png) no-repeat left center;cursor: pointer;}
	.rightCon .content li span.praise:hover{background: url(../images/zan_h_icon.png) no-repeat left center; color: #008cff}
	.rightCon .content li dl{overflow: hidden;}
	.rightCon .content li dt{margin: 20px 0 15px}


	.ypagination{text-align:center; margin-top:20px; margin-bottom: 40px; }
	.ypagination a,.ypagination b{display:inline-block; vertical-align:top; background:#323c4c; height:28px; line-height: 28px; padding: 0 10px; margin-right:4px; background: #f0f4f7; border: #d1d1d1 1px solid;}
	.ypagination a.last_a{width: 52px}
	.ypagination .icons{float:none; width:5px; border:0px; padding:0px; line-height:0px; margin:0px; *vertical-align:middle;}
	.ypagination a:hover{ background-color:#004c8c; color:#fff; border-color: #004c8c}
	.ypagination a.cur{ background-color:#004c8c; color:#fff;border-color: #004c8c}

	.ypagination span{ height:30px; line-height:30px;}
	.ypagination .text{ width:40px; height:30px; text-align:center; border:solid #ccc 1px; vertical-align:middle; margin:0 4px;}
	.ypagination .bnt{ width:30px; height:30px; cursor:pointer;}




	/*****************街道首页********************/
	.streetContainer .main .mainLeft{width: 925px; padding-right: 15px; }
	.streetContainer .cloum .more{ color: #008cff }
	.streetContainer .banner{ margin-bottom: 10px;}
	.streetContainer .videoBox{ padding-top: 10px; overflow: hidden;  background: #fff;box-shadow: 0 0 10px rgba(0,140,255,0.1); margin-bottom: 10px}
	.streetContainer .videoBox ul{padding: 0 20px;}
	.streetContainer .videoBox li{width: 270px; height: 197px; float: left; margin-bottom: 20px; margin-right: 36px }
	.streetContainer .videoBox li:nth-child(3n){margin-right: 0}
	.streetContainer .videoBox li .titleImg{width: 270px; height: 159px; position: relative;}
	.streetContainer .videoBox li .titleImg .video_bg{width: 100%; height: 100%; background: url(../images/video_bg.png) no-repeat ; position: absolute; top: 0; left: 0; display: none}
	.streetContainer .videoBox li .title{font-size: 16px; padding-top: 10px; padding-left: 10px;}
	.streetContainer .videoBox li:hover{ box-shadow: 0 5px 10px rgba(0,140,255,0.1);}
	.streetContainer .videoBox li:hover .titleImg .video_bg{ display: block}
	.streetContainer .main .mainRight{width: 250px; }

	.streetContainer .cgzhBox{padding-top: 10px;  overflow: hidden; background: #fff;box-shadow: 0 0 10px rgba(0,140,255,0.1);}
	.streetContainer .cgzhBox ul{background: #fff;box-shadow: 0 0 10px rgba(0,140,255,0.1);padding: 0 20px}
	.streetContainer .cgzhBox li{width: 270px; height: 159px; position: relative;margin-right: 36px; float: left; margin-bottom: 20px; }
	.streetContainer .cgzhBox li:nth-child(3n){margin-right: 0}
	.streetContainer .cgzhBox li .title{ position: absolute; left: 0 ; bottom: 0; line-height: 30px; background: rgba(51,51,51,0.4); color: #fff; font-size: 16px; width: 100%; text-indent: 10px;}
	.streetContainer .newsBox{background: #fff;box-shadow: 0 0 10px rgba(0,140,255,0.1); margin-bottom: 10px;}
	.streetContainer .newsBox .tabBox{height: 42px; line-height: 42px; margin-bottom: 12px;}
	.streetContainer .newsBox .tabBox span{ display: inline-block; width: 50%; background: #008cff; text-align: center; color: #fff; font-size: 16px; cursor: pointer;}
	.streetContainer .newsBox .tabBox span.cur{ background:#006dc7 }
	.streetContainer .newsBox .newsList .con{ display: none}
	.streetContainer .newsBox ul{ padding: 0 20px;}
	.streetContainer .newsBox li { margin-bottom: 10px;}
	.streetContainer .newsBox li a.title{ display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; margin-bottom: 5px}
	.streetContainer .newsBox li span.date{ color: #bbc0c7; font-size: 14px;}
	.streetContainer .newsBox .moreBox{ line-height: 32px; background:#008cff; text-align: right}
	.streetContainer .newsBox .moreBox a{padding-right: 50px; background: url(../images/news_more.png) no-repeat 65px center; color: #fff; font-size: 14px;}

	.streetContainer .hdspBox{ background: #fff;box-shadow: 0 0 10px rgba(0,140,255,0.1);}
	.streetContainer .hdspBox ul{ padding: 0 20px;}
	.streetContainer .hdspBox ul li{ position: relative; height: 52px; margin-bottom: 20px; padding-left: 60px;}
	.streetContainer .hdspBox ul li span.title_img { position: absolute; left: 0; top: 0;}
	.streetContainer .hdspBox ul li span.title_img img{ display: block; border-radius: 5px}
	.streetContainer .hdspBox ul li dd{ font-size: 12px;  color: #999}
	.streetContainer .hdspBox ul li a.title{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block; font-size: 12px;}






@media screen and (max-width: 1000px){
	.container{
		width:100%;
		margin-top:0;
	}
	.streetContainer .main .mainLeft{
		width:100%;
		float:initial;
		padding-right: 0;
	}
	.streetContainer .banner{
		height:200px !important;
		width:100% !important;
	}
	.streetContainer .main .mainRight{
		width:100% !important
	}
	.streetContainer .videoBox li{
		width:100%;
		margin-right:0
	}
	.streetContainer .videoBox li .titleImg{
		width:100%;
	}
	.streetContainer .videoBox li .titleImg img{
		width:100%
	}
	.streetContainer .cgzhBox li{
		width:100%;
		margin-right:0
	}
	.streetContainer .cgzhBox li img{
		width:100%;
		height:100%
	}
	.streetContainer .banner img{
		width:100%;
		height:100%
	}
}