[v-cloak] {
      display: none;
    }
@media (min-width:1400px) {
	.iframeHeader{
		width: 100%;
		vertical-align:bottom;
	}
	.hibition-box{
		width: 100%;
		background-color: #F8F8F8;
	}
	.hibition-content{
		width: 1400px;
		margin: 0 auto;
	}
	.hibition-title{
		height: 80px;
	}
	.hibition-title:after{
		content: '';
		display: block;
		clear: both;
	}
	.hibition-left{
		float: left;
		width: 50%;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color: #3062A9;
		text-align: center;
		cursor: pointer;
	}
	.hibition-right{
		float: left;
		margin-top: 20px;
		width: 50%;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color:#FD9B3C ;
		text-align: center;
		cursor: pointer;
	}
	.hibitionNian-left{
		float: left;
		width: 50%;
		height: 60px;
		margin-top: 20px;
		line-height: 60px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color: #3062A9;
		text-align: center;
		cursor: pointer;
	}
	.hibitionNian-right{
		float: left;
		width: 50%;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color:#FD9B3C ;
		text-align: center;
		cursor: pointer;
	}
	.hibition-img-box{
		margin: 30px auto;
		background-color: #FFFFFF;
	}
	.hibition-img-title{
		height: 30px;
		display: flex;
		justify-content: space-between;
		line-height: 30px;
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-left: 10px;
		margin: 25px 0;
		border-left: 2px solid #F28737;
	}
	.pay-vip {
		margin-right: 10px;
		padding: 0 30px;
		border-radius: 20px;
		color: #fff;
		background-color: #F28737;
		cursor: pointer;
	}
	.imgList-item{
		float: left;
		width: 23%;
		margin-left: 20px;
		cursor: pointer;
	}
	.imgList-item > img{
		width: 100%;
		height: auto;
	}
	.imgNianList-item{
		float: left;
		width: 15%;
		margin-left: 20px;
		cursor: pointer;
	}
	.imgNianList-item > img{
		width: 100%;
		height: auto;
	}
	.imgList-box{
		padding: 0 20px;
		/* display: flex;
		justify-content: space-between; */
		position: relative;
		background-color: #FFFFFF;
	}
	.imgList-box:after{
		content: '';
		display: block;
		clear: both;
	}
	.item-name{
		text-align: center;
		color: #222222;
		margin: 15px auto;
		height: 40px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:2;
	}
	.hibition-vip {
		position: absolute;
		top: 0;
		padding: 4px 15px;
		border-radius: 15px;
		background-color: #fbd7b3;
	}
}
@media (max-width:1400px) and (min-width:999px) {
	.iframeHeader{
		width: 100%;
		vertical-align:bottom;
	}
	.hibition-box{
		width: 100%;
		background-color: #F8F8F8;
	}
	.hibition-content{
		width: 1000px;
		margin: 0 auto;
	}
	.hibition-title{
		height: 60px;
	}
	.hibition-title:after{
		content: '';
		display: block;
		clear: both;
	}
	.hibition-left{
		float: left;
		width: 50%;
		height: 60px;
		line-height: 60px;
		font-size: 22px;
		font-weight:bold;
		color: #FFFFFF;
		background-color: #3062A9;
		text-align: center;
		cursor: pointer;
	}
	.hibition-right{
		float: left;
		margin-top: 20px;
		width: 50%;
		height: 40px;
		line-height: 40px;
		font-size: 22px;
		font-weight:bold;
		color: #FFFFFF;
		background-color:#FD9B3C ;
		text-align: center;
		cursor: pointer;
	}
	.hibitionNian-left{
		float: left;
		width: 50%;
		height: 40px;
		margin-top: 20px;
		line-height: 40px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color: #3062A9;
		text-align: center;
		cursor: pointer;
	}
	.hibitionNian-right{
		float: left;
		width: 50%;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color:#FD9B3C ;
		text-align: center;
		cursor: pointer;
	}
	.hibition-img-box{
		margin: 30px auto;
		background-color: #FFFFFF;
	}
	.hibition-img-title{
		height: 30px;
		display: flex;
		justify-content: space-between;
		line-height: 30px;
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-left: 10px;
		margin: 25px 0;
		border-left: 2px solid #F28737;
	}
	.pay-vip {
		margin-right: 10px;
		padding: 0 30px;
		border-radius: 20px;
		color: #fff;
		background-color: #F28737;
		cursor: pointer;
	}
	.imgList-item{
		float: left;
		margin-left: 15px;
		width: 23%;
		cursor: pointer;
	}
	.imgList-item > img{
		width: 100%;
		height: auto;
	}
	.imgNianList-item{
		float: left;
		width: 14%;
		margin-left: 20px;
		cursor: pointer;
	}
	.imgNianList-item > img{
		width: 100%;
		height: auto;
	}
	.imgList-box{
		padding: 0 20px;
		position: relative;
	/* 	display: flex;
		justify-content: space-between; */
		background-color: #FFFFFF;
	}
	.imgList-box:after{
		content: '';
		display: block;
		clear: both;
	}
	.item-name{
		text-align: center;
		color: #222222;
		margin: 15px auto;
		height: 40px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:2;
	}
	.hibition-vip {
		position: absolute;
		top: 0;
		padding: 0 6px;
		border-radius: 15px;
		background-color: #fbd7b3;
	}
}
@media (max-width:999px) {
	.iframeHeader{
		width: 1400px;
		vertical-align:bottom;
	}
	.hibition-box{
		width: 100%;
		background-color: #F8F8F8;
	}
	.hibition-content{
		width: 1400px;
		margin: 0 auto;
	}
	.hibition-title{
		height: 80px;
	}
	.hibition-title:after{
		content: '';
		display: block;
		clear: both;
	}
	.hibition-left{
		float: left;
		width: 50%;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color: #3062A9;
		text-align: center;
		cursor: pointer;
	}
	.hibition-right{
		float: left;
		margin-top: 20px;
		width: 50%;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color:#FD9B3C ;
		text-align: center;
		cursor: pointer;
	}
	.hibitionNian-left{
		float: left;
		width: 50%;
		height: 60px;
		margin-top: 20px;
		line-height: 60px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color: #3062A9;
		text-align: center;
		cursor: pointer;
	}
	.hibitionNian-right{
		float: left;
		width: 50%;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
		font-weight:bold;
		color: #FFFFFF;
		background-color:#FD9B3C ;
		text-align: center;
		cursor: pointer;
	}
	.hibition-img-box{
		margin: 30px auto;
		background-color: #FFFFFF;
	}
	.hibition-img-title{
		height: 30px;
		display: flex;
		justify-content: space-between;
		line-height: 30px;
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-left: 10px;
		margin: 25px 0;
		border-left: 2px solid #F28737;
	}
	.pay-vip {
		margin-right: 10px;
		padding: 0 30px;
		border-radius: 20px;
		color: #fff;
		background-color: #F28737;
		cursor: pointer;
	}
	.imgList-item{
		float: left;
		width: 23%;
		margin-left: 20px;
		cursor: pointer;
	}
	.imgList-item > img{
		width: 100%;
		height: auto;
	}
	.imgNianList-item{
		float: left;
		width: 15%;
		margin-left: 20px;
		cursor: pointer;
	}
	.imgNianList-item > img{
		width: 100%;
		height: auto;
	}
	.imgList-box{
		padding: 0 20px;
		position: relative;
		/* display: flex;
		justify-content: space-between; */
		background-color: #FFFFFF;
	}
	.imgList-box:after{
		content: '';
		display: block;
		clear: both;
	}
	.item-name{
		text-align: center;
		color: #222222;
		margin: 15px auto;
		height: 40px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:2;
	}
	.hibition-vip {
		position: absolute;
		top: 0;
		padding: 4px 9px;
		border-radius: 15px;
		background-color: #fbd7b3;
	}
}