* {
	font-family: "微软雅黑", "新宋体";
}

.mui-input-row .mui-input-clear1~.mui-icon-clear {
	position: absolute;
	top: 3px;
	right: 6px;
	z-index: 1;
	width: 38px;
	height: 38px;
	font-size: 20px;
	color: #999;
	text-align: left;
}

#nav_y {
	padding: 0;
	margin: 0;
	background: #000000;
}

#searchBtn {
	padding: 0;
	width: 16%;
	border-radius: 0px;
	font-size: 30px;
	height: 45px;
	line-height: 45px;
	border: 0px solid #0062CC;
	color: #FFFFFF;
	margin: 0;
	float: left;
	background: #000000;
}

#search_spmc {
	padding: 0;
	border-radius: 0px;
	border: 0;
	width: 80%;
	height: 33px;
	font-size: 14px;
	position: relative;
	top: 0px;
	vertical-align: middle;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-family: '微软雅黑';
	background: #000000;
}
	/**placeholder**/
		
		input#search_spmc::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #FFFFFF;
			font-family: "微软雅黑";
			
		}
		
		input#search_spmc:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #FFFFFF;
			font-family: "微软雅黑";
		}
		
		input#search_spmc::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #FFFFFF;
			font-family: "微软雅黑";
		}
		
		input#search_spmc:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #FFFFFF;
			font-family: "微软雅黑";
		}
		/**placeholder**/
			
			#offCanvasSideList a {
				font-size: 13px;
			}

#header,
#footer,#offCanvasContentScroll{
		
	background: #FFFFFF;
}

#header{
		
	background: #FFFFFF;
}
#footer{
		
	background: #00529b;
}

#offCanvasContentScroll{
		background: #FFFFFF;
}

#header a ,#footer a {
	color: #121212;
	font-weight: bolder;
	text-transform: uppercase;
}

.mui-bar-tab .mui-tab-item {
	color: #888888;
}

#header img {
	height: 38px;
	margin-top: 3px;
}

			
			#footer .mui-tab-item.mui-active {
				color: #f9df04
			}
			
			#footer a {
				color: #FFFFFF;
				font-size: 12px; text-transform: uppercase;
			}

#footer .mui-tab-item .mui-icon-phone-filled {
	font-size: 27px;
}


/**loading**/

#progress {
	display: none;
	position: fixed;
	height: 2px;
	background:#a9262c;
	transition: opacity 500ms linear;
	z-index: 999999999;
}

#progress.show {
	display: block;
	opacity: 1;
	width: 0;
}

#progress.done {
	opacity: 0
}

#progress span {
	position: absolute;
	height: 2px;
	-webkit-box-shadow: #a9262c 1px 0 6px 1px;
	/*-webkit-box-shadow: #ACCD3C 1px 0 6px 1px;*/
	-webkit-border-radius: 100%;
	opacity: 1;
	width: 150px;
	right: -10px;
	-webkit-animation: pulse 2s ease-out 0s infinite;
}

@-webkit-keyframes pulse {
	30% {
		opacity: .6
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: .6
	}
}


/**loading**/

#bg {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-color: #DCDCDC;
	z-index: 1001;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

#child-title-pic img {
	max-width: 100%;
}


/**toast**/

.mui-toast-container {
	position: fixed;
	z-index: 9999;
	bottom: 50px;
	width: 100%;
	-webkit-transition: opacity .8s;
	transition: opacity .8s;
	opacity: 0;
}

.mui-toast-container.mui-active {
	opacity: 1;
}

.mui-toast-message {
	font-size: 14px;
	max-width: 70%;
	width: 300px;
	margin: 5px auto;
	padding: 15px 10px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 7px;
	background-color: #111;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


/**toast**/


/**top**/

#icon-top,#icon-back,#icon-language,#icon-kefu {
	margin: 3px;
	width: 45px;
	height: 45px;
	text-align: center;
	background-color: #000000;
	border: 0px solid #777777;
	
	background-clip: padding-box;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	color: #FFFFFF;
	position: fixed;
	
	right: 6px;
	z-index: 666;
}
#icon-top{
	bottom: 80px;
}
#icon-back {
	
	bottom: 168px;
	
}
#icon-kefu{
	bottom: 124px;
}
#icon-language{
	bottom: 50px;
}

#icon-top .mui-icon-arrowthinup,
#icon-back .mui-icon ,#icon-kefu .mui-icon{
	margin-top: 0px;
	font-weight: 100;
	font-size: 25px;
}

.beizhu_icon {
	position: relative;
	top: -4px;
	font-size: 14PX;
	
	　
}
.beizhu_icon1 {
	position: relative;
	top: -1px;
	font-size: 15PX;
	
	　
}
#icon-top {
	display: none;
}


/**top**/


html,body{
	background: #fdfdf9;
}
.neiyeImg{
	width: 100%;max-width: 100%;
}


.mui-scroll {
				background: #FFFFFF;
			}
			
			.mui-content {
				background: #FFFFFF;
			}
			
			ul#offCanvasSideList li .mui-navigate-right:after {
				content: '\e470';
				color: #F3F3F3;
				font-weight: bolder;
				border-radius: 25px;
				
				padding: 2px;
				/*width: 15px;
				height: 15px;
				text-align: center;
				line-height: 15px;*/
			}
			
			ul#offCanvasSideList li a {
				color: #F3F3F3;
				font-weight: bold;
				font-size: 14px;
				/*width: 15px;
				height: 15px;
				text-align: center;
				line-height: 15px;*/
			}

			#offCanvasSideList:after,#offCanvasSideList:before{
				left: 100%;
			}
			#offCanvasSideList li:after {
				height: 0px;
				background: #bfbfbf;
			}
