.dr-b {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.data-report-box {
    float: left;
    width: 832px;
    background-color: #fff
}

    .data-report-box .page-nav {
        padding: 15px 10px 9px
    }

    .data-report-box .report-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
        margin-top: 20px;
    }
    
	.data-report-box  .loading{position:absolute;text-align: center;margin: 100px 360px;background-color: #f5f5f5;border-radius: 5px;padding: 5px 15px;}
    .data-report-box .report-remark {
        line-height: 24px;
        color: #666;
        overflow: hidden;
        padding: 0 30px
    }

    .data-report-box .report-content {
        width: 100%;
        overflow: hidden;
        padding: 10px 0 5px;
        min-height: 600px;
        text-align: center
    }

        .data-report-box .report-content .pinch-zoom-container {
            height: auto !important
        }

        .data-report-box .report-content .pageNum {
           display:none;
        }

        .data-report-box .report-content .pageContainer {
            max-width: 100% !important;
            min-height: 0 !important;
            max-height: 100% !important;
            float: left;
            width: 100%
        }

            .data-report-box .report-content .pageContainer img {
              /*  width: 100%*/
            }

    .data-report-box .finish-reading {
        color: #666;
        display: block;
        line-height: 30px;
        text-align: center;
        padding-bottom: 15px
    }

.data-footer {
    height: 60px;
    width: 100%
}
.data-footer  .pageNum{line-height: 58px;float: left;margin-right: 46px;}
.data-footer  .pageNum.ml{margin-left:190px;}
    .data-footer.static {
        height: 58px
    }

        .data-footer.static .df-fixed {
            position: static
        }

    .data-footer .df-fixed {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0
    }

    .data-footer .report-upload {
        float: left;
        width: 832px;
        height: 58px;
        line-height: 58px;
        background-color: #f1f1f1;
        border-radius: 2px;
        border: 1px solid #c9c9c9
    }

        .data-footer .report-upload .report-share {
            float: left;
            margin-left: 15px;
            line-height: 24px
        }

            .data-footer .report-upload .report-share .icon-box {
                padding: 17px 20px 17px 5px;
                float: left;
                cursor: default
            }
            .data-footer .report-upload .report-share .icon-box:first-child{cursor: pointer;}

                .data-footer .report-upload .report-share .icon-box span {
                    float: left
                }

                .data-footer .report-upload .report-share .icon-box u {
                    float: left;
                    font-size: 22px;
                    margin-right: 8px
                }

                    .data-footer .report-upload .report-share .icon-box u.icon-collected {
                        color: #ef313d
                    }

        .data-footer .report-upload .icon-box:hover .share-dailog-box {
            display: block
        }

        .data-footer .report-upload .share-box {
            float: left;
            position: relative
        }

        .data-footer .report-upload .share-dailog-box {
            display: none;
            position: absolute;
            background: 0 0;
            width: 206px;
            top: -86px;
            left: -78px;
            height: 70px
        }

        .data-footer .report-upload .share-dailog {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            height: 66px;
            width: 206px;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(4,0,0,.45);
            text-align: center;
            line-height: 66px
        }

            .data-footer .report-upload .share-dailog::before {
                position: absolute;
                top: 66px;
                left: 95px;
                content: '';
                border: 10px solid transparent;
                border-top-color: #fff
            }

            .data-footer .report-upload .share-dailog span {
                float: left;
                color: #666;
                padding-right: 8px;
                margin-left: 24px
            }

            .data-footer .report-upload .share-dailog .bshare-custom {
                float: left;
                margin-top: 22px
            }

                .data-footer .report-upload .share-dailog .bshare-custom a {
                    text-decoration: none;
                    font-size: 25px
                }

                .data-footer .report-upload .share-dailog .bshare-custom .bshare-weixin {
                    background: 0 0;
                    color: #25b415;
                    padding-left: 0;
                    border-right: 1px solid #e0e0e0;
                    padding-right: 13px;
                    margin-right: 8px
                }

                .data-footer .report-upload .share-dailog .bshare-custom .bshare-qqim {
                    background: 0 0;
                    color: #1a77d6;
                    padding-left: 0
                }

        .data-footer .report-upload .report-u {
            float: right;
            margin-right: 20px
        }

            .data-footer .report-upload .report-u .date {
                display:inline-block;margin-right: 45px;width: 203px;white-space: nowrap;text-align: left;float:left;
            }

            .data-footer .report-upload .report-u .size {
                margin-right: 15px
            }

        .data-footer .report-upload .btn-upload {
            height: 32px;
            width: 140px;
            background-color: #1a77d6;
            border-radius: 2px;
            border: 0 none;
            font-size: 14px;
            color: #fff;
            line-height: 32px;
            cursor:pointer;
        }

            .data-footer .report-upload .btn-upload u {
                margin-right: 8px;
                font-size: 14px
            }

#bsWXBox.bsBox {
    background: 0 0 !important;
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.5);
    padding: 0 !important
}

    #bsWXBox.bsBox .bsTop {
        height: 40px;
        border-bottom: 1px solid #ddd;
        background-color: #f3f3f3;
        font-size: 16px;
        color: #1a77d6;
        line-height: 40px;
        padding-left: 5px
    }

    #bsWXBox.bsBox .bsClose {
        width: 32px;
        height: 32px;
        border-radius: 32px;
        border: 1px solid #ddd;
        background-color: #fff;
        text-align: center;
        line-height: 31px;
        top: -12px !important;
        right: -13px !important;
        overflow: hidden
    }

        #bsWXBox.bsBox .bsClose::before {
            content: "\e6a1";
            font-size: 14px;
            font-family: yc;
            display: block;
            color: #999;
            font-weight: 400
        }

