@charset "utf-8";
html, body {
	height: 100%;
}

body {
	font-family: 'Microsoft YaHei', 'Verdana', sans-serif;
	position: relative;
}

.container::before {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	/*background: url(/img/charitable/bg_tw.jpg) no-repeat center;*/
	background-size: cover;
}

.contents-group {
	max-width: 750px;
	padding: 17px 15px 0;
	background-image: url(/img/charitable/bg_img.png);
	background-repeat: repeat-y;
	background-size: 100%;
	background-position: top left;
}

#contents #main {
	background-color: inherit;
}

.nav-contents .global-navi {
	background-color: #ffffff;
}

.TextContainer {
	width: 100%;
}

.partOne {
	margin-bottom: 52px;
}

.partOne h2 {
	margin-bottom: 70px;
	padding-top: 23px;
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	color: #c90827;
	letter-spacing: 2px;
}

.partOne p {
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px !important;
	color: #c90827;
	line-height: 1.7;
	letter-spacing: 0.8px;
}

.partOneLogo {
	margin: 0 auto;
	padding-top: 32px;
	width: 34%;
	max-width: 142px;
	text-align: center;
}

.partOneLogo img {
	width: 100%;
}

.viedoBox {
	margin: 0 0 30px;
}

.videoSpace {
	position: relative;
	margin: auto;
}

.videoSpace > img {
	display: block;
	width: 100%;
}

.videoSpace #youkuplayer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.viedoBox p {
	margin-top: 20px;
	text-align: center;
	font-size: 14px !important;
	color: #3f3f3f;
	letter-spacing: 1.4px;
}

.partTwo {
	margin-bottom: 10px;
}

.partTwo .loveRelay {
	margin-bottom: 50px;
	text-align: left;
	font-size: 14px !important;
	text-indent: 2em;
	letter-spacing: 1.6px;
	line-height: 1.7;
}

.partTwo .loveRelay b {
	color: #c90827;
}

.fightCont {
	position: relative;
	padding-bottom: 158px;
}

.fightTog {
	margin-right: 12px;
	padding: 36px 24px 160px;
	background: #d86161;
	border-radius: 6px;
	box-shadow: 5px 5px 7px rgba(122, 20, 20, 0.22);
}

.fightTog p {
	margin-bottom: 9px;
	font-size: 14px !important;
	color: #ffffff;
	letter-spacing: 0.8px;
	line-height: 1.7;
}

.fightTog p b {
	color: #c90827;
}

.fightTog p b.doge {
	margin-right: 4px;
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #c90827;
	vertical-align: middle;
}

.fightTog p b.smaller {
	width: 5px;
	height: 5px;
	vertical-align: super;
}

.fightImg {
	width: 80%;
	max-width: 290px;
	position: absolute;
	bottom: 0;
	left: 44%;
	transform: translateX(-50%);
}

.fightImg img {
	width: 100%;
}

.partShree p {
	color: #3f3f3f;
	font-size: 14px !important;
	text-indent: 2em;
	text-align: justify;
	margin-bottom: 60px;
	line-height: 1.7;
	letter-spacing: 0.8px;
}

.partShree p b {
	letter-spacing: 2.2px;
}

.icon_group {
	margin-bottom: 70px;
	text-align: center;
}

.icon_group svg {
	width: 180px;
	fill: #c90827;
}

.superLinks {
	margin: 0 0 80px;
	padding: 30px 15px 60px;
	width: auto;
	background-color: #ffffff;
	box-sizing: border-box;
}

.superLinks p {
	color: #333;
	letter-spacing: 0.544px;
	line-height: 1.74;
	font-size: 14px !important;
}

.superLinks p a {
	cursor: pointer;
	text-decoration: underline;
	font-size: 14px;
	color: #576b95;
}

.superLinks p span {
	font-size: 14px;
	color: rgb(136, 136, 136);
}

#footer-global-navi {
	padding-top: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.viedoBox {
		margin: 0 -15px 60px;
	}
	.videoSpace {
		width: auto;
	}
	.superLinks {
		margin: 0 -15px 0;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
	.partOne h2 {
		font-size: 32px;
	}
}


.musicBox {
	position: relative;
}

.musicBox:after {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	content: '';
	height: 100%;
}

.musicCon {
	max-width: 750px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	background-image: url(/img/charitable/bg_img.png);
	background-repeat: repeat-y;
	background-size: 100%;
	background-position: top left;
}

