@charset "utf-8";

/*网上展厅*/
.zssearch .t{text-indent:30px;font-size:20px;line-height:50px;color:#fff;background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zssearch .main{border:1px solid #e3e3e3;border-top:0;padding:22px 30px;}
.zssearch .btn-success{border:0;background-color:#2b7bc7;}
.zssearch .btn-success:hover,.zssearch .btn-success:active{background-color:#549cdf;}
.zssearch .letter{margin-top:20px;}
.zssearch .letter a{display:block;float:left;margin-right:1px;padding:3px 8px;}
.zssearch .letter .on, .zssearch .letter a:hover{color:#fff;background-color:#5d1fb2;}
.zsres{border:1px solid #e3e3e3;border-top:0;text-indent:20px;line-height:40px;background-color:#f3f3f3;}
.zslist-container{border:1px solid #e3e3e3;border-top:0;}
.zslist{margin-top:-1px;}
.zslist li{float:left;width:50%;border-top:1px solid #e3e3e3;}
.zslist li.left{border-right:1px solid #e3e3e3;}
.zslist a{display:block;position:relative;padding:20px;border:1px solid #fff; transition:all ease .5s;}
.zslist li.even a{background-color:#f9f9f9;}
.zslist div{margin:0;padding:0;border:1px solid #e3e3e3;width:158px;height:105px;line-height:64px;text-align:center;background-color:#fff;}
.zslist img{max-width:100%;max-height:100%;}
.zslist h5{display:block;position:absolute;margin:0;top:50%;right:20px;left:200px;line-height:1.5em;max-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-block;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;transform:translateY(-50%);}
.zslist li a:hover{background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zslist li a:hover h5{color:#fff;}
@media(max-width:991px){
	.zslist li{width:100%;border-right:0 !important;}
	.zslist a{padding:15px;}
}
@media(max-width:767px){
	.zssearch button{width:100%;}
	.zslist a{padding:10px;}
}
@media(max-width:479px){
	.zslist div{width:100px;height:67px;line-height:36px;}
	.zslist h5{left:130px;}
}
@media(max-width:450px){
	.zssearch .layui-form-item .layui-input-inline{margin-left:0;}
}
/*网上展厅首页的推荐展商*/
.tjzs ul{margin-right:-2px;margin-left:-2px;}
.tjzs li{float:left;padding:2px;width:16.666666%;}
.tjzs a{border:1px solid #ccc;height:120px;line-height:120px;font-size:0;text-align:center;}
.tjzs img{max-width:100%;max-height:100%;vertical-align:middle;}
@media(max-width:991px){
	.tjzs a{height:100px;line-height:100px;}
}
@media(max-width:767px){
	.tjzs li{width:25%;}
}
@media(max-width:479px){
	.tjzs li{width:33.333333%;}
	.tjzs a{height:80px;line-height:80px;}
}

/*展商详情*/
.zsinfo{float:left;border:1px solid #e6e6e6;padding:20px;width:360px;background:#fff;border-radius:6px;box-shadow:0 0 10px rgb(0 0 0 / 40%);}
.zsinfo em{display:block;position:relative;margin-bottom:20px;padding-top:66.666666%;border:1px solid #e3e3e3;background-color:#fff;}
.zsinfo img{display:block;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
.zsinfo h4{margin-top:0;margin-bottom:15px;}
.zsinfo p+p{margin-top:8px;}
.zsmain{padding-left:400px;}
.zstitle{float:left;margin-bottom:20px;padding:10px 20px;width:100%;color:#fff;background:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zscontent{min-height:auto;}
.zscontent:after{display:none;}
.zszplist{margin-right:-7px;margin-left:-7px;}
.zszplist li{float:left;padding:0 7px 15px;width:25%;}
.zszplist a{padding:5px 5px 0;font-size:14px;line-height:36px;color:#333;background-color:#f3f3f3; transition:all ease .5s;}
.zszplist a:hover{color:#fff;background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zszplist em{display:block;padding-bottom:75%;height:0;overflow:hidden;}
.zszplist img{width:100%;transition:transform ease .5s;}
.zszplist a:hover img{transform:scale(1.05)}
@media(max-width:1599px){
	.zszplist li{width:33.333333%;}
}
@media(max-width:1199px){
	.zsinfo{margin-bottom:20px;width:100%;border-radius:0;box-shadow:none;}
	.zsmain{padding-left:0;}
}
@media(max-width:991px){
}
@media(max-width:767px){
	.zsinfo em{margin:0 0 20px;}
	.zszplist li{width:50%;}
}
/*展品详情*/
.zpmain{float:left;width:1200px;}
.zpmain div{max-width:100%;}
.zpinfo{margin-bottom:20px;border:1px solid #e6e6e6;padding:20px;background:#f9f9f9;}
.zpinfo h2{margin-top:0;margin-bottom:15px;font-size:22px;}
.zpmain .content{border:1px solid #ddd;padding:20px;}
.zpside{float:right;width:300px;}
.zpside{background-color:#f3f3f3;}
.zpside .t{padding:15px;font-size:large;font-weight:bold;color:#fff;background-color:#5d1fb2;background-image:-webkit-linear-gradient(left,#56cdd3,#5a4296);}
.zpside ul{padding:15px;}
.zpside li{margin-bottom:20px;}
.zpside li a{display:block;overflow:hidden;}
.zpside li span{display:block;margin:15px 15px 0;text-align:center;}
@media(max-width:1599px){
	.zpmain{width:1000px;}
}
@media(max-width:1399px){
	.zpmain{width:800px;}
}
@media(max-width:1199px){
	.zpmain{float:none;width:100%;}
	.zpmain .content{margin-bottom:20px;}
	.zpinfo h2{font-size:20px;}
	.zpside{float:none;width:100%;}
	.zpside ul{padding:15px 7px 0;}
	.zpside li{float:left;margin-bottom:15px;;padding:0 7px 15px;width:33.333333%;}
	.zpside li span{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:991px){
	.zpinfo h2{font-size:large;}
}
@media(max-width:767px){
	.zpside li{width:50%;}
}
@media(max-width:479px){
	.zpmain .content{padding:20px 15px;}
	.zpinfo{padding:15px;}
	.zpside li{margin-bottom:5px;}
}