:root{
	--width:2000px;
	--logo: url("../images/zt/logo.png") no-repeat 20px 10px; 
	--clientBubble:#237ae4;
	--clientTheme: #237ae4;
	}
	
*{
	margin: 0rem;
	padding: 0rem;
	border: none;
	box-sizing: border-box;
}
body,html,.zt-container{
	height: 100%;
	width: 100%;
}
.zt-container{
	overflow: hidden;
	min-width: 1200px;
	margin: 0px !important;
	padding: 0px !important;
	background-color: #F2F3F5;
}
.zt-container .zt-head-box{
	height: 50px;
	width: 100%;
	background: url(../images/zt/logo.png) no-repeat 20px 10px;
	background: var(--logo); 
	background-color: #237ae4; 
	background-color: var(--clientTheme);
}
.svgstyle{
	position: absolute;
	top: -75px;
	left: 22px;
	/* height: 220px;
	width: 220px; */
}
.zt-announcement-box{
	font-family:Microsoft YaHei;
	font-weight:400;
	height: 30px;
}
.zt-announcement-box-top{
	display: none;
	width: 100%;
	font-family:Microsoft YaHei;
	font-weight:500;
	height: 25px;
	background-color: #ffe0c7;
}
.zt-announce-tips-img{
	height: 14px;
	width: 15px;
	margin-left: 10px;
	margin-top: -18px;
}
.zt-chat-ad-box{
	/* height: calc(100% - 20px); */
	height: 100%;
	display: flex;
}
.zt-notice-tips{
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	text-decoration: none !important;
	font-family: Microsoft YaHei;
	font-size: 12px;
	vertical-align: top;
	/* position: absolute; */
}
.zt-announcement-box-top>.zt-notice-tips{
	color: #333!important;;
}
.zt-notice-title{
	display: inline-block;
	width: 30vw;
	color: #333333 !important;
	text-decoration: none !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	height: 25px;
	line-height: 25px;
}
.zt-announcement-box{
	display: none;
} 

.zt-content-box{
	/* padding: 0 10px 10px 0px; */
	background-color: #F2F3F5;
	height: calc(100% - 50px);
	box-sizing: border-box;
	/* margin-top: 16px; */
}

iframe{
	height: 100%;
	width: 100%;
	display: inline-block;
}
#iframeLmsg{
	display: none;
}
.zt-ad-box{
	/* width: 40%; */
	/* height: calc(100% - 25px); */
	background-color: #F8F8F8;
	/* display: inline-block; */
	cursor: pointer;
	position: relative;
	/* top: -15px; */
	/* left: 0.5%; */
	border-radius: 8px;
	/* margin-left: 5px; */
	/* margin:auto; */
	flex: 1;
	padding: 0 15px 0 0;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	margin-top: 10px;
}
.zt-img-box{
	height: 26%;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}
