@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

.page{
	width:100%;
	height:100%;
	width:100%;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}


h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}







#page-fy{background:url(images/page-fy.jpg) no-repeat; background-size:100% 100%;}
.fy-text1,.fy-text2,.fy-logo,.fy-anniu1{ position:absolute;}
.fy-text1{
	left:13.3%; 
	width:80.4%; 
	top:13%;
}
/* .fy-text1 a{
	width:5.18%;
	height:12.8%;
	left:43.1%;
	top:83.4%;
	display:block;
	position:absolute;
	text-indent:-9999px;
} */
.fy-text2{
	left:14.1%; 
	width:54.6%; 
	top:49.3%;
}
.fy-logo{
	left:70.8%;
	width:15.6%;
	top:49.3%;
}
.fy-anniu1{
	left:52.9%;
	width:15.6%; 
	top:72.8%;
}







#page1{ background:url(images/page1.jpg) no-repeat; background-size:100% 100%;}
#page2{ background:url(images/page2.jpg) no-repeat; background-size:100% 100%;}
#page3{ background:url(images/page3.jpg) no-repeat; background-size:100% 100%;}
#page4{ background:url(images/page4.jpg) no-repeat; background-size:100% 100%;}




.man{ position:absolute;}
#page1 .man{ left:14.5%; width:33.4%; top:10.5%; height:85.3%;}
#page2 .man{ left:0; width:75.3%; top:17.3%; height:78.5%;}
#page3 .man{ left:14.84%; width:70.1%; top:10.6%; height:85.1%;}
#page4 .man{ left:32.6%; width:44.4%; top:7.5%; height:88.2%;}
#page3 .man img{ height:100%;}









.xq{
	position:absolute;
	top:11.7%;
	left:75.1%;
	width:6.3%;
	cursor:pointer;
}

.drop-xx{
	display:none;
	width:18.65%;
	position:fixed;
	top:16.5%;
	left:64%;
	z-index:999;
	background:url(images/drop-xx.png) no-repeat left bottom;
}
.drop-xx ul{
	margin:3.6% 3.9% 38% 3.9%;
}
.drop-xx li{
	border-bottom: 1px solid #ffcf80;
	padding:8% 2.7%;
	position:relative;
}
.drop-xx li:last-child{ border-bottom:none;}
.drop-xx img{
	float: left;
	width:106px;
	height: 68px;
	margin-right:2.7%;
	border-radius:4px;
}
.drop-xx .play{
	position:absolute; 
	width:26px;
	height:28px;
	top:42px;
	left:56px;
}
.drop-xx p{
	font-size:17px;
	max-height:58px;
	line-height:29px;
	color:#fff;
}
.drop-xx p a{ color:#fff;}









.zi{
	position:absolute;
}
#page1 .zi{
	width:35.4%;
	height:35.3%;
	left:45.8%;
	top:20%;
}
#page2 .zi{
	width:34.3%;
	height:41.9%;
	left:39.5%;
	top:21.7%;
}
#page3 .zi{
	width:27.8%;
	height:37.1%;
	left:39.6%;
	top:11%;
}
#page4 .zi{
	width:20.4%;
	height:32.2%;
	left:18.7%;
	top:21.5%;
}


.jzsj,.vr,.hpsp,.dt{
	position:absolute;
	top:58%;
	cursor:pointer;
}
.jzsj{ width:9.7%; left:46%;}
.vr{ width:6.1%; left:58%;}
.hpsp{ width:8.5%; left:65.7%;}
.dt{ width:5.1%; left:76.1%;}


#page2 .jzsj,#page2 .vr,#page2 .hpsp,#page2 .dt{ top:66.3%;}
#page2 .jzsj{ left:39.7%;}
#page2 .vr{ left:51.6%;}
#page2 .hpsp{ left:59.4%;}
#page2 .dt{ left:69.8%;}


#page3 .jzsj,#page3 .hpsp,#page3 .dt{ top:50.4%;}
#page3 .jzsj{ left:39.7%;}
#page3 .hpsp{ left:50.8%;}
#page3 .dt{ left:60.7%;}


#page4 .vr,#page4 .hpsp,#page4 .dt{ top:61.9%;}
#page4 .jzsj{ left:18.7%;top:56.3%;}
#page4 .vr{ left:18.9%;}
#page4 .hpsp{ left:26%;}
#page4 .dt{ left:35.8%;}