/***xiala menu***/
						
					.animated {
						-webkit-animation-duration: 0.5s;
						animation-duration: 0.5s;
						-webkit-animation-fill-mode: both;
						animation-fill-mode: both;
					}
					
					@-webkit-keyframes bounceInDown {
						0%,
						60%,
						75%,
						90%,
						100% {
							-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
							transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
						}
						0% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
						60% {
							opacity: 1;
							-webkit-transform: translate3d(0, 25px, 0);
							transform: translate3d(0, 25px, 0);
						}
						75% {
							-webkit-transform: translate3d(0, -10px, 0);
							transform: translate3d(0, -10px, 0);
						}
						90% {
							-webkit-transform: translate3d(0, 5px, 0);
							transform: translate3d(0, 5px, 0);
						}
						100% {
							-webkit-transform: none;
							transform: none;
						}
					}
					
					@keyframes bounceInDown {
						0%,
						60%,
						75%,
						90%,
						100% {
							-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
							transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
						}
						0% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
						60% {
							opacity: 1;
							-webkit-transform: translate3d(0, 25px, 0);
							transform: translate3d(0, 25px, 0);
						}
						75% {
							-webkit-transform: translate3d(0, -10px, 0);
							transform: translate3d(0, -10px, 0);
						}
						90% {
							-webkit-transform: translate3d(0, 5px, 0);
							transform: translate3d(0, 5px, 0);
						}
						100% {
							-webkit-transform: none;
							transform: none;
						}
					}
					
					.bounce-in-down {
						-webkit-animation-name: bounceInDown;
						animation-name: bounceInDown;
					}
					
					@-webkit-keyframes fadeInDown {
						0%,
						60%,
						75%,
						90%,
						100% {
							-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
							transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
						}
						0% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
						60% {
							opacity: 1;
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						75% {
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						90% {
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						100% {
							-webkit-transform: none;
							transform: none;
						}
					}
					
					@keyframes fadeInDown {
						0%,
						60%,
						75%,
						90%,
						100% {
							-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
							transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
						}
						0% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
						60% {
							opacity: 1;
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						75% {
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						90% {
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						100% {
							-webkit-transform: none;
							transform: none;
						}
					}
					
					.fade-in-down {
						-webkit-animation-name: fadeInDown;
						animation-name: fadeInDown;
					}
					
					@-webkit-keyframes bounceOutUp {
						20% {
							-webkit-transform: translate3d(0, -10px, 0);
							transform: translate3d(0, -10px, 0);
						}
						40%,
						45% {
							opacity: 1;
							-webkit-transform: translate3d(0, 20px, 0);
							transform: translate3d(0, 20px, 0);
						}
						100% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
					}
					
					@keyframes bounceOutUp {
						20% {
							-webkit-transform: translate3d(0, -10px, 0);
							transform: translate3d(0, -10px, 0);
						}
						40%,
						45% {
							opacity: 1;
							-webkit-transform: translate3d(0, 20px, 0);
							transform: translate3d(0, 20px, 0);
						}
						100% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
					}
					
					.bounce-out-up {
						-webkit-animation-name: bounceOutUp;
						animation-name: bounceOutUp;
					}
					
					@-webkit-keyframes fadeOutUp {
						20% {
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						40%,
						45% {
							opacity: 1;
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						100% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
					}
					
					@keyframes fadeOutUp {
						20% {
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						40%,
						45% {
							opacity: 1;
							-webkit-transform: translate3d(0, 0px, 0);
							transform: translate3d(0, 0px, 0);
						}
						100% {
							opacity: 0;
							-webkit-transform: translate3d(0, -100%, 0);
							transform: translate3d(0, -100%, 0);
						}
					}
					
					.fade-out-up {
						-webkit-animation-name: fadeOutUp;
						animation-name: fadeOutUp;
					}
					
					.menu-open {
						height: 100%;
						width: 100%;
					}
					
					.menu-open .mui-scroll-wrapper {
						position: absolute;
						top: 48;
						bottom: 0;
						left: 0;
						z-index: 1;
						width: 100%;
						overflow: hidden;
						-webkit-backface-visibility: hidden;
					}
					
					.menu-backdrop {
						display: none;
					}
					
					.menu-open .menu-backdrop {
						position: fixed;
						top: 0;
						bottom: 0;
						height: 100%;
						width: 100%;
						display: block;
						z-index: 998;
					}
					
					.menu-wrapper {
						position: absolute;
						top: 48px;
						left: 0;
						right: 0;
						z-index: 999;
						text-align: center;
						background-color: #333;
						width: 100%;
					}
					
					.menu-wrapper.hidden {
						-webkit-transform: translate3d(0, -100%, 0);
						transform: translate3d(0, -100%, 0);
						z-index: -1;
					}
					
					.menu {
						width: 100%;
					}
					
					.menu .mui-table-view-inverted {
						color: gray;
						font-size: 19px;
					}
					
					.menu .mui-table-view-inverted .mui-table-view-cell:after {
						height: 2px;
						left: 0;
						right: 0;
					}
					
					.menu-wrapper.mui-active,
					.menu-wrapper.mui-active .menu {
						-webkit-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
					}
					
					.menu-wrapper ul{
						background: #F0F0EE;
						}
						.menu-wrapper ul:after{
							left: 0%;
						}
					.menu-wrapper ul li:after,.menu-wrapper ul li:before{
						height: 1px; background: #D4D4D4;
						}
						#menu-wrapper {
							opacity: 0.9;
		filter: Alpha(opacity=90);
		-moz-opacity: 0.9;
						}
							#menu-wrapper ul li {
				font-size: 16px;
				text-transform: uppercase;
			}
			/***xiala menu***/
			#offCanvasContentScroll .mui-scroll{
				min-height:100%;
				padding-bottom: 50px;
			}