p{margin:0;padding:0;}
ul{margin: 0px; padding: 0px; list-style: none outside none;}
li {margin: 0px; padding: 0px; list-style: none outside none;}

html{
	width : 100%;
	position : fixed;
}

body{
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	border : 0px;
	position : relative;
	-webkit-user-select : none;
	-moz-user-select : none;
    -ms-user-select : none;
    user-select : none;
    overflow : hidden;
    font-family: HelveticaNeue, Helvetica, Arial, Cambria, sans-serif;
}

.pageContainer{
	height : 100%;
	width : 100%;
	position : absolute;
	margin : 0px;
	/*overflow : hidden;*/
}

.page{
	height : 100%;
	width : 100%;
	position : absolute;
	margin : 0px;
	overflow : hidden;
	background-image : url(icon/loading.png);
	background-repeat : no-repeat!important;
	background-size : 100px auto;
	background-position : center;
	/*background-color : #ffffff;*/
}

.pageContent{
	position : absolute;
	z-index : 0;
	background-size : 100% 100%;
    background-repeat : no-repeat!important;
    background-color : #ffffff;
}

.pageSlider{
	position : absolute;
	left : 0px;
	z-index : 5;
	/*background-color : rgba(0,0,128,.5);*/
}

.prevPage{
	z-index : 0;
}

.nextPage{
	z-index : 0;
}

.currentPage{
	z-index : 1;
}

.buttonBack{
	position : absolute;
	cursor : pointer;
	width : 54px;
	height : 54px;
	right : 12px;
	top : 12px;
	z-index : 15;
	overflow : hidden;
}

.soundButton{
	position : absolute;
	cursor : pointer;
	width : 54px;
	height : 108px;
	overflow : hidden;
}

.open .soundButton{top:0;}
.close .soundButton{top : -54px;}

.soundButton .button_c{
	width : 100%;height : 50%;
}

.button{
	position : absolute;
	cursor : pointer;
	width : 54px;
	height : 108px;
	overflow : hidden;
}

.open .button{top:0;}
.close .button{top : -54px;}

.button .button_c{
	width : 100%;height : 50%;
}

.button:hover{
	top : -54px;
}
.moreButton{
	top : 72px;
}

.morePannel{
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.5);
	position:absolute;
	z-index : 14;
	display:none;
}

.morePannel .cancel{
	width:100%; 
	height:40px; 
	position:absolute; 
	bottom:0;
	color:#576B95;
	background-color:#ffffff;
	line-height:40px;
	vertical-align: middle;
	text-align:center;
	font-weight : bold;
	cursor:pointer;
	border-top:1px solid #E6E6E6;
	z-index:2;
}