.drop-audio,.drop-video{
	width:100%; height:100%;
	position:fixed; top:0; left:0;
	display:none; z-index:9999;
}
.textbg{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}
.drop-audio .show{
    position: absolute;
    width:1129px;
    height:297px;
    left: 50%;
    top:40.2%;
	margin-left:-565px;
    background: url(images/audio-bg.png);
}
.drop-audio .close{
    position: absolute;
    width:51px;
    height:51px;
    background: url(images/drop-close.png);
    right: -51px;
    top: -51px;
    transition: background 0.2s;
}
.drop-audio .decorate{
	width:774px;
	height:175px;
	margin:41px 0px 0px 311px;
	background-image: url(images/decorate.gif);
    background-repeat: repeat-x;
    background-position: left top;
    overflow: hidden;
}
@-ms-keyframes decorate{
	from{ background-position:1000px top; }
	50%{ bottom:-2%; }
	to{ }
}
@-moz-keyframes decorate{
	from{ background-position:1000px top; }
	50%{ bottom:-2%; }
	to{ }
}
@-o-keyframes decorate{
	from{ background-position:1000px top; }
	50%{ bottom:-2%; }
	to{ }
}
@-webkit-keyframes decorate{
	from{ background-position:1000px top; }
	50%{ bottom:-2%; }
	to{ }
}
@keyframes decorate{
	from{ background-position:1000px top; }
	50%{ bottom:-2%; }
	to{ }
}
.drop-audio .decorate{
	-ms-animation:'decorate' 30s linear 0s infinite normal;
	-moz-animation:'decorate' 30s linear 0s infinite normal;
	-o-animation:'decorate' 30s linear 0s infinite normal;
	-webkit-animation:'decorate' 30s linear 0s infinite normal;
	animation:'decorate' 30s linear 0s infinite normal;
}	

.drop-audio .control{
	position: absolute;
	height:55px;
	width:1060px;
	left:26px;
	bottom:0px;
}
.drop-audio .control .btn3{
	float: left;
	width: 30px;
	height: 34px;
	margin-top: 11px;
	margin-left: 45px;
	transition: opacity 0.2s;
}

.drop-audio .control .btn3.play{
	background: url(images/audio-btn3.png);
}

.drop-audio .control .btn3.pause{
	background: url(images/audio-btn4.png);
}

.drop-audio .control .btn1:hover,.drop-audio .control .btn2:hover,.drop-audio .control .btn3:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.drop-audio .control .line{
	float: left;
	width:792px;
	height: 3px;
	background: #fff;
	border-radius: 1px;
	margin-top:26px;
	margin-left: 45px;
	position: relative;
}

.drop-audio .control .line span{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	border-radius: 1px;
	background: #f64f60;
}

.drop-audio .control .line i{
	position: absolute;
	cursor: pointer;
	right: -5px;
	top: -5px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #f64f60;
	display:block;
}

.drop-audio .control .time{
	float: left;
	margin-left: 35px;
	height:55px;
	line-height: 55px;
	color: #fff;
	font-size:18px;
}

.drop-audio .control .time label{
	color: #fff;
}



.drop-video .textbg{background-color:rgba(0,0,0,0.3);}
.drop-video .show {
    background:#191b1f;
	position:absolute;
	top:50%;
	left:50%;
	margin:-310px 0px 0px -445px;
	width:890px;
	height: 620px;
}
.drop-video .play{
	background-color: rgb(0, 0, 0);
    width: 890px;
    height: 620px;
    cursor: pointer;
}
.drop-video .close2 {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
	background:url(images/drop-close2.png) no-repeat;
}










.date{
	width:72.92%;
	position:absolute;
	left:13.54%;
	bottom:10.3%;
}
.date img{ width:100%;}
.date .time,.date .day{
	height:100%;
	position:absolute;
	top:0;
	cursor:pointer;
}
.date .time{width:11.2%;left:4.2%;}
.date .day{ text-indent:-9999px; width:1.9%;}
#page1 #day1{left:16.14%;}
#page1 #day2{left:20%;}
#page1 #day3{left:34.5%;}
#page1 #day4{left:43.07%;}
#page1 #day5{left:51.57%;}
#page1 #day6{left:57.29%;}
#page1 #day7{left:60.07%;}
#page1 #day8{left:71.5%;}
#page1 #day9{left:77.14%;}
#page1 #day10{left:94.14%;}


#page2 #day1{left:24%;}
#page2 #day2{left:30.2%;}
#page2 #day3{left:37%;}
#page2 #day4{left:51.9%;}
#page2 #day5{left:66.7%;}
#page2 #day6{left:81.6%;}


#page3 #day1{left:16%;}
#page3 #day2{left:24.07%;}
#page3 #day3{left:28%;}
#page3 #day4{left:37.3%;}
#page3 #day5{left:45.9%;}
#page3 #day6{left:51.6%;}
#page3 #day7{left:54.4%;}
#page3 #day8{left:62.9%;}
#page3 #day9{left:77.1%;}


#page4 #day1{left:29.6%;}
#page4 #day2{left:47.4%;}
#page4 #day3{left:53.1%;}
#page4 #day4{left:70.1%;}
#page4 .d4-3{ margin-top:-20px;}
#page4 .d4-3 img{ width:88%; margin-left:12%;}



