* {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

html {
	font-family: "微软雅黑";
}

a {
	text-decoration: none;
	color: #333;
}

.pull-left {
	float: left;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.pull-right {
	float: right;
}

img {
	border: none;
	vertical-align: top;
	max-width: 100%;
	display: inline-block;
}

#dowebok .section {
	width: 100%;
	background: url(../img/bg1.jpg) center bottom no-repeat;
	background-size: 100% auto;
	position: relative;
	overflow: hidden;
}


/* 头部标题 */

.site-logo {
	margin: 5vw auto 0;
	text-align: center;
	padding-left: 5vw;
	padding-right: 5vw;
}

.site-logo .logo-left,
.site-logo .logo-right {
	width: 14vw;
	height: 12vw;
}

.site-logo .logo-left {
	background: url(../img/logo_left.png) left top no-repeat;
	background-size: auto 100%;
}

.site-logo .logo-right {
	background: url(../img/logo_right.png) right top no-repeat;
	background-size: auto 100%;
}

.slideUp{
	width: 8vw;
	height: 10vw;
	background-image: url(../img/slideUp.svg);
	position: absolute;
	bottom: 6vh;
	left: 50%;
	margin-left: -4vw;
	background-size: 100% auto;
}
.slideUp{
	-webkit-animation-name: slideJump;
	animation-name: slideJump;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes slideJump {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 3vh, 0);
		transform: translate3d(0, 3vh, 0);
		opacity: 1;
	}
}

@keyframes slideJump{
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0,3vh, 0);
		transform: translate3d(0, 3vh, 0);
		opacity: 1;
	}
}
/* 头部logo结束 */

.bg-box {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-origin: content-box;
}

.act-box {
	padding: 4vw 8vw 0;
	height: 42vw;
	background-image: url(../img/act.png);
}

.act-title {
	padding: 7vw 26vw 0;
	height: 20vw;
	background-image: url(../img/act_title.png);
}

.light-line {
	position: absolute;
	bottom: 2.64vw;
	left: 0;
	height: 12vw;
	width: 60vw;
	background-image: url(../img/light_line.png);
}

.light {
	width: 100%;
	height: 100%;
	background: url(../img/light.png) 3.5vw 3.5vw no-repeat;
	position: absolute;
	background-size: 11vw 11vw;
}

.flower {
	width: 44vw;
	height: 44vw;
	position: relative;
	background-image: url(../img/flower.png);
}

.flower .div[class^="font-"] {
	background-position: center center;
	background-repeat: no-repeat;
}

.flower .flower-text {
	width: 100%;
	height: 100%;
	line-height: 44vw;
	text-align: center;
}

.flower .bg-circal img {
	width: 50%;
	vertical-align: middle;
}

.flower-bg .flower {
	width: 34vw;
	height: 34vw;
}

.flower-bg {
	position: absolute;
	padding: 3vw;
	box-sizing: border-box;
	background-image: url(../img/flower_bg.png);
	background-origin: border-box;
}

.font-text {
	padding: 14.5vw 0 17.5vw;
	height: 38vw;
	box-sizing: border-box;
}

.flower-desc {
	position: absolute;
	top: -8vw;
	left: -7vw;
	width: 131%;
	height: 100%;
	background-size: 100% auto;
	background-origin: left top;
	background-repeat: no-repeat;
}

.flower-desc.text1 {
	background-image: url(../img/text1.png);
}

.flower-desc.text2 {
	background-image: url(../img/text2.png);
}

.flower-desc.text3 {
	background-image: url(../img/text3.png);
}

.bg-circal {
	width: 48%;
	height: 48%;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	border-radius: 50%;
	background-color: #fff;
	line-height: 20vw;
}

.font-yue {
	background-image: url(../img/font_yue.png);
}

.font-qilai {
	width: 16vw;
	height: 8vw;
	background-image: url(../img/font_qilai.png);
	position: absolute;
	top: 50%;
	right: -16vw;
	margin-top: -4.5vw;
}