.bg-color {
    background-color: #f9f9f9
}

.data-report-right {
    float: right;
    width: 328px;
    margin-bottom: 20px
}

    .data-report-right .fixed-box.fixed {
        position: fixed;
        top: 48px;
        width: 328px
    }

    .data-report-right .fixed-box.absolute {
        width: 328px;
        position: absolute;
        bottom: 0
    }

    .data-report-right h3 {
        margin: 18px 20px 0 0;
        height: 24px;
        border-left: 6px solid #1c78c7;
        color: #1c78c7;
        font-size: 16px
    }

        .data-report-right h3 span {
            display: block;
            margin-left: 14px;
            border-bottom: 1px solid #c9c9c9;
            line-height: 24px;
            font-weight: 400
        }

    .data-report-right .dr-info {
        overflow: hidden;
        background-color: #fff;
        margin-top: 20px
    }

        .data-report-right .dr-info .dr-info-box {
            margin: 15px 20px
        }

        .data-report-right .dr-info dl {
            overflow: hidden;
            line-height: 24px;
            margin: 5px 0
        }

        .data-report-right .dr-info dt {
            float: left;
            width: 70px;
            text-align: right;
            color: #666
        }

            .data-report-right .dr-info dt em {
                float: left;
                display: block;
                width: 55px;
                text-align-last: justify;
                -moz-text-align-last: justify;
                text-align: justify;
                text-justify: distribute-all-lines
            }

        .data-report-right .dr-info dd {
            overflow: hidden
        }

    .data-report-right .dr-manager {
        overflow: hidden;
        margin-top: 20px;
        background-color: #fff
    }

        .data-report-right .dr-manager .dr-manager-box {
            margin: 10px 20px 20px
        }

        .data-report-right .dr-manager dt {
            width: 82px;
            height: 105px
        }

        .data-report-right .dr-manager dd span {
            line-height: 20px
        }

            .data-report-right .dr-manager dd span.name {
                font-size: 14px
            }

                .data-report-right .dr-manager dd span.name em {
                    min-width: 37px;
                    max-width: 70px;
                    overflow: hidden
                }

                .data-report-right .dr-manager dd span.name i {
                    font-size: 12px
                }

            .data-report-right .dr-manager dd span.tel {
                margin-top: 2px
            }

        .data-report-right .dr-manager dd p {
            font-size: 12px;
            line-height: 18px;
            margin-top: 7px
        }

