html, body, ul, li, ol , dl , dd , dt , p, h1, h2, h3, h4, h5, h6, form, fieldset, legend , figure, table, td,b{margin:0;padding:0;border:0;}
body{font-family: "Microsoft YaHei","Helvetica Neue","宋体",Helvetica,Arial;color:#333}
ul,ol,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus {color:#3a92e3;}
img{max-width:100%}


/*外调小屏样式控制*/
/**头部**/

@media screen and (max-width: 1366px) {	
}


@media screen and (max-width: 1024px) {
	
}


@media screen and (max-width:823px) and (min-width:320px){
	/**Index**/
	.container{padding: 0 10px;}
	.topLeft{width:100%; display: flex; justify-content: space-between;}
	.topLeft li{border-right:none; padding-right: 0;margin-right: 0;}
	.logo{width:50%;}
	.logo img {width: 90%;}
	.admin{float:right; padding: 10px 0; width: 15%;}
	.banner{background: url("../images/banner-phone.jpg") no-repeat center center; background-size:100% 100%; height: auto;}
	.loginCon{width:100%;margin: 20px 0;}
	.line{width:60%;}
	.headerRight{float: none; width:100%; margin: 10px 0; justify-content: space-between;}
	.rightCon{float: none; width:100%;}
	.memberInfo p, .memberInfo button{font-size: 16px;}
	.layui-form-item .layui-input-inline {display: inline-block;float: none;margin: 0 5px 0 0;width: 30%;}
	#layui-layer100001{width:80%;}

	.footerLeft {width: 100%;float: none;margin-right:0;}
	.footerLeft p {margin-bottom: 15px; text-align: center;}
	.footerRight {width: 100%;float: none;text-align: center;}
	.infoIcon i {margin-right: 0;}

	.conLeft{display: flex; justify-content: space-between; align-items: center;width:82%;}
	.infoLeft{width:66%; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.infoLeft span{color: #8e2424; font-weight: bold; padding-right: 1px; font-size: 12px;}
	.infoRight {color: #999;width: 33%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.infoRight span{color: #ff6109;}

	.layui-btn+.layui-btn {
		margin-left: 0px !important;
	}
	#indexClass>div>a{margin-bottom: 5px;}

	}

@media screen and (max-width: 768px) {
	
	}

@media screen and (width: 768px) {
	.logo {width: 30%; padding: 20px 0;}
	.logo img{width:100%;} 
	.admin {padding: 20px 0;}
	.navbar{display: none;}
	.leftNav{width:35%; margin-right: 10px;}
	.rightCon {float: right;width: 60%;}
	.headerRight{float: right;margin-top: 22px; width:auto;}
	.conLeft p.infoLeft {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 75%;}
	.infoIcon i {margin-right: 0px;}

}
	

@media screen and (max-width: 736px) {
	
}

	
@media screen and (max-width: 667px) {	
}
	
@media screen and (max-width: 640px) {

}

@media screen and (max-width: 568px) {	
		
}
@media screen and (width: 1024px) {	
	.leftNav{width:26%; margin-right: 4%;}
	.rightCon {float: right;width: 70%;}
}


@media screen and (max-width: 414px) {
	.logo {width: 50%; padding: 20px 0;}
	.logo img{width:100%;} 
}


@media screen and (max-width: 320px) {
	.headerRight .layui-btn{font-size: 12px; padding: 0 10px;}
	.layui-form-item .layui-input-inline {margin: 0;}
	.conLeft p.infoLeft span {font-size: 14px;}
	.conLeft p {font-size: 12px;}
	.infoIcon i {margin-right: 0;}
	.conLeft p.infoLeft {width: 65%;}
	.conLeft {width: 70%;}
}