@media only screen and (min-width: 360px) and (max-width: 800px) {
	.scroll {
		height: 595px;
	}
	.content{
		height: 534px;
		margin:22px 150px;
	}
	#right{
		float: left;
		position:absolute;
		z-index: 3;
		overflow: hidden;
		left: 160px;
	}
	.content_header{
		float: left;
		width: 296px;
		height: 457px;
		text-align: center;
		margin-left: 20px;
		opacity: 0;
		margin-top: 48px;
	}
	.content_header img{
		width: 268px;
		height: auto;
		margin-top: 30px;
	}
	.float_button button{
		margin-top: 20px;
		height: 50px;
		width: 96px;
		background-size: 100%;
		border:none;
		outline: none;
		font-size: 18px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-color: transparent;
		margin-left: 0 !important;
	}
	.float_button span{
		display: inline-block;
	    overflow: hidden;
	    width: 138px;
	    height: 40px;
	    line-height: 40px;
	    margin-top: 0px;
	    float: left;
	}
	.float_button span img{
		width:25px;
		height: 25px;
	}
	.touch_button_start button{
		margin-top: 20px;
		height: 50px;
		width: 96px;
		background-size: 100%;
		border:none;
		outline: none;
		font-size: 18px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-color: transparent;
		margin-left: 0 !important;
	}
	.touch_button_start span{
		display: inline-block;
	    overflow: hidden;
	    width: 138px;
	    height: 40px;
	    line-height: 40px;
	    margin-top: 0px;
	    float: left;
	}
	.touch_button_start span img{
		width:25px;
		height: 25px;
	}
	.touch_start_left{
		animation: leftRight 1s infinite;
		margin-left: 0px;
	}
	@keyframes leftRight{
		0%{margin-left: 0px;}
		10%{margin-left:3px}
		20%{margin-left: 6px;}
		30%{margin-left: 9px;}
		40%{margin-left: 12px;}
		50%{margin-left: 15px;}
		60%{margin-left: 12px;}
		70%{margin-left: 9px;}
		80%{margin-left: 6px;}
		90%{margin-left: 3px;}
		100%{margin-left: 0px;}
	}
	.contentHeaderInfo{
		width: 70px !important;
		height: 12px !important;
		margin-bottom: 7px;
	}
	/*轨迹开始*/
	.svg{
		float: left;
		width: 914px;
		position: relative;
		height: 457px;
		background-image: url(../img/djdBg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		opacity: 0;
		margin-top: 47px;
	}
	.test{
		width: 914px;
		height: 457px;
	}
	.red {
		position: absolute;
		top: 10px;
		width: 30px;
		height: 35px;
	}
	.start{
		width: 325px;
		height: 297px;
		line-height: 201px;
		background-image: url(../img/start_message_bg.png);
		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(../img/close_start_message.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
	}
	/*卷尾题诗*/
	.content_footer{
		height: 457px;
		width: 500px;
		float: left;
		/*background-image:url(../img/content_footer_bg.png);
		background-position: left;
		background-repeat: no-repeat;*/
		margin-top: 47px;
	}
	.content_footer_left{
		width: 213px;
	    float: left;
	    margin-top: 61px;
	    margin-left: 10px;
	    text-align: right;
	    padding-right: 29px;
	    opacity: 1;
	    height:334px;
	    border-right: 1px dashed black
	}
	.content_footer_left img{
		width: 212px;
	}
	.content_footer_right{
		width: 213px;
		float: left;
		margin-top: 61px;
		height:334px;
		margin-left: 20px;
	}
	.content_footer_right img{
		width: 212px;
	}
	.scenic_button_info{
		width:20px;
		height:20px;
	}
	.scenic_button_url{
		width:20px;
		height:20px;
	}
	.scenic_one_position{
		right: 137px;
		top:63px;
	}
	.scenic_two_position {
	    right: 259px;
	    top: 91px;
	}
	.scenic_three_position{
		right: 413px;
    	top: 157px;
	}
	.scenic_four_position{
		left: 320px;
    	top: 150px;
	}
	.scenic_five_position{
		left: 341px;
    	top: 121px;
    	height: 35px;
	}
	.scenic_six_position{
		left: 277px;
    	top: 114px;
	}
	.scenic_seven_position{
		left: 264px;
    	top: 168px;
	}
	.scenic_eight_position{
		left: 313px;
    	top: 176px
	}
	.scenic_nine_position{
		left: 263px;
    	top: 275px;
	}
	.scenic_ten_position{
		left: 334px;
   	 	top: 248px;
	}
	.scenic_eleven_position{
		left: 449px;
    	top: 212px;
	}
	.scenic_twelve_position{
		right: 354px;
    	top: 153px;
	}
	.scenic_thirteen_position{
		left: 516px;
    	top: 248px
	}
	.scenic_fourteen_position{
		left: 476px;
   		top: 388px;
	}
	.scenic_fifteen_position{
		right: 151px;
    	top: 398px;
	}
	.scenic_sixteen_position{
		right: 246px;
    	top: 264px;
	}
	/*内容开始*/
	.scenic_one_content{
		left:57%
	}
	.scenic_one_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_two_content{
		left:57%
	}
	.scenic_two_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_three_content{
		left:43%
	}
	.scenic_three_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_four_content{
		left:33%
	}
	.scenic_four_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_five_content{
		left:33%
	}
	.scenic_five_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_six_content{
		left:33%
	}
	.scenic_six_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_seven_content{
		left:33%
	}
	.scenic_seven_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_eight_content{
		left:33%
	}
	.scenic_eight_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_nine_content{
		left:33%
	}
	.scenic_nine_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_ten_content{
		left:33%
	}
	.scenic_ten_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_eleven_content{
		left:43%
	}
	.scenic_eleven_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_twelve_content{
		left:43%
	}
	.scenic_twelve_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_thirteen_content{
		left:43%
	}
	.scenic_thirteen_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_fourteen_content{
		left:43%
	}
	.scenic_fourteen_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_fifteen_content{
		left:62%
	}
	.scenic_fifteen_content img{
		width: 220px;
    	height: 400px;
	}
	.scenic_sixteen_content{
		left:62%
	}
	.scenic_sixteen_content img{
		width: 220px;
    	height: 400px;
	}
	/*内容结束*/
	.senic_content_button{
		width: 55px;
		height: 30px;
		left: 36%;
		top: 7px;
	}
	.returnVideo{
		bottom: 1%;
		z-index: 99;
		left:10%;
		overflow: hidden;
		width:300px
	}
	.returnVideo button{
		height: 30px;
		width: 100px;
		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;
		width: 30px;
		margin-top: 0;
	}
	/*新增点*/
	.scenic_buttonone_position{
		left: 195px;
    	top: 144px;
	}
	.scenic_buttontwo_position{
		left: 240px;
    	top: 119px;
	}
	.scenic_buttonthree_position{
		left: 301px;
    	top: 242px;
	}
	.scenic_buttonfour_position{
		left: 404px;
    	top: 297px;
	}
}