.kch-zlTopBanner{width: 826px; height: 560px;}
.layui-carousel{width: 548px; height: 325px; background-color: #ddd!important;}
.layui-carousel>[carousel-item]>* img{width: 100%;}
.layui-carousel-ind{top: -5px!important; z-index: 2;}
.layui-carousel-ind ul{width: 100%; background-color: inherit!important; display: flex!important;justify-content: space-between; padding: 0!important;}
.layui-carousel-ind li{flex:1; width: 100%!important; height: 4px!important; border-radius: 0!important; margin: 1px!important;background-color: rgba(255, 255, 255, 0.25)!important;}
.layui-carousel-ind li.layui-this{background-color: rgba(255, 255, 255, 0.55)!important;}
.kch-zlBannerTxt{width: 278px; height: 325px; position: relative; overflow: hidden;}
#imgBg{width: 548px; height: 325px; position: absolute; left: 50%; margin-left: -274px; top: 0; filter: blur(20px);}
.kch-zlTxtBg{width: 278px; height: 325px; position: absolute; left: 0; top: 0; background-color: rgba(90,90,90,0.5); z-index: 1;}
.kch-zlTxtRq{width: 100%; position: absolute; bottom: 15px; left: 0;}
.kch-zlTxtBg a:hover{color: #fff; opacity: 0.8;}
.kch-zlBanner-sm{width: 268px; height: 225px; background-color: #fff;}
.kch-zlBanner-smImg{width: 268px; height: 158px; overflow: hidden;}
.kch-zlInfoR {width: 334px; height: 560px;}
.kch-zlInfoRT{width: 334px; height: 342px; background-image: url(../png/wenli.png); background-color: #fff; border-radius: 6px; overflow: hidden;}
.kch-zlInfoRTIcon{width: 334px; height: 205px; background-color: #edd8b3;}
.text-ys{color: #ddc59b;}
.kch-zlRuzhu{width: 334px; height: 197px; border-radius: 6px; overflow: hidden;}
.kch-zlRuzhu img{width: 334px; height: 197px;}
.kch-zlUserIcon{width: 30px; height: 30px; position: absolute; right: -10px; bottom: -5px;}
.kch-zlImgBox{width: 240px; height: 142px; overflow: hidden; border-radius: 6px;}
.kch-zlImgBox img{width: 240px; height: 142px;}
.kch-imgNewTxt{border-radius: 6px;}
.text-jinse{color: #ffe4af!important;}
.layui-table{width: 680px; position: relative;}
.layui-table th{color: #333; font-size: 16px; font-weight: bold; text-align: center;}
.layui-table th{background-color: #dfeaff;}
.layui-table td, .layui-table th{border-color: #d4dce2;}
/* 偶数行背景色 */
.layui-table[lay-even] tr:nth-child(even) {/* background-color: #aaffaa; */background-color: #f5f5f5;}
/* 鼠标指向表格时,奇数行背景颜色 */
.layui-table tbody tr:hover,.layui-table-hover {background-color: #f5f5f5;}
.layui-table[lay-skin=row] td{border-width: 1px;}
.layui-table[lay-even] tr:nth-child(even) .kch-tjTable{background-color: #fbf7f0; color: #a67930;}
.layui-table[lay-even] tr:nth-child(even) .kch-tjTable span{color: #d9ac63;}
.layui-table tbody tr .kch-tjTable{color: #a67930;}
.layui-table tbody tr .icon-l-wenhao:hover{color: #307bf8;}
.layui-table tbody tr .icon-l-wenhao:hover > div{display: block;}
.kch-adminCheckbox{width: 16px; height: 16px;}
.kch-zlBtn{ width: 180px; height: 60px; border-radius: 30px; font-size: 16px; color: #fff;}
.bg-mf{background-color: #a5b2c7;}
.bg-ff{background-color: #ddb368;}
.kch-zlBtn:hover{color: #fff; opacity: 0.88;}
.kch-zlTjBox{width: 219px; height: 354px; border: 1px solid #ddb368; right: 40px; z-index: 2; top: 75px; border-radius: 10px 10px 0 0;cursor: pointer;}
.kch-zlTjTxt{color: #fff; text-align: center; height: 24px;font-size: 12px; line-height: 24px;background-color: #ddb368;border-radius: 8px 8px 0 0; }
.kch-zlxyBox{display: flex;}
.kch-agreement{ border-radius: 10px; overflow-y: auto; z-index: 3; background-color: #fff;}
.kch-agreement p{line-height: 1.5;}
.layui-layer-btn{display: flex; justify-content: center;}
.kchNotice{width: 100%; height: 420px; }
.kchNotice .swiper-slide{width: auto;}
.kchNotice>.swiper-wrapper{ transition-timing-function: linear !important;}
.kch-zlDtTxt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 270px;}
/* 详情 */
.kch-UserTopBg{width: 100%; min-height:422px;background-color: #7b81a1; background-image: url(../jpg/zltopbg.jpg); background-repeat: no-repeat; background-position: top center ;position: relative;z-index: 5;}
.kch-userDetailTx{width: 88px; height: 88px; border-radius:44px; border: 2px solid #fff;}
.w-710{width: 700px;}
.w-max710{max-width: 700px;}
/* h5响应式布局 ↓↓↓↓↓↓↓↓ */
 @media screen and (max-width: 800px) {
	.kch-zlInfoR,.kch-zlBannerTxt{display: none;}
	.kch-zlBanner-sm{display: none;}
	.kch-zlTopBanner{width: 100%; height: initial;}
	.w-center.mb-3>.w-100.flex.justify-start.align-center{flex-wrap: wrap; }
	.w-center.mb-3>.w-100.flex.justify-start.align-center>div:nth-child(5){display: none;}
	.w-220.h-280{width: 46%; margin-left: 1.8%; margin-right: 1.8%; margin-bottom: 10px;}
	.w-220.h-280>.w-max180{width: 100%;}
	.w-220.h-280>.w-80px.h-80{width: 60px !important;; height: 60px !important; }
	.w-220.h-280>.w-80px.h-80>.w-80px.h-80{width: 60px !important;; height: 60px !important; }
	.w-center.flex.justify-start.mt-2.mb-3{margin-top: 0px; margin-bottom: 10px;}
	.kch-leftBox{width: 100%; margin: 0; padding: 10px; padding-top: 0;}
	.w-center.flex.justify-between.mb-5{justify-content: flex-start;flex-wrap: wrap;}
	.kch-leftBox>div:nth-child(1){width: 100%;overflow-x: auto;display: -webkit-box;}
	.kch-leftBox>.w-100.flex.flex-column.roll-list>.position-relative.flex.justify-start.my-2>.flex.flex-column{width: calc(100% - 130px);}
	.w-545{width: 100%;}
	.kch-zlImgBox{width: 120px;min-width:120px; height: 72px; margin-right: 10px;}
	.kch-zlImgBox img{width: 120px;min-width:120px;height: 72px;}
	.w-545.mb-2{margin-bottom: 5px;}
	.w-545.mb-3{margin-bottom: 5px;}
	.kch-rightBox{width: 100%; margin: 0;}
	.kch-loadingMore{margin-bottom: 20px;}
	.position-relative.flex.justify-start.my-2{margin-top: 15px; margin-bottom: 15px;}
	.kch-bqLTBox{top: 5px;}
	.w-1000.flex.flex-column.mb-5.py-3.px-2{width: 100%; padding: 15px;}
	.kch-UserTopBg>.w-1000{width: 100%;}
	.kch-UserTopBg>.w-1000>.w-800{width: 100%; padding: 15px;}
	.w-100.kch-whiteBox.flex.justify-between.align-center{padding: 0 15px;}
	.w-100.kch-whiteBox.flex.justify-between.align-center>div:nth-child(2){position: fixed; bottom: 0; background-color: #fff;width: 100%; padding: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.3); left: 0; justify-content: center;}
	.w-100.kch-whiteBox.flex.justify-between.align-center>div:nth-child(2)>a{width: 40%;}
	.w-710{width: calc(100% - 130px);}
	.w-710>.w-max710{width: 100%;max-width: initial;}
	.kch-UserTopBg>.w-1000>.flex.justify-start.align-center.mb-1{flex-wrap: wrap; padding: 0 15px;}
	.kch-UserTopBg{background-size: 300% 100%;}
}