.date .day i{
	display:none;
	width:311%;
	height:58.8%;
	background:url(images/gou.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:34.3%;
	left:-42%;
}
.date .on i{ display:block;}



.yue{
	position:absolute;
	top:-40.2%;
	height:40.2%;
	left:2.9%;
	width:55.64%;
	display:none;
}
.month{
	text-indent:-9999px;
	width:5.4%;
	height:100%;
	position:absolute;
	top:0;
	cursor:pointer;
	display:block;
}
#month1{ left:5.52%;}
#month2{ left:13.1%;}
#month3{ left:20.67%;}
#month4{ left:28.24%;}
#month5{ left:35.94%;}
#month6{ left:43.39%;}
#month7{ left:51.09%;}
#month8{ left:58.54%;}
#month9{ left:66.11%;}
#month10{ left:73.81%;}
#month11{ left:81.13%;}
#month12{ left:88.83%;}





.drop-diary{
	width:26%;
	position:absolute;
	top:19%;
	left:57.34%;
	z-index:10000;
}
.diary{ display:none;}
.drop-diary .quit{
	position:absolute;
	right:14.4%;
	bottom:12%;
	cursor:pointer;
}
#page1 .drop-diary .quit{ bottom:9%;}
#page1 .drop-diary .d1-3 .quit{bottom:12%;}
#page1 .drop-diary .d1-4 .quit,#page1 .drop-diary .d1-7 .quit,#page1 .drop-diary .d1-9 .quit,#page1 .drop-diary .d1-10 .quit{ bottom:13%;}
#page2 .drop-diary .quit{ bottom:10%;}
#page2 .drop-diary .d2-2 .quit,#page2 .drop-diary .d2-4 .quit,#page2 .drop-diary .d2-5 .quit,#page3 .drop-diary .quit,#page1 .drop-diary .d1-6 .quit{ bottom:16%;}
#page2 .drop-diary .d2-6 .quit{ bottom:20%;}
#page2 .drop-diary .d2-3 .quit{bottom:12%;}
#page3 .drop-diary .d3-4 .quit,#page3 .drop-diary .d3-9 .quit{ bottom:12%;}
.drop-diary .d4-3 .quit{ bottom:10%;}
#page1 .drop-diary .d1-8 .quit{ bottom:15%;}







#page-dt{
	background:#282828;
}
#page-dt .focus{
	width:73%;
	height:89%;
	position:absolute;
	top:5.5%;
	left:13.5%;
}
#page-dt .focus .pic,#page-dt .focus .pic img{ width:100%; height:100%;}
#page-dt .textbg1{
	width:100%;
	height:18.3%;
	background:url(images/textbg1.png) repeat-x left bottom;
	position:absolute;
	left:0;
	bottom:0;
}
#page-dt .focus p{
	font-size:28px;
	color:#fff;
	position:absolute;
	left:5.8%;
	bottom:0;
	line-height:110px;
	height:110px;
	max-width:60%;
}
#page-dt .num{
	position: absolute;
	right:8%;
	height: 160px;
	line-height: 160px;
	bottom: 0;
	width: 170px;
	text-align: center;
	font-size: 30px;
	z-index: 10;
	color: #a7a7a7;
	line-height:110px;
	height:110px;
	font-family:"Arial";
}
#page-dt .num span{
	font-size:56px;
	color:#fff;
}

#page-dt .arrow1,#page-dt .arrow2{
	position: absolute;
	width: 20px;
	height: 44px;
	bottom: 4.8%;
	cursor: pointer;
}
#page-dt .arrow1{
	background: url(images/arrow1.png);
	right:24%;
}
#page-dt .arrow2{
	background: url(images/arrow2.png);
	right:6%;
}
#page-dt .close3{
    position: absolute;
    width: 46px;
    height: 46px;
    right:6.2%;
    top:2.8%;
    background:url(images/close3.png);
    transition: opacity 0.2s;
    z-index: 99;
}






/*11.27css修改样式开始*/
.fy-text1{top:13.5%;}
/* .fy-text1 a{ display:none;} */
.fy-text2{ top:52.2%;}
.fy-anniu1{top:74.8%;}
.fy-logo{left:70%; width:16.5%;top:50.8%;}
/*11.27css修改样式结束*/
.fy-anniu1{ width:13.6%; left: 54.9%;}