.morePannelContainer {
	text-align:center;
	width:100%; 
	height:180px; 
	position:absolute; 
	bottom:-180px;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.moreItemContainer {
	white-space:nowrap;
	text-align:center;
	width:100%; 
	height:140px; 
	bottom:40px;
	color:#333333;
	background-color : #ffffff;
}

.moreItemButton {margin:20px 15px 0 15px;width:59px;display:inline-block;cursor:pointer;font-weight:bold;vertical-align:top;}
.moreItemButton .moreIcon{width:59px;height:59px;}
.moreItemButton p{white-space: normal;font-size:12px;margin-top:5px;}

.openMorePannel{
	-webkit-animation : animate_more_open 600ms both ease-in-out;
	-o-animation : animate_more_open 600ms both ease-in-out;
	-ms-animation : animate_more_open 600ms both ease-in-out;
	-moz-animation : animate_more_open 600ms both ease-in-out;
}

.closeMorePannel{
	-webkit-animation : animate_more_close 600ms both ease-in-out;
	-o-animation : animate_more_close 600ms both ease-in-out;
	-ms-animation : animate_more_close 600ms both ease-in-out;
	-moz-animation : animate_more_close 600ms both ease-in-out;
}

.openMorePannel .morePannelContainer{
	-webkit-animation : animate_open 600ms both ease-in-out;
	-o-animation : animate_open 600ms both ease-in-out;
	-ms-animation : animate_open 600ms both ease-in-out;
	-moz-animation : animate_open 600ms both ease-in-out;
}

.closeMorePannel .morePannelContainer{
	-webkit-animation : animate_close 600ms both ease-in-out;
	-o-animation : animate_close 600ms both ease-in-out;
	-ms-animation : animate_close 600ms both ease-in-out;
	-moz-animation : animate_close 600ms both ease-in-out;
}

@-webkit-keyframes animate_more_open {
	0%,30% {background-color:rgba(0,0,0,0);}
	100% {background-color:rgba(0,0,0,0.5);}
}
@-moz-keyframes animate_more_open {
	0%,30% {background-color:rgba(0,0,0,0);}
	100% {background-color:rgba(0,0,0,0.5);}
}
@keyframes animate_more_open {
	0%,30% {background-color:rgba(0,0,0,0);}
	100% {background-color:rgba(0,0,0,0.5);}
}

@-webkit-keyframes animate_more_close {
	0%,30% {background-color:rgba(0,0,0,0.5);}
	100% {background-color:rgba(0,0,0,0);}
}
@-moz-keyframes animate_more_close {
	0%,30% {background-color:rgba(0,0,0,0.5);}
	100% {background-color:rgba(0,0,0,0);}
}
@keyframes animate_more_close {
	0%,30% {background-color:rgba(0,0,0,0.5);}
	100% {background-color:rgba(0,0,0,0);}
}

@-webkit-keyframes animate_open {
	0%,30% {bottom:-180px;}
	100%{bottom:0;}
}
@-moz-keyframes animate_open {
	0%,30% {bottom:-180px;}
	100%{bottom:0;}
}
@keyframes animate_open {
	0%,30% {bottom:-180px;}
	100%{bottom:0;}
}

@-webkit-keyframes animate_close {
	0%,30% {bottom:0px;}
	100%{bottom:-180px;}
}
@-moz-keyframes animate_close {
	0%,30% {bottom:0px;}
	100%{bottom:-180px;}
}
@keyframes animate_close {
	0%,30% {bottom:0px;}
	100%{bottom:-180px;}
}

.arrow{
	position : fixed;
	width : 80px;
	height : 80px;
	bottom : 0px;
	left : 50%;
	margin-left : -40px;
	z-index : 5;
}

.arrowBac{
	position : absolute;
	z-index : 5;
	width : 48px;
	height : 28px;
	left : 50%;
	bottom : 30px;
	margin : -14px 0px 0px -24px;
	overflow : hidden;
	-webkit-animation : start 1.5s infinite ease-in-out;
	-o-animation : start 1.5s infinite ease-in-out;
	-ms-animation : start 1.5s infinite ease-in-out;
	-moz-animation : start 1.5s infinite ease-in-out;
}


@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

.animateTran{
	-moz-transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease;
	-o-transition : all 0.8s ease;
	-ms-transition : all 0.8s ease;
	transition : all 0.8s ease;
	-moz-transition-delay : 0.8s;
	-webkit-transition-delay : 0.8s;
	-o-transition-delay : 0.8s;
	-ms-transition-delay : 0.8s;
	transition-delay : 0.8s;
}

.pageNum{
	position : absolute;
	bottom : 17px;
	z-index : 5;
	text-align : right;
	font-size : 13px;
	color:#ffffff;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	margin:0;
}

.pageNum span{
	margin-right:12px;
	padding:4px 15px;
	border:1px solid #ffffe0;
	background:rgba(0, 0, 0, .6);
	border-radius:3px;
}

.fadeAnimation {
	display:block;
	-webkit-animation : fade 2.5s 1 both ease-in-out;
	-o-animation : fade 2.5s 1 both ease-in-out;
	-ms-animation : fade 2.5s 1 both ease-in-out;
	-moz-animation : fade 2.5s 1 both ease-in-out;
}

@-webkit-keyframes fade {
	0%{opacity: 1;display:block;}
	50%{opacity: 1;display:block;}
	100% {opacity: 0;display:none;}
}
@-moz-keyframes fade {
	0%{opacity: 1;display:block;}
	50%{opacity: 1;display:block;}
	100% {opacity: 0;display:none;}
}
@keyframes fade {
	0%{opacity: 1;display:block;}
	50%{opacity: 1;display:block;}
	100% {opacity: 0;display:none;}
}

.table {
	width : 100%;
	height : 100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	z-index : 100;
	color:#999999;
	left:100%;
	-moz-transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease;
	-o-transition : all 0.8s ease;
	-ms-transition : all 0.8s ease;
	transition : all 0.8s ease;
	-webkit-transform : translate(0, 0);
	-moz-transform : translate(0, 0);
	-ms-transform : translate(0, 0);
	-o-transform : translate(0, 0);
	transform : translate(0, 0);
}

.table .tableTitle{
	width:100%;
	height:50px;
	position:absolute;
	line-height:50px;
	text-align:left;
	vertical-align:middle;
	top:0;
}
.table .tableTitle .decoration{position:absolute;left:0;top:0;width:80px;height:50px;}
.table .tableTitle .title {
	/*margin-left:80px;*/
	height:50px;
	background-repeat : no-repeat;
	background-size : 100% 100%;
	background-color:#EFEFF4;
	/*background-image:url(icon/icon_bg.png);*/
}
.table .tableTitle span{margin-left:15px;}
.table .tableTitle .close{position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;}
.table .tableTitle .close div{width:15px;height:15px;cursor:pointer;margin:17px;}
.table .container{width:100%;position:absolute;top:50px;bottom:0px;text-align:center;background:#ffffff;}

.showTable {
	-webkit-transform : translate(-100%, 0);
	-moz-transform : translate(-100%, 0);
	-ms-transform : translate(-100%, 0);
	-o-transform : translate(-100%, 0);
	transform : translate(-100%, 0);
}


.hideTable{
	-webkit-transform : translate(0, 0);
	-moz-transform : translate(0, 0);
	-ms-transform : translate(0, 0);
	-o-transform : translate(0, 0);
	transform : translate(0, 0);
}


.about{text-align:left;display:inline-block;width:100%;line-height:25px;font-size:15px;}
.about .item{padding:20px; margin-bottom:15px;background:#ffffff;border-style:solid none solid none;border-color:#d7d7d7;border-width:1px;}
.about .item div{float:left;}
.about .item p{width:80%;float:left;}
.about .item .logo{margin-right:5%;width:50px;height:50px;border:1px solid #EBEBEB;float:left;background-size:contain;background-repeat:no-repeat;background-position:center;}
.about .item span{min-width:15%;float:left;margin-right:5%;}
.about a{float:left;}
.about .title{font-weight:bold;}

.share{display:inline-block;width:100%;}
.share .qrcode{margin: 35px 0 20px 0;display:inline-block;padding:10px;border:1px solid #D7D7D7;}
.share input{padding:0;font-size:15px;font-weight:bold;width:65%;border:1px solid #D7D7D7;color:#616060;border-radius:5px;height:35px;background-color:#ffffff;padding:0 10px;line-height:35px;}
.share span{font-size:15px;font-weight:bold;color:#000000;height:35px;line-height:35px;border-radius:5px;padding:0 10px;display:inline-block;background:#ffffff;border:1px solid #D7D7D7;margin:20px 0 0 10px;}
.share .item{width:48px;height:48px;margin-left:15px;display:inline-block;}
.share .itemBox{margin-top:20px;}
.share .copy{cursor:pointer;}

.search{font-size:15px;color:#616060;position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;line-height:20px;background:#F7F7F7;}
.search .tmpBtn{position:absolute;z-index:5;top:8px;left:8px;width:20px;height:20px;}
.search .input{font-weight:bold;position:relative;width:auto;margin:20px 0 20px 10px;padding:0 47px 0 0;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.search input{font-size:15px;font-weight:bold;padding:0 10px 0 35px;width:100%;border:1px solid #D7D7D7;border-radius:5px;height:35px;background-color:#ffffff;line-height:35px;}
.search .fontBlue{color:#576B95;padding:0;margin:0;}
.search .searchButton{cursor:pointer;font-size:15px;font-weight:bold;color:#000000;height:35px;line-height:35px;border-radius:5px;padding:0 10px;display:inline-block;background:#ffffff;border:1px solid #EBEBEB;margin:20px 10px 20px 5px;}
.search .item{cursor:pointer;background:#ffffff;border-style:solid none;border-color:#EBEBEB;border-width:1px;padding:20px;}
.search .result{padding:0 0 0 20px;line-height:30px;font-weight:bold;text-align:left;background:#F9F9F9;height:30px;border-style:solid none;border-color:#d7d7d7;border-width:1px;}
.search .title{font-weight:bold;}
.search p{margin:0;}
.search .itemContainer{text-align:left;background:#ffffff;width:100%;position:absolute;top:109px;bottom:0;}
.search .item:hover{background:#EBEBEB;}
.search .clicked{background:#EBEBEB;}
.search .title{display:-moz-box;display:-webkit-box;display:box;-moz-box-direction:normal;-webkit-box-direction:normal;box-direction:normal;}

.tableOfContent .item{position:relative;font-size:15px;color:#616060;line-height:20px;padding:20px 40px 20px 20px;text-align:left;border-style:solid none;border-color:#EBEBEB;border-width:1px;}
.tableOfContent .title{font-weight:bold;}
.tableOfContent p{margin:0;padding:0;}
.tableOfContent .expandButton{top:0px;right:0px;z-index:5;width:40px;height:40px;margin:30px 0 0 0;position:absolute;cursor:pointer;}
.tableOfContent .expandButton .expand{width:20px;height:20px;}
.tableOfContent .expandButton .collapse{width:20px;height:20px;margin:-4px 0 0 4px;}
.tableOfContent .open{color:#576B95;}
.tableOfContent .closed{color:#616060;}
.tableOfContent .open .expand{display:block;}
.tableOfContent .open .collapse{display:none;}
.tableOfContent .closed .expand{display:none;}
.tableOfContent .closed .collapse{display:block;}
.tableOfContent .notLevel0{background:#EBEBEB;}
.tableOfContent .item:hover{background:#D4D4D4;}
.tableOfContent .clicked{background:#D4D4D4;}

.mb_container{width:100%;height:100%;position:absolute;z-index:99;pointer-events:none;}

.ad-box-container {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index:100;
    background-color : rgba(0, 0, 0, 0.3);
}

.ad-box {
	display: table;
    width: 100%;
    height: 100%;
}

.ad-box-inner {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.ad-box-content {
	position: relative;
	width: 375px;
	margin: 42px auto 0;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 4px;
	box-shadow: 0px 1px 5px rgba(128, 128, 128, 0.1);
	text-align: left;
	color: #333;
	font-family: Helvetica, Arial, Cambria, sans-serif;
}

.ad-header {
	padding: 42px 0px 12px 0px;
}

.ad-top-icon {
	background: url('icon/css_sprite01.png') no-repeat;
    background-position: -313px -239px;
    width: 84px;
    height: 84px;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: -42px;
}

.ad-section {
	padding: 0px 25px 20px 25px;
	max-height: 160px;
	overflow-x: hidden; 
	overflow-y : auto;
	-webkit-overflow-scrolling : touch;
	line-height: 24px;
}

.ad-title {
	font-weight: bold;
	margin-bottom: 10px;
	
}

.ad-desc {

}

.ad-footer {
	padding: 10px;
	height: 25px;
	background: #E5EBF7;
}

.ad-more-btn {
	padding: 6px 20px;
	background: #278ADD;
	border-radius: 4px;
	color: #fff;
	float: right;
	font-size: 13px;
	text-decoration: none;
}

.ad-more-btn:hover {
	text-decoration: none;	
	background: #2386DA;
}

.ad-more-btn:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.ad-cancel-btn {
	    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.ad-cancel-icon {
	    display: block;
    position: absolute;
    left: 15px;
    top: 15px;
    background: url('icon/css_sprite01.png') no-repeat;
    background-position: -118px -196px;
    width: 20px;
    height: 20px;
}

@media (max-width: 375px) {
	.ad-box-content {
		margin: 36px auto 0;
		width: 94%;
	}

	.ad-header {
	    padding: 36px 0px 12px 0px;
	}

	.ad-title {
		margin-bottom: 3px;
	}

	.ad-section {
	    padding: 0px 15px 20px 15px;
	    max-height: 150px;
	    line-height: 22px;
	    font-size: 14px;
	}

	.ad-footer {
	    padding: 6px;
	    height: 23px;
	}

	.ad-more-btn {
	    padding: 5px 19px;
	}

	.ad-top-icon {
	    background-position: -405px -253px;
	    width: 72px;
	    height: 72px;
	    margin-left: -36px;
	    top: -36px;
	}

	
}

.scrollbar{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.scrollbar-x{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
a{color:#576B95;text-decoration:none;}
a:hover{text-decoration:underline;}
.fontBlack{color:#000000;}
.font20{font-size:20px;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden}

.css_sprite1{background:url(icon/css_sprite01.png) no-repeat;}

.icon_arrow{background-position : -332px -33px;}
.icon_more_close{background-position : -18px -387px;}
.icon_more_search_close{background-position : -86px -387px;}
.icon_more_thumbnail_close{background-position : -154px -387px}
.icon_more_tableOfContent_close{background-position : -222px -387px;}
.icon_more_share_close{background-position : -290px -387px;}
.icon_more_about_close{background-position : -358px -387px;}
.icon_more_open{background-position : -18px -328px;}
.icon_more_search_open{background-position : -86px -328px;}
.icon_more_thumbnail_open{background-position : -154px -328px;}
.icon_more_tableOfContent_open{background-position : -222px -328px;}
.icon_more_share_open{background-position : -290px -328px;}
.icon_more_about_open{background-position : -358px -328px;}
.icon_sound_close{background-position : -71px -14px;}
.icon_sound_open{background-position : -13px -14px;}
.icon_search{background-position : -20px -453px;}
.icon_share{background-position : -284px -453px;}
.icon_tableOfContent{background-position : -153px -453px;}
.icon_about{background-position : -219px -453px;}
.icon_thumbnail{background-position : -86px -453px;}
.icon_searchBtn{background-position : -117px -230px;}
.icon_facebook{background-position : -18px -272px;}
.icon_twitter{background-position : -76px -272px;}
.icon_igoogle{background-position : -134px -272px;}
.icon_more{background-position : -250px -272px;}
.icon_decoration{background-position : -21px -198px;}
.icon_close{background-position : -120px -198px;}
.icon_expand{background-position : -146px -198px;}
.icon_collapse{background-position : -152px -230px;}

@media screen and (min-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
    .buttonBack{
	    position : fixed;
	    width : 48px;
		height : 48px;
		right : 12px;
		top : 12px;
		z-index : 15;
		overflow : hidden;
		background:#000000;
		border-radius:4px;
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	
	.button{
		position : absolute;
		cursor : pointer;
		width : 22px;
		height : 22px;
		overflow : hidden;
		top:13px;
		left:13px;
	}
	
	.button .button_c{
		width : 100%;height : 100%;
	}
	
	.button:hover{
		top : 13px;
	}
	
	.open .button{top:13px;}
    .close .button{top : 13px;}
    
    .soundButton{
		width : 22px;
		height : 22px;
		overflow : hidden;
		top:13px;
		left:13px;
	}
	
	.open .soundButton{top:13px;}
	.close .soundButton{top : 13px;}
	.open .icon_sound_open{background-position : -30px -528px;}
	.close .icon_sound_open{background-position : -64px -528px;}
	
	.soundButton .button_c{
		width : 22px;height : 22px;
	}
	
	.moreButton{top:72px;}
	
	.icon_more_open{background-position : -101px -530px;}
    .icon_more_close{background-position : -101px -530px;}
    .icon_sound_open{background-position : -30px -528px;}
	.icon_sound_close{background-position : -64px -528px;}
	.icon_more_search_close{background-position : -173px -528px;}
	.icon_more_thumbnail_close{background-position : -137px -528px;}
	.icon_more_tableOfContent_close{background-position : -209px -528px;}
	.icon_more_share_close{background-position : -243px -528px;}
	.icon_more_about_close{background-position : -280px -528px;}
	.icon_more_search_open{background-position : -173px -528px;}
	.icon_more_thumbnail_open{background-position : -137px -528px;}
	.icon_more_tableOfContent_open{background-position : -209px -528px;}
	.icon_more_share_open{background-position : -243px -528px;}
	.icon_more_about_open{background-position : -280px -528px;}
	
	.icon_thumbnail{background-position : -137px -528px;}
	.icon_search{background-position : -173px -528px;}
	.icon_tableOfContent{background-position : -209px -528px;}
	.icon_share{background-position : -243px -528px;}
	.icon_about{background-position : -280px -528px;}
	
	.morePannel{
		width : 48px;
		height : auto;
		background-color : #31618F;
		position:absolute;
		z-index : 14;
		display:none;
		border-radius:4px;
		top:130px;
		right:12px;
	}
	
	.morePannel .cancel{
		display:none;
	}
	
	.morePannelContainer {
		padding:10px 0;
		text-align:center;
		width:100%; 
		height:auto; 
		position:absolute; 
		top:-7px;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		border-radius:4px;
	}
	
	.moreItemContainer {
		white-space:normal;
		text-align:center;
		width:100%; 
		height:auto; 
		top:0;
		bottom:40px;
		color:#333333;
		background-color : #31618F;
		overflow:hidden;
		border-radius:4px;
	}
	
	.moreItemButton {width:48px;height:48px;margin:0;display:inline-block;cursor:pointer;font-weight:bold;vertical-align:top;position:relative;}
	.moreItemButton .moreIcon{width:22px;height:22px;position:absolute;left:13px;top:13px;}
	.moreItemButton p{white-space: normal;font-size:12px;margin-top:5px;display:none;}
	
	.openMorePannel{
		display:block;
	}
	
	.closeMorePannel{
		display:none;
	}
	
	.openMorePannel .morePannelContainer{
		display:block;
	}
	
	.closeMorePannel .morePannelContainer{
		display:none;
	}
	
	.moreDecoration{
		width:0;
		height:0;
		border:6px solid transparent;
		border-bottom:7px solid #31618F;
		position:absolute;
		top:-1px;
		left:18px;
		display:block;
	}
}