.commom-banner {
	background-image: url(../img/subpage/test2.jpg);
}


/* 支部介绍 */
.branchIntroduction {}

.branchIntroduction .branchIntroduction-text>p {
	text-indent: 2em;
	line-height: 1.75em;
	font-size: 1.25em;
	margin-bottom: 0.5em;
	letter-spacing: 0.075em;
}

.branchIntroduction .branchIntroduction-img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2em;
	margin-bottom: 2em;
}

.branchIntroduction .branchIntroduction-img>div {
	width: 326px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.branchIntroduction .branchIntroduction-img img {
	display: inline-block;
	background-color: gray;
	margin-top: 11px;
}

.branchIntroduction .branchIntroduction-img .branchIntroduction-img-small {
	width: 157.5px;
	height: 157.5px;
}

.branchIntroduction .branchIntroduction-img .branchIntroduction-img-big {
	width: 326px;
	height: 326px;
}

.branchIntroduction .branchIntroduction-img .branchIntroduction-img-long {
	width: 326px;
	height: 157.5px;
}

/* 支部构成 */
.branchComposition {
	padding-top: 2em;
	display: flex;
	justify-content: space-between;
}

.branchComposition .branchComposition-left {
	width: 300px;
	height: 450px;
	/* 
	border: 1px solid black;
	padding: 15px; */
}

.branchComposition-left>img {
	width: 100%;
	height: 420px;
	outline: 1px solid whitesmoke;
	box-shadow: 0 0 5px blue;
	padding: 1em;
}

.branchComposition .branchComposition-right {
	width: 665px;
}

.branchComposition .branchComposition-right-list {
	display: flex;
	margin-bottom: 1.5em;
}

.branchComposition-right-list>div {
	text-align: center;
	display: inline-block;
	width: 50%;
	font-size: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.branchComposition-right-list>div:nth-child(1) {
	background-color: rgb(79, 79, 79);
	color: white;
}

.branchComposition-right-list>div:nth-child(2) {
	background-color: rgb(227, 227, 227);
}

.branchComposition-right-list.active>div:nth-child(1) {
	background-color: rgb(172, 46, 49);
	color: white;
	font-weight: 800;
}

.branchComposition-right-list.active>div:nth-child(2) {
	color: rgb(173, 50, 53);
	font-weight: 800;
}

.branchComposition-right-list:hover {
	box-shadow: 0 0 5px black;
	cursor: pointer;
}

/* 党员目录 */
.listOfPartyMembers {}

.listOfPartyMembers img:first-child {
	display: block;
	width: 150px;
	margin: auto;
	margin-bottom: 10px;
}

.listOfPartyMembers .listOfPartyMembers-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.listOfPartyMembers-main .listOfPartyMembers-main-list {
	font-size: 1.125em;
	width: 19%;
	background-color: rgb(227, 227, 227);
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 12.5px;
	background-color: gray;
}

.listOfPartyMembers-main .listOfPartyMembers-main-list:hover {
	cursor: pointer;
	box-shadow: 0 0 5px black;
}

.listOfPartyMembers img:last-child {
	margin-top: 2em;
	width: 100%;
	height: 400px;
	background-color: gray;
}


/* 软件技术专业党小组 */
.softwareTechnology,
.studentAffairs,
.appliedTechnology,
.educationalAdministration {
	width: 1000px;
}

.softwareTechnology img,
.studentAffairs img,
.appliedTechnology img,
.educationalAdministration img {
	width: 100%;
	height: 500px;
	background-color: gray;
}

.softwareTechnology .softwareTechnology-title,
.studentAffairs .softwareTechnology-title,
.appliedTechnology .softwareTechnology-title,
.educationalAdministration .softwareTechnology-title{
	width: 900px;
	font-size: 1.5em;
	font-weight: 800;
	margin: 2em auto 1em;
}
.softwareTechnology .softwareTechnology-title {
	width: 900px;
	font-size: 1.5em;
	font-weight: 800;
	margin: 2em auto 1em;
}

.softwareTechnology .softwareTechnology-main,
.studentAffairs .softwareTechnology-main,
.appliedTechnology .softwareTechnology-main,
.educationalAdministration .softwareTechnology-main {
	width: 900px;
	display: flex;
	margin: auto;
	flex-wrap: wrap;
	justify-content: space-between;
}

.softwareTechnology-main .softwareTechnology-main-list {
	width: 19%;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 12.5px;
	background-color: rgb(227, 227, 227);
	text-align: center;
}

.softwareTechnology-main .softwareTechnology-main-list:hover {
	cursor: pointer;
	box-shadow: 0 0 5px black;
}





/* 党建动态 */
/* 新闻体 */
.news-title {
	width: 1000px;
	height: 300px;
	background-color: gray;
	margin-bottom: 2em;
}
.common-body .news-body {
	width: 1000px;
	margin: auto;
	height: 450px;
	position: relative;
}
.thematicLearning .news-body {
	height: 500px;
}
.news-body ul {
	width: 1000px;
	margin: auto;
}
.news-body ul li {
	border-bottom: 1px solid black;
	padding: 0.625em 0 0.625em 1.5em;
}
.news-body ul li:first-child {
	border-top: 1px solid black;
}
.news-body ul li::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background: red;
	border-radius: 50%;
	margin-left: -1.5em;
	margin-top: -10px;
	transform: translateY(-6px);
}
.news-body ul li a {
	font-size: 1.25em;
	color: black;
}
.news-body ul li a:hover {
	text-decoration: underline;
}
.news-body ul li span {
	float: right;
}

/* 分页部分 */
.news-body .paging {
	width: 600px;
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 0;   
    position: absolute; 
	left: 50%;
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
}
.paging img {
	border-radius: 50%;
	transition: all 0.25s;
	width: 35px;
}
.paging img:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px black;
}
.paging .paging-circles {
	display: flex;
	width: 60%;
	justify-content: center;
}
.paging-circles .paging-circle {
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	background: gray;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	
	transition: all 0.15s;
}
.paging-circles .paging-circle.active {
	background: darkred;
}
.paging-circles .paging-circle:hover {
	background: lightgray;
	cursor: pointer;
}
.paging .paging-ellipsis {	
	background-image: url(../img/newsNotice/ellipsis.png);
	background-size: 100% 100%;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}


