﻿body {
    background-color: #f5f5f5;
}

.shoplistBg {
    background-image: url(/Content/imgs/shops/shopListBg.png);
    height: 200px;
    background-size: cover;
}

    .shoplistBg .anchorNav {
        padding-top: 75px;
    }

        .shoplistBg .anchorNav .combox.posAnchor {
            position: fixed;
            border-bottom: 1px solid #e3e3e3;
            top: 95px;
            background-color: white;
            width: 100%;
            left: 0;
            right: 0;
            margin: auto;
            box-sizing: border-box;
            z-index: 1;
        }

            .shoplistBg .anchorNav .combox.posAnchor a {
                color: #333333 !important;
            }

                .shoplistBg .anchorNav .combox.posAnchor a::before {
                    background-color: #333333 !important;
                }

        .shoplistBg .anchorNav .combox .contentPos {
            padding-top: 20px;
            padding-bottom: 20px;
        }

            .shoplistBg .anchorNav .combox .contentPos .item {
                margin-left: 55px;
                font-size: 16px;
                color: white;
                position: relative;
            }

                .shoplistBg .anchorNav .combox .contentPos .item.active::before {
                    content: "";
                    position: absolute;
                    width: 30px;
                    height: 1px;
                    background-color: white;
                    top: 0;
                    bottom: 0;
                    left: -45px;
                    margin: auto;
                }

        .shoplistBg .anchorNav .collect {
            float: right;
            cursor: pointer;
        }

            .shoplistBg .anchorNav .collect > .ico {
                margin-bottom: 3px;
            }

            .shoplistBg .anchorNav .collect > span {
                color: white;
                margin-left: 5px;
            }

.leftContainer {
    max-width: 935px;
    width: 100%;
    margin-right: 20px;
    margin-top: -70px;
    margin-bottom: 120px;
    float: left;
}

.rightContainer {
    max-width: 270px;
    width: 100%;
    margin-top: -70px;
    float: right;
}

#online_Customer {
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    width: 270px;
    max-width: 270px;
}

    #online_Customer .topBox {
        padding: 33px 33px 20px 33px;
        border-bottom: 1px solid #dedede;
    }

        #online_Customer .topBox .price {
            text-align: left;
            margin-bottom: 10px;
        }

            #online_Customer .topBox .price > b {
                font-size: 40px;
            }

        #online_Customer .topBox .deposit,
        #online_Customer .topBox .jsnf {
            line-height: 200%;
            text-align: left;
            color: #b6b6b6;
        }

            #online_Customer .topBox .deposit > span,
            #online_Customer .topBox .jsnf > span {
                font-size: 14px;
                color: #686868;
            }

        #online_Customer .topBox .reserve {
            background-color: #1a1b1f;
            font-size: 18px;
            color: white;
            height: 48px;
            line-height: 48px;
            display: block;
            margin-top: 18px;
            border-radius: 5px;
        }

        #online_Customer .topBox .viewInfo {
            background-color: #d3b16a;
            border-radius: 5px;
            padding: 12px 0;
            margin-top: 12px;
            margin-bottom: 12px;
            display: block;
        }

            #online_Customer .topBox .viewInfo P {
                font-size: 16px;
                color: #fefeff;
                line-height: 180%;
            }

                #online_Customer .topBox .viewInfo p:last-of-type {
                    font-size: 12px;
                    opacity: 0.8;
                }

        #online_Customer .topBox .qqConsult {
            display: block;
            border: 1px solid #1a1b1f;
            margin-top: 12px;
            color: #1a1b1f;
            font-size: 16px;
            height: 42px;
            line-height: 42px;
            border-radius: 5px;
        }

    #online_Customer .ctBox {
        padding: 35px 25px;
        border-bottom: 1px solid #dedede;
    }

        #online_Customer .ctBox .salemanInfo .salesMan_picture {
            width: 92px;
            height: 92px;
            border-radius: 100%;
            float: left;
            border: 1px solid #dddddd;
        }

        #online_Customer .ctBox .salemanInfo .salesman {
            float: left;
            text-align: left;
            box-sizing: border-box;
            /*width: 128px;*/
            /*padding: 20px 0 20px 18px;*/
            padding: 10px 0 0px 20px;
        }

            #online_Customer .ctBox .salemanInfo .salesman > p {
                line-height: 180%;
            }

            #online_Customer .ctBox .salemanInfo .salesman .name {
                font-size: 15px;
                color: #6a6a6a;
            }

            #online_Customer .ctBox .salemanInfo .salesman .tel {
                color: #b6b6b6;
            }

            #online_Customer .ctBox .salemanInfo .salesman .contact {
                margin-top: 5px;
            }

                #online_Customer .ctBox .salemanInfo .salesman .contact .qq,
                #online_Customer .ctBox .salemanInfo .salesman .contact .wx {
                    float: left;
                    text-align: center;
                    color: white;
                    border-radius: 35px;
                    height: 35px;
                    line-height: 35px;
                }

                #online_Customer .ctBox .salemanInfo .salesman .contact .qq {
                    margin-right: 15px;
                }

    #online_Customer .btmBox {
        padding: 25px;
        box-sizing: border-box;
    }

        #online_Customer .btmBox > a {
            /*float: left;
  width: 50%;*/
            text-align: center;
            color: #1a1b1f;
        }