.conTop {
	margin: 0 25px;
}

.imgKv img,
.kv img,
.topImg img,
.childImg img,
.last img,
.child img,
.july img {
	width: 100%;
}

.topImg {
	width: 90%;
}

.conTopInfo {
	position: relative;
	margin-bottom: 50px;
}

.conTopInfo .topInfo {
	position: absolute;
	top: 83px;
	text-align: left;
	left: 55px;
}

.imgKv {
	position: relative;
	margin: 0 auto 40px;
}

.last,
.child {
	position: relative;
	width: 100%;
	margin: 0 auto 50px;
}

.place {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}

.kv ul {
	display: flex;
	margin: 0 auto 10px;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.kv ul li {
	flex: 0 0 100%;
}

.kv {
	padding-bottom: 30px;
}

.musicInfo {
	text-align: center;
	font-size: 16px !important;
	line-height: 1.8;
	font-weight: 300;
	margin-bottom: 15px;
}

.musicInfo span {
	font-weight: 700;
}

.musicConInfo {
	font-size: 16px !important;
	line-height: 1.8;
	text-indent: 2em;
	margin-bottom: 20px;
}

.musicInfo.kvInfo {
	letter-spacing: -1px;
}

.conColor {
	color: #c10230;
}

.childPic .childImg {
	width: 94%;
	margin: 0 auto 50px -20px;
	display: flex;
	overflow-x: scroll;
	padding-top: 15px;
	-webkit-overflow-scrolling: touch;
}

.childPic {
	background-image: url(/img/charitable/bg_intro.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top left;
	width: 94%;
	margin: 0 auto 10px;
	padding: 2px 5px 20px 2px;
}

.gdImg {
	width: 20%;
	margin: 0 auto;
}

.childImg li {
	flex: 0 0 100%;
}

.perImg {
	width: 84%;
	margin: 0 auto 20px;
}

.person  .fontWeight,
.btm .fontWeight {
	font-weight: 400;
}

.person .fontSmall {
	font-size: 14px !important;
	font-weight: 300;
	text-align: center;
	margin-top: -19px;
	margin-bottom: 5px;
}

.person {
	margin-bottom: 42px;
}

.julyImg {
	margin: 0 15px 20px 12px;
	width: 94%;
}

.julyImg2 {
	margin: 0 15px 20px 8px;
	width: 97%;
	position: relative;
}

.julyImg2 a {
	position: absolute;
	width: 41%;
	height: 19%;
	top: 20.3%;
	right: 7.5%;
	display: block;
	border-radius: 20px;
}

.julyImg2 .chengdu {
	top: 39.8%;
	left: 8.8%;
	right: auto;
}

.julyImg2 .guiyang {
	top: 40%;
}

.julyImg2 .beijing {
	top: 59.5%;
	left: 8.8%;
	right: auto;
}

.julyImg2 .xian {
	top: 59.5%;
}

.julyImg2 .shenzhen {
	left: 8.8%;
	right: auto;
	top: 78.7%;
}

.julyImg2 .wuhan {
	top: 78.7%;
}

.musicInfo.julyInfo {
	font-size: 16px !important;
}

.julyTitleImg {
	width: 30%;
	margin: 0 auto 30px;
	padding-top: 15px;
}

.julySmaImg {
	width: 20%;
	margin: 0 auto 20px;
	padding: 15px;
}

.musicInfo.btm {
	margin-bottom: 50px;
}

.lastImg {
	width: 30px;
}

.lastVedio {
	display: flex;
	justify-content: center;
}

.lastInfo {
	align-self: center;
	font-size: 16px !important;
}

.musicBox .last {
	margin-bottom: 0;
}

.lastImgBtm {
	padding-bottom: 40px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.childPic .childImg {
		padding: 8px 0 6px 0;
		margin: 0 auto 20px;
	}

	.childPic {
		padding: 2px 0px 20px 0px;
	}

	.person .fontSmall {
		font-size: 10px !important;
	}

	.musicBox .viedoBox {
		margin: 0 0 30px;
	}

	.gdImg {
		width: 30%;
		margin: 0 auto;
	}

	.julyTitleImg {
		width: 50%;
		margin: 0 auto 30px;
		padding-top: 15px;
	}

	.julyImg2 a {
		border-radius: 10px;
	}

	.musicBox {
		overflow: hidden;
	}

}