* {
    word-break: break-all;
}
table {
    word-break: normal;
}
.upadding {
    padding-left: 20px;
}
.notlogin {
    margin-left: 11px;
}
.searchimg {
    margin-top: 19px;
}

#NowSearch {
    background-color: #000;
    height: 52px;
    color: #FFF;
    width: 83px;
    border-radius: 40px;
    margin-top: -7px;
    margin-right: -10px;
    border: none;
    line-height: 26px;
    /* height: 40px; */
    outline: 0;
    vertical-align: top;
    float: right;
    cursor: pointer;
}

#NowSearch img{
    width: 21px;
    height: 20px;
    margin: 16px 0 0 6px;
}
.cart_number {
    position: absolute; /* 绝对定位 */
    top: -10px; /* 调整位置，使其在图标上方 */
    right: 0px;
    background-color: red; /* 背景颜色 */
    color: white; /* 文字颜色 */
    border-radius: 50%; /* 使数字看起来更圆润 */
    width: 20px; /* 宽度 */
    height: 20px; /* 高度 */
    display: flex; /* 使用flex布局使数字居中 */
    align-items: center;
    justify-content: center;
    font-size: 12px; /* 文字大小 */
}

.carousel-nav span {
    display: inline-block;
    text-decoration: none;
    font-size: 37px !important;
    color: #FFF;
    cursor: pointer;
    margin: 0 8px;
}
.searchFirst {
    background: #fff;
    border-radius: 40px;
    width: 398px;
    height: 50px;
    border: #595857FF 1px solid;
    /* padding-top: 5px; */
    text-align: center;
}
.gopage {
    width: 50px;
    height:50px;
    border: #AFAFAF 1px solid;
    border-radius: 50%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* padding: 20px; */
    box-sizing: border-box;
    margin-left: 36px;
    left: 18px;
    position: relative;
} 
.page-file {
    width: 100%;
    height: auto;
    overflow: auto;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    .logo {
        width: 27%;
        height: auto;
        float: left;
        cursor: pointer;
        padding-top: 7px;
    }
    textarea {
        resize: vertical;
        width: 95% !important;
        margin-left: 2%;
    }

    .popup-hotel-brand li {
        width: 27%;
        height: 60px;
        border-radius: 3px;
        float: left;
        margin: 10px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .bom-logo {
        float: left;
        margin-top: 13px;
        cursor: pointer;
        margin-left: 12%;
    }

    .bom-group {
        float: left;
        margin-left: 78px;
        margin-top: 13px;
        margin-left: 10%;
    }
}
@media screen and (min-width:500px) and (max-width:700px) {
    .logo {
        width: 18%;
        height: auto;
        float: left;
        cursor: pointer;
        padding-top: 7px;
    }
    textarea {
        resize: vertical;
        width: 87% !important;
        margin-left: 8%;
    }

    .popup-hotel-brand li {
        width: 29%;
        height: 100px;
        border-radius: 3px;
        float: left;
        margin: 10px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .bom-logo {
        float: left;
        margin-top: 13px;
        cursor: pointer;
        margin-left: 18%;
    }

    .bom-group {
        float: left;
        margin-left: 78px;
        margin-top: 13px;
        margin-left: 10%;
    }
}
@media screen and (min-width:700px) and (max-width:960px) {
    .logo {
        width: 14%;
        height: auto;
        float: left;
        cursor: pointer;
        padding-top: 7px;
    }
    textarea {
        resize: vertical;
        width: 87% !important;
        margin-left: 11%;
    }

    .popup-hotel-brand li {
        width: 30%;
        height: 111px;
        border-radius: 3px;
        float: left;
        margin: 10px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .bom-logo {
        float: left;
        margin-top: 13px;
        cursor: pointer;
        margin-left: 26%;
    }

    .bom-group {
        float: left;
        margin-left: 78px;
        margin-top: 13px;
        margin-left: 10%;
    }
}

    @media screen and (max-width: 960px) {
      
        .nav-rc-body-div, .nav-popup-index-black, .header-top-li-3 {
            display: none
        }
        .nav > ul > li:last-child {
            border-right: none;
        }
        .bom-seat {
            width: 100%;
            height: 5px;
            
        }

        .page {
            width: 100%;
            height: auto;
            overflow: hidden;
            position: relative;
            background-color: #F7F7F7FF;
        }


        .header {
            width: 100%;
            height: 50px;
            color: #757575;
            font-size: 14px;
            background-color: #fff;
            /*padding-bottom: 14px;*/
        }

        .header-bg {
            width: 100%;
            height: 50px;
            background: url("/zcy/vance/pc/static/img/header-bg.png") repeat-x;
            border-bottom: #f3f0ed 1px solid;
            height: 60px;
        }

        .header-top {
            width: 100%;
            height: 30px;
            line-height: 30px;
            position: relative;
        }


            .header-top > p {
                float: right;
                overflow: auto;
                font-size: 12px;
                margin-left: 1%;
                margin-right: 4%;
            }

            .header-top > ul {
                width: 100%;
                float: right;
                height: 30px;
                line-height: 30px;
            }

                .header-top > ul > li {
                    float: right;
                    cursor: pointer;
                    overflow: visible;
                    margin-left: 6px;
                    padding: 0;
                    padding-left: 16px;
                    width: 18%;
                }

                    .header-top > ul > li > a {
                        display: block;
                        padding-left: 5px;
                    }

            .header-top span:hover {
            }

            .header-top > ul li:hover {
                color: #8c6f4b;
            }

            .header-top > ul > .header-top-li-1 {
                background: url("/zcy/vance/pc/static/img/header-item-bg-user.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg1.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-2 {
                background: url("/zcy/vance/pc/static/img/header-item-bg2.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg2.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-3 {
                background: url("/zcy/vance/pc/static/img/header-item-bg3.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg3.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-4 {
                background: url("/zcy/vance/pc/static/img/header-item-bg4.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg4.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-5 {
                background: url("/zcy/vance/pc/static/img/header-item-bg5.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg5.png") 0 50% no-repeat;*/
                padding-right: 0;
            }

        li.SelectSearch.col-8c6 {
            font-weight: bold;
        }
        .col-8c6-2 {
            color: #333333FF
        }
        .col-8c6-1 {
            color: #FEA917FF
        }
        .col-8c6 {
            color: #8c6f4b
        }

        .ico {
            width: auto;
            height: auto;
            margin-top: 15px;
        }


        .header-bottom {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            padding-top: 10px;
        }

        .logo img {
            width: 100%
        }

        .logo{
            margin-left: 1%;
        }

        .head-bom-right {
            float: right;
            width: 70%;
        }

            .head-bom-right ul {
                overflow: auto;
                margin-left: 6%;
            }

            .head-bom-right > ul > li {
                padding: 0 10px;
                float: left;
                border-left: #ababab solid 1px;
                cursor: pointer;
            }

                .head-bom-right > ul > li:hover {
                }

            .head-bom-right li:first-child {
                border-left: #ababab solid 0px;
            }

        .head-bom-search {
            width: 92%;
            height: 42px;
           /* border: #8c6f4b 1px solid;
            border-radius: 3px;
            margin-top: 7px;
            overflow: hidden;
            margin-left: 6%;*/
        }

        .mt-5 {
            margin: 5px 0;
        }

        .head-bom-search ul {
            overflow: hidden;
            margin-left: 0%
        }

        .head-bom-search li {
        }

        .head-search-left {
            width: 12%;
            height: 30px;
            float: left;
        }

            .head-search-left img {
                margin: 5px;
            }

        .head-search-center {
            width: 60%;
            height: 100%;
            float: left;
        }

            .head-search-center input[type=text] {
                width: 100%;
                border: 0;
                height: 30px;
                outline: medium;
                color: #757575;
                padding: 0;
                text-indent: 0;
            }

        .head-search-right {
            width: 24%;
            height: 30px;
            background: #8c6f4b;
            overflow: auto;
            float: right;
            font-size: 16px;
            color: #ffffff;
        }

            .head-search-right button {
                width: 100%;
                height: 100%;
                background: #8c6f4b;
                border: 0;
                float: right;
                color: #ffffff;
                font-size: 14px;
                /*border: 1px solid #8c6f4b;*/
                cursor: pointer;
                outline: none;
            }

                .head-search-right button:hover {
                }


        .bor-wei {
            font-weight: bold;
        }


        .bom {
            width: 100%;
            height: auto;
            /*border-top: 1px solid #ccc;*/
            box-shadow: 0 0 5px #ccc;
            /*position: absolute;*/
            bottom: 0;
            left: 0;
            background-color: #fff;
        }

        .bom-ul {
            width: 100%;
            margin: 0 auto;
            overflow: auto;
            height: 138px;
        }

            .bom-ul li {
                margin-top: 20px;
                float: left;
                width: 48%;
                text-align: center;
                font-size: 17px;
                border-left: 1px solid #e7e1d9;
                background-position: 28px center;
                background-repeat: no-repeat;
                /*overflow: hidden;*/
                text-indent: 50px;
                height: 40px;
                line-height: 40px;
            }

        .bom-bg-1 {
            background-image: url("/zcy/vance/pc/static/img/bom-1.png");
            background-size: 42px;
        }

        .bom-bg-2 {
            background-image: url("/zcy/vance/pc/static/img/bom-2.png");
            background-size: 42px;
        }

        .bom-bg-3 {
            background-image: url("/zcy/vance/pc/static/img/bom-3.png");
            background-size: 42px;
        }

        .bom-bg-4 {
            background-image: url("/zcy/vance/pc/static/img/bom-4.png");
            background-size: 42px;
        }

        .bom-ul li:hover {
        }

        /*.bom p{*/
        /*    float: left;*/
        /*    line-height: 40px;*/
        /*}*/

        /*.bom img{*/
        /*    float: left;*/
        /*}*/

        .bom-ul li:first-child {
            border-left: 0;
        }


        .bom-bottom {
            width: 100%;
            height: auto;
            background-color: #5b5b5b;
            padding-top: 20px;
        }

        .bom-bom-body {
            width: 100%;
            height: auto;
            margin: 0 auto;
            overflow: hidden;
        }

      

            .bom-group li {
                background-color: #626262;
                color: #ffffff;
                margin-top: 4px;
                width: 100px;
                height: 29px;
                font-size: 12px;
                text-indent: 20px;
                line-height: 29px;
                background-image: url("/zcy/vance/pc/static/img/arrow-right.png");
                background-repeat: no-repeat;
                background-position: 80px center;
                cursor: pointer;
            }

                .bom-group li > a {
                    width: 100%;
                    height: 100%;
                    display: inherit;
                }

                .bom-group li:hover {
                }

                .bom-group li:last-child {
                    margin-top: 8px;
                }

        .bom-list {
            float: left;
            margin-top: 13px;
            width: 100%
        }

            .bom-list li {
                width: 24%;
                height: 90px;
                float: left;
                text-align: center;
                color: #fff;
                border-left: 1px solid #615d59;
                cursor: pointer;
            }

        .ewm {
            display: block !important;
        }

        .bom-code {
            display: none
        }

        .bom-list li img {
            width: 34px;
            height: 34px;
        }

        .bom-list li:hover {
        }

        .bom-list p {
            margin: 5px 0;
        }


        .bom-code {
            width: 181px;
            float: right;
            padding: 6px;
            background-color: #6e6e6e;
            text-align: center;
            color: #fff;
        }


        .bom-record {
            width: 100%;
            background-color: #4b4b4b;
            height: 46px;
            margin-top: 2px;
            overflow: hidden;
        }

            .bom-record ul {
                width: 100%;
                margin: 0 auto;
            }

            .bom-record li {
                line-height: 46px;
                color: #ABABABFF;
                float: left;
                margin-left: 1%;
                margin-right: 1%;
            }

                .bom-record li:last-child {
                    width: 150px;
                    float: right;
                    height: 46px;
                    font-size: 13px;
                    font-weight: bold;
                    text-align: right;
                }


        .cursor {
            cursor: pointer;
        }


        .nav {
            width: 100%;
            height: 92px;
            background: #8c6f4b;
            line-height: 45px;
            font-size: 16px;
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 2px;
        }

        .nav2 {
            display: none
        }

        .nav1 {
            display: block !important
        }

            .nav1 ol, .nav1 ol li {
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #fff;
                height: 45px;
            }

            .nav1 ul {
                width: 100%;
            }

        .nav > ul {
            width: 100%;
            margin: 0 auto;
        }


            .nav > ul > li {
                width: 24.5%;
                height: 45px;
                float: left;
                background: #8c6f4b;
                cursor: pointer;
                text-align: center;
                border-right: 2px solid #fff;
            }


                .nav > ul > li:hover {
                    background-color: #4e4e4e;
                }


                .nav > ul > li > :hover {
                    color: #fff;
                }


        .product-s-header {
            width: 100%;
            height: 80px;
            line-height: 80px;
            text-indent: 8px;
            font-size: 12px;
            color: #acacac;
            font-weight: bold;
        }

            .product-s-header > span {
                padding: 0 10px;
            }

                .product-s-header > span:hover {
                }


        .flex-center {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
        }

        .product-right-body-bom {
            width: 100%;
            height: 30px;
            padding: 10px 0;
            background-color: #ffffff;
            margin-top: 25px;
        }

            .product-right-body-bom ul {
                overflow: hidden;
                background-color: #ffffff;
                flex-grow: 0;
                flex-shrink: 0;
            }

            .product-right-body-bom li {
                width: 26px;
                height: 26px;
                float: left;
                cursor: pointer;
                line-height: 26px;
                text-align: center;
                border: 1px solid #ffffff;
                margin: 0 4px;
            }

                .product-right-body-bom li:hover {
                    color: #8c6f4b;
                }

            .product-right-body-bom .changePage {
                background-color: #8c6f4b;
                border: 1px solid #8c6f4b;
                color: #ffffff;
            }

            .product-right-body-bom li:first-child {
                background-image: url("/zcy/vance/pc/static/img/product-body-left.png");
                background-position: center center;
                background-repeat: no-repeat;
                border: 1px solid #e1e1e1;
            }


            .product-right-body-bom li:last-child {
                background-image: url("/zcy/vance/pc/static/img/product-body-right.png");
                background-position: center center;
                background-repeat: no-repeat;
                border: 1px solid #e1e1e1;
            }


        .popup {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
        }


        .popup-black {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: .7;
        }

        .popup-body {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .popup-content {
            width: 100%;
            height: 100%;
            ;
            overflow: hidden;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }



        .popup-close {
            width: 25px;
            height: 35px;
            background-image: url("/zcy/vance/pc/static/img/popup.png");
            background-repeat: no-repeat;
            background-position: right top;
            cursor: pointer;
            float: right;
        }

        .popup-cont {
            width: 100%;
            height: auto;
            background-color: #ffffff;
            float: left;
        }





        .login {
            width: 100%;
            height: 454px;
            float: left;
            overflow: hidden;
            background-color: #ffffff;
            box-shadow: 0 0 5px #cccccc;
        }

        .login-header {
            width: 100%;
            height: 46px;
            line-height: 50px;
            border-bottom: 1px solid #e9e8e8;
        }


            .login-header > p:first-child {
                float: left;
                font-size: 14px;
                color: #333333;
                padding-left: 40px;
                font-weight: bold;
            }

            .login-header > p:last-child {
                float: right;
                font-size: 12px;
                color: #8c6f4b;
                padding-right: 40px;
                cursor: pointer;
            }

                .login-header > p:last-child:hover {
                }


        .login-input {
            width: 290px;
            margin: 0 auto;
            overflow: hidden;
            color: #b8b8b8;
        }


            .login-input > p {
                width: 100%;
                float: left;
                overflow: hidden;
                margin-top: 15px;
            }

                .login-input > p > input {
                    width: 288px;
                    float: left;
                    border: 1px solid #b8b8b8;
                    height: 32px;
                    line-height: 32px;
                    text-indent: 12px;
                    outline: none;
                    padding: 0;
                }


        .login-tips {
            width: 290px;
            height: 30px;
            margin: 0 auto;
            overflow: hidden;
            color: #666666;
            line-height: 18px;
            margin-top: 18px;
        }

            .login-tips > p {
                float: left;
                color: #8c6f4b;
            }

            .login-tips > div {
                float: right;
                line-height: 18px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
            }

                .login-tips > div > p {
                    flex-grow: 0;
                    flex-shrink: 0;
                    overflow: hidden;
                    margin-right: 6px;
                }

                .login-tips > div > label:hover {
                    cursor: pointer;
                }

                .login-tips > div > p > input {
                    float: left;
                    cursor: pointer;
                    height: auto;
                }

        .wq-login-body .wq-login-div select {
            margin: 0 4px;
        }

        .login-btn {
            width: 290px;
            height: 46px;
            background-color: #8c6f4b;
            color: #ffffff;
            margin: 24px auto 0 auto;
            font-size: 18px;
            text-align: center;
            line-height: 46px;
            cursor: pointer;
            display: block;
            padding: 0;
        }

            .login-btn :hover {
                box-shadow: 0 0 6px #666;
            }


        .login-weixin {
            margin-top: 20px;
            text-align: center;
            overflow: hidden;
            cursor: pointer;
        }


            .login-weixin:hover {
            }

            .login-weixin > p {
                overflow: hidden;
                color: #bdbdbd;
            }

                .login-weixin > p:last-child {
                    margin: 10px auto;
                }

        .MobileWXLogin {
            display:block;
        }
        .PCWXLogin {
            display:none;
        }
        .login-register {
            width: 290px;
            height: 16px;
            background-image: url("/zcy/vance/pc/static/img/login-4.png");
            background-repeat: no-repeat;
            background-position: 210px center;
            line-height: 16px;
            font-size: 12px;
            text-align: center;
            margin: 0 auto;
            color: #8c8c8c;
        }


            .login-register:hover {
                cursor: pointer;
            }


        .login-w-h {
            width: 370px;
            height: auto;
        }


        .display-none {
            display: none;
        }



        .wq-login-body {
            height: auto;
            float: left;
        }

        .wq-login-div {
            height: auto;
            float: left;
            position: relative;
        }

        .wq-login-w600 {
            width: 100%;
        }

        .wq-login-w850 {
            width: 850px;
        }

        .wq-login-w250 {
            width: 250px;
        }

        .wq-login-w285 {
            width: 285px;
        }

        .wq-login-w1200 {
            width: 1200px;
        }

        .wq-login-w1100 {
            width: 1100px;
        }

        .wq-login-w400 {
            width: 400px;
        }

        .wq-login-w500 {
            width: 500px;
        }

        .wq-login-w100 {
            width: 100px;
        }

        .wq-login-div > .warn {
            width: auto;
            background-color: #fff;
            z-index: 999;
            padding: 0;
            font-size: 12px;
            padding-left: 154px;
            color: red;
            display: none;
            margin-top: 0;
            position: relative;
            white-space: nowrap;
        }

        .wq-login-w250 > .warn {
            padding-left: 100px;
        }

        .wq-login-w850 > .warn {
            padding-left: 0;
            display: inline-block;
        }

        .frm-search .wq-login-div input {
            margin: 0 4px;
        }

        .h-80 {
            height: 72px
        }

        .wq-login-div > .warn .iconfont {
            font-size: 12px;
        }

        .w-auto {
            width: auto;
        }



        .wq-bor-bom-1 {
            width: 1200px;
            height: 1px;
            border-bottom: 1px solid #ccc;
            float: left;
            margin-top: 30px;
        }


        .commenClass {
            width: 200px;
            height: auto;
            margin-left: 148px;
            overflow: hidden;
        }

            .commenClass img {
                width: 50px !important;
                height: 50px !important;
                float: left;
            }

        .wq-login-div input {
            text-indent: 1em;
        }

            .wq-login-div input[type=text] {
                width: 350px;
                padding: 0;
            }



            .wq-login-div input[type=password] {
                padding: 0;
            }

        .wq-login-div select {
            width: 110px;
            height: 34px;
        }

        .wq-login-div input[type=radio] {
            float: left;
            margin: 4px 5px;
        }

        .wq-w140 {
            width: 140px;
        }


        #SupplyArea {
            width: 140px;
            height: 34px;
            border-radius: 0;
            margin: 0;
            margin-left: 4px;
            padding: 0;
            text-align: center;
            color: #8c6b4f;
            line-height: 34px;
        }


        .register-header {
            width: 100%;
            height: 30px;
            font-size: 16px;
            font-weight: bold;
            color: #8c6b4f;
            line-height: 30px;
            border: 0;
            text-indent: 15px;
            float: left;
        }

        #citysSpanText {
            width: 332px;
            height: auto;
            margin-left: 158px;
            padding: 10px;
        }

        .h-54 {
            height: 54px;
        }

        .margin-t20 {
            margin-top: 20px;
        }

        .popup-hotel-brand-width {
            width: 700px;
        }

            .popup-hotel-brand-width .popup-cont-head {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-bg.png");
                background-repeat: no-repeat;
                background-position: 20px center;
                background-size: 20px;
            }

        .popup-hotel-brand {
            width: 660px;
            height: auto;
            overflow: hidden;
            margin: 20px 0 40px 0;
        }


            .popup-hotel-brand .popup-hotel-brand-1 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-1.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-2 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-2.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-3 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-3.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-4 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-4.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-5 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-5.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-6 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-6.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-7 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-7.jpg" );
            }


            .popup-hotel-brand .popup-hotel-brand-1:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-1-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-2:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-2-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-3:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-3-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-4:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-4-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-5:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-5-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-6:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-6-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-7:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-7-over.jpg" );
            }



            .popup-hotel-brand li > p {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }


            .popup-hotel-brand li:hover {
                border: 2px solid #8c6f4b;
            }


            .popup-hotel-brand li > p:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-select.png");
                background-position: right bottom;
                background-repeat: no-repeat;
            }



        .popup-section {
            height: auto;
            overflow: hidden;
        }


        .popup-cont-head {
            width: 100%;
            height: 46px;
            text-indent: 50px;
            line-height: 46px;
            border-bottom: 1px solid #e9e8e8;
            font-weight: bold;
            font-size: 14px;
            color: #8c6f4b;
        }



        .popup-center {
            width: 100%;
            overflow: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
        }

        @media screen and (min-height: 1080px) and (max-height: 4000px) {
            .popup-center {
                max-height: 800px;
            }

            .media-height {
                max-height: 800px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 801px) and (max-height: 1080px) {
            .popup-center {
                max-height: 600px;
            }

            .media-height {
                max-height: 600px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 601px) and (max-height: 800px) {
            .popup-center {
                max-height: 500px;
            }

            .media-height {
                max-height: 500px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 501px) and (max-height: 600px) {
            .popup-center {
                max-height: 400px;
            }

            .media-height {
                max-height: 400px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 401px) and (max-height: 500px) {
            .popup-center {
                max-height: 300px;
            }

            .media-height {
                max-height: 300px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 200px) and (max-height: 400px) {
            .popup-center {
                max-height: 100px;
            }

            .media-height {
                max-height: 100px;
                overflow: auto;
            }
        }


        .w-800 {
            width: 800px;
        }


        input::-ms-clear, input::-ms-reveal {
            display: none;
        }

        .w-168 {
            width: 168px !important;
        }
    }

    @media screen and (min-width: 960px) {
        .page {
            width: 100%;
            min-width: 1400px;
            height: auto;
            overflow: hidden;
            position: relative;
            background-color: #F7F7F7FF;
        }
        .col-8c6-2 {
            color: #333333FF
        }
        .col-8c6-1 {
            color: #FEA917FF
        }

        .header {
            width: 100%;
            height: 50px;
            color: #757575;
            font-size: 14px;
            background-color: #fff;
          /*  padding-bottom: 27px;*/
        }

        .header-bg {
            width: 100%;
            height: 50px;
            background: url("/zcy/vance/pc/static/img/header-bg.png") repeat-x;
            border-bottom: #f3f0ed 1px solid;
        }

        .header-top {
            width: 1400px;
            margin: 0 auto;
            height: 50px;
            line-height: 50px;
            position: relative;
        }


            .header-top > p {
                float: left;
                overflow: auto;
            }

            .header-top > ul {
                width: 600px;
                float: right;
            }

                .header-top > ul > li {
                    float: right;
                    cursor: pointer;
                    overflow: visible;
                    margin-left: 20px;
                    padding: 0;
                    padding-left: 20px;
                }


                    .header-top > ul > li > a {
                        display: block;
                        padding-left: 5px;
                    }

            .header-top span:hover {
            }

            .header-top > ul li:hover {
                color: #8c6f4b;
            }

            .header-top > ul > .header-top-li-1 {
                background: url("/zcy/vance/pc/static/img/header-item-bg-user.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg1.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-2 {
                background: url("/zcy/vance/pc/static/img/header-item-bg2.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg2.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-3 {
                background: url("/zcy/vance/pc/static/img/header-item-bg3.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg3.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-4 {
                background: url("/zcy/vance/pc/static/img/header-item-bg4.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg4.png") 0 50% no-repeat;*/
            }

            .header-top > ul > .header-top-li-5 {
                background: url("/zcy/vance/pc/static/img/header-item-bg5.png") 0 center no-repeat;
                /*-ms-background: url("/zcy/vance/pc/static/img/header-item-bg5.png") 0 50% no-repeat;*/
                padding-right: 0;
            }

        li.SelectSearch.col-8c6 {
            font-weight: bold;
        }

        .col-8c6 {
            color: #8c6f4b
        }
        .col-8c7 {
            color: #424241FF
        }

        .ico {
            width: auto;
            height: auto;
            margin-top: 15px;
        }


        .header-bottom {
            width: 1400px;
            margin: 0 auto;
            overflow: hidden;
            padding-top: 42px;
            padding-bottom: 42px;
        }

        .logo {
            width: auto;
            height: auto;
            float: left;
            cursor: pointer;
        }

        .logo-ml {
            /*margin-left: 50px;*/
            margin-top: 16px;
        }

        .head-bom-right {
            float: right;
            width: 470px;
        }

            .head-bom-right ul {
                overflow: auto;
            }

            .head-bom-right > ul > li {
                padding: 0 10px;
                float: left;
                border-left: #ababab solid 1px;
                cursor: pointer;
            }

                .head-bom-right > ul > li:hover {
                }

            .head-bom-right li:first-child {
                border-left: #ababab solid 0px;
            }

        .head-bom-search {
            width: 462px;
            height: 42px;
           
            border-radius: 3px;
            /*margin-top: 10px;*/
            /*overflow: hidden;*/
        }

        .mt-5 {
            margin: 5px 0;
        }

        .head-bom-search ul {
            overflow: hidden;
        }

        .head-bom-search li {
        }

        .head-search-left {
            width: 38px;
            height: 38px;
            float: left;
        }

            .head-search-left img {
                margin: 9px;
            }

        .head-search-center {
            width: 290px;
            height: 100%;
            float: left;
        }

            .head-search-center input[type=text] {
                width: 100%;
                border: 0;
                height: 36px;
                outline: medium;
                color: #757575;
                padding: 0;
                text-indent: 0;
            }

        .head-search-right {
            width: 80px;
            height: 38px;
            background: #8c6f4b;
            overflow: auto;
            float: right;
            font-size: 16px;
            color: #ffffff;
        }

            .head-search-right button {
                width: 80px;
                height: 100%;
                background: #8c6f4b;
                border: 0;
                float: right;
                color: #ffffff;
                /*border: 1px solid #8c6f4b;*/
                cursor: pointer;
                outline: none;
            }

                .head-search-right button:hover {
                }


        .bor-wei {
            font-weight: bold;
        }


        .bom {
            width: 100%;
            height: auto;
            /*border-top: 1px solid #ccc;*/
            box-shadow: 0 0 5px #ccc;
          /*  position: absolute;*/
            bottom: 0;
            left: 0;
            background-color: #fff;
        }

        .bom-ul {
            width: 1200px;
            margin: 0 auto;
            overflow: auto;
            height: 103px;
        }

            .bom-ul li {
                margin-top: 30px;
                float: left;
                width: 295px;
                text-align: center;
                font-size: 20px;
                border-left: 1px solid #e7e1d9;
                background-position: 80px center;
                background-repeat: no-repeat;
                /*overflow: hidden;*/
                text-indent: 50px;
                height: 40px;
                line-height: 40px;
            }

        .bom-bg-1 {
            background-image: url("/zcy/vance/pc/static/img/bom-1.png");
        }

        .bom-bg-2 {
            background-image: url("/zcy/vance/pc/static/img/bom-2.png");
        }

        .bom-bg-3 {
            background-image: url("/zcy/vance/pc/static/img/bom-3.png");
        }

        .bom-bg-4 {
            background-image: url("/zcy/vance/pc/static/img/bom-4.png");
        }

        .bom-ul li:hover {
        }

        /*.bom p{*/
        /*    float: left;*/
        /*    line-height: 40px;*/
        /*}*/

        /*.bom img{*/
        /*    float: left;*/
        /*}*/

        .bom-ul li:first-child {
            border-left: 0;
        }


        .bom-bottom {
            width: 100%;
            height: auto;
            background-color: #5b5b5b;
            padding-top: 35px;
        }

        .bom-bom-body {
            width: 1400px;
            height: auto;
            margin: 0 auto;
            overflow: hidden;
        }

        .bom-logo {
            float: left;
            margin-top: 13px;
            cursor: pointer;
        }

        .bom-group {
            float: left;
            margin-left: 78px;
            margin-top: 13px;
        }

            .bom-group li {
                background-color: #626262;
                color: #ffffff;
                margin-top: 4px;
                width: 100px;
                height: 29px;
                font-size: 12px;
                text-indent: 20px;
                line-height: 29px;
                background-image: url("/zcy/vance/pc/static/img/arrow-right.png");
                background-repeat: no-repeat;
                background-position: 80px center;
                cursor: pointer;
            }

                .bom-group li > a {
                    width: 100%;
                    height: 100%;
                    display: inherit;
                }

                .bom-group li:hover {
                }

                .bom-group li:last-child {
                    margin-top: 8px;
                }

        .bom-list {
            float: left;
            margin-left: 145px;
            margin-top: 13px;
        }

            .bom-list li {
                width: 160px;
                height: 90px;
                float: left;
                text-align: center;
                color: #fff;
                border-left: 1px solid #615d59;
                cursor: pointer;
            }

                .bom-list li:hover {
                }

            .bom-list p {
                margin: 5px 0;
            }


        .bom-code {
          /*  width: 305px;*/
            float: right;
            /*padding: 6px;*/
            /*background-color: #6e6e6e;*/
            text-align: center;
            color: #fff;
        }


        .bom-record {
            width: 100%;
            background-color: #4b4b4b;
            height: 46px;
            margin-top: 27px;
            overflow: hidden;
        }

            .bom-record ul {
                width: 1400px;
                margin: 0 auto;
            }

            .bom-record li {
                line-height: 46px;
                color: #ABABABFF;
                float: left;
            }

                .bom-record li:last-child {
                    width: 150px;
                    float: right;
                    height: 46px;
                    font-size: 13px;
                    font-weight: bold;
                    text-align: right;
                }


        .cursor {
            cursor: pointer;
        }


        .nav {
            background: rgba(89,88,87,0.4);
            box-shadow: 0px 2px 4px 0px rgba(140,111,75,0.08);
            width: 100%;
            height: 45px;
            min-width: 1400px; 
            line-height: 45px;
            font-size: 16px;
            color: #ffffff
        }

            .nav > ul {
                width: 1400px;
                margin: 0 auto;
                overflow: hidden;
            }


                .nav > ul > li {
                    width: 130px;
                    height: 45px;
                    float: left;
                    background: url("/zcy/vance/pc/static/img/nav-bg.png") left center no-repeat;
                    cursor: pointer;
                    text-align: center;
                }


                    .nav > ul > li:hover {
                        background-color: #4e4e4e;
                    }


                    .nav > ul > li > :hover {
                        color: #fff;
                    }


        .product-s-header {
            width: 1200px;
            height: 80px;
            line-height: 80px;
            text-indent: 8px;
            font-size: 12px;
            color: #acacac;
            font-weight: bold;
        }

            .product-s-header > span {
                padding: 0 10px;
            }

                .product-s-header > span:hover {
                }


        .flex-center {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
        }

        .product-right-body-bom {
            width: 100%;
            height: 30px;
            padding: 10px 0;
            background-color: #ffffff;
            margin-top: 25px;
        }

            .product-right-body-bom ul {
                overflow: hidden;
                background-color: #ffffff;
                flex-grow: 0;
                flex-shrink: 0;
            }

            .product-right-body-bom li {
                width: 26px;
                height: 26px;
                float: left;
                cursor: pointer;
                line-height: 26px;
                text-align: center;
                border: 1px solid #ffffff;
                margin: 0 4px;
            }

                .product-right-body-bom li:hover {
                    color: #8c6f4b;
                }

            .product-right-body-bom .changePage {
                background-color: #8c6f4b;
                border: 1px solid #8c6f4b;
                color: #ffffff;
            }

            .product-right-body-bom li:first-child {
                background-image: url("/zcy/vance/pc/static/img/product-body-left.png");
                background-position: center center;
                background-repeat: no-repeat;
                border: 1px solid #e1e1e1;
            }


            .product-right-body-bom li:last-child {
                background-image: url("/zcy/vance/pc/static/img/product-body-right.png");
                background-position: center center;
                background-repeat: no-repeat;
                border: 1px solid #e1e1e1;
            }


        .popup {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
        }

        textarea {
            resize: vertical;
        }

        .popup-black {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: .7;
        }

        .popup-body {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .popup-content {
            width: 100%;
            height: 100%;
            ;
            overflow: hidden;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }



        .popup-close {
            width: 25px;
            height: 35px;
            background-image: url("/zcy/vance/pc/static/img/popup.png");
            background-repeat: no-repeat;
            background-position: right top;
            cursor: pointer;
            float: right;
        }

        .popup-cont {
            width: 100%;
            height: auto;
            background-color: #ffffff;
            float: left;
        }





        .login {
            width: 370px;
            height: 454px;
            float: left;
            overflow: hidden;
            background-color: #ffffff;
            box-shadow: 0 0 5px #cccccc;
        }

        .login-header {
            width: 100%;
            height: 46px;
            line-height: 50px;
            border-bottom: 1px solid #e9e8e8;
        }


            .login-header > p:first-child {
                float: left;
                font-size: 14px;
                color: #333333;
                padding-left: 40px;
                font-weight: bold;
            }

            .login-header > p:last-child {
                float: right;
                font-size: 12px;
                color: #8c6f4b;
                padding-right: 40px;
                cursor: pointer;
            }

                .login-header > p:last-child:hover {
                }


        .login-input {
            width: 290px;
            margin: 0 auto;
            overflow: hidden;
            color: #b8b8b8;
        }


            .login-input > p {
                width: 100%;
                float: left;
                overflow: hidden;
                margin-top: 15px;
            }

                .login-input > p > input {
                    width: 288px;
                    float: left;
                    border: 1px solid #b8b8b8;
                    height: 32px;
                    line-height: 32px;
                    text-indent: 12px;
                    outline: none;
                    padding: 0;
                }


        .login-tips {
            width: 290px;
            height: 30px;
            margin: 0 auto;
            overflow: hidden;
            color: #666666;
            line-height: 18px;
            margin-top: 18px;
        }

            .login-tips > p {
                float: left;
                color: #8c6f4b;
            }

            .login-tips > div {
                float: right;
                line-height: 18px;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
            }

                .login-tips > div > p {
                    flex-grow: 0;
                    flex-shrink: 0;
                    overflow: hidden;
                    margin-right: 6px;
                }

                .login-tips > div > label:hover {
                    cursor: pointer;
                }

                .login-tips > div > p > input {
                    float: left;
                    cursor: pointer;
                    height: auto;
                }

        .wq-login-body .wq-login-div select {
            margin: 0 4px;
        }

        .login-btn {
            width: 290px;
            height: 46px;
            background-color: #8c6f4b;
            color: #ffffff;
            margin: 24px auto 0 auto;
            font-size: 18px;
            text-align: center;
            line-height: 46px;
            cursor: pointer;
            display: block;
            padding: 0;
        }

            .login-btn :hover {
                box-shadow: 0 0 6px #666;
            }


        .login-weixin {
            margin-top: 20px;
            text-align: center;
            overflow: hidden;
            cursor: pointer;
        }


            .login-weixin:hover {
            }

            .login-weixin > p {
                overflow: hidden;
                color: #bdbdbd;
            }

                .login-weixin > p:last-child {
                    margin: 10px auto;
                }
        .PCWXLogin {
            display:block;
        }
        .MobileWXLogin {
            display:none;
        }
        .login-register {
            width: 290px;
            height: 16px;
            background-image: url("/zcy/vance/pc/static/img/login-4.png");
            background-repeat: no-repeat;
            background-position: 210px center;
            line-height: 16px;
            font-size: 12px;
            text-align: center;
            margin: 0 auto;
            color: #8c8c8c;
        }


            .login-register:hover {
                cursor: pointer;
            }


        .login-w-h {
            width: 370px;
            height: auto;
        }


        .display-none {
            display: none;
        }



        .wq-login-body {
            height: auto;
            float: left;
        }

        .wq-login-div {
            height: auto;
            float: left;
            position: relative;
        }

        .wq-login-w600 {
            width: 550px;
        }

        .wq-login-w850 {
            width: 850px;
        }

        .wq-login-w250 {
            width: 250px;
        }

        .wq-login-w285 {
            width: 285px;
        }

        .wq-login-w1200 {
            width: 1200px;
        }

        .wq-login-w1100 {
            width: 1100px;
        }

        .wq-login-w400 {
            width: 400px;
        }

        .wq-login-w500 {
            width: 500px;
        }

        .wq-login-w100 {
            width: 100px;
        }

        .wq-login-div > .warn {
            width: auto;
            background-color: #fff;
            z-index: 999;
            padding: 0;
            font-size: 12px;
            padding-left: 154px;
            color: red;
            display: none;
            margin-top: 0;
            position: relative;
            white-space: nowrap;
        }

        .wq-login-w250 > .warn {
            padding-left: 100px;
        }

        .wq-login-w850 > .warn {
            padding-left: 0;
            display: inline-block;
        }

        .frm-search .wq-login-div input {
            margin: 0 4px;
        }

        .h-80 {
            height: 72px
        }

        .wq-login-div > .warn .iconfont {
            font-size: 12px;
        }

        .w-auto {
            width: auto;
        }



        .wq-bor-bom-1 {
            width: 1200px;
            height: 1px;
            border-bottom: 1px solid #ccc;
            float: left;
            margin-top: 30px;
        }


        .commenClass {
            width: 200px;
            height: auto;
            margin-left: 148px;
            overflow: hidden;
        }

            .commenClass img {
                width: 50px !important;
                height: 50px !important;
                float: left;
            }

        .wq-login-div input {
            text-indent: 1em;
        }

            .wq-login-div input[type=text] {
                width: 350px;
                padding: 0;
            }



            .wq-login-div input[type=password] {
                padding: 0;
            }

        .wq-login-div select {
            width: 110px;
            height: 34px;
        }

        .wq-login-div input[type=radio] {
            float: left;
            margin: 4px 5px;
        }

        .wq-w140 {
            width: 140px;
        }


        #SupplyArea {
            width: 140px;
            height: 34px;
            border-radius: 0;
            margin: 0;
            margin-left: 4px;
            padding: 0;
            text-align: center;
            color: #8c6b4f;
            line-height: 34px;
        }


        .register-header {
            width: 100%;
            height: 30px;
            font-size: 16px;
            font-weight: bold;
            color: #8c6b4f;
            line-height: 30px;
            border: 0;
            text-indent: 15px;
            float: left;
        }

        #citysSpanText {
            width: 332px;
            height: auto;
            margin-left: 158px;
            padding: 10px;
        }

        .h-54 {
            height: 54px;
        }

        .margin-t20 {
            margin-top: 20px;
        }

        .popup-hotel-brand-width {
            width: 700px;
        }

            .popup-hotel-brand-width .popup-cont-head {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-bg.png");
                background-repeat: no-repeat;
                background-position: 20px center;
                background-size: 20px;
            }

        .popup-hotel-brand {
            width: 660px;
            height: auto;
            overflow: hidden;
        }

            .popup-hotel-brand li {
                width: 200px;
                height: 111px;
                border-radius: 3px;
                float: left;
                margin: 10px;
                overflow: hidden;
                position: relative;
                box-sizing: border-box;
                border: 1px solid #e8e8e8;
                cursor: pointer;
                background-repeat: no-repeat;
                background-size: 100%;
            }

            .popup-hotel-brand .popup-hotel-brand-1 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-1.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-2 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-2.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-3 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-3.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-4 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-4.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-5 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-5.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-6 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-6.jpg" );
            }
            .popup-hotel-brand .popup-hotel-brand-7 {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-7.jpg" );
            }


            .popup-hotel-brand .popup-hotel-brand-1:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-1-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-2:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-2-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-3:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-3-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-4:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-4-over.jpg" );
            }

            .popup-hotel-brand .popup-hotel-brand-5:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-5-over.jpg" );
            }
            .popup-hotel-brand .popup-hotel-brand-6:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-6-over.jpg" );
            }
            .popup-hotel-brand .popup-hotel-brand-7:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-7-over.jpg" );
            }



            .popup-hotel-brand li > p {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }


            .popup-hotel-brand li:hover {
                border: 2px solid #8c6f4b;
            }


            .popup-hotel-brand li > p:hover {
                background-image: url("/zcy/vance/pc/static/img/hotel-band-select.png");
                background-position: right bottom;
                background-repeat: no-repeat;
            }



        .popup-section {
            height: auto;
            overflow: hidden;
        }


        .popup-cont-head {
            width: 100%;
            height: 46px;
            text-indent: 50px;
            line-height: 46px;
            border-bottom: 1px solid #e9e8e8;
            font-weight: bold;
            font-size: 14px;
            color: #8c6f4b;
        }



        .popup-center {
            width: 100%;
            overflow: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
        }

        @media screen and (min-height: 1080px) and (max-height: 4000px) {
            .popup-center {
                max-height: 800px;
            }

            .media-height {
                max-height: 800px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 801px) and (max-height: 1080px) {
            .popup-center {
                max-height: 600px;
            }

            .media-height {
                max-height: 600px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 601px) and (max-height: 800px) {
            .popup-center {
                max-height: 500px;
            }

            .media-height {
                max-height: 500px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 501px) and (max-height: 600px) {
            .popup-center {
                max-height: 400px;
            }

            .media-height {
                max-height: 400px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 401px) and (max-height: 500px) {
            .popup-center {
                max-height: 300px;
            }

            .media-height {
                max-height: 300px;
                overflow: auto;
            }
        }

        @media screen and (min-height: 200px) and (max-height: 400px) {
            .popup-center {
                max-height: 100px;
            }

            .media-height {
                max-height: 100px;
                overflow: auto;
            }
        }



        .bom-seat {
            width: 100%;
            height:5px ;
        }

        .w-800 {
            width: 800px;
        }


        input::-ms-clear, input::-ms-reveal {
            display: none;
        }

        .w-168 {
            width: 168px !important;
        }
    }