/*flower*/

.act-yue {
	width: 44vw;
	height: 44vw;
	position: relative;
	left: 50%;
	margin-left: -22vw;
}

.flower1 {
	position: absolute;
	top: 10vh;
	left: 10vw;
}

.flower2 {
	position: absolute;
	top: 34vh;
	right: 10vw;
}

.flower3 {
	position: absolute;
	top: 60vh;
	left: 10vw;
}

h2 {
	font-weight: normal;
}
.flowerL,.flowerR{
	width: 14vw;
	height: 28vw;
	position: absolute;
}
.flowerL{
	left: 6vw;
	top: 6vw;
	background-image: url(../img/huaban_l.png);
}
.flowerR{
	right: 6vw;
	top: 6vw;	
	background-image: url(../img/huaban_r.png);
}
.box-cell{
	position: relative;
}

.flower-rain{
	background-image: url(../img/flower-rain.png);
}
/* 标题条 */

.title-bar {
	text-align: center;
	color: #1d9896;
	margin-bottom: 2vh;
}

.title-bar .lead {
	font-size: 42px;
	margin-top: 5vh;
}

.title-bar p {
	font-size: 24px;
}

.title-desc {
	margin-bottom: 2vh;
}

.title-desc,
.box-cell {
	padding: 0 7vw;
	background-origin: border-box;
}

.normal-text {
	font-size: 22px;
	color: #1D9896;
	line-height: 2;
}

.act-title2-desc {
	text-align: center;
	margin-top: 10vh;

}


/*section 4*/

.act-title2-box {
	height: 45vw;
	padding-left: 5vw;
	padding-right: 5vw;
	background-image: url(../img/act-title2-box.png);
	background-origin: content-box;
}

.act-title2 {
	height: 22vw;
	padding-top: 7vw;
	background-image: url(../img/act-title2.png);
	background-origin: content-box;
	background-size: auto 100%;
}


/* section6 人物列表 */

.person-box {
	margin: 0 -4vw;
}

.person-item .img-container {
	float: left;
	width: 19vw;
	height: 14vw;
	background-color: #1D9896;
}

.person-item .person-info {
	margin-left: 21vw;
}

.person-item .person-info h4 {
	color: #333;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 1vw;
	color: #1D9896;
}

.person-item .person-info p {
	color: #666;
	font-size: 12px;
}
@media only screen and  (max-width: 321px) {
	.person-item .person-info {
		margin-left: 21vw;
	}
	.person-item .person-info h4 {
		color: #333;
		font-weight: normal;
		font-size: 10px;
		padding-bottom: 0.3vw;
	}
	
	.person-item .person-info p {
		color: #666;
		font-size: 10px;
	}	
}
.person-item .person-item-container {
	border: 1.3px solid #f2914b;
	border-radius: 4px;
	background-color: #fff;
	padding: 1vw;
	overflow: hidden;
}

.person-item {
	padding: 0.5vw;
	width: 50%;
	float: left;
	box-sizing: border-box;
}


/* section6 结束 */


/* section7 开始 */

.text-box {
	border: 1px dashed #1D9896;
	padding: 3vw;
	text-align: center;
	font-size: 20px;
	color: #1D9896;
	line-height: 1.6;
}

.text-box .text-box-inner {
	position: relative;
	bottom: -2vw;
	background-color: #FFFFFF;
}

.person-box.person-col{
	text-align: center;
}
.person-box.person-col .person-item {
	width: 31%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
	padding: 0 1vw;
	float: none;
}

.person-item-face {
	margin-bottom: 3vh;
	margin-left: -1.5vw;
	margin-right: -1.5vw;
	opacity: 0;
	height: 47vw;
}
.person-item-face.flipInX {
	/*margin-bottom: 6vh;
	margin-left: -1.5vw;
	margin-right: -1.5vw;*/
	opacity: 1;
}

.person-item-face .img-face {
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 1vh;
}

