html{
	-webkit-text-size-adjust:none;
}
body{
	background-color: #FFFFFF;
}
*{
	margin:0px;
	padding:0px;
}
.img-auto img{
	width: 100% !important; 
	height: auto !important;
}
@media (min-width: 320px)
{
    .mui-col-sm-12
    {
        width: 100%;
    }

    .mui-col-sm-11
    {
        width: 91.66666667%;
    }

    .mui-col-sm-10
    {
        width: 83.33333333%;
    }

    .mui-col-sm-9
    {
        width: 75%;
    }

    .mui-col-sm-8
    {
        width: 66.66666667%;
    }

    .mui-col-sm-7
    {
        width: 58.33333333%;
    }

    .mui-col-sm-6
    {
        width: 50%;
    }

    .mui-col-sm-5
    {
        width: 41.66666667%;
    }

    .mui-col-sm-4
    {
        width: 33.33333333%;
    }

    .mui-col-sm-3
    {
        width: 25%;
    }

    .mui-col-sm-2
    {
        width: 16.66666667%;
    }

    .mui-col-sm-1
    {
        width: 8.33333333%;
    }
}
/*.mui-off-canvas-left, .mui-off-canvas-right{
	background: #0067ac;
}

.mui-table-view-inverted {
    background: #0067ac;
}

.mui-scroll{
	background-color: #FFFFFF;
}*/

.mui-off-canvas-wrap .mui-bar {
	/* background: #0067ac; */
}
/* 滚动图片高度 */
.mui-slider .mui-slider-group .mui-slider-item img{
	height:48.8rem;
}
/*滚动小圈*/
.mui-slider-indicator .mui-indicator{
	width:18px;
	height:4px;
	border:1px solid #bebebe;
	background:#a1a1a1;
	border-radius:0%;
}
.mui-slider-indicator .mui-active.mui-indicator{
	background:#efb72e;
	border-color:#c79d43;
}
/* 首页*/
/* .mui-grid-view.mui-grid-9{
	background: #ffffff;
} */
.mui-table-view:after{
	height:0px;
}
.mui-grid-view.mui-grid-9 .mui-media{
	background: #ffffff;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	padding-left:8px;
	padding-right:8px;
}
/* 首页底部样式*/
.index-foot{
	width: 100%;
	height: 50px;
	background-color: #333333;
}

.mui-icon-bars:before {
    color: #ffffff
}

.mui-title {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

.mui-bar.mui-bar-nav{
	/* background: -moz-linear-gradient(left, #dfb74f 0%, #ffb80a 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0%,#dfb74f), color-stop(100%,#ffb80a));
    background: -webkit-linear-gradient(left, #dfb74f 0%, #ffb80a 100%);
    background: -o-linear-gradient(left, #dfb74f 0%, #ffb80a 100%);
    background: -ms-linear-gradient(left, #dfb74f 0%, #ffb80a 100%);
    background: linear-gradient(left, #dfb74f 0%, #ffb80a 100%); */
	background-color: rgba(0,0,0,0.6);
	filter:alpha(opacity=60);
	z-index:10000000000;
}
.mui-action-back{
	color: #ffffff;
}

.mui-content{
	background: #ffffff;
}

.mui-segmented-control{
	background: #f6f6f6;
}

.mui-bar .mui-icon{
	font-size: 16px;
	margin-top: 5px;
}
.mui-off-canvas-left{
	background:#fff;
}
.mui-table-view-cell.mui-active{
	background-color: #293846;
}
.mui-table-view-cell.mui-active a{
	color:#fff;
}
#offCanvasSideScroll .mui-table-view:after{
	height:0px;
}
#offCanvasSideScroll .mui-table-view-cell:after{
	height:0px;
}
.mui-table-view.list{
	background-color:#e7e7e7
}
.mui-table-view.list:before,.list:after{
	height:0px;
}
.mui-table-view.list .mui-table-view-cell:after{
	left:0px;
}
.mui-table-view.list li{
	margin-top:0.4rem;
	background:#fff;
}
.mui-table-view.list span.nav-icon{
	width:4px;
	background-color:#dfb74f;
}
.mui-table-view.list .mui-media-body{
	line-height:42px;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
	color:#838383;
	font-size:14px;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	color: #dfb74f;
    border-bottom: 2px solid #dfb74f;
}
.mui-content .mui-card{
	box-shadow: none;
}

