#nativeShare,.share_more_filter,.share_item,.m_search{
	display: none !important;
}
.search-filter{
	position: fixed;
	left: -500px;
}
.filter{
	position: fixed;
	top: 50px;
	left: -100%;
	width: 60%;
	height: 100%;
	overflow: auto;
	background: #5C5C5C;
	transition: all .5s ease-out;
	z-index: 1001;
}
.filter nav{
	min-height: 100%;
	width: 96%;
	padding:0% 2% 5% 2%;
}
.filter nav a{
	display: block;
	padding: 3%;
	color: #fff;
	font-size: 16px;
}

/* 所有页面 侧边栏代码 */
#side_wrapper{
	position: fixed;
    top: 50%;
    margin-top: 0px;
    right: 10px;
    width: 35px;
    font-size: 14px;
    line-height: normal;
    color: #333;
    z-index: 1;
}
#side_wrapper .side_common{
	margin-bottom: 5px;
    padding: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    height: 35px;
}
#side_wrapper .side_common img{
	width: 60%;
	height: auto;
}
.go_top_item{
	display: none;
}






@media only screen and (min-width: 320px) and (max-width: 1024px) {
     

	.header .contact,
	.header .search .search_text,
	.hl_logo{
		display: none;
	}

	.filter{
		display: block !important
	}

	.zz-filter{
        position: fixed;
        width: 100%;
        height: 100%;
        background:rgba(0,0,0,0.2);
        z-index: 1000;
        left: 0;
        top: 0;
        transition: all .5s ease-out;
        display: none;
    }


	.header_wrapper{
		height: 50px;
	}
	.header_wrapper .header{
		width: 96%;
		margin:10px auto;
		justify-content: space-between;
	}
	.m_list{
		display: block !important;
		flex: 0 0 50px;
		width: 50px;
	}
	.m_list span{
		font-size: 30px;
		line-height: 30px;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}
	.header .logo{
		flex: 0 0 120px;
		width: 120px;
	}
	.header .logo,.header .search{
		height: 30px;
	}
	.header .search{
		margin-left: 0;
		flex: 0 0 50px;
		width: 50px;
	}
	.header .search .search_button{
		min-width: 50px;
		max-width: 50px;
		margin-left: 0;
	}
	.header .search .search_button button{
		line-height: 30px;
		background: #fff;
		color: #111;
	}

	.banner_wrapper{
		top: 50px;
		height: 100%;
	}
	.banner_wrapper p{
		width: 96%;
		top: 20%;
		left: 2%;
		font-size: 2em;
	}

	.contain_wrapper{
		margin:80px auto 0 auto;
		display: block;
		width: 96%;
		padding: 0 2%;
	}
	.contain_wrapper .contain_left .contain_item .common_title, 
	.itemList_wrapper .common_title{
		padding: 1% 2%;
		font-size: 16px;
	}
	.itemItem_wrapper .common_title a{
		margin-right: 4%;
	}
	.contain_wrapper .contain_left,
	.contain_wrapper .contain_right{
		flex: none;
		width: 100%;
	}
	.contain_wrapper .contain_left .contain_item ul .contain_l_li2{
		width: 49%;
	}
	.contain_wrapper .contain_left .contain_item ul .contain_l_li1{
		margin-right: 0;
	}
	.contain_wrapper .contain_left .contain_item ul .contain_l_li2 {
		margin-right: 0% !important;
	}
	.contain_wrapper .contain_left .contain_item ul li:not(.contain_l_li1):nth-child(even){
		margin-right: 0 !important;
	}
	.contain_wrapper .contain_left .contain_item ul .contain_l_li1, 
	.contain_wrapper .contain_left .contain_item ul .contain_l_li2{
		padding-bottom: 30%;
	}
	.contain_wrapper .contain_left .contain_item ul li:nth-child(8),
	.contain_wrapper .contain_left .contain_item ul li:nth-child(9),
	.contain_wrapper .contain_left .contain_item ul li:nth-child(10),
	.contain_wrapper .contain_left .contain_item ul li:nth-child(11),
	.contain_wrapper .contain_left .contain_item ul li:nth-child(12)
	/*.contain_wrapper .contain_left .contain_item:nth-child(3) li:first-child,
	.contain_wrapper .contain_left .contain_item:nth-child(4) li:last-child*/{
	  	display: none;
	}
/*	.contain_wrapper .contain_left .contain_item:nth-child(4) li:nth-child(5),*/
	.contain_wrapper .contain_left .contain_item ul li{
		width: 100% !important;
		margin-right: 0 !important;
	}

	.contain_wrapper .contain_right{
		margin-left: 0;
	}
	.contain_r_share,.contain_r_contact,
	.contain_r_otherItem{
		display: none;
	}

	.itemList_wrapper{
		width: 100%;
		padding: 0 2%;
		margin:20px 0 0 0;
	}
	.itemList_wrapper .itemList{
		flex: 0 0 96%;
		width: 96%;
		margin-right: 0;
		margin-bottom: 2%;
		padding: 10px;
		height: 164px;
		overflow: hidden;
	}
	.itemList_wrapper .itemList ul{
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.itemList_wrapper .itemList ul li{
		width: 24.2%;
		text-align: center;
		margin-right: 1%;
	}
	.itemList_wrapper .itemList ul li:nth-child(4n){
		margin-right: 0;
	}

	/*.seven_weeks{
		padding: 10px 0;
		margin:0 auto;
		border: 1px solid #fff;
		border-radius: 4px;
		box-sizing: border-box;
	}
	.seven_weeks a{
		display: inline-block;
		margin-bottom: 2%;
	}
	.seven_weeks a:last-child{
		margin-bottom: 0;
	}
*/
	.link_wrapper{
		width: 96%;
	    margin: 10px auto 0 auto;
	    padding: 10px 0;
		border: 1px solid #fff;
		border-radius: 4px;
		box-sizing: border-box;
	}
    
    .footer_wrapper .footer {
    	width: 100%;
    	flex-wrap: wrap;
    }
    .footer_wrapper{
    	height: auto;
    	line-height: 25px;
    	text-align: center;
    }
    .footer_wrapper .footer ul,
    .footer_wrapper .footer p{
    	width: 100%;
    	text-align: center;
    }
    .footer_wrapper .footer ul{
    	justify-content: center;
    }
    .footer_wrapper .footer p{
    	margin-right: 0;
    }


    #side_wrapper{
		margin-top: 0;
		width: 35px;
		line-height: normal;
	}
	#side_wrapper .side_common{
		padding: 0;
		line-height: 40px;
		height: 35px;
		border-radius: 50%;
		text-align: center;
		box-sizing: border-box;
	}
	#side_wrapper .side_common img{
		width: 60%;
		height: auto;
	}
    #side_wrapper .side_common p{
    	display: none;
    }
    .share_item{
    	display: block !important;
    }

    #nativeShare { 
        font-size: 14px;
        display: block !important;
    }

    .share_more_filter{
        position: fixed;
        left: 0;
        bottom: -180px;
        margin:0 5%;
        width: 90%;
        height: 170px;
        background: white;
        z-index: 1000;
        border-radius: 5px;
        transition: all .5s ease-out;

    }
    .share_more{ 
        width: 100%;
        display: block !important 
    }
    .share_more a {
        float: left;
        display: inline-block;
        width: 25%;
        padding:15px 0;
        height: 50px;
        text-align: center;
        color: #333;
    }
    .share_more a img{
        width: 40px;
        height: 40px;
    }
    .share_more a span{
        display: block;
        margin-top: 3%;
    }
    .hideMore{
        
    }
    .share_more_filter{
        display: block !important;
    }

    #nativeShare .list {
    	width: 100%;
    	display: block;
      /*  text-align: center;*/
    }



    #nativeShare .list a i {
        width: 40px;
        height: 40px;
        display: block;
    }

    #nativeShare .weibo i {
        background-image: url('../img/fen_weibo.png');
        background-size: cover;
    }

    #nativeShare .weixin i {
        background-image: url('../img/fen_weixin_friend.png');
        background-size: 100% 100%;
       /* background-size: cover;*/
    }

    #nativeShare .weixin_timeline i {
        background-image: url('../img/fen_weixin.png');
        /*background-size: cover;*/
    }

    #nativeShare .qq i {
        background-image: url('../img/fen_qq.png');
        /*background-size: cover;*/
    }

    #nativeShare .qzone i {
        background-image: url('../img/fen_qqzone.png');
        background-size: cover;
    }

    #nativeShare .more i {
        background-image: url('../img/fen_more.png');
        background-size: cover;
    }

    .search-filter{ /* 2.10 修改内容 */
        left: 0 !important;
    }
    .search-filter{ /* 2.3 修改内容 */
        position: fixed;
        bottom: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        transition: all .5s ease-out;
        z-index: 10000;
        display: flex;
    }
    .search-text{/* 1.31 修改内容 */
        flex: 1;
        border:0;
        height: 30px;
        padding-left: 2%;
    }
    .search-button{/* 1.31 修改内容 */
        margin-left: 2%;
        width: 50px;
        flex: 0 0 50px;
        height:30px;
        background:#d42223;
        text-align: center;
        border:0;
        color: #fff;
    }
    .search_button .m_search{
    	display: block !important;
    }
    .search_button button{
    	display: none !important;
    }
    .header .search .search_button span{
    	line-height: 30px;
    }


}