.person-item-face h5 {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	color: #1D9896;
}
.person-item-face p {
	font-size: 12px;
	color: #999;
}


/* section7 结束 */


/* section8 开始 */

.act-title3 {
	margin-left: -7vw;
	height: 13vh;
	background-image: url(../img/act-title3.png);
	background-size: auto 100%;
	position: relative;
}

.act-title3 .arror {
	position: absolute;
	bottom: -3vw;
	right: 6vw;
	width: 10vw;
	height: 9vw;
	background-image: url(../img/arror.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
}


/* section8 结束 */


/* section9 开始 */

.act-title4 {
	height: 10vh;
	background-image: url(../img/act_going.png);
	background-size: auto 100%;
	position: relative;
}


/* section9 结束 */


/* 动画类 */

.slideInLeft.light-line {
	-webkit-animation-duration: 3s;
	-webkit-animation-name: light-line-slideInLeft;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes light-line-slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(160vw, 0, 0);
		transform: translate3d(160vw, 0, 0);
	}
}

@keyframes light-line-slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(160vw, 0, 0);
		transform: translate3d(160vw, 0, 0);
	}
}

.rotateIn {
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-: infinite;
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -360deg);
		transform: rotate3d(0, 0, 1, -360deg);
		opacity: 1;
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -360deg);
		transform: rotate3d(0, 0, 1, -360deg);
		opacity: 1;
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.light-line {
	visibility: hidden;
}

/* section1 */
.act-box{
	position: relative;
}
.act-box.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

.act-title {}


/* section2 */

#s2 .flower-bg {
	opacity: 0;
}

#s2 .flower-bg.slideInLeft {
	-webkit-animation-name: flower-slideInLeft;
	animation-name: flower-slideInLeft;
}

#s2 .flower-bg.slideInRight {
	-webkit-animation-name: flower-slideInRight;
	animation-name: flower-slideInRight;
}

@-webkit-keyframes flower-slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes flower-slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes flower-slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes flower-slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.flower-desc.fadeIn{
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;

}

#s3 .title-bar{
	opacity: 0;
}

#s3 .title-desc{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	opacity: 0;
}


#s3 .box-cell{
	position: relative;
}
#s3 .box-cell .img-item{
	position: absolute;
	z-index: 10;
	opacity: 0;
}
#s3 .box-cell .img-item:nth-child(1){
	width: 40vw;
	height: 28vw;
	top: 0;
	left: 7vw;
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
#s3 .box-cell .img-item:nth-child(2){
	width: 44vw;
	height: 31vw;
	top: 0;
	left: 49vw;
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
#s3 .box-cell .img-item:nth-child(3){
	width: 29vw;
	height: 20vw;
	top: 29vw;
	left: 7vw;
	-webkit-animation-delay:2.7s;
	animation-delay: 2.7s;
}
#s3 .box-cell .img-item:nth-child(4){
	width: 29vw;
	height: 20vw;
	top: 51vw;
	left: 7vw;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
#s3 .box-cell .img-item:nth-child(5){
	width: 55vw;
	height: 20vw;
	top: 32vw;
	left: 38vw;
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
}
#s4 .title-bar{
	opacity: 0;
}

#s4 .title-desc{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	opacity: 0;
}
#s4 .box-cell{
	position: relative;
	margin-left: 2vw;
	margin-right: 2vw;
	
}
#s4 .box-cell .img-item{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 1.5vw;
	opacity: 0;
}
#s4 .box-cell .img-item img{
	/*position: absolute;*/
	/*float: left;
	width: 50%;*/
}
#s4 .box-cell .img-item:nth-child(1){
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
#s4 .box-cell .img-item:nth-child(2){
	-webkit-animation-delay:2.4s;
	animation-delay: 2.4s;
}
#s4 .box-cell .img-item:nth-child(3){
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;
}
#s4 .box-cell .img-item:nth-child(4){
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
#s4 .box-cell .img-item:nth-child(5){
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
}
#s4 .box-cell .img-item:nth-child(6){
	-webkit-animation-delay: 3.7s;
	animation-delay: 3.7s;
}

