*{
	padding:0;
	margin: 0;
	box-sizing: border-box;
}
@font-face {
   font-family: 'EuclidCircularA';
   src:url('EuclidCircularA-Regular.ttf') format('truetype');
}
body{
	font-family: 'EuclidCircularA';
}
a{
	cursor: pointer;
	text-decoration: none;
}
.w100{
	width: 100%;
}
.w1600{
	width: 1600px;
	margin:0 auto;
	font-family: 'EuclidCircularA';
}
.w1465{
	width: 1465px;
	margin:0 auto;
	font-family: 'EuclidCircularA';
}
.w1200{
	width: 1200px;
	margin:0 auto;
	font-family: 'EuclidCircularA';
}

.cp_wapMenu{
	position:fixed;
	z-index: 101;
	display: none;
	width: 100vw;
}
.cp_wapMenuLeft{
	width: 45vw;
	height: 100vh;
	background-color: white;
	display: flex;
	flex-direction: column;
	float: left;
}
.cp_wapMenuLeft > a{
	line-height: 50px;
	font-weight: 600;
	color: #333;
	text-indent: 1.875rem;
	border-bottom: 0.0625rem solid #F2F2F2;
}
.cp_wapMenuLeft > a:hover, .cp_wapMenuCur{
	border-left: 2px solid #007bfc;
	color: #007bfc !important;
}
.cp_wapMenuRight{
	width: 55vw;
	height: 100vh;
	float: right;
	background-color: rgba(0, 0, 0, 0.5);
}
.cu_wapMenuClose{
	position: absolute;
	top: 20px;
	right: 50px;
	width: 40px;
	cursor: pointer;
}
.cp_menuBtn{
	width: 30px;
	display: none;
	cursor: pointer;
}
.headTop{
	padding:20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headTop i{
	font-weight: 600;
}
.headTop .logo{
	max-width: 175px;
}
.headTop input{
	width: 195px;
	background: transparent;
	box-shadow: none;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	border:none;
	outline: none;
	font-family: 'EuclidCircularA' !important;
	font-size: 16px;
}
.menu{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.menu > div{
	padding:0 20px;
	position: relative;
}
.menu > div > div{
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.menu > div  a{
	padding: 10px 0px;
}
.menu > div img{
	width: 20px;
	margin-left: 10px;
}
.menu .downBox{
	position: absolute;
	width: 100%;
	display: none;
	box-shadow: 0 5px 10px #00000040;
	z-index: 1;
	left: -10px;
	background-color: white;
	padding: 20px 10px;
}
.menuItem{
	border-bottom: 2px solid white;
}
.menu > div:hover .menuItem{
	border-bottom: 2px solid #333;
}
.menu > div:hover .downBox{
	display: block;
}
.menu .downBox > a{
	padding:5px 0px;
	width: 100%;
	text-align: center;
	display: block;
}
.menu .downBox > a:hover{
	color: darkgoldenrod;
}
.headImg{
	width: 100%;
}
.headImg img{
	width: 100%;
}
.imgList{
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.imgList > a{
	display: block;
	width: 30%;
}
.imgList img{
	width: 100%;
	border-radius: 10px;
}
.bannerList{
	margin-top: 30px;
}
.bannerList img{
	width: 100%;
}
.goodsTab {
	padding:40px 0;
}
.goodsTab .remak{
	text-align: center;
	margin: 16px 0;
	font-size: 13px;
	font-weight: 600;
}
.goodsTab .title{
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 32px;
}
.goodsTab .tabs{
	max-width: 1000px;
	border-bottom: 1px solid darkgray;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 40px;
}
.goodsTab .tabs > a{
	padding-bottom: 10px;
}
.goodsTab .tabs > .cur{
	border-bottom: 2px solid black;
}
.tabList{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px;
	box-sizing: border-box;
}

.tabList > .item:nth-child(5n+2),
.tabList > .item:nth-child(5n+4) {
  margin-left: 1.25%;
  margin-right: 1.25%;
}
.tabList > .item{
	width: 19%;
	margin-bottom: 40px;
}
.tabList > .item  img{
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
}
.tabList > .item  .name{
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tabList > .item .price{
	margin:10px 0px
}
.tabList > .item .price > span:nth-child(1){
	color: #ffac33;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
}
.tabList > .item .price > span:nth-child(2){
	font-size: 13px;
	line-height: 1.2;
	margin-left: 15px;
	text-decoration: line-through;
}
.tabList > .item  > .comment i{
	font-size: 14px;
	margin-right: 4px;
	color: darkgray;
}
.tabList > .item > .comment > span{
	font-size: 13px;
}
.tabList > .item > .comment > .curStar{
	color: #ffac33 !important;
}
.goodsTab > .moreBtn{
	text-align: center;
}
.goodsTab > .moreBtn > a{
	font-size: 13px;
	background-color: #ffac33;
	padding: 14px 35px;
	letter-spacing: 2px;
	font-weight: 600;
	border-radius: 5px;
}


.trendingGoods .remak{
	text-align: center;
	margin: 16px 0;
	font-size: 13px;
	font-weight: 600;
}
.trendingGoods .title{
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 32px;
}
.trendingList{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px;
	box-sizing: border-box;
}
.trendingList > .item:nth-child(3n+2){
  margin-left: 3.5%;
  margin-right: 3.5%;
}
.trendingList > .item{
	width: 31%;
	margin-bottom: 40px;
}
.trendingList > .item > .img{
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.trendingList > .item  img{
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
	transition: all 0.5s;
}

.trendingList > .item > .name{
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.trendingList > .item > .remark{
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.trendingList > .item > .btn{
	margin: 0 auto;
	width: fit-content;
	display: block;
	font-size: 12px;
	background-color: #ffac33;
	padding: 12px 30px;
	letter-spacing: 2px;
	font-weight: 600;
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 10px;
}
.insBox{
	margin-bottom: 50px;
}
.insBox > .remark{
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}
.insBox > .title{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.insBox > .insBtn{
	display: flex;
	width: fit-content;
	margin:20px auto;
	padding: 8px 16px;
	color: #fff;
	background: linear-gradient(90deg, #854baa, #ca406d, #f89b4f);
	border-radius: 5px;
	font-size: 16px;
}
.insBox > .insBtn > img{
	width: 20px;
}
.insList{
	display: flex;
	justify-content: space-between;
	padding:0 20px;
	box-sizing: border-box;
}
.insList > .item{
	width: 24%;
	border-radius: 10px;
	overflow: hidden;
}
.insList > .item > .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	background-color: rgb(244, 245, 245);
	padding:20px 16px;
	
}
.insList > .item > .top > .avator{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid #833ab4;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	flex-shrink: 0;
}
.insList > .item > .top > .avator > img{
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.insList > .item > .top > .info{
	width: calc(100% - 85px);
}
.insList > .item > .top > .info > p:nth-child(1){
	font-size: 13px;
	font-weight: 600;
}
.insList > .item > .top > .info > p:nth-child(2){
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.insList > .item > .top > .ins{
	width: 24px;
	height: 24px;
}
.insList > .item >.img{
	width: 100%;
}
.insList > .item >.img img{
	width: 100%;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.bmgGreen{
	background-color: #f5f4e9;
}
.actionBox{
	width: 1300px;
	margin:0 auto;
	padding: 50px 50px;
}
.actionBox h2{
	text-align: center;
	margin-bottom: 20px;
}
.actionList{
	width: 100%;
}
.actionList > .item{
	width: 23%;
	background-color: white;
	padding-bottom: 20px;
	position: relative;
}
.actionList > .item > .video{
	width: 100%;
	position: relative;
}
.actionList > .item > .video > video{
	width: 100%;
}
.actionList > .item > .video > img{
	position: absolute;
	z-index: 1;
	width: 60px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.actionList > .item > .title{
	font-size: 16px;
	padding: 20px 20px;
}
.actionList > .item > .btn{
	display: block;
	background: #ffb700;
	font-size: 12px;
	padding: 7px 22px;
	border-radius: 5px;
	color: #ffffff;
	line-height: 1;
	margin: 0 auto;
	font-weight: bold;
	text-transform: uppercase;
	width: fit-content;
}
.actionList > .item >  .dyImg{
	position: absolute;
	right: 0;
	bottom: 0;
}
.articleBox{
	width: 1340px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 36px;
	margin-top: 20px;
}
.zenmapBox{
	width: 1400px;
	margin:0 auto;
	padding: 40px 0px;
}
.zenmapBox h2{
	text-align: center;
	margin-bottom: 30px;
}
.zenmapBox h3{
	text-align: center;
	font-weight: 500;
	margin-bottom: 30px;
}
.zenmapBox .zenmapList{
	width: 100%;
}
.zenmapBox .zenmapList > .item{
	width: 23%;
	background-color: #fafafa;
}
.zenmapBox .zenmapList > .item > .info{
	padding: 20px;
	
}
.zenmapBox .zenmapList > .item > .img{
	width: 100%;
}
.zenmapBox .zenmapList > .item .title{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}
.zenmapBox .zenmapList > .item .remark{
	font-size: 14px;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 5;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
}

.listBox{
	width: 1340px;
	margin:0 auto;
	padding: 40px 0px;
}
.listBox h2{
	text-align: center;
	margin-bottom: 30px;
}
.listBox h3{
	text-align: center;
	font-weight: 500;
	margin-bottom: 30px;
}
.listBox .list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.listBox .list > .item{
	width: 30%;
	background-color: #fafafa;
	margin-bottom: 30px;
}
.listBox .list > .item:nth-child(3n+2){
	margin:0 3%;
	margin-bottom: 30px;
}
.listBox .list  > .item > .info{
	padding: 20px;
	
}
.listBox > .list > .item > .img{
	width: 100% !important;
    height: auto !important;
}
.listBox > .list > .item .title{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}
.listBox > .list > .item .remark{
	font-size: 14px;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 3;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
}
.borderTb{
	border-top: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	margin-top: 20px;
}
.listRightScroll{
	width: 1500px;
	margin: 0 auto;
	padding:27px 20px;
	font-size: 16px;
	text-align: center;
}
.listRightScroll > a{
	padding-bottom: 5px;
	margin-right: 30px;
}
.listRightScroll >.cur{
	border-bottom: 1px solid black;
}
.footer{
	width: 1400px;
	margin: 0 auto;
	padding: 50px 0;
}
.footer > .top {
	display: flex;
	border-bottom: 4px solid #735336;
	padding-bottom: 40px;
}
.footer > .top > .left ,.footer > .top > .right {
	width: 50%;
}
.footer > .top > .left > p:nth-child(1){
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
.footer > .top > .left > p:nth-child(2){
	font-weight: 700;
	font-size: 34px;
	line-height: 120%;
	margin: 8px 0;
}
.footer > .top > .left > p:nth-child(3){
	font-size: 16px;
}
.footer > .top > .left > div{
	display: flex;
	align-items: center;
	background-color: #735336;
	border: 2px #735336 solid;
	max-width: 500px;
	margin-top: 20px;
		
}
.footer > .top > .left > div > input{
	height: 45px;
	border: none;
	outline: none;
	width: calc(100% - 100px);
	background: #f5f4e9;
}
.footer > .top > .left > div img {
	width: 30px;
	margin-left: 35px;
}
.footer > .top > .right > p:nth-child(1){
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
.footer > .top > .right > p:nth-child(2){
	font-weight: 700;
	font-size: 34px;
	line-height: 120%;
	margin: 8px 0;
}
.footer > .top > .right > p:nth-child(2) > span{
	color: #735336;
}
.footer > .top > .right > div{
	display: flex;
}
.footer > .top > .right > div > a{
	background: #BCA286;
	color: white;
	display: block;
	font-size: 14px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	margin-right: 10px;
}
.footer > .bottom{
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
}
.footer >  .bottom > .item{
	width: 23%;
	display: flex;
	flex-direction: column;
}
.footer >  .bottom > .item >p:nth-child(1){
	font-size: 14px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #735336;
	margin-bottom: 20px;
	letter-spacing: 1px;
	font-weight: 600;
}
.footer > .bottom > .item .OneTitle{
	font-size: 21px !important;
	font-weight: 600 !important;
	color: black !important;
	margin-bottom: 20px;
}
.footer > .bottom > .item .time{
	font-size: 14px;
}
.footer > .bottom > .item .email{
	font-size: 14px;
	font-weight: bold;
	text-underline-offset: 4px;
	text-decoration: underline;
	text-transform: lowercase;
}
.footer > .bottom > .item > a{
	font-size: 14px;
	line-height: 2;
}
.links{
	width: 1340px;
	margin:0 auto;
	color: #c3bfbf;
	font-size: 12px;
	margin-top: 20px;
}
.links > .black{
	color:#333
}
.links h2{
	color: black;
	font-size: 30px;text-align: center;
}
.links .info{
	text-align: center;
	font-size: 16px;
	color: #000;
	margin-top: 10px;
}
.pageBox{
	width: fit-content;
	display: flex;
	align-items: center;
	border: 1px solid rgb(209, 207, 197);
	border-radius: 5px;
	margin: 0 auto;
}
.pageBox > a{
	height: 56px;
	width: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 13px;
	border-right: 1px solid rgb(209, 207, 197);
}
.pageBox > a:last-child{
	border:0px
}
.pageBox > a.cur{
	border:2px solid black;
}
.pageBox  img{
	width: 30px;
}
.commentBox{
	width: 700px;
	margin:50px auto;
}
.commentBox > .title{
	font-size: 18px;
	font-weight: 600;
}
.commentList{
	background-color: #e9e4e3;
	padding: 32px;
	border-radius: 5px;
	padding-bottom: 0px;
	box-sizing: border-box;
}
.commentList > .item {
	padding-bottom: 20px;
}
.commentList > .item > .author{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.commentList > .item > .time{
	font-size: 14px;
	color: rgba(0,0,0,.7);
	margin-bottom: 15px;
}
.commentList > .item > .content{
	font-size: 16px;
	line-height: 2;
}
.commentSub{
	margin-top: 40px;
}
.commentSub > p:nth-child(1){
	font-size: 18px;
	font-weight: 600;
}
.commentSub > p:nth-child(2){
	font-size: 16px;
}
.commentSub .line{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.commentSub .line > input{
	width: 48%;
	appearance: none;
	padding: 10px 18px;
	border: 1px solid rgba(0,0,0, .15);
	font-size: 15px;
}
.commentSub textarea{
	width: 100%;
	appearance: none;
	padding: 10px 18px;
	border: 1px solid rgba(0,0,0, .15);
	margin-top: 20px;
	font-size: 15px;
}
.commentSub button{
	-webkit-appearance: none;
	appearance: none;
	line-height: var(--button-height);
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	border-radius: var(--button-border-radius);
	background: #ffb700;
	color: rgb(var(--button-text-color));
	outline: none;
	border: 0px;
	border-radius: 5px;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 20px;
}
.detailBox{
	width: 1360px;
	margin: 0 auto;
	position: relative;
}
.detailLeft{
	max-width: 185px;
	position: absolute;
	left: 0;
	top: 0;
}
.detailLeft > .author{
	font-size: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.detailLeft > .author img{
	width: 20px;
}
.detailLeft > .author >  a{
	display: flex;
	align-items: center;
	margin-left: 5px;
	color:#1d9bf0;
	border-bottom: 1px solid #1d9bf0;
}
.detailLeft > .time{
	font-size: 16px;
	margin:10px 0;
}
.detailLeft > .comment{
	display: block;
	display: flex;
	margin-bottom: 20px;
}
.detailLeft > .comment > img{
	width: 20px;
	margin-right: 10px;
}
.detailLeft > .comment > span{
	color: #333;
	border-bottom: 1px solid #dddddd;
}
.detailLeft > h3{
	font-size: 13px;
	margin-bottom: 10px;
}

.detailLeft > .tags{
	display: block;
	text-decoration: underline;
	text-underline-offset: 2px;
	color: #000000B3;
	margin-bottom: 5px;
}
.detailRight{
	max-width: 920px;
	margin: 0 auto;
}
.detailRight > .articleBox , .detailRight > .listBox{
	width: 100%;
}

@media screen and (max-width: 1599.99px){
	.w1600{
		width:100%;
	}
}
@media screen and (max-width: 1499.99px){
	.listRightScroll{
		width:100%;
	}
}
@media screen and (max-width: 1464.99px){
	.w1465{
		width:100%;
	}
}
@media screen and (max-width: 1399.99px){
	.zenmapBox,.footer{
		width: 100%;
	}
	.links{
		width: 100%;
	}
	.links h2 {
	    font-size: 26px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 1359.99px){
	.detailBox{
		width: 100%;
	}
}
@media screen and (max-width: 1339.99px){
	.listBox{
		width: 100%;
	}
	.articleBox{
		width: 100%;
		padding: 0 20px;
	}
}
@media screen and (max-width: 1260px){
	.detailLeft{
		display: none;
	}
}
@media screen and (max-width: 1299.99px){
	
	.actionBox{
		width: 100%;
	}
	.tabList > .item:nth-child(5n+2),
	.tabList > .item:nth-child(5n+4) {
	  margin-left: 0;
	  margin-right: 0;
	}
	.tabList > .item:nth-child(4n+2){
	  margin-left: 2.66%;
	  margin-right: 2.66%;
	}
	.tabList > .item:nth-child(4n+3) {
	  margin-right: 2.66%;
	}
	.tabList > .item{
		width: 23%;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 1199.99px){
	.w1200{
		width: 100%;
	}	
	.listRightScroll{
		padding: 10px 20px;
	}
}
@media screen and (max-width: 1000px){
	.cp_menuBtn{
		display: block !important;
	}
	.menu{
		display: none;
	}
	.headTop{
		padding-bottom: 10px;
	}
	.headTop .logo{
		max-width: 120px
	}
	.headTop > div:nth-child(3){
		display: none;
	}
	.tabList > .item:nth-child(4n+2){
	  margin-left: 0%;
	  margin-right: 0%;
	}
	.tabList > .item:nth-child(4n+3) {
	  margin-right: 0%;
	}
	.tabList > .item:nth-child(3n+2){
	  margin-left: 2%;
	  margin-right: 2%;
	}
	.tabList > .item{
		width: 32%;
		margin-bottom: 20px;
	}
	.actionBox {
		width: 100%;
		padding: 20px 20px;
	}
	.actionList > .item {
	    width: 48%;
	    background-color: white;
	    padding-bottom: 20px;
	    position: relative;
	}
	.actionList > .item > .dyImg {
		width: 25px;
	}
	.zenmapBox .zenmapList > .item {
	    width: 33%;
	    background-color: #fafafa;
	}
	.footer {
	    padding: 20px 20px;
	}
	.footer > .top{
		justify-content: space-between;
	}
	.footer > .top > .left > p:nth-child(2) {
	    font-size: 26px;
	}
	.footer > .top > .left{
		margin-bottom: 20px;
	}
	.footer > .top > .right > p:nth-child(2) {
	    font-size: 26px;
	}
	.footer > .top > .left, .footer > .top > .right {
	    width: 48%;
	}
	.listRightScroll{
		display: flex;
		flex-wrap: wrap;
	}
	.listRightScroll > a {
		margin-right: 20px;
		margin-bottom: 10px;
		display: block;
		width: fit-content;
	}
}
@media screen and (max-width: 800px){
    .tabList > .item img,.listBox > .list > .item > .img{
        width: 100% !important;
        height: 135px !important;
    }
    .articleBox  img{
        width: 100% !important;
    }
    .articleBox  embed{
        width: 100% !important;
    }
	.commentList{
		padding: 20px;
		padding-bottom: 0px
	}
	.tabList > .item:nth-child(3n+2){
	  margin-left: 0%;
	  margin-right: 0%;
	}
	.tabList > .item:nth-child(2n+1){
	  margin-right: 4%;
	}
	.tabList > .item{
		width: 48%;
	}
	.trendingList > .item:nth-child(3n+2) {
	    margin-left: 0%;
	    margin-right: 0%;
	}
	.trendingList > .item:nth-child(2n+1) {
	    margin-right: 4%;
	}
	.trendingList > .item {
	    width: 48%;
	    margin-bottom: 20px;
	}
	.insList{
		flex-wrap: wrap;
	}
	.insList > .item {
	    width: 48%;
	}
	.zenmapBox .zenmapList > .item {
	    width: 48%;
	    background-color: #fafafa;
	}
	.footer > .top {
	    border-bottom: 2px solid #735336;
	    padding-bottom: 20px;
		flex-direction: column;
		align-items: center;
	}
	.footer > .top > .left, .footer > .top > .right {
	    width: 100%;
	}
	.footer > .bottom {
		flex-wrap: wrap;
	}
	.footer > .bottom > .item {
	    width: 48%;
		margin-bottom: 20px;
	}
	.listBox{
		padding: 20px 20px;
	
	}
	.listBox .list{
		justify-content: space-between;
	}
	.listBox .list > .item:nth-child(3n+2) {
	    margin: 0 0%;
	    margin-bottom: 20px;
	}
	.listBox .list > .item {
	    width: 48%;
	    margin-bottom: 20px;
	}
	.pageBox > a{
		height: 36px;
		width: 36px;
	}
	.pageBox img {
	    width: 20px;
	}
	.listBox h2 {
	    margin-bottom: 20px;
	}
	.listBox h3 {
	    margin-bottom: 20px;
	}
	.goodsTab .tabs {
	    white-space: nowrap;
	    overflow-x: scroll;
	}
	.goodsTab .tabs > a{
	    margin-right: 20px;
	}
}
@media screen and (max-width: 700px){
	.commentBox{
		width: 100% !important;
		padding:0 20px;
	}
}

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

}