body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "微软雅黑";
}
ul {
	padding: 0;
	margin: 0;
}
img {
	height: 100%;
}
button{
	border: none;
	outline: none;
	background-color: transparent;
}
#app {
	margin-top: 1%;
}

.scroll {
	position: relative;
	z-index: 1;
	width: 100%;
	height:931px ;
}
#right{
	float: left;
	position:absolute;
	z-index: 3;
	overflow: hidden;
	left: 270px;
}
#left{
	float: left;
	position:absolute;
	z-index: 3;
	overflow: hidden;
}
.red {
	position: absolute;
	top: 10px;
	width: 40px;
	height: 45px;
	/*background-image: url(../img/svg_bg.png);
	background-repeat: no-repeat;
	background-size: 100%;*/
}
.content {
	position: absolute;
    z-index: 2;
    height: 834px;
    background-image: url(http://s.vr0312.yuanhuiit.com/img/content_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 34px 264px;
	
}
.svg{
	float: left;
	width: 1400px;
	position: relative;
	height: 710px;
	
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0;
	margin-top: 76px;
}
.start{
	width: 325px;
	height: 297px;
	line-height: 201px;
	
	background-size: 85%;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 18px;
	letter-spacing: 5px;
	position: absolute;
	right:150px;
	top:0;
	z-index: 10;
	opacity: 0;
}
.start span{
	display: block;
	width:150px;
	margin: 0 auto;
}
.start button{
	position: absolute;
	left: 15px;
	top: 30px;
	width: 22px;
	height: 22px;
	background-image: url(http://s.vr0312.yuanhuiit.com/img/close_start_message.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}
.test{
	width: 1400px;
	height: 710px;
}
.content_header{
	float: left;
	width: 550px;
	height: 710px;
	text-align: center;
	margin-left: 20px;
	opacity: 0;
	margin-top: 76px;
}
.content_header img{
	width: auto;
	height: auto;
	margin-top: 30px;
}
.float_button span{
	display: inline-block;
    overflow: hidden;
    width: 270px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
}
.float_button button{
	margin-top: 20px;
	height: 50px;
	width: 140px;
	background-size: 100%;
	border:none;
	outline: none;
	font-size: 18px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
}
.float_button_start{
	background-image:url(http://s.vr0312.yuanhuiit.com/img/start.png) ;
}
.float_button_end{
	background-image:url(http://s.vr0312.yuanhuiit.com/img/end.png) ;
}
/*景点弹框开始*/
.scenic_button_info{
	background-image: url(http://s.vr0312.yuanhuiit.com/img/scenic_content_info.png);
	background-size: 100%;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.scenic_button_url{
	background-image: url(http://s.vr0312.yuanhuiit.com/img/scenic_content_url.png);
	background-size: 100%;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.scenic_one_position{
	height: 40px;
	position: absolute;
	right: 196px;
    top: 94px;;
}
.scenic_one_position button{
	outline: none;
	border:none;
	background-color:transparent ;
}
.scenic_two_position{
	height: 40px;
	position: absolute;
	right: 386px;
    top: 149px;
}
.scenic_two_position button{
	background-color:transparent ;
	outline: none;
	border:none;
}
.scenic_three_position{
	height: 40px;
	position: absolute;
	right: 613px;
    top: 251px;
    line-height: 40px;
}
.scenic_three_position button{
	outline: none;
	border:none;
	background-color:transparent ;
}
.scenic_four_position{
	height: 40px;
	position: absolute;
	left: 501px;
    top: 243px;
}
.scenic_four_position button{
	background-color:transparent;
	outline: none;
	border:none;
	
}
.scenic_five_position{
	height: 80px;
    position: absolute;
    left: 535px;
    top: 183px;
    width: 35px;
}
.scenic_five_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_six_position{
	height: 40px;
	position: absolute;
	left: 420px;
    top: 194px;
}
.scenic_six_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_seven_position{
	height: 40px;
	position: absolute;
	left: 410px;
    top: 260px
}
.scenic_seven_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_eight_position{
	height: 40px;
	position: absolute;
	left: 495px;
    top: 278px;
}
.scenic_eight_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_nine_position{
	height: 40px;
	position: absolute;
	left: 416px;
    top: 436px;
}
.scenic_nine_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_ten_position{
	height: 40px;
	position: absolute;
	left: 532px;
    top: 380px;
}
.scenic_ten_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_eleven_position{
	height: 40px;
	position: absolute;
	left: 700px;
    top: 327px
}
.scenic_eleven_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_twelve_position{
	height: 40px;
	position: absolute;
	right: 488px;
    top: 247px;
}
.scenic_twelve_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_thirteen_position{
	height: 40px;
	position: absolute;
	left: 790px;
    top: 380px;
}
.scenic_thirteen_position button{
	background-color:transparent ;
	outline: none;
	border:none;
}
.scenic_fourteen_position{
	height: 40px;
	position: absolute;
	left: 728px;
    top: 600px;
}
.scenic_fourteen_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_fifteen_position{
	height: 40px;
	position: absolute;
	right: 218px;
    top: 619px;
}
.scenic_fifteen_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
.scenic_sixteen_position{
	height: 40px;
	position: absolute;
	right: 330px;
    top: 408px;
}
.scenic_sixteen_position button{
	background-color:transparent ;
	outline: none;
	border:none;
	
}
/*景点详细*/
.scenic_one_content{
	position:absolute;
	left: 40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_two_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_three_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_four_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_five_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_six_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_seven_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_eight_content{
	position:absolute;
	left: 40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_nine_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_ten_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_eleven_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_twelve_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_thirteen_content{
	position:absolute;
	left: 40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_fourteen_content{
	position:absolute;
	left: 40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_fifteen_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.scenic_sixteen_content{
	position:absolute;
	left:  40%;
	height: 660px;
	top: 0;
	z-index: 10;
	margin: 25px 0;
}
.senic_content_button{
	width: 80px;
	height: 30px;
	background-image: url(http://s.vr0312.yuanhuiit.com/img/senic_content_button.png);
	background-size: 100%;
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	text-align: center;
	position: absolute;
	left: 40%;
	top: 10px;
}
/*卷尾题诗*/
.content_footer{
	height: 710px;
	width: 730px;
	float: left;
	/*background-image:url(../img/content_footer_bg.png);
	background-position: left;
	background-repeat: no-repeat;*/
	margin-top: 76px;
}
.content_footer_left{
	width: 335px;
    float: left;
    margin-top: 150px;
    margin-left: 10px;
    text-align: right;
    padding-right: 29px;
    opacity: 1;
    border-right: 1px dashed black
}
.content_footer_left h1{
	text-align: center;
	font-weight: bold;
	color:#49300b;
	font-family: "仿宋";
	font-size: 24px;
	
}
.content_footer_left p{
	display: block;
	width: 400px;
	margin: 0 auto;
	font-family: "仿宋";
	color:#49300b;
	letter-spacing: 1px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 600;
	text-indent: 2em;
	margin-left: 40px;
}
.content_footer_right{
	width: 300px;
	float: left;
	margin-top: 150px;
	margin-left: 20px;
}
.content_footer_right h1{
	text-align: center;
	font-weight: bold;
	color:#49300b;
	font-family: "仿宋";
	font-size: 24px;
}
.content_footer_right p{
	display: block;
	width: 300px;
	margin: 0 auto;
	font-family: "仿宋";
	color:#49300b;
	letter-spacing: 1px;
	line-height: 35px;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	margin-left: 25px;
}
/*新增点*/
.scenic_buttonone_position{
	position: absolute;
	left: 305px;
    top: 220px;
}
.scenic_buttontwo_position{
	position: absolute;
	left: 369px;
    top: 183px;
}
.scenic_buttonthree_position{
	position: absolute;
	left: 467px;
    top: 377px;
}
.scenic_buttonfour_position{
	position: absolute;
	left: 636px;
    top: 448px;
}
/*点跳跃*/
.animateJump{
	animation: jump .3s infinite;
	margin-top: 0px;
}
@keyframes jump{
	from{margin-top:0px}
	to{margin-top: 6px;}
}
/*最后题词闪烁*/
.lightFooter{
	animation: light 1s infinite;
}
@keyframes light{
	from{opacity: 1;}
	to{opacity: 0;}
}
/*从新观看*/
.returnVideo{
	position: fixed;
	bottom: 1%;
	z-index: 10;
	left: 40%;
	overflow: hidden;
}
.returnVideo button{
	height: 50px;
	width: 140px;
	background-size: 100%;
	border:none;
	outline: none;
	font-size: 18px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
}

.returnVideo img{
	cursor: pointer;
	margin-left: 20px;
}