/* 自定义首页布局样式 */
body {
  height: 100vh;
}

.display-area {
  height: 100%;
	overflow: auto;
}

.column {
  position: relative;
  min-height: 50px!important;
  height: 100%;
  border: none;
  box-sizing: border-box;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.component {
  width: 100%;
  height: 100%;
  position: relative;
	overflow: hidden;
}

.display-area .row-fluid {
  height: 100%;
}

.component img {
  height: 100%;
  width: 100%;
}


/************************************** 组件样式 *******************************************************************/
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
ul,li,a,img{margin: 0;padding: 0;}
image{width: 100%;}
.cw_component_text,
.cw_component_image,
.cw_component_list,
.cw_component_carousel,
.cw_component_nav,
.cw_component_carousel,
.cw_component_html,
.cw_component_imgtxt{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
/* 测试自定义组件 -- 导航 */ 
ul.munu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	list-style: none;
	margin: 0;
}

ul.munu li {
	height: 40px;
	line-height: 40px;
	width: 15%;
	text-align: center;
	background-color: brown;
}

ul.munu li a {
	display: block;
	color: #ffffff;
}

/* 测试自定义组件 -- 图片 */ 
/* 测试自定义组件 -- 文字 */ 
.text_box{
	background-color: #eef8ff;
	color: #1992e4;
	padding: 15px 25px;
	line-height: 26px;
}
/* 测试自定义组件 -- 列表 */ 
.list_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.list_box ul.listview{
	width: 30%;
	list-style: none;
}

.btntest {
  color: #fff;
  background-color: rgb(256, 256, 256, 0.3);
  padding: 3px 5px;
  font-size: 16px;
  border-radius: 2px;
}
/* 轮播图 */
/* .swiper-container{width:100%!important;height:100%!important;} */
/* .swiper-container .swiper-slide{width: 100%!important;} */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{
	height:100%!important;
}
.swiper-container .swiper-slide a{
	display: block;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.view,
.layout_row{height:100%;}

/* 图片组件 */
.box_image,
.box_image a{width:100%;height:100%;display:block;}
.box_image img{width:100% !important;height:100% !important;margin: 0 auto;display: block;}

/* 导航组件 */
.box_nav,
.box_nav ul.box_nav_ul{width:100%;height:100%;display:block;}
.box_nav ul.box_nav_ul{
	display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.box_nav ul.box_nav_ul li{margin: 0 10px;}
.box_nav ul.box_nav_ul li a{text-decoration: none;outline: none;}
.box_nav ul.box_nav_ul li a img{    
	width: 12px;
    height: 12px;
	margin-right: 2px;
    display: inline-block;
}

/* 列表组件 */
.box_list{width:100%;height:100%;display:block;overflow-y: auto;}
.box_list h3.list_title{margin: 10px 0;padding: 0 15px;font-weight: normal;}

.box_list .box_list_ul{
	display: block;
	width: 100%;
}
.box_list .box_list_ul li{
	width: 100%;
	padding: 0 15px;
	display: block;
}
.box_list .box_list_ul li a h6{
	line-height: 30px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: left;
	font-weight: normal;
}
/* 文本组件 */
.box_text{
	width: 100%;
	height: 100%;
    /* padding: 20px; */
    line-height: 24px;
}
.box_text a{
	height: 100%;
	cursor: pointer;
	text-decoration:none;
	display: block;
	padding: 20px;
	background-position: center;
	background-size: cover;
}


/* 2024-09-05 终端管理 - 组件管理- 图文组件  start */
.cw_component_imgtxt a {
	width: 100%;
	height: 100%;
	display: block;
}
.imgtxt_card {
  font-size: 14px;
	width: 100%;
	height: 100%;
}
.imgtxt_card.horizon_card {
	display: flex;
	justify-content: space-between;
}
/* .cord-contItem{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
} */

.horizon_card .imgtxt_img {
  width: 40%;
  height: 100%;
}
.vertical_card .imgtxt_img {
	width: 100%;
  height: 40%;
}
.horizon_card .imgtxt_txt {
	width: calc(60% - 15px);
  height: 100%;
	display: flex;
  align-items: center;
}
.imgtxt_txt .description {
	max-height: 100%;
	overflow: hidden;
}
.vertical_card .imgtxt_txt {
	width: 100%;
  height: calc(60% - 15px);
	margin-top: 15px;
}
/* 2024-09-05 终端管理 - 组件管理- 图文组件  end */

/* 2024-09-05 终端管理 - 组件管理- 列表组件  start */
.list-module-group{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
	overflow: hidden;
}
.list_title{max-height: 60px;line-height: 60px; overflow: hidden;}
.list-content{width:100%;height:calc(100% - 60px);display: block;}
.list-layout-horizontal{display: flex;justify-content: flex-start;align-items: start;}
.list-layout-vertical{display: flex;flex-direction: column;align-items: start;justify-content: space-between;}
.list-layout-horizontal .content-item{margin-right: 20px;height: 100%;}
.list-layout-horizontal .content-item:last-child{margin-right: 0px;}
.list-layout-vertical .content-item{margin-bottom: 1vw;width: 100%;}
.list-layout-vertical .content-item:last-child{margin-bottom: 0px;}

.content-item{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	/* max-width: 300px;
	min-width: 180px;
	max-height: 130px;
	min-height: 100px; */
	border: solid 1px #666;
	border-radius: 5px;
	padding: 1vw;
	flex-grow: 1; 
	flex: 1; 
	flex-wrap: nowrap;
}
.content-item .contItem-imgbox{
	width: 40%;
	height: 100%;
	border-radius: 2px;
}
.content-item .contItem-imgbox .image{
	width: 100%; /* 图片宽度设置为100% */
	height: 100%; /* 图片高度设置为100% */
	object-fit: cover; /* 图片将覆盖整个容器，但是可能被裁剪 */
	max-width: 100%; /* 最大宽度限制 */
	max-height: 100%; /* 最大高度限制 */
}
.content-item .contItem-text {
  width: calc(60% - 1vw);
  height: 100%;
  display: block;
  overflow: hidden;
}
.content-item .contItem-text a{
	height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    overflow: hidden;
    justify-content: space-between;
}
.content-item .contItem-text a p{text-align: left;width: 100%;}
.content-item .contItem-text .title {
  font-weight: bold;margin: 0.1vw 0 0;
}
.content-item .contItem-text .row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	line-height: 1.5vw;
	margin: 0.3vw auto 0;
}
.content-item .contItem-text .row p{margin: 0;flex-grow: 1;}
.content-item .contItem-text .row .time{width: 100%;flex-wrap: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content-item .contItem-text .desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0.3vw auto 0; 
	line-height: 1.5vw;
}

/* 图上 - 文本下 */
.sxlayout{flex-direction: column;}
.sxlayout .contItem-imgbox{width: 100%;height: 50%;}
.sxlayout .contItem-text{width: 100%;height: 48%;}
.sxlayout .contItem-text .desc{-webkit-line-clamp: 2;}
.sxlayout .contItem-text .row .time{text-align: right;width: max-content;}
/* 纯文本 */
.onlytext{flex: none;width: 100%;}
.list-layout-horizontal .onlytext{flex: 1;}
.onlytext .contItem-text{width: 100%;height: 100%;}
.onlytext .contItem-text a{}
.onlytext .contItem-text .row{margin-bottom: 0.3vw;}
.onlytext .contItem-text .desc{}
.onlytext .contItem-text .row .time{text-align: right;width: max-content;min-width: max-content;}

/* 2024-09-05 终端管理 - 组件管理- 列表组件  end */