#s5 .animated{
	opacity: 0;
}

#s6 .act-box{
	opacity: 0;
}
#s6 .box-cell{
	visibility: hidden;
}
#s6 .animated.fadeIn{
	visibility: hidden;
}
#s6 .animated.title-bar{
	opacity: 0;
}
#s6 .person-item.slideInUp{
	-webkit-animation-delay: 0;
	animation-delay: 0s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: person-items-lideInUp;
	animation-name: person-items-lideInUp;
	visibility: visible;
}

@-webkit-keyframes person-items-lideInUp{
	from {
		-webkit-transform: translate3d(0, 50vh, 0);
		transform: translate3d(0, 50vh, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes person-items-lideInUp {
	from {
		-webkit-transform: translate3d(0,50vh, 0);
		transform: translate3d(0, 50vh, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
#s6 .person-item:nth-child(1){
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#s6 .person-item:nth-child(2){
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
#s6 .person-item:nth-child(3){
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#s6 .person-item:nth-child(4){
	-webkit-animation-delay: 0.55s;
	animation-delay: 0.55s;
}
#s6 .person-item:nth-child(5){
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#s6 .person-item:nth-child(6){
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}
#s6 .person-item:nth-child(7){
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
#s6 .person-item:nth-child(8){
	-webkit-animation-delay: 1.05s;
	animation-delay: 1.05s;
}
#s6 .person-item:nth-child(9){
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
#s6 .person-item:nth-child(10){
	-webkit-animation-delay: 1.35s;
	animation-delay: 1.35s;
}
#s7 .box-cell{
	/*visibility: hidden;*/
}

#s8 .animated{
	visibility: hidden;
}

#s8 .animated.zoomIn{
	visibility: visible;
	opacity: 0;
}

#s9 .animated.act-box{
	opacity: 0;
	visibility: visible;
}
#s9 .animated.box-cell{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;		
}
#s10 .animated{
	visibility: hidden;
}
#s10 .act-box.animated, #s10 .act-box.animated{
	visibility: visible;
	opacity: 0;

}

.section2 .light{ display: none;}
.section2 .flower{ background: none;}
.section2 .flowerItem {width: 34vw;height: 34vw;position:absolute;background: url(../img/flower.png) no-repeat;background-size: 100% auto;}
.section2 .flower1{animation: slideInLeft 0.8s 0.2s ease both; -webkit-animation: slideInLeft 0.8s 0.2s ease both;}
.section2 .flower2{animation: slideInRight 0.8s 0.6s ease both; -webkit-animation: slideInRight 0.8s 0.6s ease both;}
.section2 .flower3{animation: slideInLeft 0.8s 1s ease both; -webkit-animation: slideInLeft 0.8s 1s ease both;}
.section2 .text1{animation: fadeIn 0.2s 0.2s ease both; -webkit-animation: fadeIn 0.2s 0.2s ease both;}
.section2 .text2{animation: fadeIn 0.2s 0.5s ease both; -webkit-animation: fadeIn 0.2s 0.5s ease both;}
.section2 .text3{animation: fadeIn 0.2s 0.8s ease both; -webkit-animation: fadeIn 0.2s 0.8s ease both;}
.section2 .flower1 .flowerItem {animation:6s linear 0.8s normal none infinite rotateIn; -webkit-animation:6s linear 0.8s normal none infinite rotateIn;}
.section2 .flower2 .flowerItem {animation:6s linear 0.8s normal none infinite rotateIn; -webkit-animation:6s linear 0.8s normal none infinite rotateIn;}
.section2 .flower3 .flowerItem {animation:6s linear 0.8s normal none infinite rotateIn; -webkit-animation:6s linear 0.8s normal none infinite rotateIn;}
#s1 .flowerL{animation: rotateInDownLeft 1s 0.2s linear both; -webkit-animation: rotateInDownLeft 1s 0.2s linear both;}
#s1 .flowerR{animation: lightSpeedIn 1s 0.7s ease-out both; -webkit-animation: lightSpeedIn 1s 0.7s ease-out both;}
#s5 .act-title2-desc{margin: 10vh;height: 45vw;background: url(../img/page5_txt.png) no-repeat 0 0;background-size: 100% auto;}
#s10 .act-title4{background-image: url(../img/end_txt5.png);}
.btn_back{ display:block; margin: 5vw 10vw 0 74vw;}
.active .btn_back{animation: lightSpeedIn 0.8s 1.6s ease both; -webkit-animation: lightSpeedIn 0.8s 1.6s ease both;}
.btn_pause{ position:fixed; width:11vw; top:20vw; right:4vw; z-index:99;}
.btn_play{ -webkit-transform-origin:center center;transform-origin:center center;animation:2s linear 0s normal none infinite rotateIn; -webkit-animation:2s linear 0s normal none infinite rotateIn;}
.btn_pause img{ width:100%;}
.img_pause{ position:absolute; top:0; left:0;display:block;}
.btn_play .img_pause{ display:none;}
.end_txt_left{ position: absolute; width: 65vw; left: 4%; bottom: 23vw;}
.end_txt_right{position: absolute; width: 40vw; right: 4%; bottom: 0;}
.active .end_txt_left{animation: slideInLeft 0.8s 1s ease both; -webkit-animation: slideInLeft 0.8s 1s ease both;}
.active .end_txt_right{animation: slideInRight 0.8s 1.4s ease both; -webkit-animation: slideInRight 0.8s 1.4s ease both;}
@-webkit-keyframes rotateIn {
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}