#ad-img{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}
.zt-slider-box{
	width: 100%;
	white-space: nowrap;
	display: flex;
	align-items: center;
	padding: 15px 15px;
	flex-shrink: 0;
	min-width: 0;
}
#silder{
	flex: 1;
	height: 40px;
	overflow-x: auto;
	overflow-y: hidden;
	cursor: pointer;
	white-space: nowrap;
	margin: 0 10px;
	scrollbar-width: none;
	-ms-overflow-style: none;
	min-width: 0;
}
#silder::-webkit-scrollbar {
	display: none;
}
.zt-high-question{
	box-sizing: border-box;
	white-space: nowrap;
	height: 40px;
	display: inline-flex;
	align-items: center;
}
.zt-prv-btn,.zt-next-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 30px;
	cursor: pointer;
	flex-shrink: 0;
}
.zt-prv-btn img,.zt-next-btn img{
	width: 16px;
	height: 16px;
	opacity: 0.6;
}
.zt-prv-btn:hover img,.zt-next-btn:hover img{
	opacity: 1;
}
.zt-high-question li{
	height: 35px;
	line-height: 35px;
	list-style: none;
	font-size: 14px;
	cursor: pointer;
	font-family:Microsoft YaHei;
	font-weight:400;
	margin-right: 15px;
	flex-shrink: 0;
}
.zt-high-question li .zt-high-t{
	line-height: 35px;
	display: inline-block;
	padding: 0 25px;
	text-align: center;
	font-family: Microsoft YaHei;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666666;
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	background-color: #FFFFFF;
	transition: all 0.3s;
}
.zt-high-question li .zt-high-t:hover{
	color: #237ae4;
	border-color: #237ae4;
}
.zt-high-question li.active .zt-high-t{
	color: #237ae4;
	border-color: #237ae4;
	background-color: #E6F2FF;
}
.zt-high-question li span{
	display: none;
}
.bluecolor a{
	color:#237ae4 !important;
	color: var(--clientTheme) !important; 
}
.zt-li-page{
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	min-width: 0;
}
.zt-li-page .second-page{
	display: none;
}
.focus1{
	display: block;
}
.zt-first-page{
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-width: 0;
}
.zt-ad-content {
	margin-top: 15px;
	background-color: #FFFFFF;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.zt-high-top{
	height:40px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:500;
	color:#ffffff;
	line-height:40px;
	background:linear-gradient(to bottom,#237ae4, #4a9ff5);
	border-radius:8px 8px 0 0;
	padding:0 15px;
	display:flex;
	align-items:center;
}

.zt-high-top-icon{
	width:20px;
	height:20px;
	margin-right:8px;
}
/* 问答 */
.zt-shrink-blocks{
   margin: 0;
   padding: 15px;
   overflow-y: auto;
   overflow-x: hidden;
   flex: 1;
}
.zt-shrink-block{
	border: none;
	border-radius: 0;
	margin-bottom: 10px;
}
.zt-shrink-block.zt-hideself{
	border: none;
}
.zt-shrink-block .zt-shrink-block-title{
	position: relative;
	padding: 8px 15px;
	background-color: #E6F7FF;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
}
.zt-shrink-block.zt-hideself .zt-shrink-block-title{
	background-color: #E6F7FF;
}
.zt-shrink-block.zt-hideself .zt-shrink-block-title:hover{
	background-color: #D6EDFF;
}
.zt-shrink-block .zt-shrink-block-title .zt-ask{
	/* background-color: #4A9FF5; */
	color: #ffffff;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	flex-shrink: 0;
	margin-right: 10px;
	position: static;
	transform: none;
	overflow: hidden;
}
.zt-shrink-block .zt-shrink-block-title .zt-ask img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.zt-shrink-block .zt-shrink-block-content{
	display: flex;
	align-items: flex-start;
}
.zt-shrink-block .zt-shrink-block-content .zt-ask{
	background-color: #FCA84E;
	color: #ffffff;
	height: 18px;
	width: 16px;
	border-radius: 0px 8px 0px 8px;
	display: inline-block;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	flex-shrink: 0;
	margin-right: 10px;
	margin-top: 6px;
	position: relative;
    top: 4px;
}
.zt-shrink-block .zt-shrink-block-content .zt-content{
	display: block;
	line-height: 30px;
	flex: 1;
	word-wrap: break-word;
	word-break: break-word;
	min-width: 0;
	margin-left: 37px;
    margin-top: -20px;
    line-height: 30px;
}
.zt-shrink-block .zt-shrink-block-content .zt-content p{
	line-height: 30px;
}
.zt-shrink-block .zt-shrink-block-title .zt-title-text{
	margin-left: 0;
	color: #333333;
	font-size: 14px;
	font-family: Microsoft YaHei;
	flex: 1;
}
.zt-shrink-block .zt-shrink-block-title .zt-button{
	position: relative;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	margin-left: auto;
}
.zt-shrink-block .zt-shrink-block-title .zt-button.zt-open::after{
	content: '';
	width: 9px;
	height: 9px;
	border-left: 2px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 3px;
	position: absolute;
	transform: rotate(135deg);
	top: 50%;
	left: 50%;
	margin-top: -2px;
	margin-left: -5px;
}
.zt-shrink-block.zt-hideself .zt-shrink-block-title .zt-button.zt-open::after{
	transform: rotate(-45deg);
	margin-top: -4px;
	margin-left: -5px;
}
.zt-shrink-block .zt-shrink-block-content{
	padding: 16px 6px 0px 6px;
	display: none;
}
.zt-ercode-box{
	text-align: center;
	width: 100%;
	height: 140px;
	flex-shrink: 0;
	padding: 10px 0;
}
.zt-ercode-box .zt-erbox{
	display: inline-block;
	width: 170PX;
	height: 120PX;
	box-sizing: border-box;
	position: relative;
	bottom: -10px;
}
.zt-erbox .zt-wx-pic{
	height: 88px;
	width: 88px;
}
.zt-erbox .zt-wx-bg{
	height: 12px;
	width: 16px;
	display: inline-block;
	background: url(../images/zt/weixin.png) no-repeat;
}
/* 图片轮播 */
.zt-img-box #myCarousel {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: auto;
	height: 100%;
}
#myCarousel .carousel-indicators{
	position: absolute;
	bottom: 0px;
	left: 90%;
	z-index: 15;
	width: 63%;
	padding-left: 0;
	text-align: center;
	list-style: none;
}
.carousel-indicators li,.carousel-indicators .active{
	margin-right: 5px;
}
/* 定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, .5);
}
/*定义滑块 内阴影+圆角*/	
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgba(240, 240, 240, .5);
}
/* 1200px */
/* @media screen and (max-width: 1250px) {
	.notice-title{
		width: 28vw;
	}
} */
/* 1366分辨率下 */
/* @media (min-width: 1255px ) and (max-width: 1600px) {
	.shrink-blocks{
	   height: 20vw;
	}
	#myCarousel .carousel-indicators{
		bottom: 22px;
	}
}
@media (min-width: 1622px) and (max-width: 1920px) {
	.shrink-blocks{
	   height: 32vw;
	}
	.notice-title{
		width: 33vw;
	}
}
@media screen and (min-width: 1921px){
	.notice-title{
		width: 27.5vw;
	}
	.shrink-blocks{
	   height: 22vw;
	}
	#myCarousel .carousel-indicators{
		bottom: 22px;
	}
} */