body { background-color: #f1f1f1; }
hr { border: none; border-bottom: 1px solid #ececec; }
.page_head { overflow: hidden; position: fixed; top: 0px; z-index: 999; background-color: #fff; width: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); margin: 0 auto 0 auto; }
.page_head_in { overflow: hidden; max-width: 918px; padding: 16px 16px 14px 16px; margin: 0 auto 0 auto; }
.logo { float: left; margin-right: 20px; }
    .logo img { height: 40px; }

.search { overflow: hidden; }
.fm_search { padding: 0; margin: 0; overflow: hidden; }
    .fm_search * { font-family: Arial; }

.ipt_span { vertical-align: top; overflow: hidden; padding: 0px; margin: 0px; }
.ipt_wd { width: 100%; height: 36px; line-height: 36px; padding: 0 6px; margin: 0; overflow: hidden; border: 2px solid #bfbfbf; border-right-style: none; border-top-left-radius: 6px; border-bottom-left-radius: 6px; display: inline-block; font-size: 16px; }

.ipt_submit { margin: 0px; padding: 0px; vertical-align: top; float: right; }
.btn_submit { width: 98px; height: 40px; padding: 0; margin: 0; overflow: hidden; border: none; background-color: #323297; color: white; text-align: center; cursor: pointer; display: inline-block; font-size: 16px; border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.nav_main { width: 100%; min-width: 800px; position: fixed; top: 74px; background-color: #f1f1f1; z-index: 998; }
.nav_in { margin-bottom: 16px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, .1); }
.nav { max-width: 1268px; padding: 0 16px 0 16px; margin: auto; overflow: hidden; font-size: 13px; color: #666; line-height: 56px; }
    .nav a, .nav1 a, .nav2 a { text-decoration: none; color: #666; font-size: 13px; }
        .nav a:hover, .nav0 a.nav_this { text-decoration: underline; }

.doc_left { bottom: 76px; right: 24px; position: fixed; z-index: 899; }
    .doc_left a { height: 40px; width: 40px; display: block; margin-bottom: 12px; font-size: 12px; text-align: center; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; cursor: pointer; border-radius: 6px; filter: alpha(Opacity=40); opacity: 0.4; }
        .doc_left a:hover { filter: alpha(Opacity=75); opacity: 0.75; }
    .doc_left .doc_act_down { background-color: #323297; background-image: url(/assets/ico_download.png); filter: alpha(Opacity=85); opacity: 0.85; }
        .doc_left .doc_act_down:hover { filter: alpha(Opacity=100); opacity: 1; }
    .doc_left .doc_act_qrcode { background-image: url(/assets/ico_qrcode.png); }
    .doc_left .doc_act_last { background-image: url(/assets/ico_left.png); }
    .doc_left .doc_act_refresh { background-image: url(/assets/ico_refresh.png); }
    .doc_left .doc_act_top { background-image: url(/assets/ico_top.png); }

.page_main { padding: 0 16px; margin-top: 146px; margin-left: auto; margin-right: auto; max-width: 1300px; min-width: 800px; }
.page_main_in { min-height: 360px; position: relative; }

.doc_main { overflow: hidden; margin-left: 246px; margin-right: 246px; margin-bottom: 16px; }
.doc_main_in { overflow: hidden; }

.doc_main_left { margin-bottom: 16px; overflow: hidden; width: 230px; position: absolute; top: 0; left: 0; }
/*.doc_main_left { position: fixed; overflow-y: auto; top: 132px; left:unset; bottom: 80px; }
    .doc_main_left::-webkit-scrollbar { width: 3px; height: 5px; }
    .doc_main_left::-webkit-scrollbar-track { background-color: #f1f1f1; }
    .doc_main_left::-webkit-scrollbar-thumb { background-color: #888; border-radius: 6px; }
        .doc_main_left::-webkit-scrollbar-thumb:hover { background-color: #555; }*/

.doc_main_right { margin-bottom: 16px; overflow: hidden; width: 230px; position: absolute; top: 0; right: 0; }
.doc_main_right_down { background: url(/assets/ico_download.png) no-repeat 16px 13px; background-color: #323297; margin-bottom: 16px; padding: 12px 12px 12px 40px; color: white; font-size: 16px; cursor: pointer; border-radius: 6px; }
.doc_main_zysm { padding: 16px; background-color: white; margin-bottom: 16px; color: #333; line-height: 22px; }

.doc_main_relate { overflow: hidden; background: white; border-radius: 6px; }
.doc_main_relate_bar { padding: 16px; margin: 0; font-weight: bold; font-size: 16px; color: #333; }
.doc_main_relate_list { padding: 0 16px; margin: 0; list-style: none; }
    .doc_main_relate_list li { padding: 14px 0; margin: 0; line-height: 1.5rem; border-top: 1px solid #f1f1f1; text-indent: 20px; }
    .doc_main_relate_list a { font-size: 14px; text-decoration: none; color: #3951b3; }
        .doc_main_relate_list a:visited { color: #0178d4; text-decoration: none; }
        .doc_main_relate_list a:hover { text-decoration: none; border-bottom: 1px solid; color: #3951b3; }

.doc_tt { padding: 16px; margin-bottom: 16px; background-color: #fff; border-radius: 6px; }
.doc_ico_title { margin-bottom: 12px; display: block; overflow: hidden; }
    .doc_ico_title h1 { font-size: 20px; font-weight: 400; color: #333; padding: 0px; /*padding-left: 32px;*/ text-indent: 32px; word-break: break-all; }
.doc_desc { font-size: 12px; line-height: 18px; color: #666; margin-bottom: 12px; font-family: Arial; }
.doc_att { font-size: 13px; color: green; border-top: 1px solid #efefef; padding-top: 10px; }
    .doc_att span { font-size: 13px; }
    .doc_att a { font-size: 13px; color: #3951b3; text-decoration: none; border-bottom: 1px solid; color: #3951b3; }
        .doc_att a:visited { font-size: 13px; color: #3951b3; text-decoration: none; }
        .doc_att a:hover { font-size: 13px; color: #3951b3; text-decoration: none; }

.doc_imgs { text-align: center; margin-bottom: 16px; overflow: hidden; /*background-color: #fff;*/ border-radius: 6px; }
.doc_img { min-height: 888px; padding: 16px; margin-bottom: 16px; background: #fff url('/assets/ico_jiazai.gif') center 50px no-repeat; border-radius: 6px; }
    .doc_img img { display: block; max-width: 100%; height: auto; /*max-width: 980px;*/ margin: auto; vertical-align: middle; }

.gdt { overflow-y: auto; }
/* .gdt::-webkit-scrollbar { width: 8px; height: 5px; }
.gdt::-webkit-scrollbar-track { background-color: #f1f1f1; }
.gdt::-webkit-scrollbar-thumb { background-color: #888; border-radius: 6px; }
    .gdt::-webkit-scrollbar-thumb:hover { background-color: #555; } */

@keyframes docImgFadeIn {
    0% { opacity: 0; }
    25% { opacity: 0.25; }
    50% { opacity: 0.50; }
    75% { opacity: 0.75; }
    to { opacity: 1; }
}

@-webkit-keyframes docImgFadeIn {
    0% { opacity: 0; }
    25% { opacity: 0.25; }
    50% { opacity: 0.50; }
    75% { opacity: 0.75; }
    to { opacity: 1; }
}

.doc_img img { animation-name: docImgFadeIn; animation-duration: 1s; -webkit-animation-name: docImgFadeIn; -webkit-animation-duration: 1s; }

.ico_s_data { margin-top: 3px; }

.doc_main_head, .doc_main_foot { text-align: center; border-radius: 6px; }

.doc_loadpreview { /*margin-bottom: 16px;*/ }
    .doc_loadpreview span, .doc_loadpreview a { font-size: 14px; text-decoration: none; width: 310px; padding: 6px 12px; color: #FFF; background-color: #f30; display: inline-block; border-radius: 6px; }
.doc_load_prepre { /*margin-top: -10px;*/ margin-bottom: 30px; }
/*.doc_load_prepre:before { content: ''; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #999 transparent; margin: auto; margin-bottom: -1px; }*/
.doc_loadnext, .doc_loadnext_end { margin: 0 0 28px 0; }
/*.doc_loadnext:after { content: ''; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #999 transparent; margin: auto; margin-top: -1px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }*/

.doc_main_foot_down { margin: 0 0 16px 0; }
    .doc_main_foot_down span { font-size: 16px; background: url(/assets/ico_download.png) no-repeat 16px 11px; background-color: #323297; font-weight: normal; color: #FFF; cursor: pointer; display: inline-block; width: 278px; padding: 10px 16px; padding-left: 40px; margin: auto; border-radius: 6px; }

.pager_list { margin-bottom: 32px; padding: 6px; font-size: 13px; text-align: center; }
    .pager_list * { font-size: 13px; }
    .pager_list span { margin-right: 16px; }
    .pager_list a, .pager_list b { margin-right: 12px; padding: 4px 8px 4px 8px; border: 1px solid #CCC; border-radius: 6px; text-decoration: none; color: #3939AC; }
        .pager_list a:hover { background-color: #f0f0f0; }
    .pager_list b { border: none; color: #333; }

#pageurl_qrcode { min-height: 150px; }
    #pageurl_qrcode img { max-width: 200px; }

.div_tips { margin: 16px; padding-left: 32px; padding-right: 16px; padding-bottom: 16px; padding-top: 14px; font-size: 13px; }
    .div_tips * { font-size: 13px; }
    .div_tips span { margin-right: 16px; }

.page_foot { color: #CCC; background-color: #333333; border-top: 0px solid #f0f0f0; padding-top: 8px; padding-bottom: 8px; }
.foot_in { text-align: center; line-height: 28px; }
    .foot_in a { margin-left: 8px; margin-right: 8px; display: inline-block; color: #CCC; font-size: 12px; text-decoration: none; border-bottom: 1px solid; line-height: 18px; }

.ball-clip-rotate div { border: 2px solid #323297 !important; border-bottom-color: transparent !important; }