@keyframes rotateIn { 
    from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}

#s7 .title-bar{
	visibility: hidden;	
}
#s7 .box-cell{
	visibility: hidden;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;	
}
#s7 .person-box .person-item-face{
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	visibility: visible;
}
/*#s7 .person-box .person-item:nth-child(1) .person-item-face:nth-child(1){
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#s7 .person-box .person-item:nth-child(1) .person-item-face:nth-child(2){
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
#s7 .person-box .person-item:nth-child(2) .person-item-face{
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
#s7 .person-box .person-item:nth-child(3) .person-item-face:nth-child(1){
	-webkit-animation-delay:2s;
	animation-delay: 2s;
}
#s7 .person-box .person-item:nth-child(3) .person-item-face:nth-child(2){
	-webkit-animation-delay: 3.5s;
	animation-delay:3.5s;
}*/

#s7 .person-box .person-item:nth-child(1) .person-item-face:nth-child(1){
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#s7 .person-box .person-item:nth-child(1) .person-item-face:nth-child(2){
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#s7 .person-box .person-item:nth-child(2) .person-item-face{

}
#s7 .person-box .person-item:nth-child(3) .person-item-face:nth-child(1){
	-webkit-animation-delay:1s;
	animation-delay: 1s;
}
#s7 .person-box .person-item:nth-child(3) .person-item-face:nth-child(2){
	-webkit-animation-delay: 2s;
	animation-delay:2s;
}
#s11 .title-bar{
	visibility: hidden;	
}
#s11 .box-cell{
	visibility: hidden;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;	
}
#s11 .person-box .person-item-face{
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	visibility: visible;
}
#s11 .person-box .person-item:nth-child(1) .person-item-face:nth-child(1){
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#s11 .person-box .person-item:nth-child(1) .person-item-face:nth-child(2){
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#s11 .person-box .person-item:nth-child(2) .person-item-face{

}
#s11 .person-box .person-item:nth-child(3) .person-item-face:nth-child(1){
	-webkit-animation-delay:1s;
	animation-delay: 1s;
}
#s11 .person-box .person-item:nth-child(3) .person-item-face:nth-child(2){
	-webkit-animation-delay: 2s;
	animation-delay:2s;
}