html {font-size:62.5%;overflow:hidden /* 1rem = 10px */}
body {margin:0;padding:0;display:flex;align-items:center;font-size:1.6rem;overflow:hidden;background-color:#fff}
a {color:#333;text-decoration: underline!important;}
a:hover {color:#333}
p, pre {
    margin:0.5em 0!important;
}
* {-webkit-tap-highlight-color:transparent;}
.image-button {cursor:pointer}
/*.flipbook-viewport {border:1px solid #eee}
*/.flipbook {position:relative}
.flipbook .page_box {background-size:100%;padding:0;position:relative}
.font-qybk {font-family:'FZQKBYSJW'}
.page_content_bigdata {display:block;overflow:auto;padding:0 4rem}
/* 简约风格滚动条 */
        .page_content_bigdata::-webkit-scrollbar {
            width: 5px;
        }
        
        .page_content_bigdata::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 5px;
        }
        
        .page_content_bigdata::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 5px;
        }
        
        .page_content_bigdata::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.shangxi_content {font-size:1.7rem}
.page_content {overflow:auto;margin:-40px auto 0 auto}
.text_content {text-align:center;display:block;width:100%;font-size:1.9rem}
/* 简约风格滚动条 */
        .text_content::-webkit-scrollbar {
            width: 5px;
        }
        
        .text_content::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 5px;
        }
        
        .text_content::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 5px;
        }
        
        .text_content::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.title_size{font-size:1.6rem}

.text_title {text-align:center;margin-bottom:10px;font-weight:600;font-size:30px;display:block;}
.text_author {text-align:center;margin-bottom:30px;font-size:1.8rem;display:block;}
.page_content p {line-height:30px;margin:5px 0}
.page_content .html_content {position:relative;padding:50px;width:100%;}
.button_group {text-align:center;margin:15px 0;}
.button_group span {display:inline-block;margin:0 15px;padding:10px 20px;border-radius:3px;cursor:pointer}
.pre {width:10%;position:absolute;bottom:48%;left:0;z-index:999;text-align:center;cursor:pointer;display:none}
.next {width:10%;position:absolute;bottom:48%;right:0;z-index:999;text-align:center;cursor:pointer;display:none}
.pre img {width:100%}
.next img {width:100%}
.pre1 {width:12%;position:absolute;bottom:50%;left:1%;z-index:999;text-align:left;cursor:pointer}
.next1 {width:12%;position:absolute;bottom:50%;right:1%;z-index:999;text-align:right;cursor:pointer}
.firstpage {width:12%;position:absolute;bottom:48%;left:45%;z-index:999;text-align:right;cursor:pointer;display:none}
.content_box {width:100%;margin:auto;height:100%;overflow-y:auto}
/* 简约风格滚动条 */
        .content_box::-webkit-scrollbar {
            width: 5px;
        }
        
        .content_box::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 5px;
        }
        
        .content_box::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 5px;
        }
        
        .content_box::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.content_title_ch {font-weight:600;font-size:4rem;text-align:center;margin-bottom:10px}