#page1 #day1-1{left:16.14%;}
#page1 #day1-2{left:20%;}
#page1 #day1-3{left:34.5%;}
#page1 #day1-4{left:43.07%;}
#page1 #day1-5{left:51.57%;}
#page1 #day1-6{left:57.29%;}
#page1 #day1-7{left:60.07%;}
#page1 #day1-8{left:71.5%;}
#page1 #day1-9{left:77.14%;}
#page1 #day1-10{left:94.14%;}
#page2 #day2-1{left:24%;}
#page2 #day2-2{left:30.2%;}
#page2 #day2-3{left:37%;}
#page2 #day2-4{left:51.9%;}
#page2 #day2-5{left:66.7%;}
#page2 #day2-6{left:81.6%;}
#page3 #day3-1{left:16%;}
#page3 #day3-2{left:24.07%;}
#page3 #day3-3{left:28%;}
#page3 #day3-4{left:37.3%;}
#page3 #day3-5{left:45.9%;}
#page3 #day3-6{left:51.6%;}
#page3 #day3-7{left:54.4%;}
#page3 #day3-8{left:62.9%;}
#page3 #day3-9{left:77.1%;}
#page4 #day4-1{left:29.6%;}
#page4 #day4-2{left:47.4%;}
#page4 #day4-3{left:53.1%;}
#page4 #day4-4{left:70.1%;}



#page3 #day3-5,#page3 #day3-7,#page3 #day3-8{ display:none;}









/*12.6样式修改开始*/

#loading{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background:url(images/loading.jpg) no-repeat;
	background-size:100% 100%;
	z-index: 9999;
}

#loading .logo{
	position: absolute;
	width:12%;
	height:4.7%;
	left: 3.75%;
	top: 5.2%;
	background: url(images/loading-logo.png) no-repeat center center;
	background-size: contain;
}

#loading .topic{
	position: absolute;
	width: 23.8%;
	height: 42.2%;
	top: 12.8%;
	left: 36%;
	background: url(images/loading-topic.png) no-repeat center center;
	background-size: contain;
}

#loading .num{
	position: absolute;
	color: #be894d;
	font-weight: bold;
	text-align: center;
	top: 60.4%;
	left: 50%;
	width: 233px;
	height: 77px;
	margin-left: -117px;
	background:url(images/loading-num.png) no-repeat;
}

#loading .num table{
	width: 100%;
	height: 100%;
	font-size: 38px;
	text-align: center;
}
#loading .num table img{
	display:inline;
}




#video2{
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
}
#video2 video{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	text-align: center;
	object-fit: fill;
}
#video2 .enter{
	width:311px;
	height:64px;
	background:url(images/enter.png) no-repeat;
	position:absolute;
	right:5.5%;
	bottom:7.9%;
}



.arrow-1,.arrow-2{
	width:2.3%;
	position:absolute;
	bottom:20.2%;
}
.arrow-1{ left:7.6%;}
.arrow-2{ right:7.6%;}
@-ms-keyframes arrow-1{
	from{left:9.6%; bottom:24.2%;}
	to{ }
}
@-moz-keyframes arrow-1{
	from{left:9.6%; bottom:24.2%;}
	to{ }
}
@-o-keyframes arrow-1{
	from{left:9.6%; bottom:24.2%;}
	to{ }
}
@-webkit-keyframes arrow-1{
	from{left:9.6%; bottom:24.2%;}
	to{ }
}
@keyframes arrow-1{
	from{left:9.6%; bottom:24.2%;}
	to{ }
}
.arrow-1{
	-ms-animation:'arrow-1' 1.5s linear 0s infinite normal;
	-moz-animation:'arrow-1' 1.5s linear 0s infinite normal;
	-o-animation:'arrow-1' 1.5s linear 0s infinite normal;
	-webkit-animation:'arrow-1' 1.5s linear 0s infinite normal;
	animation:'arrow-1' 1.5s linear 0s infinite normal;
}	
@-ms-keyframes arrow-2{
	from{right:9.6%; bottom:24.2%;}
	to{ }
}
@-moz-keyframes arrow-2{
	from{right:9.6%; bottom:24.2%;}
	to{ }
}
@-o-keyframes arrow-2{
	from{right:9.6%; bottom:24.2%;}
	to{ }
}
@-webkit-keyframes arrow-2{
	from{right:9.6%; bottom:24.2%;}
	to{ }
}
@keyframes arrow-2{
	from{right:9.6%; bottom:24.2%;}
	to{ }
}
.arrow-2{
	-ms-animation:'arrow-2' 1.5s linear 0s infinite normal;
	-moz-animation:'arrow-2' 1.5s linear 0s infinite normal;
	-o-animation:'arrow-2' 1.5s linear 0s infinite normal;
	-webkit-animation:'arrow-2' 1.5s linear 0s infinite normal;
	animation:'arrow-2' 1.5s linear 0s infinite normal;
}	

.fhsy{
	width:13.2%;
	position:absolute;
	left:3.8%;
	bottom:13%;
}

.music{
	position:fixed;
	right:4%;
	top:4.8%;
	width:36px;
	height:36px;
	z-index:9999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.music img{display: inline-block;}
@-ms-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}
@media(max-width: 767px){
	.music{right:3.8%;top:3%;width:3em;height:3em;}
}
@media(max-width:325px){
	.music{width:2.6em;height:2.6em;}
}

