@charset "utf-8";
html{}
body{font-size:14px; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; color:#333; background:#ffffff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote,thead,tbody,tfoot,th,td{margin:0;padding:0;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul,li,form,th,div,table,td,form,p,ol,dl,dt,dd{border:none; list-style:none; margin:0; padding:0}
img{border:0;}
a,input,button{ outline:none; }     


body select{ font-size:14px;}

.f12{font-size:12px;}    .f12b{font-size:12px;font-weight:bold;}
.f14{font-size:14px;}    .f14b{font-size:14px;font-weight:bold;}
.f16{font-size:16px;}    .f16b{font-size:16px;font-weight:bold;}
.f18{font-size:18px;}    .f18b{font-size:18px;font-weight:bold;}

.clear{clear: both;} 
.fl{float:left;}         .fr{float:right;}
.dn{display:none;}		 .db{display:block;}    .di{display:inline;}
.ac{text-align:center;}  .al{text-align:left;}  .ar{text-align:right;}

.hand{cursor:pointer;}
.fwb{font-weight:bold;}
.clear{ clear:both}

.w100{ width:100%}
.w1198{ width:1198px}
/*-----------------------link start--------------------------------*/
a {color: #333;text-decoration: none;}
a:hover {color: #666;text-decoration: none;}





/*-----------------------kefu start--------------------------------*/
.kefu{ position: fixed;right: 20px;top: 400px;z-index: 200; }
.kefu_qq img{ width: 44px;height: 44px;border-radius: 50%; margin: 4px 0 0 4px }
.kefu_qq{ width: 52px; height: 146px; background: linear-gradient(180deg, #ff3b3b 0%, #ffa45a 100%); border-radius: 26px;padding: 2px 2px calc(12px * var(--qcloud-float-ratio));box-shadow:  8px 8px 20px 0 rgba(55,99,170,.1);}
.kefu_qq a{ color: #fff }
.kefu_qq a:hover{}

.kefu_qq span{width: 16px; display: block;color: #fff; margin:0 auto}
.kefu_bd{height:100px;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);box-shadow:  8px 8px 20px 0 rgba(55,99,170,.1);border: 2px solid #fff;border-radius: 52px; margin-top: 10px}
.kefu_bd img{ width: 28px;  margin:10px 0 0 10px}
.kefu_bd  span { font-size: 12px; color: #676767; display: block; width: 26px; margin: 8px 0 0 12px;font-weight: 600;}

.kefu_tx{ display: none; width:140px;height:180px;background: #fff;box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);border: 2px solid #fff;border-radius: 10px; margin-top: 10px; position: absolute;top: -20px; right: 70px}
.kefu_tx img{ width: 120px; height: 120px; margin:10px 0 0 10px;border-radius: 5%;}
.kefu_tx p{font-size: 12px; text-align: center; margin-top:5px;}
.kefu_bd a{ color: #676767; }
.kefu_qq:hover ~ .kefu_tx{ display: block;}

.kefu_hhr img{ width: 52px; margin-bottom: 20px}







/*login*/

.login{ width:380px; height:500px; box-shadow:0px 0px 6px #ccc; padding:40px; text-align:center; position: absolute;display:none; z-index:100; background:#fff}
.login h3{ text-align:center; font-size:24px; line-height:32px; font-weight:bold; margin-top:20px}
.login_tip{ font-size:12px; color:#8E8E8E; line-height:32px;}
.login_ma{ margin-top:40px; text-align: center;}
.login_ma img{ border:#D5D5D5 1px solid; width: 260px}
.login_mima{ width:90px; height:28px; line-height:28px;  border: #D5D5D5 1px solid; margin:0 auto; border-radius:14px; margin-top:30px; font-size:12px; position:relative}
.login_mima img{ width:28px; position:absolute; left:5px; top:0px;}
.login_mima  span{ position:absolute; top:1px; right:10px}
.login_xieyi{ font-size:12px; margin-top:40px; color:#7D7D7D}
.login_xieyi img{ width:14px; margin:2px 8px 0 0;vertical-align:middle; margin-right:10px; margin-bottom:8px}
.login_closed{ position:absolute; top:28px; right:18px; width:24px; height:24px; }
.login_closed img{ width:24px;}

#gray{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0px;display:none;z-index:99;}

.wx_login_tx {position: relative;top: -60px;right:10px;padding: 10px;}
.wx_login_username{line-height:32px;border-bottom: 1px solid #f6f6f6;color: #707070;padding: 4px 16px 10px 16px}
.wx_xx_tx{position: absolute;left: 10px;top: 10px;margin-right: 10px}
.avatar {width: 42px;height: 42px;border-radius: 50%;cursor: pointer;position: relative;}
.dropdown {border-top: 3px solid;border-radius: 8px; font-size:14px;display: none;width: 210px;position: absolute;left: -150px;top: 52px;background-color: white;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-button {color: black;padding: 12px 16px;text-decoration: none;display: block;background-image: url(../images/down_icon.png);background-repeat: no-repeat;background-size: 14px;background-position: 180px 15px;}
.dropdown-button:hover {background-color: #f7f7f7;border-radius: 0px 0px 8px 8px;}
.avatar:hover + .dropdown,.dropdown:hover {display: block;}




.login_user{line-height:36px;font-size: 14px; text-align:center;position: relative;top: -50px;right: 10px;float: right;}
.login_user a{ color:#FFFFFF;background:#FF0000;  height:36px;width: 90px;display: inline-block;border-radius:3px; border-radius: 18px}
.login_user a:hover{ color:#FFFFFF;height:36px; background:#F50000}

.navFixed{left: 0;top: 0;_position: absolute;top: expression(offsetParent.scrollTop+0);z-index: 1000;backdrop-filter: blur(10px);background: rgba(255,255,255,.6);height: 62px;display: block;
    width: 100%;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);}






.pdf-viewer {background: #F3F5F7;width: 30%;height: calc(100% - 61px);position: absolute;left: 0;}
.pdf-viewer h3{font-weight: bold;line-height: 36px;}
.content {width: 70%;height: calc(100% - 61px);position: absolute;background: #fff;overflow: hidden;right: 0;border-left: 1px solid #D8D8D8;}

.pdf-table-jg {padding: 20px;height: calc(100% - 75px);overflow: scroll;}

#pdfCanvas {display: block;margin: auto;padding-top: 20px;}

.conteng table {width: 100%;}

.pdftool_title {border-bottom: 1px solid #D8D8D8;height: 59px;line-height: 59px;font-size: 16px;font-weight: 600;padding-left: 40px;background: url(../images/pdftable-img.svg);background-repeat: no-repeat;background-position: 10px 20px;background-size: 20px;}
.pdftool_title_ofd {border-bottom: 1px solid #D8D8D8;height: 59px;line-height: 59px;font-size: 16px;font-weight: 600;padding-left: 40px;background: url(../images/ofd_y_logo.svg);background-repeat: no-repeat;background-position: 10px 20px;background-size: 20px;}
.pdftool_title_table {border-bottom: 1px solid #D8D8D8;height: 59px;line-height: 59px;font-size: 16px;font-weight: 600;padding-left: 40px;background: url(../images/pdf-table.svg);background-repeat: no-repeat;background-position: 10px 20px;background-size: 20px;}
.pdftool_title_data {border-bottom: 1px solid #D8D8D8;height: 59px;line-height: 59px;font-size: 16px;font-weight: 600;padding-left: 40px;background: url(../images/data_docx.svg);background-repeat: no-repeat;background-position: 10px 20px;background-size: 20px;}

.pdf-table-c {width: 372px;height: 36px;background: #fff;bottom: 50px;position: absolute;left: calc(50% - 200px);box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);border-radius: 36px;background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff;font-size: 12px;padding: 0 10px;color: #333;}

.pdf-table-c span {display: inline-block;min-width: 60px;text-align: center;}

.pdf-table-c a {line-height: 36px;padding: 0 10px;text-decoration: none;color: #333;}

.pdf-table-c a:hover {text-decoration: none;color: rgb(0, 175, 27);font-weight: 600;}
.pdf-table-c .pdf-table-link {color: rgb(0, 175, 27);font-weight: 600;}



.pdf_file_upload_img {width: 80%;height: 120px;margin: 0 auto;background: #fff;text-align: center;color: #4E5C7A;font-size: 12px;padding-top: 35px;border: 1px dashed #D4D4D4;border-radius: 4px;}
.pdf_file_upload_data {width: 300px;height: 140px;margin: 150px auto;background: #fff;text-align: center;color: #4E5C7A;font-size: 12px;padding-top: 80px;border: 1px dashed #D4D4D4;border-radius: 4px;}
.pdf_file_upload_ofd {width: 80%;height: 130px;margin: 0 auto;background: #fff;text-align: center;color: #4E5C7A;font-size: 12px;padding-top: 30px;border: 1px dashed #D4D4D4;border-radius: 4px;}
.pdf_file_upload_table {width: 80%;height: 120px;margin: 0 auto;background: #fff;text-align: center;color: #4E5C7A;font-size: 12px;padding-top: 35px;border: 1px dashed #D4D4D4;border-radius: 4px;}

.pdf_file_upload_img a {color: #333;text-decoration: none}
.pdf_file_upload_data a {color: #333;text-decoration: none}
.pdf_file_upload_ofd a {color: #333;text-decoration: none}
.pdf_file_upload_table a {color: #333;text-decoration: none}


.file_list {width: 80%;min-height: 246px;margin: 0 auto;background: #fff;text-align: left;color: #4E5C7A;font-size: 14px;border: 1px dashed #D4D4D4;border-radius: 4px;padding: 10px 0 25px 0;background-repeat: no-repeat;background-size: 24px;background-position: 10px 10px;position: relative;}

.file_list li {height: 56px;line-height: 56px;padding-left: 60px;background: url(../images/ofd.svg);background-repeat: no-repeat;background-size: 24px;background-position: 20px 14px;overflow: hidden;position: relative;padding-right: 50px;}

.iocn_word {background: url(../images/icon-word.svg);}

.iocn_excel {background: url(../images/icon-excel.svg);}

.iocn_ppt {background: url(../images/icon-ppt.svg);}

.iocn_pdf {background: url(../images/icon-pdf.svg);}


.pdf-table-header {height: 48px;border-bottom: 1px solid #f2f2f2;font-size: 14px;padding-left: 20px;}

.pdf-table-header h3 {line-height: 48px;display: inline-block;margin: 0;height: 48px;}

.pdf-table-daochu {width: 80px;height: 48px;line-height: 48px;display: inline-block;padding-left: 30px;background: url(../images/daochu.svg);background-repeat: no-repeat;background-position: 5px 16px; background-size: 16px;}

.pdf-table-copy {width: 80px;height: 48px;line-height: 48px;display: inline-block;padding-left: 30px;background: url(../images/copy.svg);background-repeat: no-repeat;background-position: 5px 16px;}

.pdf-table-chuli {position: absolute;right: 0;top: 0;}

.pdf-table-chuli a {color: #333;text-decoration: none;}

.pdf-table-tip {height: 188px;width: 236px;text-align: center;font-size: 12px;color: #4E5C7A;background: #fff;padding-top: 76px;border: 1px solid #ccc;top: 220px;right: calc(50% - 113px);position: absolute;box-shadow: 0px 0px 20px 0 rgb(55 99 170 / 10%);border-radius: 6px;}

.pdf-table-tip a {background-color: #253559;color: #fff;padding: 8px 16px;border-radius: 2px;text-decoration: none;font-size: 14px;}

.pdf-table-info {height: 300px;width: 450px;margin: 80px auto;}

.file_upload_img {width: 28px;height: 28px;background: url(../images/box-upload.svg);background-repeat: no-repeat;background-size: 28px;margin: 0 auto;}

.pdf_closed {position: absolute;right: 12px;top: 16px;border: #b2b2b2 0px solid;background: url(../images/clear.png);background-repeat: no-repeat;background-size: 20px;background-position: 2px 2px;width: 24px;height: 24px;border-radius: 20px;}
.pdf_closed a {width: 24px;height: 24px;display: block;}

.excel_closed {position: absolute;right: -20px;top:4px;border: #b2b2b2 0px solid;background: url(../images/clear.png);background-repeat: no-repeat;background-size: 20px;background-position: 2px 2px;width: 24px;height: 24px;border-radius: 20px;}
.excel_closed a {width: 24px;height: 24px;display: block;}

.pdf_closed .tooltiptext {visibility: hidden;width: 60px;background-color: #5F6368;color: #fff;text-align: center;border-radius: 2px;padding: 5px 0;font-size: 12px;

/* 位置 */
position: absolute;
z-index: 10;
top: 6%;
left: -20%;
margin-left: -60px;

/* 动画 */
opacity: 0;
transition: opacity 0.3s;
}

/* 鼠标悬停时显示 Tooltip */
.pdf_closed:hover .tooltiptext {visibility: visible;opacity: 1;}

.pdf-img {padding: 20px;height: calc(100% - 75px);}

.doc_img {width: 43%;display: inline-block;margin: 15px;}

.doc_img img {width: 100%;border: #e8e8e8 1px solid;padding: 4px;}

.data_button {margin: 40px auto 0 auto;width: 100px;height: 42px;line-height: 42px;}

.data_button a {font-size: 14px;background: linear-gradient(98.29deg,#FF9784 0,#FF0000 100%);color: #fff;padding: 14px 18px;border-radius: 2px;text-decoration: none;}

.upload_lile {background: #eaeaea;font-size: 14px;width: 100px;line-height: 26px;display: block;text-align: center;border-radius: 11px 0 0 0;position: absolute;right: 0;bottom: 0;cursor: pointer;color: #212d63;}

 .pdf-img li {display: inline-block;width: 30%;border: #333 1px solid;margin: 6px;font-size: 0; }

 .pdf-img li img {width: 100%; }

 .modal-content h2{font-size: 18px;font-weight: 600;margin: 20px 0 10px 0; color: #000;}
 .modal-content p{margin: 20px 0 10px 0;}

.upload-button {display: inline-block;padding: 6px 12px;margin:0 auto;border: none;border-radius: 2px;background-color: #4f5d79;color: #fff;font-size: 12px;cursor: pointer;transition: background-color 0.2s ease-in-out; }

.upload-button:hover {background-color: #242c3d;}
.pdf_closed .tooltiptext {visibility: hidden;width: 60px;background-color: #5F6368;color: #fff;text-align: center;border-radius: 2px;padding: 5px 0;font-size: 12px;

            /* 位置 */
            position: absolute;
            z-index: 10;
            top: 6%;
            left: -20%;
            margin-left: -60px;

            /* 动画 */
            opacity: 0;
            transition: opacity 0.3s;
        }

        /* 鼠标悬停时显示 Tooltip */
.pdf_closed:hover .tooltiptext {visibility: visible;opacity: 1;}

.produce_body {
            width: 90%;
            margin: 30px auto 0px auto;
        }

        .produce_upload {
            border: 1px dashed #D4D4D4;
            background: #fff;
            padding: 20px;
            text-align: center;
            font-size: 14px;
        }

        .produce_json {
            border: 1px dashed #D4D4D4;
            background: #fff;
            font-size: 14px;
        }

        .data_json {
            width: 100%;
            min-height: 240px;
            border: none;
            line-height: 28px;
        }

        .produce_body h3 {
            font-size: 16px;
            color: #4E5C7A;
            line-height: 36px;
        }

        .produce_body span {
            font-size: 12px;
            color: #4E5C7A;
            line-height: 28px;
            height: 28px;
            display: inline-block;
            overflow: hidden;
            padding: 0 35px 0 0;
        }

        .upload-container {
            position: relative;
        }

        .upload-container input[type="file"] {
            position: absolute;
            top: 20px;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }
.upload-label {
            display: inline-block;
            margin-top: 5px;
            color: #555;
            font-size: 16px;
        }

.hidden {
            display: none;
        }

.show {
            display: block !important;
        }
 .excelname {
            position: relative;
            height: 28px;
            line-height: 28px;
            text-align: left;
            background: url(../images/icon-excel.svg);
            background-repeat: no-repeat;
            padding-left: 38px;
        }

.mododoc {
            position: relative;
            height: 28px;
            line-height: 28px;
            text-align: left;
            background: url(../images/icon-word.svg);
            background-repeat: no-repeat;
            padding-left: 38px;
        }


.downloaddoc {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #fff;
            left: 0;
            top: 0;
        }

#loading {
            background: url(../images/chulizhong.png);
            background-repeat: no-repeat;
            background-size: 120px;
            background-position: center;
            height: 300px;
            list-style-type: none;
        }

#loading div {
            text-align: center;
            padding-top: 260px;
        }

#download a {
            background-color: #253559;
            color: #fff;
            padding: 8px 16px;
            border-radius: 2px;
            text-decoration: none;
            font-size: 14px;
        }

 #jsoncode {
            font-size: 16px;
            color: #e36209;
            font-family: 'Courier New', Courier, monospace;

            padding: 10px;
            line-height: 26px;
            overflow: hidden;
        }

        pre {
            margin: 0;
            padding: 0;
        }

        .green {
            color: #9b0c79;
        }

        .blue {
            color: rgb(196, 117, 0);
        }

        .black {
            color: #0000ff;
        }

        .json-key {
            color: green;
        }

        .json-value {
            color: blue;
        }

        .json-string {
            white-space: pre-wrap;
            font-family: monospace;
        }





.excel_xx{
    position: relative;
    text-align: left;
    height: 28px;
    line-height: 28px;
    text-align: left;
    background: url(../images/icon-excel.svg);
    background-repeat: no-repeat;
    padding-left: 38px;
}