/*
* @Author: Sun Jijing
* @Date:   2024-07-05 13:38:31
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-07-08 13:57:05
*/
.qx_detail { margin-top: 50px; margin-bottom: 50px; }
.qx_detail_tit { text-align: center; margin-bottom: 30px; }
.qx_detail_tit h1 { font-size: 34px; background-image: -webkit-linear-gradient(top, #4CAF50, #009688); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }
.qx_detail_tit h3 { font-weight: normal; font-size: 20px; color: #333; }

.qx_detail_item { padding: 20px 0; }
.qx_detail_item > .tit { font-size: 24px; color: #009688; margin-bottom: 15px; }
.qx_detail_item .con, .qx_detail_item .con * { font-size: 16px; line-height: 2em; color: #333; }
.qx_detail_item .con strong { font-size: 24px; font-weight: normal; color: #009688; }
.xcjj_list li { background: #e1eee1; }
.xcjj_list li { overflow: hidden; }
.xcjj_list li .img { width: 50%; float: left; }
.xcjj_list li .img img { display: block; width: 100%; height: 390px; object-fit: cover; }
.xcjj_list li .txt { width: 40%; margin: 45px 5%; float: right; max-height: 300px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #009688#f4f4f4; }
.xcjj_list li .txt::-webkit-scrollbar { width: 2px; }
.xcjj_list li .txt::-webkit-scrollbar-thumb { border-radius: 10px; background: #009688; }
.xcjj_list li p { font-size: 16px; line-height: 1.8em; color: #333; text-align: justify; }
.xcjj_list li .tit { font-size: 20px; color: #009688; margin-bottom: 10px; }
.xcjj_but { text-align: center; margin-top: 20px; }
.xcjj_but li { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #e1eee1; line-height: 30px; text-align: center; font-size: 14px; color: #333; margin: 0 10px; cursor: pointer; }
.xcjj_but li.on { background: #74a765; color: #fff; }

@media screen and (max-width: 768px) {
	.xcjj_list li .img { width: 100%; float: none; }
	.xcjj_list li .img img { height: auto; }
	.xcjj_list li .txt { width: 100%; max-height: inherit; margin: 0; padding: 20px; float: none; }
}
@media screen and (max-width: 460px) {
	.qx_detail_tit { margin-bottom: 10px; }
	.qx_detail_tit h1 { font-size: 24px; }
	.qx_detail_tit h3 { font-size: 16px; }
	.qx_detail_item > .tit { font-size: 20px; margin-bottom: 10px; }
	.qx_detail_item .con, .qx_detail_item .con * { font-size: 14px; }
	.xcjj_list li .tit { font-size: 18px; margin-bottom: 0; }
}