.dr-manager {
    overflow: hidden
}

    .dr-manager dl {
        overflow: hidden;
        padding: 16px 0;
        border-bottom: 1px dashed #c9c9c9
    }

        .dr-manager dl:last-child {
            border-bottom: 0 none
        }

    .dr-manager dt {
        float: left;
        width: 88px;
        height: 113px;
        overflow: hidden;
        margin-right: 14px
    }

        .dr-manager dt img {
            width: 100%;
            height: 100%
        }

    .dr-manager dd {
        overflow: hidden
    }

        .dr-manager dd span {
            display: block;
            line-height: 24px;
            overflow: hidden
        }

            .dr-manager dd span.name {
                font-size: 16px;
                margin-bottom: 2px
            }

                .dr-manager dd span.name em {
                    float: left;
                    min-width: 50px;
                    max-width: 80px;
                    overflow: hidden;
                    display: block;
                    font-weight: 700;
                    text-align-last: justify;
                    -moz-text-align-last: justify;
                    text-align: justify;
                    text-justify: distribute-all-lines;
                    margin-right: 10px;
                    white-space: nowrap
                }

                .dr-manager dd span.name i {
                    display: block;
                    height: 20px;
                    line-height: 20px;
                    color: #666;
                    font-size: 14px;
                    overflow: hidden;
                    white-space: nowrap
                }

                    .dr-manager dd span.name i i {
                        display: inline-block;
                        background-color: #f1f1f1;
                        padding: 0 7px;
                        margin: 0;
                        border-radius: 2px
                    }

        .dr-manager dd p {
            margin-top: 5px;
            color: #999;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical
        }

.dialog.report {
    width: 646px;
    height: 508px;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -254px 0 0 -323px;
    z-index: 1001
}

    .dialog.report .dialog-head {
        height: auto;
        overflow: hidden;
        background-color: transparent;
        margin: 0 30px;
        padding: 14px 0
    }

        .dialog.report .dialog-head .h-info {
            float: left;
            height: 40px;
            line-height: 40px
        }

            .dialog.report .dialog-head .h-info span {
                display: inline-block;
                vertical-align: middle;
                margin: 0 3px 0 15px
            }

        .dialog.report .dialog-head .img-box {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 40px;
            overflow: hidden;
            vertical-align: middle
        }

            .dialog.report .dialog-head .img-box img {
                width: 100%;
                height: 100%
            }

    .dialog.report .dialog-close {
        position: static;
        border: 0 none;
        width: auto;
        height: auto;
        float: right;
        margin-top: 6px
    }

        .dialog.report .dialog-close u {
            display: inline-block;
            transform: rotate(45deg);
            color: #acacac;
            font-size: 20px
        }

    .dialog.report .report-upload {
        display: block;
        margin: 0 30px
    }

        .dialog.report .report-upload .ru-top {
            margin: 0 10px
        }

            .dialog.report .report-upload .ru-top .name {
                color: #666;
                display: block;
                line-height: 20px;
                padding-top:13px;
                height: 57px;
                overflow: hidden;
            }

                .dialog.report .report-upload .ru-top .name i {
                    color: #1a77d6
                }

            .dialog.report .report-upload .ru-top ul {
                overflow: hidden
            }

            .dialog.report .report-upload .ru-top li {
                float: left;
                width: 273px;
                height: 125px;
                border: 1px solid #e8e8e8;
                border-radius: 2px;
                text-align: center;
                line-height: 28px;
                position: relative
            }

                .dialog.report .report-upload .ru-top li:last-child {
                    margin-left: 20px
                }

                .dialog.report .report-upload .ru-top li i {
                    display: block;
                    color: #999;
                    padding-top: 16px
                }

                .dialog.report .report-upload .ru-top li b {
                    display: block;
                    font-size: 18px;
                    color: #ef313d;
                    padding: 2px 0 9px
                }

                    .dialog.report .report-upload .ru-top li b em {
                        font-weight: 400;
                        font-size: 14px
                    }

                .dialog.report .report-upload .ru-top li p {
                    color: #999;
                    line-height: 38px;
/*                    margin: 0 10px;*/
                    border-top: 1px dashed #e8e8e8
                }

                .dialog.report .report-upload .ru-top li.hover {
                    border-color: #1a77d6
                }

                .dialog.report .report-upload .ru-top li.active {
                    border-color: #1a77d6
                }

                    .dialog.report .report-upload .ru-top li.active::before {
                        content: '';
                        position: absolute;
                        top: -30px;
                        right: 0;
                        border: 30px solid transparent;
                        border-right: 30px solid #1a77d6
                    }

                    .dialog.report .report-upload .ru-top li.active::after {
                        content: '\e624';
                        font-family: yc;
                        position: absolute;
                        top: 0;
                        right: 1px;
                        color: #fff;
                        font-size: 13px;
                        z-index: 2;
                        line-height: 16px
                    }

        .dialog.report .report-upload .ru-code {
            padding: 0 10px;
            border-top: 1px solid #ddd;
            margin-top: 32px
        }

            .dialog.report .report-upload .ru-code .cue {
                display: block;
                line-height: 52px;
                margin-bottom: 3px
            }

            .dialog.report .report-upload .ru-code dl {
                overflow: hidden
            }

            .dialog.report .report-upload .ru-code dt {
                width: 140px;
                height: 140px;
                overflow: hidden;
                float: left;
                margin-right: 22px
            }

                .dialog.report .report-upload .ru-code dt img {
                    width: 100%;
                    height: 100%
                }

            .dialog.report .report-upload .ru-code dd {
                overflow: hidden
            }

                .dialog.report .report-upload .ru-code dd b {
                    font-size: 24px;
                    color: #ef313d;
                    display: block;
                    line-height: 40px;
                    padding: 35px 0 6px
                }

                .dialog.report .report-upload .ru-code dd p {
                    color: #999
                }

        .dialog.report .report-upload .report-cue em {
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 16px;
            border: 1px solid #999;
            color: #999;
            line-height: 14px;
            text-align: center;
            margin-right: 5px
        }