.drop-xx ul{ margin-bottom:27.8%;}
.drop-xx li{padding:7.2% 2.7%;}
.drop-xx .play{top: 36px;left: 18.1%;}
.drop-xx img{width:36.2%;height:58px;margin-right:2%;}
.drop-xx p{max-height:48px;line-height: 24px;}
.drop-xx .li1 img{ float:left; width:16%; margin:8px 5% 0 0; display:inline-block; height:auto;}
.drop-xx .li1 .zi1{ width:78%; float:left;}
/*12.6样式修改结束*/



/* .fy-text1 a{ display:block; width:63.5%; height:16%; left:14.7%; top:0;} */

.arrow-1{ display:none;}
.arrow-2{ bottom:12%; right:3.8%;}
@-ms-keyframes arrow-2{from{right:2.4%; bottom:8%;}to{ }}
@-moz-keyframes arrow-2{from{right:2.4%; bottom:8%;}to{ }}
@-o-keyframes arrow-2{from{right:2.4%; bottom:8%;}to{ }}
@-webkit-keyframes arrow-2{from{right:2.4%; bottom:8%;}to{ }}
@keyframes arrow-2{from{right:2.4%; bottom:8%;}to{ }}






@-ms-keyframes fy-anniu1{form{transform:scale(1,1);}25%{transform:scale(1.03,1.03);}50%{transform:scale(1,1);}75%{transform:scale(0.96,0.96);}to{ }}
@-moz-keyframes fy-anniu1{form{transform:scale(1,1);}25%{transform:scale(1.03,1.03);}50%{transform:scale(1,1);}75%{transform:scale(0.96,0.96);}to{ }}
@-o-keyframes fy-anniu1{form{transform:scale(1,1);}25%{transform:scale(1.03,1.03);}50%{transform:scale(1,1);}75%{transform:scale(0.96,0.96);}to{ }}
@-webkit-keyframes fy-anniu1{form{transform:scale(1,1);}25%{transform:scale(1.03,1.03);}50%{transform:scale(1,1);}75%{transform:scale(0.96,0.96);}to{ }}
@keyframes fy-anniu1{form{transform:scale(1,1);}25%{transform:scale(1.03,1.03);}50%{transform:scale(1,1);}75%{transform:scale(0.96,0.96);}to{ }}
.fy-anniu1{
	-ms-animation:'fy-anniu1' 1.5s linear 0s infinite normal;
	-moz-animation:'fy-anniu1' 1.5s linear 0s infinite normal;
	-o-animation:'fy-anniu1' 1.5s linear 0s infinite normal;
	-webkit-animation:'fy-anniu1' 1.5s linear 0s infinite normal;
	animation:'fy-anniu1' 1.5s linear 0s infinite normal;
}	








/*12.12样式修改开始*/
.arrow-2{ bottom:12.1%; right:1.6%; width:3.4%;}
@-ms-keyframes arrow-2{from{ right:3.8%;}to{ }}
@-moz-keyframes arrow-2{from{ right:3.8%;}to{ }}
@-o-keyframes arrow-2{from{ right:3.8%;}to{ }}
@-webkit-keyframes arrow-2{from{ right:3.8%;}to{ }}
@keyframes arrow-2{from{ right:3.8%;}to{ }}


