/***common****/

*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-repeat: no-repeat;
}
#afui p{
	width: 100%;
}
html,body,iframe
{
    padding: 0;
    margin: 0;
    background-color:#ffffff;
    border: none;
}


ul,li,p
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.start_text_content
{
	/*display: none;
	opacity: 0;*/
}

#my_mask
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	display: none;
}



.static-box
{
	position: absolute;
	width: 1136px;
	height: 638px;
	top: 50%;
	left: 50%;
	margin-top: -319px;
	margin-left: -568px;
	overflow: hidden;
}

#afui #content
{
	display: none;
}

.loading-logo
{
	width: 171px;
	height: 68px;
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	bottom: 40px;
	right:25px;
	z-index: 900;
}

.bottom-logo-white
{
	width: 211px;
	height: 104px;
	background: url(../images/logo-white.png) no-repeat;
	position: absolute;
	bottom: 1px;
	right:4px;
	z-index: 900;
}

.bottom-logo{
	width: 171px;
	height: 68px;
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	bottom: 20px;
	right:25px;
	z-index: 900;
}

.video-top-help-btn
{
	width: 80px;
	height: 80px;
	background-image: url(../images/help.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 6px;
	right: 9px;
	z-index: 100;
}

.top-help-btn
{
	width: 80px;
	height: 80px;
	background-image: url(../images/help.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 6px;
	right: 9px;
	z-index: 100;
}

.close-help-btn
{
	width: 88px;
	height: 88px;
	background: url(../images/close_1.png) no-repeat;
	position: absolute;
	top:2px;
	right:5px;
	z-index: 100;
}

#horizonal-static
{
    width: 640px;
    height: 1136px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -320px;
    margin-top: -568px;
    z-index: 99999;
    background: #000000;
    display: none;
}
#black-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99998;
    background: #000000;
    display: none;
}

#horizonal-text
{
	width: 597px;
	height: 231px;
	background: url(../images/horizonal_text.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -298px;
	margin-top: -115px;
}


/**common**/

/**loading page***/

#loading_bg
{
	position: absolute;
	width:100%;
	height:100%;
/*	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -568px; */
	top: 0;
	left: 0;
}
#loading-text
{
	position: absolute;
	width: 266px;
	height: 31px;
	top: 260px;
	left: 50%;
	margin-left: -133px;
	background: url(../loading/loading_text.png) no-repeat;
}

#loading-text2
{
	position: absolute;
	width: 291px;
	height: 39px;
	top: 255px;
	left: 50%;
	margin-left: -145px;
	opacity: 0;
	background: url(../loading/loading_text2.png) no-repeat;
}

#loading-bar-outer
{
	position: absolute;
	width: 332px;
	height: 2px;
	left: 50%;
	margin-left: -166px;
	background:#FFE500;
	top: 332px;
}

#loading-bar
{
	width: 0;
	height: 100%;
	background: #004F9F;
}
/**loading page***/

#audio-box
{
	width: 100px;
	height: 100px;
	position: absolute;
	overflow: hidden;
}

/***start page***/
#start-bg
{
	width:1136px;
	height: 640px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -568px;
	background-image: url(../images/start_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#start-bg2
{
	width:1136px;
	height: 640px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -568px;
	background: url(../images/start_bg2.jpg) no-repeat;
}

#start-bg
{
	width:1136px;
	height:640px;
}

.start_select_btn
{
	width: 212px;
	height: 46px;
	position: absolute;
	top: 50%;
	margin-top: -23px;
	cursor: pointer;
}

#play_video_btn
{
	right: 75px;
	background: url(../images/start_to_video.png) no-repeat;
}

#play_video_btn2
{
	right: 75px;
	background: url(../images/start_to_video.png) no-repeat;
}

.enter_qa
{
	left: 75px;
	background: url(../images/start_to_qa.png) no-repeat;
}

/***video page***/
#video-box
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.video_skip_btn
{
	position: absolute;
	width:177px;
	height: 46px;
	left: 50%;
	margin-left: -88px;
	background: url(../images/skip.png) no-repeat;
	bottom: 25px;
}

/***qa page***/
#qa_left_btn
{
	position: absolute;
	width:50px;
	height:50px;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	background: url(../images/left.png) no-repeat;
	z-index: 900;
}
#qa_right_btn
{
	position: absolute;
	width:50px;
	height:50px;
	right:10px;
	top: 50%;
	margin-top: -25px;
	background: url(../images/right.png) no-repeat;
	z-index: 900;
}
#qa_question_list
{
	position:absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;

	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
#qa_question_list >li
{
	height: 640px;
	width: 1136px;
	position: relative;
	float:left;
	padding: 0;
	margin: 0;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
    overflow: hidden;
}

/*#qa_question_list #question_0
{
	background: url(../images/question_0.jpg) no-repeat;
}*/


#question_0
{
	background: url(../images/question_0.jpg) no-repeat;
	/*background-image: url(../ipadimages/first_sequence1.jpg);*/
	background-repeat: no-repeat;
}

#question_1
{
	background: url(../images/question_1.jpg) no-repeat;
	/*background-image: url(../ipadimages/first_sequence2.jpg);*/
	background-repeat: no-repeat;
}

#question_2
{
	background: url(../images/question_2.jpg) no-repeat;
	/*background-image: url(../ipadimages/first_sequence3.jpg);*/
	background-repeat: no-repeat;
}

#question_3
{
	background: url(../images/question_3.jpg) no-repeat;
	/*background-image: url(../ipadimages/first_sequence4.jpg);*/
	background-repeat: no-repeat;
}

#question_4
{
	background: url(../images/question_4.jpg) no-repeat;
	/*background-image: url(../ipadimages/first_sequence5.jpg);*/
	background-repeat: no-repeat;
}

.question_li_no_bg{
	background-image:none;
}

.sequence_bg
{
	width: 640px;
	height: 360px;
	position: absolute;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	/*background-image: url(../ipadimages/question-video-bg0.jpg);*/
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	margin-top: -180px;
	transform:scale(1.775);
	-webkit-transform:scale(1.775);
	-moz-transform:scale(1.775);
	-ms-transform:scale(1.775);
	-o-transform:scale(1.775);
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-ms-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
	opacity: 0;
}

#qa_question_list .sequence_bg0
{
	background-image: url(../ipadimages/first_sequence1.jpg);
}

#qa_question_list .sequence_bg1
{
	background-image: url(../ipadimages/first_sequence2.jpg);
}

#qa_question_list .sequence_bg2
{
	background-image: url(../ipadimages/first_sequence3.jpg);
}

#qa_question_list .sequence_bg3
{
	width: 320px;
	height: 180px;
	margin-top: -90px;
	margin-left: -160px;
	transform:scale(3.55);
	-webkit-transform:scale(3.55);
	-moz-transform:scale(3.55);
	-ms-transform:scale(3.55);
	-o-transform:scale(3.55);
	background-image: url(../ipadimages/first_sequence4.jpg);
}

#qa_question_list #sequence_bg4
{
	background-image: url(../ipadimages/first_sequence5.jpg);
}

.question-video-bg0{
	
	background-image: url(../ipadimages/question-video-bg0.jpg);
	-webkit-animation:bganimate-30p 1.2s steps(30) infinite;
	-moz-animation:bganimate-30p 1.2s steps(30) infinite;
	animation:bganimate-30p 1.2s steps(30) infinite;
	background-repeat: no-repeat;
}

.question-video-bg1{
	
	background-image: url(../ipadimages/question-video-bg1.jpg);
	-webkit-animation:bganimate-45p 1.8s steps(45) infinite;
	-moz-animation:bganimate-45p 1.8s steps(45) infinite;
	animation:bganimate-45p 1.8s steps(45) infinite;
	background-repeat: no-repeat;
}

.question-video-bg2{
	
	background-image: url(../ipadimages/question-video-bg2.jpg);
	-webkit-animation:bganimate-30p 1.2s steps(30) infinite;
	-moz-animation:bganimate-30p 1.2s steps(30) infinite;
	animation:bganimate-30p 1.2s steps(30) infinite;
	background-repeat: no-repeat;
}

.question-video-bg3{
	
	width: 320px;
	height: 180px;
	margin-top: -90px;
	margin-left: -160px;
	transform:scale(3.55);
	-webkit-transform:scale(3.55);
	-moz-transform:scale(3.55);
	-ms-transform:scale(3.55);
	-o-transform:scale(3.55);

	background-image: url(../ipadimages/question-video-bg3.jpg);
	-webkit-animation:bganimate-90p 3.6s steps(90) infinite;
	-moz-animation:bganimate-90p 3.6s steps(90) infinite;
	animation:bganimate-90p 3.6s steps(90) infinite;
	background-repeat: no-repeat;
}

.question-video-bg4{
	background-image: url(../ipadimages/question-video-bg4.jpg);
	-webkit-animation:bganimate-45p 1.8s steps(45) infinite;
	-moz-animation:bganimate-45p 1.8s steps(45) infinite;
	animation:bganimate-45p 1.8s steps(45) infinite;
	background-repeat: no-repeat;
}

@-webkit-keyframes bganimate-30p {
	from { background-position: 0px; }
	to { background-position: -19200px; }
}
@-moz-keyframes bganimate-30p {
	from { background-position: 0px; }
	to { background-position: -19200px; }
}
@keyframes bganimate-30p {
	from { background-position: 0px; }
	to { background-position: -19200px; }
}

@-webkit-keyframes bganimate-45p {
	from { background-position: 0px; }
	to { background-position: -28800px; }
}
@-moz-keyframes bganimate-45p {
	from { background-position: 0px; }
	to { background-position: -28800px; }
}
@keyframes bganimate-45p {
	from { background-position: 0px; }
	to { background-position: -28800px; }
}


@-webkit-keyframes bganimate-90p {
	from { background-position: 0px; }
	to { background-position: -28800px; }
}
@-moz-keyframes bganimate-90p {
	from { background-position: 0px; }
	to { background-position: -28800px; }
}
@keyframes bganimate-90p {
	from { background-position: 0px; }
	to { background-position: -28800px; }
}


.question_text
{
	position: absolute;
	width: 930px;
	height: auto;
	top:90px;
	left: 50%;
	margin-left: -465px;
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	line-height: 48px;
}

#question_0 .question_text{
	width: 812px;
	margin-left: -406px;
}

#question_2 .question_text{
	width: 960px;
	margin-left: -470px;
}

#qa_question_list .question_text>p{
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	line-height: 48px;
}

.answer_list
{
	position: absolute;
	width: 352px;
	height: auto;
	top:245px;
	left: 50%;
	margin-left: -176px;
}

.answer_list >li :first
{
	margin-top: 0px;
}
.answer_list >li
{
	width: 348px;
	height: 58px;
	border: 2px solid #ffffff;
	border-radius: 29px;
	margin-top: 20px;
	text-align: center;
	line-height: 58px;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	cursor: pointer;
}
.answer_list > .selected_answer
{
	background: #005BAA;
}

#qa_question_list :first-child
{
/*	transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	-webkit-transform:translate(0,0);*/
	margin-top:0;
}
#qu_points
{
	width: 100%;
	height:15px;
	position: absolute;
	bottom:16px;
	text-align: center;
	z-index:1000;
}
#qu_points>li
{
	display: inline-block;
	margin:0 7px;
	width: 10px;
	height: 10px;
	background: #000000;
	border-radius:50%;
	opacity:0.6;
}
#qu_points .current_point
{
	background: #FEFFFF;
}
/***qa page***/
/***dashboard page**/



#piyingxi_animation
{
	
}

.hangzhou_animate_image{
	width: 226px;
	height: 163px;
	position: absolute;
	top: 490px;
	left: 102px;
	transform:rotate(214deg);
	transform: rotate(214deg);
	-moz-transform: rotate(214deg);
	-ms-transform: rotate(214deg); 		/* IE 9 */
	-webkit-transform: rotate(214deg);	/* Safari 和 Chrome */
	-o-transform: rotate(214deg);
}

.xian_animate_image
{
	width: 160px;
	height: 140px;
	position: absolute;
	top: 506px;
	left: 290px;
	transform:rotate(176deg);
	transform: rotate(176deg);
	-moz-transform: rotate(176deg);
	-ms-transform: rotate(176deg); 		/* IE 9 */
	-webkit-transform: rotate(176deg);	/* Safari 和 Chrome */
	-o-transform: rotate(176deg);
}

#longjin_animation
{
	
}

.weather
{
	position: absolute;
	width: 100%;
	height: 100%;
}
.tyre
{
	position: absolute;
	width: 409px;
	height: 409px;
	left: 50%;
	top: 188px;
	margin-left: -205px;
	z-index: 20;
	border-radius: 50%;
}

.tyre_xian{
	background: url(../images/tyre_xian.png) no-repeat;
}

.tyre_shanghai{
	background: url(../images/tyre_shanghai.png) no-repeat;
}

.tyre_xizang{
	background: url(../images/tyre_xizang.png) no-repeat;
}

.tyre_yunnan{
	background: url(../images/tyre_yunnan.png) no-repeat;
}

.tyre_hangzhou{
	background: url(../images/tyre_hangzhou.png) no-repeat;
}

.tyre_sichuan{
	background: url(../images/tyre_sichuan.png) no-repeat;
}

.tyre_shadow
{
	position: absolute;
	width: 400px;
	height: 100px;
	left: 50%;
	margin-left: -200px;
	bottom:0;
	background: url(../images/tyre_shadow.png) no-repeat;
	z-index: 10;
}


.half_scenic_spots
{
	width: 100%;
	height: 401px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.scenic_spots_outer
{
	width: 670px;
	height: 670px;
	position: absolute;
	left: 50%;
	margin-left: -335px;
	top: 57px;
}

.scenic_spots_outer_noshow
{
	width: 670px;
	height: 670px;
	position: absolute;
	left: 50%;
	margin-left: -335px;
	top: 57px;
}

.scenic_spots
{
	width: 670px;
	height: 670px;
	position: absolute;
	left: 0;
	top: 0;
}

.scenic_spots_noshow
{
	width: 670px;
	height: 670px;
	position: absolute;
	left: 0;
	top: 0;
}

.landmark_yunnan{
	width: 297px;
	height: 255px;
	position: absolute;
	top: 14px;
	left: 23px;

	transform: scale(1);
	transform-origin:193px 178px; 

	-ms-transform: scale(1); 		/* IE 9 */
	-ms-transform-origin:193px 178px; 		/* IE 9 */

	-webkit-transform: scale(1);	/* Safari 和 Chrome */
	-webkit-transform-origin:193px 178px;  

	-moz-transform: scale(1);		/* Firefox */
	-moz-transform-origin:193px 178px; 		/* Firefox */

	-o-transform: scale(1);		/* Opera */
	-o-transform-origin:193px 178px; 
}

.landmark_xizang{
	width: 228px;
	height: 208px;
	position: absolute;
	top: 1px;
	left: -9px;

	transform: scale(1);
	-moz-transform: scale(1);	
	-ms-transform: scale(1); 		/* IE 9 */
	-webkit-transform: scale(1);	/* Safari 和 Chrome */
	-o-transform: scale(1);		/* Opera */
	
	transform-origin:176px 179px; 
	-ms-transform-origin:176px 179px; 		/* IE 9 */
	-webkit-transform-origin:176px 179px;
	-moz-transform-origin:176px 179px; 		/* Firefox */
	-o-transform-origin:176px 179px; 
}

.show_as_city
{
	display: none;
}

.landmark_xian{
	width: 244px;
	height: 242px;
	position: absolute;
	top: -30px;
	left: 52px;

	transform: scale(1);
	-moz-transform: scale(1);	
	-ms-transform: scale(1); 		/* IE 9 */
	-webkit-transform: scale(1);	/* Safari 和 Chrome */
	-o-transform: scale(1);		/* Opera */
	

	transform-origin:179px 193px; 
	-ms-transform-origin:179px 193px; 		/* IE 9 */
	-webkit-transform-origin:179px 193px;
	-moz-transform-origin:179px 193px; 		/* Firefox */
	-o-transform-origin:179px 193px; 
}

.landmark_hangzhou{
	width: 288px;
	height: 378px;
	position: absolute;
	top: -87px;
	left: 3px;

	transform: scale(1);
	-moz-transform: scale(1);	
	-ms-transform: scale(1); 		/* IE 9 */
	-webkit-transform: scale(1);	/* Safari 和 Chrome */
	-o-transform: scale(1);		/* Opera */
	
	transform-origin:193px 291px; 
	-ms-transform-origin:193px 291px;  		/* IE 9 */
	-webkit-transform-origin:193px 291px; 
	-moz-transform-origin:193px 291px;  		/* Firefox */
	-o-transform-origin:193px 291px;  
}

.landmark_sichuan{
	width: 266px;
	height: 300px;
	position: absolute;
	left: 118px;
	top: -6px;

	transform: scale(1);
	-moz-transform: scale(1);	
	-ms-transform: scale(1); 		/* IE 9 */
	-webkit-transform: scale(1);	/* Safari 和 Chrome */
	-o-transform: scale(1);		/* Opera */
	
	transform-origin:110px 177px; 
	-ms-transform-origin:110px 177px;  		/* IE 9 */
	-webkit-transform-origin:110px 177px; 
	-moz-transform-origin:110px 177px;		/* Firefox */
	-o-transform-origin:110px 177px;  
}

.landmark_shanghai
{
	width:288px;
	height: 266px;
	position: absolute;
	left: -58px;
	top: -34px;
	z-index: 10;

	transform: scale(1);
	transform-origin:252px 244px; 

	-ms-transform: scale(1); 		/* IE 9 */
	-ms-transform-origin:252px 244px; 		/* IE 9 */

	-webkit-transform: scale(1);	/* Safari 和 Chrome */
	-webkit-transform-origin:252px 244px;  

	-moz-transform: scale(1);		/* Firefox */
	-moz-transform-origin:252px 244px; 		/* Firefox */

	-o-transform: scale(1);		/* Opera */
	-o-transform-origin:252px 244px; 
}

.dashboard_page
{
	display: none;
	opacity: 0;
}

.dashboard_save
{
	position: absolute;
	width: 171px;
	height: 46px;
	right:54px;
	top:50%;
	margin-top: 12px;
	background: url(../images/save.png) no-repeat;
}
.dashboard_share
{
	position: absolute;
	width: 171px;
	height: 46px;
	right:54px;
	top:50%;
	margin-top: -58px;
	background: url(../images/share.png) no-repeat;
	display: none;
}
.location
{
	position: absolute;
	width: 170px;
	height: 90px;
	left: 71px;
	top: 50%;
	margin-top: -45px;
}
.location-outer
{
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	overflow: hidden;
	z-index: 1000;
	background: #ffffff;
	opacity: 0.9;
}

#location-bg
{
	width: 100%;
	height: 242px;
	position: absolute;
	bottom: 0;
	background: url(../images/glass_bg.png) no-repeat;
	left: 0;
	z-index: 30;
}

.city-name
{
	width: 260px;
	height: 116px;
	position: absolute;
	top:60px;
	left: 0;
	z-index: 30;
}

#introduce-text
{
	width: 665px;
	height: 114px;
	position: absolute;
	top:60px;
	left: 260px;
	overflow: hidden;
	z-index: 30;
}

#introduce-text ul
{
	width: 100%;
	padding-left: 29px;
	position: absolute;
	margin: 0; 
	margin-top: 4px;
	padding-top: 0;
}

#introduce-text ul>li
{
	width: 100%;
	height: 114px;
	color: #323232;
	font-size: 20px;
	margin:0;
	padding: 0;
	padding-top: 7px;
	overflow: hidden;
}
#introduce-text ul>li p
{
	color: #323232;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
}

#location-show-btn
{
	width: 94px;
	height: 26px;
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left: -47px;
	background:url(../images/up.png) no-repeat;
	z-index: 100;
	display: none;
	opacity: 0;
}

#introduce-text .scenic-point-name
{
	font-size: 33px;
	line-height: 33px;
	margin: 0;
	margin-top: 5px;
}

#introduce-text .scenic-point-introduce
{
	font-size: 18px;
	margin-top: 5px;
	line-height: 29px;
}

#location-hide-btn
{
	width: 94px;
	height: 26px;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -47px;
	background:url(../images/down.png) no-repeat;
	z-index: 500;
}

#save-outer
{
	width: 100%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	background: #F4FCFF;
/*	opacity: 0.9;*/
	z-index: 1000;
	overflow: hidden;
	transform: scale(0); 
	-webkit-transform: scale(0); 
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);

	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

#about_close_btn
{
	background-image: url(../images/close_1.png);
}

.close_btn
{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 1px;
	right: 3px;
	background-image: url(../images/close_1.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999;
}

#introduce-list .address_mark
{
	width: 24px;
	height: 32px;
	background-image:url(../images/address_mark.png);
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align:top;
	margin-top: 4px;
	top: 0;
}
#introduce-list .scenic-address
{
	display: inline-block;
	line-height: 32px;
	margin-top: 4px;
	text-decoration:underline;
}

/***dashboard page**/

/***share page***/
#share_bg
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.top-back-btn
{
	width: 88px;
	height: 88px;
	position: absolute;
	right: 0;
	top: 1px;
	background-image: url(../images/back_button.png);
	z-index:900;
	display: none;
}

#share_slogan
{
	position: absolute;
	width: 435px;
	height: 188px;
	top: 132px;
	left: 50%;
	margin-left: -212px;
	background: url(../images/sina_text.png) no-repeat;
}

/*.share_btns
{
	position: absolute;
	width: 171px;
	height: 46px;
	top: 394px;
	cursor: pointer;
}*/

#sina_btn
{
	width: 347px;
	height: 49px;
	position: absolute;
	top: 395px;
	left: 50%;
	margin-left: -174px;
	background: url(../images/sina.png) no-repeat;
}



#renren_btn
{
	left: 392px;
	background: url(../images/renren.png) no-repeat;
}

#douban_btn
{
	left: 677px;
	background: url(../images/douban.png) no-repeat;
}

#weixin_btn
{
	left: 484px;
	background: url(../images/weixin.png) no-repeat;
}

/***share page*****/

/**activity page**/

#activity_left
{
	width: 325px;
	height: 562px;
	position: absolute;
	left: 0;
	top: 40px;
	margin: 0;
	padding: 0;
}

#activity_left li
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 112px;
	position: relative;
}

#activity_left li .activity_left_title
{
	height: 112px;
	width: 190px;
	position: absolute;
	left: 0px;
	color: #ffffff;
	font-size: 18px;
	background-size: cover;
	font-weight: bold;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;

	text-align: right;

	display: box;
	box-align: center;

	display: -webkit-box;
	-webkit-box-align: center;

	display: -moz-box;
	-moz-box-align: center;

	display: -ms-box;
	-ms-box-align: center;

	-webkit-box-pack:end;
}

#activity_left li .activity_circle
{
	height: 50px;
	width: 50px;
	border-radius: 50%;
	position: absolute;
	right: 73px;
	top: 50%;
	margin-top: -25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity_circle1
{
	background-image: url(../images/activity_circle1.png);
}

#activity_circle2
{
	background-image: url(../images/activity_circle2.png);
}

#activity_circle3
{
	background-image: url(../images/activity_circle3.png);
}
#activity_circle4
{
	background-image: url(../images/activity_circle4.png);
}
#activity_circle5
{
	background-image: url(../images/activity_circle5.png);
}

#activity_shuxian
{
	width: 2px;
	height: 512px;
	position: absolute;
	left: 290px;
	top:64px;
	background-color: #363D46;
	border-right:1px solid #394048;
}












#activity_introduce
{
	width: 1136px;
	height: 640px;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: auto;
}

#activity_introduce h1
{
	color:#005baa;
	font-size: 42px;
	line-height: 112px;
	margin-top: 30px;
	font-weight: bolder;
}

#scroller
{
	position: absolute;
	padding:0px 81px 90px 81px;
}

.attendprocess-ul li
{
	color:black;
	font-size: 22px;
	line-height: 40px;
	font-weight: bolder;
	padding: 23px 0;
	margin-left: 1.5em;
	list-style-type: decimal;
}

.awards-indent
{
	padding-left:  189px;
}

.awards-list span
{
	color:black;
	font-size: 22px;
	line-height: 40px;
	font-weight: bolder;
}

#afui .experience-title
{
	padding-left:87px;
	margin-top: 35px
}
.first-award
{
	margin-top: 0px;
}
.awards-list
{
	margin-top: 35px;
}

.awards-list .awards-title
{
	color: #005BAA;
	font-size: 26px;
	font-weight: bolder;
}

#activity_introduce p
{
	color:black;
	font-size: 22px;
	line-height: 40px;
	font-weight: bolder;
}

.indent
{
	text-indent: 2em;
}

.gap-blue
{
	width: 100%;
	height: 8px;
	background:#005BAA;
	margin-top: 39px;
}

.static-box
{
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity-box
{
	background-image: url(../images/activity-bg.jpg);
}

#activity_content
{
	width: 684px;
	height: 530px;
	position: absolute;
	right:146px;
	top: 55px;
}

#activity_scroller
{
	height:4828px;
	width: 100%;
}

#activity_text1
{
	width: 522px;
	height: 387px;
	margin-left: 81px;
	margin-top: 20px;
	background-image:url(../images/activity_content1.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity_text2
{
	width: 542px;
	height: 985px;
	margin-left: 71px;
	margin-top: 40px;
	background-image:url(../images/activity_content2.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity_text3
{
	width: 542px;
	height: 1086px;
	margin-left: 70px;
	margin-top: 40px;
	background-image:url(../images/activity_content3.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity_text4
{
	width: 547px;
	height: 1034px;
	margin-left: 59px;
	margin-top: 30px;
	background-image:url(../images/activity_content4.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity_text5
{
	width: 549px;
	height: 1132px;
	margin-left: 57px;
	margin-top: 40px;
	background-image:url(../images/activity_content5.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#activity_content
{
	width: 684px;
	height: 518px;
}

#activity_text
{
	width: 100%;
	height: 200%;
}
/**activity page**/
/**save page**/
/**#save-tips
{
	width: 100%;
	height: 1400px;
	position: relative;
	background: url(../images/save_tip.png) no-repeat center;
	border: none;
}**/

#save-close-btn
{
	background: url(../images/close_2.png) no-repeat center;
}
/**save page**/

/****check page****/
.check_page
{
	z-index: 200;
}
#check_page_bg
{
	width: 1136px;
	height: 640px;
	position: absolute;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/weather/sunny_night.jpg);
	z-index: 100;
}

#activity_content .myScrollbarV
{
	width: 4px;
	height: 516px;
	position: absolute;
	top: 0px;
	right:0;
	overflow: visible;
}

#activity_content .scrollbar
{
	width: 2px;
	height: 516px;
	position: absolute;
	background: #2A313E;
	border-left: 1px solid #262E3B;
	top: 0px;
	right:1px;
	overflow: visible;
}

#activity_content .myScrollbarV>div
{
	width: 4px;
	background: #ffffff;
	border-radius: 2px;
	left: -2px;
}

#check_text
{
	width: 572px;
	height: 60px;
	background: url(../images/check_text.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -286px;
	top:104px;
}

#check_result_btn
{
	width: 180px;
	height: 46px;
	background: url(../images/check_btn.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -90px;
	top: 203px;
	z-index: 500;
}

/****check page****/

/***start qa***/
#start_qa_text2
{
	width:650px; 
	height:160px;
	position: absolute;
	left: 50%;
	margin-left: -325px;
	top:70px; 
	background: url(../images/start_qa_text_2.png) no-repeat;
}
#start_qa2
{
	width: 172px;
	height: 46px;
	position: absolute;
	left: 50%;
	margin-left: -76px;
	top: 267px;
	background: url(../images/start_qa2.png) no-repeat;
	z-index: 200;
}
#start-qa-box
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
	/*background:url(../images/sunshine.jpg) no-repeat; */
}
/*.start_city_tyre
{
	width: 409px;
	height: 409px;
	position: absolute;
	left: 50%;
	margin-left: -205px;
	bottom: -205px;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}*/

#start_tyre_outer
{
	width: 670px;
	height: 670px;
	position: absolute;
	left: 233px;
	top: 304px;
	transform:translate(0,-857px);
	-ms-transform:translate(0,-857px);
	-webkit-transform:translate(0,-857px);
	-moz-transform:translate(0,-857px);
	-o-transform:translate(0,-857px);
}

.start_city_scenic
{
	width: 100%;
	height: 100%;
	position: absolute;
	/*background-image: url(../images/start_scene_hangzhou.png);*/
	background-repeat: no-repeat;
	opacity:0;
	background-position: center;
/*	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;*/
/*	transform:translate(50%,50%);
    -webkit-transform:translate(50%,50%);
    -moz-transform:translate(50%,50%);
    -ms-transform:translate(50%,50%);
	-o-transform:translate(50%,50%);*/
	position: absolute;
    transform:scale(0.3);
    -webkit-transform:scale(0.1);
    -moz-transform:scale(0.1);
    -ms-transform:scale(0.1);
	-o-transform:scale(0.1);
}

.dashboard_city_scenic
{
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	opacity:1;
}

.result_city_scenic
{
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	opacity:1;
}

.start_city_tyre
{
	width: 409px;
	height: 409px;
	position: absolute;
	background-repeat: no-repeat;
	top: 130px;
	left: 130px;
}

#dashboard_tyre_outer
{
	width: 670px;
	height: 670px;
	position: absolute;
	left: 233px;
	top: 304px;
	z-index: 200;
}

.dashboard_city_tyre
{
	width: 409px;
	height: 409px;
	position: absolute;
	top: 130px;
	left: 130px;
}

.result_city_tyre
{
	width: 409px;
	height: 409px;
	position: absolute;
	background-repeat: no-repeat;
	top: 130px;
	left: 130px;
}

.result_dashboard
{
	opacity: 0;
}

/***start qa***/

/**about**/
#left_bar{
	width: 332px;
	height: 462px;
	position: absolute;
	left: 0;
	top: 89px;
}

#left_bar li{
	position: relative;
	width: 100%;
	height: 66px;
	color:#ffffff;
	font-size: 18px;
	font-weight: bold;
}

#left_bar .circle
{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 30px;
	top:10px;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
}

#left_bar .about_title
{
	width: 300px;
	height: 66px;
	position: absolute;
	right: 96px;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;

	text-align: right;

	display: box;
	box-align: center;

	display: -webkit-box;
	-webkit-box-align: center;

	display: -moz-box;
	-moz-box-align: center;

	display: -ms-box;
	-ms-box-align: center;

	-webkit-box-pack:end;
}

#right_text_list{
	width: 626px;
	height: 100%;
	position: absolute;
	left: 405px;
}

#right_text_list li{
	opacity: 0;
	width: 100%;
	height: 100px;
	position: absolute;
	top: 245px;
	left: 0px;
}

#right_text_list li>h1
{
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
}

#right_text_list li>p
{
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	line-height: 30px;
}


#circle1
{
	background: url(../images/ipadimages/about_circle1.png) no-repeat;
}

#circle2
{
	background: url(../images/ipadimages/about_circle2.png) no-repeat;
}
#circle3
{
	background: url(../images/ipadimages/about_circle3.png) no-repeat;
}
#circle4
{
	background: url(../images/ipadimages/about_circle4.png) no-repeat;
}
#circle5
{
	background: url(../images/ipadimages/about_circle5.png) no-repeat;
}
#circle6
{
	background: url(../images/ipadimages/about_circle6.png) no-repeat;
}
#circle7
{
	background: url(../images/ipadimages/about_circle7.png) no-repeat;
}



#about_bg_list{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.about_bg
{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 0;
}

#about_bg1{
	/*background-image:url(../images/ipadimages/about_bg1.jpg); */
}

#about_bg2{
	background-image:url(../images/ipadimages/about_bg2.jpg); 
}

#about_bg3{
	background-image:url(../images/ipadimages/about_bg3.jpg); 
}

#about_bg4{
	background-image:url(../images/ipadimages/about_bg4.jpg); 
}

#about_bg5{
	background-image:url(../images/ipadimages/about_bg5.jpg); 
}

#about_bg6{
	background-image:url(../images/ipadimages/about_bg6.jpg); 
}

#about_bg7{
	background-image:url(../images/ipadimages/about_bg7.jpg); 
}

.about_shuxian
{
	width: 1px;
	height: 450px;
	background: #9C9CA8;
	border-right: #70716C 1px solid;
	position: absolute;
	left:331px;
	top: 97px; 
}

#help_black_bg
{
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.85;
}
.help_inner_btn
{
	width: 212px;
	height: 46px;
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 50%;
}

.about_product_btn
{
	margin-left: -240px;
	background:url(../images/brand_concept.png) no-repeat;
}

.activity_introduce_btn{
	margin-left: 28px;
	background:url(../images/about_activity.png);
}
.help-close-btn
{
	width: 88px;
	height: 88px;
	position: absolute;
	top: 2px;
	right: 5px;
	background: url(../images/close_1.png);
	z-index: 1000;
}

.weather{
	width: 100%;
	height: 100%;
	position: absolute;
	background-image:url(../images/sunshine.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size:cover;
    -o-background-size: cover; 
}

#qrcode_outer
{
	width:320px;
	position:absolute;
	left:50%;
	margin-left:-160px;
	margin-top:-200px;
	top:-150px;
	z-index:2001;
	background:white;
	padding:10px;
	text-align:center;
	font-weight:bold;
}

#qrcode_outer>p
{
	line-height:22px;
}

#close_qrcode
{
	width:40px;
	height:38px;
	background:url(../images/close-news.png);
	position:absolute;
	top:-15px;
	right:-15px;
	cursor:pointer;
}






/**about**/