html{font-size:62.5%;overflow:hidden}
* {margin:0;padding:0;box-sizing:border-box;font-family:"SimSun","STSong",serif}
body {font-size:1.6rem;padding:0 2rem;background-color:#f5e8d3;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d4c09b' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");color:#333;line-height:1.6;display:flex;justify-content:center;align-items:center}
a {color:#8c2318;/*text-decoration:none;*/}
a:visited {color:#5e1914;}
a:hover {color:#bf3c24;text-decoration:underline;}
.book_cotent {position:relative;width:450px;margin:auto;overflow-y:hidden;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2),0 0 30px rgba(0,0,0,0.1);border-radius:5px;}
.topcolor {height:3rem;background:#f7d9af;border-radius:3px 3px 0 0;}
.footcolor {height: 2rem;background: #f7d9af}
.select_type{text-align: center;font-size: 2.2rem}
.select_type span {cursor:pointer}
.btncur {font-weight:600;color:#825C16}

/*.mulu_left{float: left; background-color: #fff; padding: 0 10px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 60%;font-size:1.7rem;}*/
.mulu_left{float: left;background-color: #fff; padding: 0 10px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 70%;font-size:1.7rem;color: #825C16;}

.mulu_right{float: right; background-color: #fff; padding: 0 0 0 10px;color: #825C16;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 25%;}
.data_Bind{/*margin-bottom: 0.5rem;*/color: #BF7D3A;/*border-radius:2.5rem;background-color:#FBFCF0;*/padding:0.2rem 0.2rem/*;font-weight:bold*/}
.data_Bind a{color:#BF7D3A;text-decoration:none;}
.data_Bind span{font-size:1.7rem}
.displaylist_title {margin-bottom:30px;padding:20px 0;width:100%;height:120px;display:flex;align-items:center;justify-content:center;position:relative;background-color:#f9f3e3;border-bottom:1px solid #8c2318;background-size:100%;}
.displaylist_title span {font-size:28px;font-weight:bold;color:#fff}
.result_info .title{color:#825C16;margin-right:10px;font-weight:600}
.result_info span{color:#825C16}
.contentbox {
        padding: 0 2rem 9rem 2rem!important;
        overflow: auto;
        background: rgba(252, 253, 255, 0.7);
    }
.work_content{margin-bottom: 20px; line-height: 30px; text-align: center;border:1px solid #eee;padding:1rem 0.5rem}
.result_info div{padding:0.3rem 1rem}
.result_info div a{color:#825C16}
.background{position: relative; font-size:1.5rem; margin-bottom: 1rem;text-align:left}
.zhushi{position: relative;margin-bottom: 10px;text-align: left;font-weight: 600;}
.zhushi span{font-size:1.5rem;color:#825C16}
.title_box{color:#825C16}
.belong_theme{position: absolute; width: 90%; bottom: 10px; color: #fff; font-size: 15px;font-weight:600}
.content-box {flex:1;display:flex;flex-direction:column;overflow:hidden;}
.content_width {margin-bottom:30px;border-radius:3px;padding:0 30px;height:600px;overflow:auto;background-color:rgba(249,243,227,0.7);border:1px solid #d9c7a8;}
/*.content_category {font-size:1.8rem;font-weight:bold;margin-top:1.5rem;color:#825C16}*/
.category_line {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='2' viewBox='0 0 80 2'%3E%3Cpath d='M0 1 L80 1' stroke='%23a67c52' stroke-dasharray='4,2' fill='none'/%3E%3C/svg%3E") repeat-x center;margin-bottom:1rem;}

.content_category {font-size:1.9rem;font-weight:bold;color:#8e2c2c;margin-top:1rem;color:#825C16;}
.content_categoryfirst {font-size:2.2rem;font-weight:bold;color:#BF7D3A;padding-bottom:0px;font-family:'Ma Shan Zheng',cursive;letter-spacing:1px; text-align:center;}

.category_line span:first-child {float:left;padding:0 10px 0 0;background-color:#fef9e9;}
.category_line span:last-child {float:right;padding:0 0 0 10px;background-color:#fef9e9;}
.prepage,.nextpage {position:absolute;top:40%;background-color:#8c2318;border-radius:50%;cursor:pointer;width:50px;height:50px;line-height:50px;text-align:center;color:white;font-size:16px;box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:all 0.3s;border:none;}
.prepage:hover,.nextpage:hover {background-color:#bf3c24;transform:scale(1.05);}
.prepage {left:20px;}
.nextpage {right:20px;}
.gelv{border: 1px solid rgb(238, 238, 238);padding: 1rem}
.themename {color:#8c2318;font-size:16px;border-bottom:1px solid #825C16;margin:0 0 40px 0;padding-bottom:10px}
.work-title {cursor:pointer;font-size:1.9rem;color:#825C16;text-align:center;display: inline-block;padding: 0 15px;font-weight:600}
.work-zuoze {font-size:1.5rem;color:#825C16;text-align:center;line-height: 2.2rem}
.work-content {font-size:1.7rem;line-height:1.8;margin:0.5rem 0;font-family:"KaiTi","STKaiti",serif;color:#825C16}
.fontweight {font-weight:bold;color:#825C16;}
.yuancontent {line-height:1.6;color:#825C16;}
.button_group {width:100%;position:absolute;bottom:0;background:#fff;left:0;z-index:99;padding-top:1.5rem}
.pre {position:absolute;left:20px;cursor:pointer}
.next {position:absolute;right:20px;cursor:pointer}
.button_group button {background-color:#fff;color: #000;margin-bottom: 1.5rem;border-radius:10px;border: 4px solid #EFCB99;padding:0.5rem 1rem;cursor:pointer;transition:background-color 0.3s;font-weight:600}
/*.button_group button:hover {background-color:#bf3c24;}*/
.button_group input {border:1px solid #d9c7a8;padding:5px;border-radius:3px;text-align:center;width:50px;margin:0 15px}
.prepage{display:none}
.nextpage{display:none}
.book_cotent::before,.book_cotent::after {content:'';position:absolute;width:20px;top:0;bottom:0;background-color:#fff}
.book_cotent::before {left:0;}
.book_cotent::after {right:0;transform:scaleX(-1);}
.TeSuGeLv {display:inline-block;background-color:#f9f3e3;border:1px solid #d9c7a8;padding:3px 8px;margin:0 5px 5px 0;border-radius:3px;font-size:14px;}
.gelv_line{text-align: left;margin-bottom: 10px;background-color:#F9D3D3;color: #825C16;}
.current_pagetext{font-weight:600;font-size:1.5rem}
@media screen and (max-width:768px) {
    .button_group input {margin:0 5px}
    body{padding:0}
     .book_cotent {width:100%;border-radius:0;box-shadow:none;}
.prepage {left:5px;}
.nextpage {right:5px;}

 .contentbox {padding:0 20px;}

}