/* 专题学习 */
.thematicLearning {
	width: 1000px;
	margin: auto;
}
.thematicLearning-main {
	width: 1000px;
	margin: auto;
	
	justify-content: space-between;
	flex-wrap: wrap;
}
.thematicLearning-main .thematicLearning-main-list{
	width: 300px;
	background-color: gray;
	margin-bottom: 2em;
}
.thematicLearning-main-list img {
	width: 100%;
	height: 200px;
}

.thematicLearning-main-list p {
	text-align: center;
	background-color: rgb(200, 200, 200);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.thematicLearning-main-list p:nth-child(2) {
	border-bottom: 1px solid black;
	font-weight: 800;
	font-size: 1.25em;
}
.thematicLearning-main-list p:nth-child(3) {
	font-size: 1.125em;
}

.learningSite .news-aim,
.learningExperience .news-aim {
	font-weight: 800;
	border-right: 2px solid black;
	padding-right: 0.5em;
	margin-right: 0.15em;
}



/* 个人信息部分 */
.common-children-template-content .person-info {
	
}
.person-info .person-info-img {
	display: inline-block;
	width: 360px;
	background-color: gray;
	height: 400px;
}
.person-info-img img {
	width: 100%;
}
.person-info .person-info-text {	
	display: inline-block;
	width: 600px;
	vertical-align: top;
	float: right;
	margin-top: 10em;
}
.person-info-text h3 {
	font-size: 1.75em;
	color: rgb(86, 86, 86);
	padding-bottom: 0.75em;
	margin-bottom: 0.75em;
	border-bottom: 2px solid black;
}
.person-info-text>p {
	line-height: 1.5em;
	letter-spacing: 0.15em;
}
.person-info-text>p:nth-child(2) {
	margin-bottom: 1em;
}
.person-info-text .person-info-text-list {
	margin-top: 2em;
}
.person-info-text-list .person-info-text-list-left {
	display: inline-block;
	width: 80px;
	background: rgb(83, 83, 83);
	margin-right: 20px;
	vertical-align: top;
	text-align: center;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-weight: 600;
	color: white;
	letter-spacing: 0.1em;
}
.person-info-text-list .person-info-text-list-right {
	display: inline-block;
	width: 495px;
	letter-spacing: 0.15em;
	line-height: 2em;
}