/* 286G2户型专属样式 */

/* 空间定制页面 */
.space-bg {
    position: absolute;
    left: 205px;
    top: 331px;
    width: 2190px;
    height: 1131px;
    background: url(286G2户型配置/空间定制/img_空间.png) no-repeat;
    background-size: 100% 100%;
}

.space-img-3room {
    position: absolute;
    left: 347px;
    top: 757px;
    width: 425px;
    height: 340px;
    background: url(286G2户型配置/空间定制/img_三房.png) no-repeat;
    background-size: 100% 100%;
}

.space-img-4room {
    position: absolute;
    left: 347px;
    top: 757px;
    width: 425px;
    height: 340px;
    background: url(286G2户型配置/空间定制/img_四房.png) no-repeat;
    background-size: 100% 100%;
}

.space-btn-3room-h {
    position: absolute;
    left: 1803px;
    top: 452px;
    width: 416px;
    height: 357px;
    background: url(286G2户型配置/空间定制/btn_三房_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.space-btn-3room-n {
    position: absolute;
    left: 1803px;
    top: 452px;
    width: 416px;
    height: 353px;
    background: url(286G2户型配置/空间定制/btn_三房_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.space-btn-4room-h {
    position: absolute;
    left: 1803px;
    top: 894px;
    width: 416px;
    height: 357px;
    background: url(286G2户型配置/空间定制/btn_四房_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.space-btn-4room-n {
    position: absolute;
    left: 1803px;
    top: 894px;
    width: 416px;
    height: 353px;
    background: url(286G2户型配置/空间定制/btn_四房_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

/* 入户门厅页面 */
.entrance-bg {
    position: absolute;
    left: 241px;
    top: 430px;
    width: 1838px;
    height: 1043px;
    background: url(286G2户型配置/入户门厅/img_背景.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-img-pigewen {
    position: absolute;
    left: 738px;
    top: 1015px;
    width: 95px;
    height: 40px;
    background: url(286G2户型配置/入户门厅/img_皮革纹.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-btn-pigewen-h {
    position: absolute;
    left: 1613px;
    top: 1078px;
    width: 291px;
    height: 277px;
    background: url(286G2户型配置/入户门厅/btn_皮革纹_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-btn-pigewen-n {
    position: absolute;
    left: 1613px;
    top: 1078px;
    width: 291px;
    height: 274px;
    background: url(286G2户型配置/入户门厅/btn_皮革纹_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-img-baiyu {
    position: absolute;
    left: 738px;
    top: 1015px;
    width: 95px;
    height: 40px;
    background: url(286G2户型配置/入户门厅/img_白玉.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-btn-baiyu-h {
    position: absolute;
    left: 1925px;
    top: 1078px;
    width: 291px;
    height: 277px;
    background: url(286G2户型配置/入户门厅/btn_白玉_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-btn-baiyu-n {
    position: absolute;
    left: 1925px;
    top: 1078px;
    width: 291px;
    height: 274px;
    background: url(286G2户型配置/入户门厅/btn_白玉_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-img-qingyu {
    position: absolute;
    left: 738px;
    top: 1015px;
    width: 95px;
    height: 40px;
    background: url(286G2户型配置/入户门厅/img_青玉.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-btn-qingyu-h {
    position: absolute;
    left: 2237px;
    top: 1078px;
    width: 291px;
    height: 277px;
    background: url(286G2户型配置/入户门厅/btn_青玉_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-btn-qingyu-n {
    position: absolute;
    left: 2237px;
    top: 1078px;
    width: 291px;
    height: 274px;
    background: url(286G2户型配置/入户门厅/btn_青玉_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-img-liujinsuiyue {
    position: absolute;
    left: 1167px;
    top: 705px;
    width: 90px;
    height: 126px;
    background: url(286G2户型配置/入户门厅/img_鎏金岁月.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-btn-liujinsuiyue-h {
    position: absolute;
    left: 1613px;
    top: 557px;
    width: 291px;
    height: 276px;
    background: url(286G2户型配置/入户门厅/btn_鎏金岁月_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-btn-liujinsuiyue-n {
    position: absolute;
    left: 1613px;
    top: 557px;
    width: 291px;
    height: 274px;
    background: url(286G2户型配置/入户门厅/btn_鎏金岁月_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-img-zuoanxiangson {
    position: absolute;
    left: 1167px;
    top: 706px;
    width: 90px;
    height: 126px;
    background: url(286G2户型配置/入户门厅/img_左岸香颂.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-btn-zuoanxiangson-h {
    position: absolute;
    left: 1925px;
    top: 558px;
    width: 291px;
    height: 275px;
    background: url(286G2户型配置/入户门厅/btn_左岸香颂_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-btn-zuoanxiangson-n {
    position: absolute;
    left: 1925px;
    top: 558px;
    width: 291px;
    height: 272px;
    background: url(286G2户型配置/入户门厅/btn_左岸香颂_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-img-modengshidai {
    position: absolute;
    left: 1168px;
    top: 705px;
    width: 90px;
    height: 127px;
    background: url(286G2户型配置/入户门厅/img_摩登时代.png) no-repeat;
    background-size: 100% 100%;
}

.entrance-btn-modengshidai-h {
    position: absolute;
    left: 2236px;
    top: 558px;
    width: 291px;
    height: 275px;
    background: url(286G2户型配置/入户门厅/btn_摩登时代_h.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.entrance-btn-modengshidai-n {
    position: absolute;
    left: 2236px;
    top: 558px;
    width: 291px;
    height: 273px;
    background: url(286G2户型配置/入户门厅/btn_摩登时代_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

/* 合同页面 */
.contract-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow-y: auto;
    z-index: 1000;
}

.contract-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 3862px;
    background: url(286G2户型配置/合同/img_合同.png) no-repeat top center;
    background-size: 100% auto;
}

/* 合同页面选中项 - 门把位置（下排3个） */
.contract-selected-doorhandle-pigewen {
    position: absolute;
    left: 1874px;
    top: 783px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

.contract-selected-doorhandle-baiyu {
    position: absolute;
    left: 2355px;
    top: 783px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

.contract-selected-doorhandle-qingyu {
    position: absolute;
    left: 1874px;
    top: 840px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

/* 合同页面选中项 - 门牌位置（上排3个） */
.contract-selected-doorplate-liujinsuiyue {
    position: absolute;
    left: 1874px;
    top: 973px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

.contract-selected-doorplate-zuoanxiangson {
    position: absolute;
    left: 2355px;
    top: 973px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

.contract-selected-doorplate-modengshidai {
    position: absolute;
    left: 1874px;
    top: 1030px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

/* 合同页面选中项 - 空间定制 */
.contract-selected-space-3room {
    position: absolute;
    left: 2313px;
    top: 2091px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

.contract-selected-space-4room {
    position: absolute;
    left: 2313px;
    top: 2197px;
    width: 24px;
    height: 14px;
    background: url(286G2户型配置/合同/img_选中.png) no-repeat;
    background-size: 100% 100%;
    display: none;
    z-index: 100;
}

.contract-btn-screenshot {
    position: fixed;
    left: 2533px;
    top: 900px;
    width: 92px;
    height: 92px;
    background: url(btn_截图.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.contract-btn-print {
    position: fixed;
    left: 2533px;
    top: 1056px;
    width: 92px;
    height: 92px;
    background: url(btn_打印.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 1001;
}

.contract-btn-close {
    position: fixed;
    left: 2500px;
    top: 1832px;
    width: 148px;
    height: 65px;
    background: url(286G2户型配置/底部按钮/btn_返回_n.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 1001;
}

/* 286G2户型底部按钮样式 */
.btn-return {
    background: url(286G2户型配置/底部按钮/btn_返回_n.png) no-repeat;
    background-size: 100% 100%;
}

.btn-contract {
    background: url(286G2户型配置/底部按钮/btn_合同模版_n.png) no-repeat;
    background-size: 100% 100%;
}

.menu-bg {
    background: url(286G2户型配置/底部按钮/img_按钮背景.png) no-repeat;
    background-size: 100% 100%;
}

.menu-space-h {
    background: url(286G2户型配置/底部按钮/img_空间定制_h.png) no-repeat;
    background-size: 100% 100%;
}

.menu-space-n {
    background: url(286G2户型配置/底部按钮/img_空间定制_n.png) no-repeat;
    background-size: 100% 100%;
}

.menu-entrance-h {
    background: url(286G2户型配置/底部按钮/img_入户门厅_h.png) no-repeat;
    background-size: 100% 100%;
}

.menu-entrance-n {
    background: url(286G2户型配置/底部按钮/img_入户门厅_n.png) no-repeat;
    background-size: 100% 100%;
}

/* 打印样式 */
@media print {
    @page {
        size: A4 portrait;
        margin: 0;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    html, body {
        background: white !important;
        overflow: visible !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #stage {
        position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        background: white !important;
        width: auto !important;
        height: auto !important;
    }

    #stage > *:not(.contract-page) {
        display: none !important;
    }

    .contract-page {
        display: block !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: 2731px !important;
        height: 3862px !important;
        overflow: visible !important;
        zoom: 0.35;
        background: transparent !important;
        margin: 0 auto !important;
        page-break-inside: avoid !important;
        page-break-after: avoid !important;
        page-break-before: avoid !important;
    }

    .contract-btn-screenshot,
    .contract-btn-print,
    .contract-btn-close {
        display: none !important;
    }

    .contract-bg {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 2731px !important;
        height: 3862px !important;
        background: url(286G2户型配置/合同/img_合同.png) no-repeat top left !important;
        background-size: 2731px auto !important;
    }
}