.dm-table-main{margin-top:20px;margin-bottom:20px;background:#fff;}
.dm-table{max-width:100%;overflow: auto;}
.layui-table tr,.layui-table td{
	white-space: nowrap;
}




/* 卡片 */
.dm-card{position: relative;padding-bottom:20px;background:#fff;}




/* 卡片样式 */
.form-items{
	line-height:38px;
	margin:20px;
}
.swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;overflow: hidden;}  
.swiper-slide {background: #fff;}
.form-item-title{width:100%;text-align: left;font-weight: bold;font-size:14px;padding-bottom:10px;}
.form-item-title span{font-size:16px;}
.form-item-box .item-name{font-weight:500;}
.form-item-box .item-content{border:1px solid #eee;	border-radius: 4px;padding:8px 10px;font-size:12px;min-height:38px;line-height:22px;}

.swiper .item-type-file{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;}
.swiper .item-type-file a{line-height: 1;}
.swiper .item-type-file i{color:#8D8D8D;font-size: 40px;line-height: 1;}
.swiper .item-type-file img{width:100%;height:auto;}


.swiper .item-type-video{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;}
.swiper .item-type-video a{line-height: 1;}
.swiper .item-type-video i{color:#8D8D8D;font-size: 40px;line-height: 1;}
.swiper .item-type-video img{width:100%;height:auto;}

.swiper .item-type-audio{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;}
.swiper .item-type-audio a{line-height: 1;}
.swiper .item-type-audio i{color:#8D8D8D;font-size: 40px;line-height: 1;}
.swiper .item-type-audio img{width:100%;height:auto;}

.swiper .item-type-image{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;padding:0;}
.swiper .item-type-image a{line-height: 1;}
.swiper .item-type-image img{width:100%;height:auto;}

.swiper .item-type-imgs{display: flex;align-items: center;padding:0;border:0;}
.swiper .item-type-imgs img{width:80px;height:auto;border:1px;border: 1px solid #eee;margin-right: 10px;}

.layui-table img{width:28px;height:28px;}

.layui-table .item-type-file i{color:#8D8D8D;font-size:21px;}
.layui-table .item-type-video i{color:#8D8D8D;font-size:25px;}
.layui-table .item-type-audio i{color:#8D8D8D;font-size:25px;}
.layui-table .item-type-image img{width:28px;height:28px;}
.layui-table .item-type-imgs img{width:28px;height:28px;margin-right:10px;}


.dm-bottom{display:flex;margin:20px 0;}
.dm-bottom .cardBut{text-align: center;height: 38px;line-height: 38px;border-radius: 2px;background: #fff;color: #009688;display:inline-block;padding: 0 20px;border: 1px solid #eee;margin-right:5px;}
.dm-bottom .cardBut:hover{color: #009688;background: #FBFBFB;}
.dm-bottom .layui-laypage{margin:0;}
.dm-bottom .layui-laypage a, .layui-laypage span{height:36px;line-height:36px;margin-right:5px;}


/* 适配*/
@media screen and (max-width: 768px) { 
	.main-view{
		margin: 10px auto 0 auto;background: #fff;
	}
	.dm-bottom {
		flex-wrap: wrap;
		flex-direction: column-reverse;padding:10px 10px 10px 10px;margin-top:0;
	}
	.dm-bottom .cardBut{margin-right:0;display:block;width:100%;}
	.dm-bottom .layui-laypage{margin:0;}
	.dm-bottom .layui-laypage a, .layui-laypage span{height:36px;line-height:36px;margin-right:2px;}

     .dm-table{
		margin: 0 10px;
		padding-top: 10px;
		max-width:calc(100% - 20px);

	 }
}