@CHARSET "UTF-8";

body {
		padding: 0px;
		margin: 0px;
	}

	.content {
		font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		background-color: #F5F5F5;
		/* position: absolute; */
		height: 40rem;
		width: 100%;
	}

	.chat-list {
		display: flex;
		font-size: 14px;
		/* position: absolute; */
		max-height: calc(100% - 102px);
		overflow: auto;
		width: calc(100% - 40px);
		padding: 0px 20px;
		flex-direction: column;
		flex-grow: 1;
		flex-shrink: 0;
		height: 88%;
	}

	.chat-list div:last-child {
		margin-bottom: 10px;
	}

	.chat-list .kf {
		align-self: flex-start;
		margin-top: 10px;
		position: relative;
		background-image: url("/static/images/znkf/kf_photo.png");
		background-repeat: no-repeat;
		background-size: 38px;
		padding-left: 60px;
		background-position-y: 10px;
		/* max-width: calc(100% - 300px); */
	}

	.chat-list .kf:after {
		content: "";
		position: absolute;
		top: 30px;
		left: 50px;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent #ffffff transparent transparent;
	}

	.chat-list .host {
		padding: 10px;
		border-radius: 8px;
		background-color: #fff;
	}

	.chat-list .host p {
		margin: 0px;
		padding: 0px 0px 10px 0px !important;
	}

	.chat-list .kf p {
		padding: 10px;
		border-radius: 8px;
		background-color: #fff;
	}

	.chat-list ul {
		border-top: 1px solid #E7E7E7;
		background-color: #fff;
		margin: 0px;
		padding: 10px 10px 0px 20px;
	}

	.chat-list ul li {
		line-height: 26px;
		color: #D6D6D6;
		background-color: #fff;
		list-style-type: disc;
	}

	.chat-list ul li:hover {
		cursor: pointer;
		background-color: #fff;
	}

	.chat-list ul li span {
		color: #D17D04;
	}

	.chat-list .user {
		align-self: flex-end;
		text-align: right;
		background-image: url("/static/images/znkf/user_photo.png");
		background-position-x: 100%;
		margin-top: 10px;
		position: relative;
		background-repeat: no-repeat;
		background-size: 38px;
		padding-right: 70px;
		/* max-width: calc(100% - 18rem); */
	}

	.chat-list .user p {
		position: relative;
		border-radius: 8px;
		padding: 10px;
		margin-top: 0px;
		background-color: #FFCC73;
		word-break: break-all;
		text-align: left;
	}

	.chat-list .user:after {
		content: "";
		position: absolute;
		right: 60px;
		top: 15px;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #FFCC73;
	}

	.input {
		position: relative;
		bottom: 0;
		/* height: 120px; */
		width: calc(100% - 32px);
		padding: 15px;
		border: 1px solid #F5F5F5;
		/* border-top: 1px solid #D9D9D9; */
		/* border-left: none; */
		background-color: #fff;
		display: flex;
		height: 12%;
	}

	.input .textarea {
		width: calc(100% - 100px);
	}

	.input .textarea textarea {
		width: calc(100% - 30px);
		height: 50px;
		resize: none;
		padding: 10px;
		outline: none;
		border-radius: 10px;
		border: 1px solid #E6E6E6 !important;
	}

	.input .btn {
		text-align: center;
		width: 100px;
		/* height: 100px; */
		background-color: #fff;
	}

	.input .btn button {
		margin-top: 20px;
		background-image: url("/static/images/znkf/send.png");
		background-repeat: no-repeat;
		width: 40px;
		height: 40px;
		border: 0px;
		background-color: #fff;
		background-size: 100%;
		outline: none;
		cursor: pointer;
	}
	
	.httpurl{
		color: #D17D04;
	}
	
	.httpurl:hover{ cursor: pointer;}
	

/*黄金编码查询*/
.gcqDiv{background: #C6E0EF url(/static/images/jzk_huiyuan_banner.jpg) no-repeat right 90px;width:100%;height: 34rem;}

.gcqForm{height: 100%;}
.xqForm{height: 100%;padding-top: 20px;}

.gcqForm table, .xqForm table{margin: auto;border-collapse:separate;border-spacing: 20px;}
.gcqForm table tr td{font-weight: bold;font-size: 14px;}
.gcqForm table input, .xqForm table input{
	width: 8rem;
	height:43px;
	padding-left:10px;
	overflow:hidden;
	background-repeat: no-repeat;
	line-height:43px;
	border-radius: 6px;
	border: 0.1rem;
}

.gcqForm table select, .xqForm table select{
	width: 9rem;
	height:43px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	background-repeat: no-repeat;
	font-size:14px;
	border-radius: 6px;
	border: 0.1rem;
}

.w1{ text-align-last: justify;}

#myquery{width: 160px;background-color: #0080cc;color: white;padding-left: 0rem;/* margin-left: 88px; */}

.xqDiv{
	height: 150px;
	width: 57%;
	margin: auto;
	border-radius: 8px;
	background-color: #dfa745;
	margin-top: 20px;
	color: white;
	font-size: 13px;
}
.xqDiv .oneP{padding-top: 20px;padding-left: 30px;}
.oneP span{float: right;margin-right: 30px;}

.twoP{ float: left;}
.twoP img{padding-top: 20px;padding-left: 30px;width: 65px;height: 65px;}

.threeP{ float: left; padding-top: 22px; padding-left: 15px;}

.fourP{ float: right; padding-right: 40px;}
.fourP img{padding-top: 25px;width: 50px;height: 60px;padding-right: 20px;}

.xqDivTwo{ margin-left: 255px; width: 330px; font-size: 13px; margin-top: 20px; font-weight: bold;}

#auth_code{
	width: 5rem;
	height: 3rem;
}