#shop_describe {
    background-color: #fff;
    position: relative;
}

    #shop_describe .topBox {
        padding: 30px 40px 20px 40px;
        box-sizing: border-box;
        position: relative;
    }

        #shop_describe .topBox h3 {
            color: #333333;
            font-size: 22px;
            font-weight: bold;
            width: 65%;
            margin-bottom: 14px;
        }

            #shop_describe .topBox h3 img {
                margin-bottom: 3px;
                width: 22px;
                height: 22px;
            }

        #shop_describe .topBox .number {
            position: absolute;
            right: 40px;
            top: 30px;
            color: #333333;
            font-size: 16px;
        }

            #shop_describe .topBox .number .shopNum {
                padding-right: 8px;
            }

            #shop_describe .topBox .number .copyNum {
                background-color: #1a1b1f;
                color: white;
                padding: 2px 10px;
                display: inline-block;
                cursor: pointer;
            }

        #shop_describe .topBox .qrCodeBox {
            position: absolute;
            z-index: 1;
            width: 175px;
            right: 45px;
            top: -12px;
            padding: 20px;
            box-sizing: border-box;
            background-color: white;
            -moz-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.12);
            -webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.12);
            text-align: center;
            border-radius: 8px;
        }

            #shop_describe .topBox .qrCodeBox .wxQrCode {
                width: 100%;
            }

            #shop_describe .topBox .qrCodeBox .name {
                font-size: 18px;
                color: #363636;
            }

            #shop_describe .topBox .qrCodeBox .txt {
                color: #2b2b2b;
            }

                #shop_describe .topBox .qrCodeBox .txt > img {
                    margin-right: 5px;
                }

        #shop_describe .topBox #sellerContact {
            background-color: #f4eee1;
            text-align: center;
            margin-top: 50px;
            margin-bottom: 6px;
        }

            #shop_describe .topBox #sellerContact .tips {
                background-color: #d3b16a;
                padding: 0 14px;
                height: 30px;
                line-height: 30px;
                border-radius: 35px;
                color: white;
                font-size: 12px;
                transform: translateY(-15px);
                display: inline-block;
            }

            #shop_describe .topBox #sellerContact .infoList {
                padding-top: 25px;
                padding-bottom: 25px;
            }

                #shop_describe .topBox #sellerContact .infoList .itemMsg {
                    float: left;
                    width: 20%;
                    box-sizing: border-box;
                }

                    #shop_describe .topBox #sellerContact .infoList .itemMsg:nth-child(2n) {
                        border-left: 1px solid #d3b16a;
                        border-right: 1px solid #d3b16a;
                    }

                    #shop_describe .topBox #sellerContact .infoList .itemMsg > p:first-of-type {
                        font-size: 16px;
                        color: #383838;
                        font-weight: bold;
                    }

                    #shop_describe .topBox #sellerContact .infoList .itemMsg > p {
                        font-size: 12px;
                        color: #797979;
                        margin-top: 8px;
                    }

        #shop_describe .topBox .particulars {
            padding: 20px 0;
            box-sizing: border-box;
            background-color: #f5f5f5;
        }

            /*#shop_describe .topBox .particulars .row:nth-child(2) {
                margin: 20px 0;
            }*/
            #shop_describe .topBox .particulars .row:not(:last-child) {
                margin-bottom: 20px;
            }

            #shop_describe .topBox .particulars .row ul {
                float: left;
                color: #9d9c9c;
                position: relative;
                width: 20%;
            }

                #shop_describe .topBox .particulars .row ul li {
                    width: 136px;
                    line-height: 26px;
                    height: 26px;
                    text-align: center;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    overflow: hidden;
                    font-size: 12px;
                    color: #9d9d9d;
                }

                    #shop_describe .topBox .particulars .row ul li:first-of-type {
                        font-size: 16px;
                        color: #383838;
                    }

                #shop_describe .topBox .particulars .row ul:not(:last-of-type)::after {
                    content: '';
                    position: absolute;
                    height: 40px;
                    width: 1px;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    margin: auto;
                    background-color: #e3e3e3;
                }

        #shop_describe .topBox .shopflag {
            background-color: #f5f5f5;
            padding: 26px 28px 20px 28px;
            box-sizing: border-box;
            border-top: 1px solid white;
        }

            #shop_describe .topBox .shopflag .flagList .itemflag {
                float: left;
                width: 33.3333%;
            }

                #shop_describe .topBox .shopflag .flagList .itemflag .item {
                    margin-right: 6px;
                    color: #686868;
                }

                #shop_describe .topBox .shopflag .flagList .itemflag .grade {
                    font-size: 12px;
                    color: #373737;
                    border: 1px solid #bfbfbf;
                    padding-left: 12px;
                    height: 22px;
                    line-height: 22px;
                    border-radius: 30px;
                    display: inline-block;
                }

                    #shop_describe .topBox .shopflag .flagList .itemflag .grade em {
                        margin-left: 8px;
                        font-style: initial;
                        color: white;
                        background-color: #d3b16a;
                        height: 22px;
                        line-height: 22px;
                        padding: 0 12px;
                        border-radius: 35px;
                        display: inline-block;
                    }

        #shop_describe .topBox .btn_box {
            padding-top: 23px;
        }

            #shop_describe .topBox .btn_box > .price {
                color: #f15500;
                font-size: 40px;
                float: left;
                margin-right: 55px;
            }

                #shop_describe .topBox .btn_box > .price span {
                    font-size: 14px;
                    margin-left: 3px;
                }

            #shop_describe .topBox .btn_box .bzjPrice {
                float: left;
            }

                #shop_describe .topBox .btn_box .bzjPrice > li {
                    line-height: 28px;
                }

                #shop_describe .topBox .btn_box .bzjPrice .deposit,
                #shop_describe .topBox .btn_box .bzjPrice .jsnf {
                    color: #a0a0a0;
                    position: relative;
                }

                    #shop_describe .topBox .btn_box .bzjPrice .deposit .th,
                    #shop_describe .topBox .btn_box .bzjPrice .jsnf .th {
                        color: #b6b6b6;
                    }

                    #shop_describe .topBox .btn_box .bzjPrice .deposit .price,
                    #shop_describe .topBox .btn_box .bzjPrice .jsnf .price {
                        color: #686868;
                    }

            #shop_describe .topBox .btn_box .btn {
                float: right;
            }

                #shop_describe .topBox .btn_box .btn input[type='button'] {
                    height: 46px;
                    line-height: 46px;
                    width: 150px;
                    border-radius: 35px;
                    border: none;
                    font-size: 18px;
                    color: #fff;
                    background-color: #d3b16a;
                }

                    #shop_describe .topBox .btn_box .btn input[type='button']:first-of-type {
                        background-color: #f46a17;
                        margin-right: 15px;
                    }

    #shop_describe .able {
        padding: 0 40px;
        box-sizing: border-box;
    }

        #shop_describe .able li {
            float: left;
            color: #5e5e5e;
            width: 130px;
            height: 60px;
            line-height: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            #shop_describe .able li img {
                margin-bottom: 3px;
            }