.content_title_en {font-size:1.6rem;text-align:center}
.content_main {width:70%;font-size:1.7rem;padding:0;margin:30px auto 0 auto}
.content_main li {cursor:pointer;display:flex;justify-content:space-between;margin:15px 0;background:url(http://www.shiciyun.com/App_Sucai/defaultTeamThemes/images/linedashed.gif) repeat-x center;}
.content_main li:hover {font-weight:600}
.content_main li span:first-child {background-color:#fff;padding-right:5px}
.content_main li span:last-child {background-color:#fff;padding-left:5px}
.back_ico {width:100%;}
.nav_box {display:block;position:absolute;top:1rem;left:1rem;width:100%;z-index:999;background-color:#fcfbf7}
.nav_main {height:45px;line-height:45px;background:rgba(255,255,255,0.7);display:flex;justify-content:space-between;align-items:center;padding:0 15px;border:1px solid #f3f3f3}
.nav_title {color:#666}
.nav_right {display:flex;align-items:center}
.nav_ico {margin-left:15px;position:relative}
.pages-depth {position:absolute;right:-10px;top:0;height:100%;z-index:0}
.nav_ico img {width:70%;cursor:pointer}
.cover_full_btn {width:100%;height:100%;cursor:pointer;float:right}
.text_box {width:100%;margin:auto;background-size:100%}
.text_main {display:flex;align-items:center;justify-content:center;height:100%;}
.bigdata {width:70%;margin:0 auto}
.bigdata_workcontent{    margin-bottom: 20px;
    line-height: 24px;
    border: 1px solid rgb(238, 238, 238);
    padding: 0.5rem 2rem;
    text-indent: 2em;
    background-color: #fff;
    border-radius: 6px;}
.bigdata_main {display:flex;height:100%;flex-direction:column;margin-top:80px}
.font-weight {font-weight:600}
.work_content{font-size:1.5rem;line-height:1.6;display:block}
.bigdata_linebox {display:block;margin:0.5rem auto 0 auto}
.bigdata_linebox a{margin:0 10px;font-size:1.6rem}
.title_color{color:#947f4a}
.fontweight {font-weight:600}
.bigdata_line {margin-bottom:10px;}
.creation_background {position:relative;display:block}
.creation_background p:first-child {margin-bottom:10px;font-size:1.8rem}
.creation_background p:last-child {font-size:1.6rem}
.explanatory_note {position:relative;position: relative;display: block;line-height: 1.6;font-size: 1.5rem;}
.format {position:relative;display:block}
.format p:first-child {margin-bottom:10px;font-size:1.8rem}
.format p:last-child {font-size:1.6rem}
.rhyme {position:relative;display:block}
.rhyme p:first-child {margin-bottom:10px;font-size:1.8rem}
/*.rhyme p:last-child {font-size:16px}
*/                    .certificatebox {width:75%;margin:0 auto;}
.certificatemain {display:flex;align-items:center;justify-content:center;height:100%;}
.certificate {position:relative;margin-top:-30px}
.certificatemain .logo {position:absolute;top:17%;text-align:center;left:0;width:100%}
.certificatemain .author {position:absolute;top:32%;text-align:center;left:0;width:100%;font-size:2rem}
.certificatemain .title {position:absolute;top:46%;text-align:center;font-size:1.6rem;width:100%;left:0;}
.certificatemain .textinfo1 {position:absolute;top:52%;text-align:center;font-size:1.5rem;width:100%;left:0;}
.certificatemain .createtime {position:absolute;top:56%;text-align:center;font-size:1.5rem;width:100%;left:0;}
.certificatemain .certificateid {position:absolute;top:70%;text-align:center;left:10%;width:100%;font-size:1.4rem;z-index:10}
.certificatemain .seal {position:absolute;bottom:20%;right:20%;font-size:1.6rem;width:30%;}
.certificatemain .seal img {width:100%;}
.text_ico_box {text-align:center;width:22%;z-index:999;position:absolute;bottom:35px!important;left:15%;z-index:999}
.bigdata_ico_box {text-align:center;width:22%;z-index:999;position:absolute;bottom:35px!important;right:39%;z-index:999}
.certificateb_ico_box {text-align:center;width:22%;z-index:999;position:absolute;bottom:35px!important;right:15%;z-index:999}
.text_pictrue {border-radius:6px;overflow:hidden;display:inline-block;width:90%;margin:15px auto 0 auto}
.conect_line {margin-bottom:10px;display:block}
.book_bg {width:100%;height:100%;position:absolute;top:0;left:0;background-size:100%;background-repeat:no-repeat;background-position:top center}
.pagenumber {text-align:center;width:100%;color:#666;margin:20px auto 0 auto;font-size:1.5rem;min-height:2rem}
#view-control iframe {width:100%;height:60px;background:rgba(255,255,255,0.5);border:none;border-bottom:1px solid #f1f1f1}
/* 当对应标签激活时显示 */
.text_box.show,.bigdata.show{display:block;width:100%}.certificatebox.show {display:block;width:70%}
/* 根据模式隐藏/显示元素 */        
.single-page .double-only,.double-page .single-only {display:none;}
.text_box,.bigdata,.certificatebox {display:none;/* 默认全部隐藏 */}
/*.flipbook_left {position:absolute;top:0;left:0;display:flex;align-items:center;color:#ccc;font-size:1.5rem;background-color:#fbfbfb;}*/
.flipbook_left {position:absolute;top:0;left:0;display:flex;align-items:center;color:#ccc;font-size:1.5rem;background-color:#fdfdfd;}
.flipbook_right {position:absolute;top:0;right:0;display:none}
.flipbook_left_main {position:absolute;left:0;top:0;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.flipbook_left_box {position:relative;background-size:100%;background-repeat:no-repeat;background-position:top center}
.home_ico {display:inline-block;text-align:center;width:3rem;height:3rem;line-height:3rem;border:1px solid #eee;margin-right:5px;border-radius:100%;background-color:#eee;cursor:pointer}
.bigdata {margin-top:7rem}
.double_button_group {position:absolute;right:-10rem;top:45%}
.double_button {margin-bottom:20px;cursor:pointer;position:relative;text-align:center}
.double_button:hover {font-weight:600}
.double_button:hover .pre_ico {content:url('/image/ico/function_button/arrow_left1.png')}
.double_button:hover .next_ico {content:url('/image/ico/function_button/arrow_right1.png')}
.double_button:hover .poster_ico {content:url('/image/ico/function_button/poster1.png')}
.double_button:hover .content_ico {content:url('/image/ico/function_button/back_content1.png')}
.control_button {width:4rem;margin:auto;display:inline-block}
.progress-container {width:100%;height:5px;position:relative;margin-top:15px}
.progress-bar {width:100%;height:5px;background-color:#f0f0f0;border-radius:15px;overflow:hidden;}
.progress {height:100%;transition:width 0.3s,background-color 0.3s;}
.progress-text {text-align:center;margin-top:5px;display:inline-block;position:absolute;right:-25px;top:-10px;display:none}
.buttons {display:flex;gap:20px;margin-top:20px;}
button {padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;background-color:#4CAF50;color:white;transition:background-color 0.3s;}
button:hover {background-color:#45a049;}
button:active {background-color:#3e8e41;}
button.decrease {background-color:#f44336;}
button.decrease:hover {background-color:#d32f2f;}
button.decrease:active {background-color:#b71c1c;}
.ebook_title{writing-mode: vertical-lr;}
@media screen and (max-width:700px) {
    .nav_box{top:0;left:0}
body {display:initial;align-items:initial;}
#view-control {display:none}
.book_bg {display:none}
.pagenumber {bottom:10px;color:#ddd;position:absolute;z-index:9999}
.pre {display:block}
.next {display:block}
.progress-container{margin-top:0}
.double_button_group {display:none}
/*.loading{width:120px;margin: auto;height: 150px;}*/
.text_box {background-size:100% 100%}
}