.dialog.cue.suc {
    width: 486px;
    height: 268px;
    transform: translateX(-243px)
}

.bug-suc {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

    .bug-suc dt {
        margin-right: 10px
    }

    .bug-suc .yc-svg.czcg {
        width: 131px;
        height: 131px
    }

    .bug-suc dd {
        text-align: center
    }

        .bug-suc dd span {
            display: block;
            font-size: 18px
        }

        .bug-suc dd .blue {
            width: 90px;
            height: 30px;
            background-color: #1a77d6;
            color: #fff;
            border-radius: 2px;
            border: 0 none;
            margin-top: 15px;
            font-size: 16px
        }

.da-search-box {
    overflow: hidden;
    line-height: 36px;
    margin: 36px auto 15px
}

    .da-search-box .search-type {
        float: left
    }

        .da-search-box .search-type span {
            float: left;
            line-height: 34px;
            box-sizing: content-box;
            margin-right: 60px;
            cursor: pointer;
            color: #999;
            white-space: nowrap;
        }

            .da-search-box .search-type span.active {
                border-bottom: 2px solid #1a77d6;
                color: #1a77d6
            }

            .da-search-box .search-type span:hover {
                color: #1a77d6
            }

    .da-search-box .search-input {
        float: right;
        width: 500px
    }

        .da-search-box .search-input input[type=text] {
            float: left;
            height: 36px;
            width: 401px;
            line-height: 34px;
            border: 1px solid #e4e4e4;
            padding: 0 10px;
            background-color: #f9f9f9
        }

        .da-search-box .search-input .btn-search {
            width: 100px;
            height: 36px;
            float: left;
            margin-left: -1px;
            border-radius: 2px;
            background-color: #1a77d6;
            border: 0 none;
            color: #fff;
            font-size: 16px;
            letter-spacing: 5px;
            text-indent: 5px;
            line-height: 35px
        }

        .da-search-box .search-input input::-webkit-input-placeholder {
            color: #999
        }

        .da-search-box .search-input input::-moz-placeholder {
            color: #999
        }

        .da-search-box .search-input input:-moz-placeholder {
            color: #999
        }

        .da-search-box .search-input input:-ms-input-placeholder {
            color: #999
        }

.da-list-box {
    width: 1220px;
    margin: 0 auto;
    overflow: hidden
}

    .da-list-box .no-data {
        font-size: 16px;
        line-height: 150px;
        text-align: center;
        color: #999;
        padding-top: 20px
    }

    .da-list-box .rl-box > a:nth-child(3n) dl {
        margin-right: 0
    }

    .da-list-box dl {
        overflow: hidden;
        float: left;
        width: 340px;
        margin: 15px 40px 15px 0;
        padding: 20px;
        box-sizing: content-box
    }

        .da-list-box dl:hover {
            background-color: #f9f9f9
        }

    .da-list-box dt {
        float: left;
        width: 120px;
        height: 150px;
        margin-right: 12px
    }

        .da-list-box dt img {
            width: 100%;
            height: 100%
        }

    .da-list-box dd {
        overflow: hidden
    }

        .da-list-box dd .name {
            display: block;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 18px;
            font-weight: 600;
            line-height:22px;
            height: 44px
        }

        .da-list-box dd .time-box {
            overflow: hidden;
            line-height: 22px;
            color: #666;
            margin:12px  0;
            white-space:nowrap;
        }

            .da-list-box dd .time-box .tag {
                float: left;
                height: 22px;
                padding: 0 6px;
                border-radius: 2px;
                margin-right: 8px
            }

                .da-list-box dd .time-box .tag.color1 {
                    color: #e54a53;
                    background-color: #fff1f2
                }

                .da-list-box dd .time-box .tag.color2 {
                    color: #e67e17;
                    background-color: #fff3e8
                }

                .da-list-box dd .time-box .tag.color3 {
                    color: #0c9c97;
                    background-color: #e8f6f6
                }

                .da-list-box dd .time-box .tag.color4 {
                    color: #1a77d6;
                    background-color: #e8f1f9
                }

        .da-list-box dd .remark {
            line-height: 20px;
            color: #999;
            max-height: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical
        }

    .da-list-box .btn-more {
        text-align: center;
        margin-bottom: 46px;
        width: 100%;
        overflow: hidden;
        color: #666
    }

        .da-list-box .btn-more u {
            display: inline-block;
            transform: rotate(90deg);
            font-size: 12px;
            margin-left: 5px
        }

.data-manager {
    overflow: hidden;
    width: 100%
}

    .data-manager h3 {
        text-align: center;
        font-size: 24px;
        margin-top: 46px
    }

    .data-manager .dr-manager {
        margin: 50px 0 20px
    }

        .data-manager .dr-manager dl {
            float: left;
            width: 340px;
            margin: 0 80px 30px 0;
            border-bottom: 0 none;
            padding: 0;
            height: 115px
        }

            .data-manager .dr-manager dl:nth-child(3n) {
                margin-right: 0
            }

.footer {
    border-top: 0 none
}

.cue-remove {
    position: absolute;
    top: 40%;
    width: 832px;
    color: #999;
    text-align: center;
    line-height: 26px
}
.imgloading {}
.imgloading .img-box{width:100%;min-height:200px;overflow:hidden;position:relative;text-align:center;}
    .imgloading .img-c{width:50px;}
    .imgloading .img-c.w { width: 100%; float: left; }

 .pdfjs .pdfViewer .pageContainer {
width: 100%;
margin: 0px auto 8px auto;
position: relative;
overflow: visible;
}

.pdf-water {
transform: rotate(-38deg);
position: absolute;
overflow: hidden;
z-index: 9999;
opacity: 0.3;
font-size: 18px;
text-align: center;
display: block;
pointer-events: none;
}
.data-report-banner{width:100%;height:302px;display:flex;position:relative;overflow:hidden;}
.data-report-banner img{position:relative;left:50%;margin-left:-960px;}
.data-report-banner .font-box{width:1030px;height:100%;display:flex;flex-direction:column;justify-content:center; position:absolute;line-height:30px;font-size:16px;color:#fff;left:50%;margin-left:-515px;}
.data-report-banner .btn-link{width:214px;height:36px;background:#1a77d6;border-radius:2px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-top:24px;}
.data-report-banner .btn-link .icon{height:12px;width:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;margin-left:6px;}
.data-report-banner .btn-link .icon::before{content:"";display:block;width:0;height:0;border:4px solid transparent;border-left-color:#1a77d6;margin-left:6px;}

.da-title{display:flex;flex-direction:column; justify-content:center;align-items:center;font-size:16px;color:#666;line-height:54px;margin-top:50px;}
.da-title h3{font-size:30px;font-weight:normal;color:#333;}