.photo{ width:10.6%; height:10.8%; position:absolute; top:57.5%; border:2px solid #fff; border-radius:10px; cursor:pointer;}
.photo .pic,.photo .pic img{ width:100%; height:100%; border-radius:8px;}
.photo1{ left:46%;}
.photo2{ left:58.3%;}
.photo .play1{ width:29%; height:52%; position:absolute; background:url(images/play1.png) no-repeat; background-size:100% 100%; top:24%; left:35.5%;}
.cmly{ width:9.1%; position:absolute; top:63.3%; left:70.36%; cursor:pointer;}

#page2 .zi{ top:19.6%;}
#page2 .photo1{ top:63.6%; left:39.6%;}
#page2 .cmly{ top:66.6%; left:51.9%;}
#page2 .dt{ width:6.25%; top:67.3%; left:62.6%;}

#page3 .photo1{ top:50.2%; left:39.6%;}
#page3 .cmly{ top:52.9%; left:51.9%;}
#page3 .dt{ width:6.05%; top:54%; left:62.3%;}

#page4 .photo1{ top:55.8%; left:18.9%;}
#page4 .cmly{ top:58.9%; left:31.2%;}
#page4 .dt{ width:6.05%; top:60%; left:41.8%;}

.drop-xx li p{  line-height:3em;}
/*12.12样式修改结束*/


.flipbook-viewport .page img{margin-right: 5%;}
.drop-xx .li1 img{width: 24.2%;}


#page-dt .focus p{ line-height:40px; bottom:3.5%; height:auto;}

.drop-xx .li1 img{width:16.2%;}
.drop-xx li p{line-height:24px !important;}
.drop-xx .li1 p{line-height:40px !important;}


/*12.15样式修改开始*/
@-ms-keyframes fy-anniu1{form{transform:scale(0.96,0.96);}25%{transform:scale(1,1);}50%{transform:scale(0.96,0.96);}75%{transform:scale(0.92,0.92);}to{ }}
@-moz-keyframes fy-anniu1{form{transform:scale(0.96,0.96);}25%{transform:scale(1,1);}50%{transform:scale(0.96,0.96);}75%{transform:scale(0.92,0.92);}to{ }}
@-o-keyframes fy-anniu1{form{transform:scale(0.96,0.96);}25%{transform:scale(1,1);}50%{transform:scale(0.96,0.96);}75%{transform:scale(0.92,0.92);}to{ }}
@-webkit-keyframes fy-anniu1{form{transform:scale(0.96,0.96);}25%{transform:scale(1,1);}50%{transform:scale(0.96,0.96);}75%{transform:scale(0.92,0.92);}to{ }}
@keyframes fy-anniu1{form{transform:scale(0.96,0.96);}25%{transform:scale(1,1);}50%{transform:scale(0.96,0.96);}75%{transform:scale(0.92,0.92);}to{ }}
.fy-anniu1{
	transform:scale(0.96,0.96);
}

.photo p{ font-size:17px; color:#fff; text-align:center; width:102%; margin:4% 0 0 -1%; line-height:22px; height:22px;}
@media (max-width: 1800px) {.photo p{ font-size:15px;}}
@media (max-width: 1600px) {.photo p{ font-size:14px;width:104%; margin:4% 0 0 -2%; }}
@media (max-width: 1500px) {.photo p{ font-size:13px;width:102%; margin:4% 0 0 -1%;}}
#page1 .cmly{ top:63.4%;}
#page2 .zi{ top:19.1%; height:38.1%;}
#page2 .photo1{ top:59.4%}
#page2 .cmly{ top:62.4%;}
#page2 .dt{ top:63.2%;}
#page3 .zi{ top:10.7%;}
#page3 .photo1{ top:49.3%;}
#page3 .photo1 p{text-shadow: -1px 0 rgba(8, 64, 112, 0.73), 0 1px rgba(8, 64, 112, 0.73),0px 0 rgba(8, 64, 112, 0.73), 0 -1px rgba(8, 64, 112, 0.73),0.5em 0.1em 0.6em rgba(8, 64, 112, 0.73);}
#page3 .cmly,#page3 .dt{ top:48.4%;}
#page3 .cmly{ width:10.7%; left:50.63%;}
#page3 .dt{ width:9.7%; left:61.35%;}
#page4 .zi{ width:23.4%;height:32.3%;left:18.5%;top:21.3%;}
#page4 .cmly,#page4 .dt{ top:53.8%;}
#page4 .cmly{ width:10.83%; left:29.6%;}
#page4 .dt{ width:10.1%; left:40.43%;}
/*12.15样式修改结束*/






/*5-7月样式开始*/
#page5{ background:url(images/page5.jpg) no-repeat; background-size:100% 100%;}
#page5 .zi{ width:23.5%;height:39.5%;left:17.4%;top:16.5%;}
#page5 .photo1{ left:17.6%; top:58.2%; z-index:100;}
#page5 .photo1 p{text-shadow: -1px 0 rgba(46, 118, 40), 0 1px rgba(46, 118, 40),0px 0 rgba(46, 118, 40), 0 -1px rgba(46, 118, 40),0.5em 0.1em 0.6em rgba(46, 118, 40);}
#page5 .cmly{ width:10.8%;left:28.2%;top:60.8%;}
#page5 .dt{ width:9.7%;left:39%;top:60.8%;}
#day5-1{ left:29.6%;}
#day5-2{ left:41.57%;}
#day5-3{ left:58.71%;}
#day5-4{ left:75.71%;}

#page6{ background:url(images/page6.jpg) no-repeat; background-size:100% 100%;}
#page6 .man{ width:94.7%;height:93.4%; left:19.3%;top:2.3%; overflow:hidden; /*background:url(images/ren6.png) no-repeat left top; background-size:auto cover;*/}
#page6 .man img{ width:auto; height:100%;}
#page6 .zi{ width:23.5%;height:29.1%;left:51.2%;top:18.8%;}
#page6 .photo1{ left:51.6%; top:50.1%;}
#page6 .iron{ width:100%; position:absolute; top:0; left:0;}
#page6 .cmly{ width:10.7%;left:62.44%;top:48.7%;}
#page6 .dt{ width:9.7%;left:73.1%;top:48.7%;}
#day6-1{ left:17.5%;}
#day6-2{ left:21.5%;}
#day6-3{ left:23.64%;}
#day6-4{ left:53.07%;}
#day6-5{ left:61.64%;}
#day6-6{ left:72.92%;}
#page6 .d6-2 .quit{bottom:10%;}
#page6 .d6-3 .quit{bottom:9.5%;}
#page6 .d6-4 .quit,#page6 .d6-5 .quit{bottom:10.2%;}

#page7{ background:url(images/page7.jpg) no-repeat; background-size:100% 100%;}
#page7 .man{ width:100%; left:0%; bottom:4.3%;max-height:89%; overflow:hidden;/* background:url(images/ren7.png) no-repeat left top; background-size:100% auto;*/}
#page7 .man img{ height:auto; width:100%;}
#page7 .zi{ width:23.7%;height:32.2%;left:17.4%;top:13.9%;}
#page7 .photo1{ left:17.8%; top:48.3%;}
#page7 .cmly{ width:11.04%;left:29.84%;top:51.38%;}
#page7 .dt{left:42%;top:52.34%; width:6.25%;}
#day7-1{ left:16.07%;}
#day7-2{ left:30%;}
#day7-3{ left:51.57%;}
#day7-4{ left:60.07%;}
#day7-5{ left:68.57%;}
#day7-6{ left:85.64%;}
#page7 .quit{bottom:9.7%;}
#page7 .d7-3 .quit{bottom:10%;}

/*5-7月份样式结束*/
#page5 .vr{ width:9.7%;left:39%;top:60.8%;}

#page5 .photo1 p{text-shadow: -1px 0 rgba(0, 0, 0), 0 1px rgba(0, 0, 0),0px 0 rgba(0, 0, 0), 0 -1px rgba(0, 0, 0),0.5em 0.1em 0.6em rgba(0, 0, 0);}
#page5 .dt,#page6 .dt{ display:none;}
#page6 .photo2{ left:63.9%; top:50.1%;}
#page6 .cmly{ left:74.7%; width:13.23%; top:47.5%;}

#page-dt .focus p{ font-size:27px;max-width: 64%;}





/*8月样式开始*/
#page8{ background:url(images/page8.jpg) no-repeat; background-size:100% 100%;}
#page8 .man{ width:41.46%;height:85.48%; left:3.3%;top:10.2%;}
#page8 .zi{ width:23.6%;height:24.36%;left:50.36%;top:20.15%;}
#page8 .photo1{ left:50.36%; top:46.8%;}
#page8 .photo2{ left:62.66%; top:46.8%;}
#page8 .cmly{ width:11.35%;left:74.8%;top:49.95%;}
#day8-1{ left:24%;}
#day8-2{ left:28.07%;}
#day8-3{ left:37.29%;}
#day8-4{ left:40.21%;}
#day8-5{ left:45.86%;}
#day8-6{ left:60.07%;}
#day8-7{ left:62.93%;}
#day8-8{ left:85.64%;}
#page8 .quit{bottom:16%;}
#page8 .d8-5 .quit,#page8 .d8-4 .quit,#page8 .d8-2 .quit,#page8 .d8-1 .quit{bottom:10%;}
/*8月样式结束*/



/*9-12月样式开始*/
#page8 .man img{ height:100%;}
#page9{ background:url(images/page9.jpg) no-repeat; background-size:100% 100%;}
#page9 .man{width:100%; left:0%; top:2.3%;}
#page9 .man img{ height:auto; width:100%;}
#page9 .iron{ width:100%; position:absolute; top:0; left:0;}
#page9 .di{ width:100%; position:absolute; bottom:0; left:0;}
#page9 .photo1{ left:52.3%; top:51%}
#page9 .photo2{ left:64.6%; top:51%}
#page9 .photo1 p,#page9 .photo2 p{text-shadow: -1px 0 rgba(66, 21, 11), 0 1px rgba(66, 21, 11),0px 0 rgba(66, 21, 11), 0 -1px rgba(66, 21, 11),0.5em 0.1em 0.6em rgba(66, 21, 11);}
#page9 .zi{ width:29.22%;height:27.5%;left:52%;top:21.2%;}
#page9 .cmly{ width:12.9%;left:75.4%;top:49.7%;}
#day9-1{ left:18.42%;}
#day9-2{ left:20.44%;}
#day9-3{ left:32.43%;}
#day9-4{ left:51.07%;}
#day9-5{ left:53.93%;}
#day9-6{ left:62.43%;}
#day9-7{ left:76.64%;}

#page10{ background:url(images/page10.jpg) no-repeat; background-size:100% 100%;}
#page10 .man{width:80.78%; left:0%;top:2.3%;max-height:93.4%;overflow:hidden;}
#page10 .man img{ width:100%;}
#page10 .iron{ width:100%; position:absolute; top:0; left:0;}
#page10 .zi{ width:22.08%;height:29.23%;left:18.7%;top:21.2%;}
#page10 .photo1{ left:18.85%; top:52.6%}
#page10 .cmly{ width:12.24%;left:30.16%;top:54.06%;}
#page10 .vr{ width:8.54%;left:42.4%;top:54.06%;}
#page10 .photo1 p{text-shadow: -1px 0 rgba(157, 137, 26), 0 1px rgba(157, 137, 26),0px 0 rgba(157, 137, 26), 0 -1px rgba(157, 137, 26),0.5em 0.1em 0.6em rgba(157, 137, 26);}
#day10-1{ left:32.57%;}
#day10-2{ left:37.86%;}
#day10-3{ left:40.71%;}
#day10-4{ left:46.43%;}
#day10-5{ left:63.5%;}
#day10-6{ left:83.36%;}

#page11{ background:url(images/page11.jpg) no-repeat; background-size:100% 100%;}
#page11 .man{width:100%; left:0%; /*top:6.98%;*/ bottom:4.3%;max-height:88.83%; overflow:hidden;}
#page11 .man img{ width:100%; height:auto;}
#page11 .zi{ width:39.84%;height:29.32%;left:18.75%;top:21.1%;}
#page11 .photo1{ left:18.85%; top:52.6%}
#page11 .cmly{ width:15.4%;left:29.7%;top:49.8%;}
#page11 .dt{ width:6.25%;left:45.2%;top:56.6%;}
#day11-1{ left:20.64%;}
#day11-2{ left:28.63%;}
#day11-3{ left:34.64%;}
#day11-4{ left:39.93%;}
#day11-5{ left:65.5%;}
#day11-6{ left:74%;}
#day11-7{ left:93.93%;}

#page12{ background:url(images/page12.jpg) no-repeat; background-size:100% 100%;}
#page12 .man{width:52.76%; left:37.2%; bottom:4.3%;}
#page12 .photo1{ left:18.85%; top:48.14%}
#page12 .photo2{ left:31.1%; top:48.14%}
#page12 .photo1 p,#page12 .photo2 p{text-shadow: -1px 0 rgba(157, 137, 26), 0 1px rgba(157, 137, 26),0px 0 rgba(157, 137, 26), 0 -1px rgba(157, 137, 26),0.5em 0.1em 0.6em rgba(157, 137, 26);}
#page12 .zi{ width:33.33%;height:29.32%;left:18.39%;top:16.62%;}
#page12 .cmly{ width:11.14%;left:18.85%;top:63.8%;}
#page12 .zc{ width:10.57%;right:5.26%; bottom:20.25%;position:absolute;}
#page12 .fhsy1{ width:12.2%;position:absolute;right:1.5%;bottom:5.1%;}
#day12-1{ left:16.64%;}
#day12-2{ left:22.7%;}
#day12-3{ left:32.64%;}
#day12-4{ left:49.36%;}
#day12-5{ left:63.57%;}

/*9-12月样式结束*/


/*12.23日记样式修改开始*/
@media (max-width: 1800px) {#page6 .man{left: 19.3%;}}
@media (max-width: 1600px) {#page6 .man{left: 22.3%;}}
@media (max-width: 1500px) {#page6 .man{left: 19.3%;}}
#page9 .quit,#page11 .quit,#page12 .quit{ bottom:9%;}
#page9 .d9-5 .quit,#page9 .d9-6 .quit,#page9 .d9-7 .quit{ bottom:12.6%;}
#page10 .quit{ bottom:14.6%;}
#page10 .d10-2 .quit{ bottom:10.6%;}
#page10 .d10-5 .quit,#page10 .d10-6 .quit{ bottom:9.4%;}
#page11 .d11-2 .quit,#page11 .d11-4 .quit,#page11 .d11-7 .quit{ bottom:13.6%;}
#page11 .d11-3 .quit{ bottom:10%;}
#page12 .d12-2 .quit{ bottom:7.2%;}
#page12 .d12-3 .quit{ bottom:7.6%;}
#page12 .d12-5 .quit{ bottom:4.8%;}
#page12 .d12-5{ margin-top:-21%;}
/*12.23日记样式修改结束*/


.photo{ height:11.8%;}
#page5 .photo1 p{text-shadow: -1px 0 rgba(0, 0, 0), 0 1px rgba(0, 0, 0),0px 0 rgba(0, 0, 0), 0 -1px rgba(0, 0, 0),0.5em 0.5em 1em rgba(0, 0, 0);}
.fy-text2{ width:55.26%;}


#page5 .date .time {width:10.5%;left:3.36%;}
#day5-1{ left:27.86%;}
#day5-2{ left:40%;}
#day5-3{ left:57.07%;}
#day5-4{ left:74.07%;}