#describe {
    background-color: #fff;
    margin-top: 15px;
}

    #describe .content {
        padding: 35px 40px;
    }

        #describe .content #shopflag {
            margin-bottom: 60px;
        }

            #describe .content #shopflag dl .title {
                font-size: 20px;
                color: #313131;
                margin-top: 20px;
                margin-bottom: 20px;
                font-weight: bold;
            }

            #describe .content #shopflag dl dt {
                line-height: 24px;
                color: #a0a0a0;
                margin-bottom: 10px;
            }

            #describe .content #shopflag dl dd {
                float: left;
            }

                #describe .content #shopflag dl dd .itemTag {
                    font-size: 12px;
                    color: #d99a17;
                    border: 1px solid #d99a17;
                    border-radius: 30px;
                    padding: 2px 8px;
                    display: inline-block;
                    margin-right: 5px;
                }

                #describe .content #shopflag dl dd .sellerDescribed {
                    line-height: 24px;
                    color: #6d6d6d;
                    font-size: 14px;
                }

        #describe .content #shopScreenshot .title {
            font-size: 20px;
            color: #313131;
            margin-top: 20px;
            margin-bottom: 20px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        #describe .content #shopScreenshot .layui-carousel {
            background-color: transparent;
        }

            #describe .content #shopScreenshot .layui-carousel > [carousel-item] {
                width: 80%;
                margin: auto;
            }

                #describe .content #shopScreenshot .layui-carousel > [carousel-item] div img {
                    display: block;
                    margin: auto;
                    height: 100%;
                    cursor: zoom-in;
                }

            #describe .content #shopScreenshot .layui-carousel .layui-carousel-arrow {
                border-radius: 100%;
                width: 52px;
                height: 52px;
                line-height: 52px;
                background-color: #1a1b1f;
                color: white;
            }

                #describe .content #shopScreenshot .layui-carousel .layui-carousel-arrow:hover {
                    background-color: #d3b16a;
                }

            #describe .content #shopScreenshot .layui-carousel .noScreenshot {
                font-size: 18px;
                text-align: center;
                margin-top: 14%;
            }

                #describe .content #shopScreenshot .layui-carousel .noScreenshot .empty_screenshot {
                    height: initial !important;
                    margin: 0 !important;
                    margin-bottom: 15px;
                    display: inline-block;
                }

        #describe .content #buyProcess {
            padding-bottom: 70px;
        }

            #describe .content #buyProcess .title {
                font-size: 20px;
                color: #313131;
                margin-top: 20px;
                margin-bottom: 20px;
                font-weight: bold;
                margin-top: 85px;
            }

            #describe .content #buyProcess .contentBox .processList {
                counter-reset: sectioncounter;
                margin-top: -72px;
            }

                #describe .content #buyProcess .contentBox .processList .itemPro {
                    float: left;
                    position: relative;
                }

                    #describe .content #buyProcess .contentBox .processList .itemPro > img {
                        width: 70px;
                    }

                    #describe .content #buyProcess .contentBox .processList .itemPro:not(:last-of-type) {
                        margin-right: 87px;
                    }

                    #describe .content #buyProcess .contentBox .processList .itemPro::after {
                        content: '0' counter(sectioncounter);
                        counter-increment: sectioncounter;
                        position: absolute;
                        transform: matrix(1, 0, -0.2, 1, 0, 0);
                        top: -19px;
                        right: 5px;
                        text-align: center;
                        width: 60px;
                        height: 45px;
                        font-size: 24px;
                        font-weight: bold;
                        color: #d3b16a;
                        opacity: 0.5;
                    }

            #describe .content #buyProcess .contentBox .line {
                height: 2px;
                background-color: #e7e7e7;
                margin: 90px 0 40px 0;
            }

            #describe .content #buyProcess .contentBox .textBox {
                margin: 40px auto 0 auto;
            }

                #describe .content #buyProcess .contentBox .textBox .step {
                    float: left;
                    text-align: center;
                }

                    #describe .content #buyProcess .contentBox .textBox .step:not(:last-of-type) {
                        margin-right: 75px;
                    }

                    #describe .content #buyProcess .contentBox .textBox .step .th {
                        font-size: 14px;
                        font-weight: bold;
                        color: #222222;
                        margin-bottom: 15px;
                    }

                    #describe .content #buyProcess .contentBox .textBox .step .describe {
                        font-size: 12px;
                        color: #a8a8a8;
                    }

        #describe .content #question .title {
            font-size: 20px;
            color: #313131;
            margin-top: 20px;
            margin-bottom: 20px;
            font-weight: bold;
        }

            #describe .content #question .title .moreQues {
                float: right;
                color: #424242;
                font-size: 12px;
                margin-top: 5px;
            }

        #describe .content #question .questions {
            margin-top: 30px;
        }

            #describe .content #question .questions ul li {
                float: left;
                width: 49%;
                background-color: #f7f7f7;
                padding: 22px;
                color: #a0a0a0;
                box-sizing: border-box;
                margin-bottom: 2%;
            }

                #describe .content #question .questions ul li:nth-child(2n+1) {
                    margin-right: 2%;
                }

                #describe .content #question .questions ul li .ques_title {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 232px;
                    font-size: 15px;
                    color: #4d4d4d;
                    margin-bottom: 20px;
                }

                    #describe .content #question .questions ul li .ques_title img {
                        width: 20px;
                        margin-right: 8px;
                    }

                #describe .content #question .questions ul li .reply {
                    text-align: justify;
                    line-height: 180%;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                }

                #describe .content #question .questions ul li .quesDetail {
                    color: #d3b16a;
                    margin-top: 15px;
                    display: inline-block;
                }