.slideNav .mui-table-view-cell{
	padding:11px 5px 11px 25px;
}
.slideNav .mui-table-view-cell a{
	width:100%;
}
.slideNav i{
	width:10px;
	height:10px;
	background:#f0f3f6;
	position:relative;
	left:-20px;
	top:15px;
	border-radius:0.15rem;
	display:none;
}
#offCanvasSideScroll,.mui-table-view.slideNav{
	background:#2f4050;
}
.mui-table-view.slideNav>mui-table-view-cell{
	border:1px solid #2f4050;
}
.mui-table-view.subNav{
	background:#293846;
}
.mui-table-view.slideNav a,.mui-table-view.subNav a{
	color:#a7b1c2;
}
.mui-collapse.mui-active{
	border-left:4px solid #efb72e;
}
.mui-collapse.mui-active i{
	display:block;
}
#triangle-up {
				width: 0px;
				height: 0px;
				border: 5px solid transparent;
				border-bottom: 15px solid #ffffff;
				float: left;
			}
			.top {
				color: #ffffff;
				font: bold 16px/16px "微软雅黑";
				margin-top: 5px;
				float: left;
			}
.noshortContent{
	display:none;
}
header{
	line-height:44px;
}
#nav-box,#nav-box a{
	color:#fff;
	font-size:1.4rem;
}
#nav-box .mui-navigate-down,#nav-box .mui-navigate-up,#nav-box a{
	padding-left:0.5rem;
	display:inline-block;
	height:44px;
}
#logo{
	background:transparent url(../image/logo.png) no-repeat top left;
	background-size:100% 100%;
	width:100px;
	height:25px;
	margin-top:10px;
}
html,
			body {
				min-height: 100%;
				background-color: #efeff4;
			}
			.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-backdrop.menu-backdrop {
				position: fixed;
				top: 44px;
				bottom: 0;
				height: 100%;
				width: 100%;
				display: block;
				z-index: 998;
			}
			.menu-wrapper {
				position: absolute;
				top: 44px;
				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: 0.9rem;
			}
			.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);
			}
			#info{
			  	padding: 20px 10px ;
			 }
		.menu .mui-navigate-right:after, .mui-push-right:after{
		right:20%;
		}
		.menu .mui-table-view-cell>a:not(.mui-btn) {
		    margin: 0px;
		    padding: 0px;
		}
		.menu .mui-table-view-cell>a:not(.mui-btn){
		/* padding-left:25%; */
		color:#fff;
		padding: 1rem 0.75rem 1.4rem 0.75rem;
		}
		.menu i{
		width:10px;
		height:10px;
		background:#fff;
		border-radius:2px;
		position:absolute;
		left:25%;
		margin-left:-20px;
		top:4px;
		}
		.menu .mui-table-view.mui-table-view-inverted ,.menu .mui-table-view.mui-table-view-inverted .mui-active{
			/* background-color:#293846; */
			background-color: rgba(0,0,0,0.6);
		}
		.menu  .mui-table-view .mui-table-view-cell:after{
			/* height:0px; */
			background:#fff;
		}
		.menu .mui-table-view-cell.mui-active a{
			color:#a7b1c2;
		}
		.menu li.mui-active>a:first-child{
			color:#fff;
		}
		/* .menu .mui-table-view.mui-active{
			border-left:4px solid #efb72e;
		} */
		.menu .mui-table-view-cell{
			padding:0;
		}
		