/*
* @Author: Sun Jijing
* @Date:   2024-07-19 15:12:04
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-07-19 16:27:52
*/
body { background: #fff; }
.journal_detail { padding: 10px; margin: 50px 0; background: url(/bjsdxqrmzf/resource/cms/2024/07/detail_bg_lt.png) no-repeat left top, url(/bjsdxqrmzf/resource/cms/2024/07/detail_bg_rt.png) no-repeat right top, url(/bjsdxqrmzf/resource/cms/2024/07/detail_bg_lb.png) no-repeat left bottom, url(/bjsdxqrmzf/resource/cms/2024/07/detail_bg_rb.png) no-repeat right bottom; }
.journal_detail_con { background: rgb(250, 248, 240); border-radius: 10px; padding: 40px; }
.journal_detail_con h1 { font-size: 24px; color: rgb(195, 147, 80); text-align: center; margin-bottom: 30px; }

.speaker { width: 300px; margin: 0 auto 30px; }
.speaker .img { width: 100%; height: 300px; overflow: hidden; border-radius: 50%; }
.speaker .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.speaker .name { width: 80%; text-align: center; height: 36px; line-height: 36px; text-align: center; background: rgb(195, 147, 80); color: #fff; font-size: 18px; border-radius: 36px; margin: -10px auto 0; position: relative; z-index: 10; }
.journal_detail_con, .journal_detail_con * { font-size: 18px; line-height: 2em; color: #444; }
.journal_detail_con p { margin-bottom: 1em; }
.journal_detail_con audio { width: 100%; background: transparent; }

@media screen and (max-width: 501px) {
	.journal_detail_con { padding: 15px; }
	.journal_detail_con h1 { font-size: 20px; margin-bottom: 10px; }
	.speaker { width: 240px; }
	.speaker .img { height: 240px; }
	.journal_detail_con, .journal_detail_con * { font-size: 14px; }
}