.book {
    background-color: #ffffff;
}

.book-st {
    height: 50px;
    line-height: 50px;
    width: 21cm;
    margin: 0 auto;
    text-align: right;
    vertical-align: middle;
}

.book-t {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center;
}

    .book-t .fs {
        font-size: 30px;
        font-family: 楷体;
    }

    .book-t .fc {
        position: absolute;
        color: red;
        font-weight: bolder;
        margin-left: 10px;
        font-family: 楷体;
        font-size: 16px;
        left: 660px;
        top: 20px;
    }

    .book-t .fc1 {
        font-size: 14px;
        position: absolute;
        left: 840px;
        top: 23px;
    }

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page {
    width: 21cm;
    min-height: 29.7cm;
    padding: 2cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    /*background: white;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background-image: url(/image/quote/A4_1.png),url(/image/quote/A4_2.png),url(/image/quote/A4_3.png),url(/image/quote/A4_4.png);
    background-position: 44px 43px,707px 43px,44px 1035px,707px 1035px;
    background-repeat: no-repeat;
    z-index: 1000;
}

.page-v {
    width: 29.7cm;
    min-height: 21cm;
    height: auto;
    padding: 1cm 2cm 2cm 2cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background-image: url(/image/quote/A4_1.png),url(/image/quote/A4_2.png),url(/image/quote/A4_3.png),url(/image/quote/A4_4.png);
    background-position: 44px 43px,1035px 43px,44px 96%,1035px 96%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1000;
}

.subpage-v {
    padding: 1px;
    /*border: 1px rgba(0, 0, 0, 0.1) solid;*/
    /*min-height: 160mm;*/
    background-color: transparent;
    /*outline: 2cm #FFEAEA solid;*/
    z-index: 0;
    margin-bottom: 0px;
    width: 100%;
    column-count: 3;
    column-gap: 1px;
    min-height: 780px;
    overflow: auto;
}

.subpage {
    padding: 1px;
    /*border: 1px rgba(0, 0, 0, 0.1) solid;*/
    /*min-height: 160mm;*/
    background-color: transparent;
    /*outline: 2cm #FFEAEA solid;*/
    z-index: 0;
    margin-bottom: 0px;
}

.sv-rp {
    width: 313px;
    float: left;
    margin-right: 9px;
    /*break-inside: avoid-region; /*avoid-page;auto;avoid-region;avoid-column ;*/
    /*page-break-inside:auto;*/
}

.sv-pt {
    width: 100%;
    height: 30px;
    text-align: center;
}

    .sv-pt .t-i {
        border: 0px;
        text-align: center;
        font-weight: bolder;
        font-size: 14px;
        display: inline-block;
        float: left;
        width: 45%;
    }

    .sv-pt .t-i1 {
        border: 0px;
        border-bottom: 1px solid #ada7a7;
        text-align: center;
        display: inline-block;
        float: left;
        width: 10%;
        color: red;
    }

    .sv-pt .t-i2 {
        border: 0px;
        border-bottom: 1px solid #ada7a7;
        text-align: center;
        display: inline-block;
        float: left;
        width: 5%;
    }

.dip-ib {
    display: inline-block;
    float: left;
    border: none;
    background-color: transparent;
    margin-left: 5px;
}

.sorh {
    float: left;
}

.sv-p {
    width: 100%;
    border: 1px 0 0 1px;
}

.rp {
    width: 100%;
    height: 26px;
    line-height: 26px;
    color: #0b4985;
    background: #81d161;
    font-weight: bold;
}

.rp-son {
    width: 100%;
    /*min-height: 20px;*/
    float: left;
    clear: both;
    border-bottom: 1px dotted #efeeee;
}

.fl {
    float: left;
}

.t-c {
    text-align: center;
}

.wd3 {
    width: 80px;
}

.fc-red {
    color: red;
}

.t-r {
    text-align: right;
}

.wd2 {
    width: 100%;
}

.t-l {
    text-align: left;
}

.w1 {
    width: 8%;
}

.w11 {
    width: 8%;
    color: #ada7a7;
}

.w2 {
    width: 68%;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
}

.w3 {
    width: 12%;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
}

.w4 {
    width: 12%;
}

.fs1 {
    min-height: 20px;
    line-height: 20px;
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        page-break-after: always;
        background: url(/image/quote/A4_1.png) no-repeat fixed;
        background-position: 20px,-20px;
    }
}


a:link {
    text-decoration: none;
    color: Black;
    font-size: small;
}

a:visited {
    text-decoration: none;
    color: Black;
}

a:active {
    text-decoration: none;
    color: red;
}

a:hover {
    text-decoration: underline;
    color: red;
}

.AjaxTabStrip .ajax__tab_header {
    font-size: small;
    padding-left: 0px;
    height: 28px !important;
    height: 20px;
    padding-top: 2px;
    border-bottom: 0;
}

.AjaxTabStrip .ajax__tab_body {
    border: #C2E2ED 1px solid;
    padding: 0px;
    background-color: #ffffff;
}

table {
    font-size: small;
}

.pointer {
    cursor: pointer;
}

.rp-div {
    height: 38px;
}

    .rp-div .rp-div-l {
        width: 20%;
        float: left;
        height: 38px;
        line-height: 38px;
    }

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.pr8 {
    padding-right: 8px;
}

.lh {
    line-height: 38px;
}

.fs14 {
    font-size: 14px;
}

.fc {
    color: #fa0303;
}

.fw {
    font-weight: 700;
}

.bd {
    border: 1px solid #b1b4b1;
}

.mr {
    margin-right: 5px;
}

.mt {
    margin-bottom: 30px;
}

.mt1 {
    margin-top: 10px;
}

.ht {
    height: 22px;
    line-height: 22px;
    padding-left: 3px;
}

.ht1 {
    height: 24px;
    line-height: 24px;
    padding-left: 3px;
}

.wd {
    width: 200px;
}

.wd1 {
    width: 250px;
}

.ml {
    margin-left: 5px;
}

.rp-div1 {
    height: 160px;
}

    .rp-div1 .rp-div-r1 {
        width: 68%;
        float: left;
        height: 160px;
    }

    .rp-div1 .rp-div-l1 {
        width: 30%;
        float: left;
        height: 38px;
        line-height: 30px;
    }

.search-div .search-div-top {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.search-div .search-div-top {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.search-div .search-div-bt {
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.search-div .pro-name {
    width: 280px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #C1C1C1;
}

.search-div .pn {
    float: left;
}

.search-div .ddl-pl {
    width: 290px;
    height: 40px;
    padding-left: 5px;
    border: 1px solid #C1C1C1;
}

.search-div .btn-search-pro {
    margin-left: 5px;
    margin-right: 5px;
}

.ctype-one {
    width: 100%;
}

    .ctype-one .cdiv {
        width: 800px;
        margin: 0 auto;
    }

.gvCtypeOne input {
    width: inherit;
}