@cha@charset "utf-8";
@media only screen and (min-width: 320px) and (max-width: 1200px) {
	.m-contain{
		width:89.33%;
		margin:20px auto 0;
	}	
	.m-banner{
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.el-carousel{
		height:100% !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:100% !important;
	}
	.m-head{
		display: block;
	}
	.m-head-name{
		width:auto;
		height:31px;
		font-size:24px;
		font-family:futura;
		font-weight:bold;
		color:rgba(0,0,0,1);
		line-height:32px;
		float: left;
		padding:0 0 17px 0;
	}
	.m-head-close{
		width:24px;
		height:24px;
		float: right;
		margin-top:4px;
	}
	.m-list{
		border-bottom: none;
		padding-bottom: 0;
	}
	.m-list-title{
		display: none;
	}
	.m-list-img{
		width:50px;
		height:50px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
		border-radius:9px;
	}
	.m-list .el-col:nth-child(2n) .m-list-img{
		margin-left:0;
	}
	.m-list-li{
		padding-top:10px;
	}
	.m-list-info{
		max-width:150px;
		margin-left:15px;
		height:50px;
	}
	.m-list-name{
		height:19px;
		font-size:14px;
		line-height:19px;
	}
	.m-list-text{
		margin-top:6px;
		height:14px;
		line-height:14px;
		font-size:10px;
	}
	.m-list-icon{
		display: none;
	}
	.m-list-btn{
		height: 50px;
		float: right;
		display: -webkit-flex;
		display: -moz-box-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.m-list-btnImg{
		width:55px;
		height:20px;
	}
	.m-list-tab{
		width:100%;
		height:30px;
		margin-top:30px;
		display: block;
		margin-bottom: 20px;
	}
	.m-list-tabCon{
		width:89.5%;
		height:30px;
		float: left;
		overflow-x: scroll;
	}
	.m-list-tabCon-ul{
		width:auto;
		height:24px;
		display: inline-block;
		white-space: nowrap;
		float: left;
	}
	.m-list-tab-nav{
		display: inline-block;
		/* float: left; */
		height:23px;
		font-size:14px;
		font-weight:500;
		color:rgba(0,0,0,0.4);
		line-height:24px;
		margin-right:25px;
	}
	.m-list-tab-nav span{
		position:relative;
		display:inline-block;
	}
	.m-list-tab-nav.on{
		color:rgba(0,0,0,1);
		font-weight:bolder;
		display:inline-block;
		font-size:16px;
	}
	.m-list-tab-icon{
		width:24px;
		height:24px;
		float: right;
	}
	.m-list-tab-nav.on span:after{
		content: "";
		width:10px;
		height:3px;
		background:rgba(0,0,0,1);
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
		position: absolute;
		left:50%;
		bottom:-6px;
		margin-left:-5px;
	}
	.m-el-main .m-list-contain{
		display: none;
	}
	.m-el-main .m-list-contain.on{
		display: block;
		-webkit-animation: navShow 0.5s linear;
		-moz-animation:  navShow 0.5s linear;
		animation:  navShow 0.5s linear;
	}
	 @keyframes navShow {
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	} 
	.m-menu.on{
		display: block;
	}
	.animated{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
	}
}
/*iphone5*/
/* @media only screen and (min-width: 320px) and (max-width: 320px) {
	.el-carousel{
		height:136px !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:136px !important;
	}
} */
/*xiaomi*/
/* @media only screen and (min-width: 321px) and (max-width: 360px) {
	.el-carousel{
		height:153px !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:153px !important;
	}
} */
/*iphone6*/
/* @media only screen and (min-width: 361px) and (max-width: 375px) {
	.el-carousel{
		height:160px !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:160px !important;
	}
} */
/*iphone7 plus*/
/* @media only screen and (min-width: 376px) and (max-width: 414px) {
	.el-carousel{
		height:176px !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:176px !important;
	}
} */
/*ipad*/
/* @media only screen and (min-width: 415px) and (max-width: 768px) {
	.el-carousel{
		height:329px !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:329px !important;
	}
} */
/*ipad pro*/
/* @media only screen and (min-width: 769px) and (max-width: 1200px) {
	.el-carousel{
		height:439px !important;
	}
	.el-carousel__item,.el-carousel__container{
		height:439px !important;
	}
} */
/**滚动条样式**/
::-webkit-scrollbar {  
  width: 0;  
  height: 0;
  background-color: rgba(255,255,255,0);
  -webkit-border-radius:0.16rem;
  -moz-border-radius:0.16rem;
  border-radius:0.16rem;
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
	-webkit-border-radius:999px;
  border-radius: 999px;  
  border: 0 solid transparent;  
  background-color: rgba(255,255,255,0);
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 2px rgba(0,0,0,0) inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 0;  
  background-clip: content-box;  
  box-shadow: 0 0 0 2px rgba(0,0,0,0) inset;  
  -webkit-border-radius:10px;
  border-radius:10px;
   background-color: rgba(255,255,255,0);
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}