#similarShops {
    margin-bottom: 95px;
    margin-top: 40px;
    float: left;
    width: 100%;
}

    #similarShops > .th {
        margin-bottom: 40px;
    }

        #similarShops > .th span:first-of-type {
            font-size: 20px;
            font-weight: bold;
            color: #686868;
        }

        #similarShops > .th .refresh {
            float: right;
            color: #3e3e3e;
        }

            #similarShops > .th .refresh img {
                margin-right: 10px;
                margin-bottom: 2px;
            }

    #similarShops li.itemShop:nth-child(n+5) {
        margin-top: 1.3%;
    }

    #similarShops li.itemShop {
        box-sizing: border-box;
        padding: 25px;
        float: left;
        background-color: #fff;
        width: 23.8%;
        height: 270px;
        cursor: pointer;
        position: relative;
    }

        #similarShops li.itemShop:hover {
            -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
        }

        #similarShops li.itemShop:not(:last-of-type) {
            margin-right: 1.2%;
        }

        #similarShops li.itemShop > .title {
            color: #2d2d2d;
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #similarShops li.itemShop .tags {
            text-align: left;
            margin-top: 12px;
            margin-bottom: 18px;
        }

            #similarShops li.itemShop .tags .itemTag {
                color: #767676;
                font-size: 12px;
                padding: 0 12px;
            }

                #similarShops li.itemShop .tags .itemTag:first-of-type {
                    padding-left: 0;
                }

                #similarShops li.itemShop .tags .itemTag:not(:last-of-type) {
                    border-right: 2px solid #eeeeee;
                }

        #similarShops li.itemShop .contact {
            display: inline-block;
        }

            #similarShops li.itemShop .contact > a {
                margin-right: 12px;
            }

        #similarShops li.itemShop .cateImg {
            position: absolute;
            right: 25px;
            bottom: 25px;
        }

    #similarShops .shops .itemShop .contact .wx {
        pointer-events: none;
    }

.detail-intro {
    margin: 5px auto;
    font-size: 14px;
}

.detail-seo-blocks {
    padding: 30px 40px 20px 40px;
    background: #fff;
    margin-top: 15px;
}

.detail-seo-block {
    margin-bottom: 10px;
}

    .detail-seo-block .title {
        font-size: 18px;
        margin-bottom: 3px;
    }
