* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #333;
}

input:active {
    border: none;
}

li {
    list-style: none;
}

.location {
    position: absolute;
}

input {
    outline: none;
    border: none;
    outline: medium;
}

.layui-tab-two {
    width: 100%;
    height: auto;
    background-color: #f3f4f6;
    padding-bottom: 2.24rem;
}

.li_style {
    width: 9.2rem;
    text-align: center;
    display: inline;
}

    .li_style .title {
        width: 7.86666667rem;
        height: 1.04rem;
        font-size: 0.37333333rem;
        color: #333333;
        line-height: 1.30666667rem;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .li_style .title .num {
            margin-left: 1.33333333rem;
        }

    .li_style .li_item {
        width: 9.2rem;
        height: 1.33333333rem;
        margin: 0.26666667rem auto 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        line-height: 1.33333333rem;
        background-color: #fff;
        border-radius: 0.13333333rem;
    }

        .li_style .li_item .name {
            width: 4.66666667rem;
            height: 1.33333333rem;
            font-size: 0.42666667rem;
            text-align: left;
            padding-left: 0.66666667rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            .li_style .li_item .name .number {
                width: 0.4rem;
                height: 0.4rem;
                background: #BBBBBB;
                border-radius: 0.05333333rem;
                text-align: center;
                line-height: 0.4rem;
                font-size: 0.32rem;
                color: #ffffff;
                margin-right: 0.29333333rem;
            }

            .li_style .li_item .name .number1 {
                background: #f54545;
            }

            .li_style .li_item .name .number2 {
                background: #FF944B;
            }

            .li_style .li_item .name .number3 {
                background: #FFCA37;
            }

            .li_style .li_item .name .txt {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .li_style .li_item .name .logo_pic {
                width: 0.4rem;
                height: 0.37333333rem;
                margin-left: 0rem;
            }

        .li_style .li_item .num {
            width: 2.93333333rem;
            height: 1.33333333rem;
            font-size: 0.37333333rem;
            text-align: left;
            margin-left: 0.26666667rem;
        }

        .li_style .li_item .pic {
            display: flex;
            align-content: center;
        }

            .li_style .li_item .pic img {
                width: 0.56rem;
                height: 0.53333333rem;
            }

        .li_style .li_item .img_Advert {
            width: 100%;
        }

    .li_style #_li_vip a {
        color: #A77F4E !important;
    }

.search {
    width: 9.2rem;
    height: 1.49333333rem;
    display: block;
    background: #ffffff;
    box-shadow: 0px 1px 12px 0px rgba(7, 0, 2, 0.15);
    border-radius: 0.13333333rem;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    margin: auto;
}

    .search .text {
        line-height: 1.33333333rem;
        font-size: 0.40333333rem !important;
        color: #bbbbbb;
        font-size: 0.37333333rem;
        border: none;
        width: 6.66666667rem;
        height: 1.33333333rem;
    }

    .search .img_search {
        width: 0.50666667rem;
        height: 0.50666667rem;
    }

.nav {
    width: 10rem;
    height: 1.30666667rem;
    position: fixed;
    bottom: 0px;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #D8D8D8;
    background-color: #ffffff;
    z-index: 1000;
}

    .nav a {
        position: relative;
        color: #333333;
        text-align: center;
        width: 1.33333333rem;
        height: 0.93333333rem;
        font-size: 0.26666667rem;
        font-family: PingFang-SC-Medium;
        display: flex;
        align-content: space-between;
        flex-wrap: wrap;
        justify-content: center;
    }

        .nav a img {
            width: 0.61333333rem;
            height: 0.61333333rem;
        }

        .nav a p {
            line-height: 0.34666667rem;
            height: 0.34666667rem;
            margin: 0.08rem auto 0;
        }

        .nav a .circle {
            position: absolute;
            width: 0.24rem;
            height: 0.24rem;
            background: #e87538;
            border-radius: 50%;
            right: 0.26666667rem;
            top: 0rem;
        }

        .nav a.active {
            color: #AA8354;
        }

._choose_box {
    width: 9.2rem;
    margin: auto;
}

    ._choose_box .title {
        height: 0.45333333rem;
        line-height: 0.45333333rem;
        font-size: 0.48rem;
        color: #000000;
        margin: 0rem 0.4rem 0rem 0rem;
    }

    ._choose_box ._box_content {
        margin-top: 0.69333333rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

        ._choose_box ._box_content li {
            width: 2.66666667rem;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            font-size: 0.37333333rem;
            text-align: center;
            background-color: #ffffff;
            border: 1px solid #ffffff;
            box-shadow: 0px 2px 3px 0px rgba(7, 0, 2, 0.02);
            color: #000000;
            margin-left: 0.32rem;
            margin-top: 0.29333333rem;
        }

            ._choose_box ._box_content li:nth-child(3n+1) {
                margin-left: 0 !important;
            }

            ._choose_box ._box_content li:nth-child(-n+3) {
                margin-top: 0 !important;
            }

            ._choose_box ._box_content li.active {
                background: #ffffff;
                border: 1px solid #a77f4e;
                color: #A77F4E;
                position: relative;
            }

                ._choose_box ._box_content li.active::after {
                    content: '';
                    width: 0.42666667rem;
                    height: 0.42666667rem;
                    position: absolute;
                    right: 0;
                    top: 0;
                    background-image: url('../img/choose.png');
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }

            ._choose_box ._box_content li a {
                display: block;
            }

.cover {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.7;
    z-index: 200000;
}

.noactive {
    display: none !important;
}

.hidden {
    display: none;
}

.delete-alert {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    z-index: 1000000;
}

    .delete-alert .delete-alert-content {
        width: 7.46666667rem;
        height: 3.89333333rem;
        background: #fff;
        margin-top: calc(50vh - 1.94666667rem);
        margin-left: calc(50% - 3.73333333rem);
        border-radius: 0.10666667rem;
    }

        .delete-alert .delete-alert-content .delete-alert-text {
            background: #fff;
            width: 100%;
            height: 2.66666667rem;
            border-bottom: 1px solid #d2d3d5;
            text-align: center;
        }

            .delete-alert .delete-alert-content .delete-alert-text .delete-title {
                font-size: 0.48rem;
                color: #000000;
                padding-top: 0.53333333rem;
                padding-bottom: 0.4rem;
            }

            .delete-alert .delete-alert-content .delete-alert-text .delete-remind {
                font-size: 0.4rem;
                color: #999999;
            }

    .delete-alert .delete-alert-button {
        width: 100%;
        height: 1.22666667rem;
        line-height: 1.22666667rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
    }

        .delete-alert .delete-alert-button .delete-cancel {
            width: 50%;
            text-align: center;
            font-size: 0.48rem;
            color: #000000;
            border-right: 1px solid #d2d3d5;
            box-sizing: border-box;
        }

        .delete-alert .delete-alert-button .delete-sure {
            width: 50%;
            text-align: center;
            font-size: 0.48rem;
            color: #a77f4e;
        }

@-webkit-keyframes nudge {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.4rem);
        transform: translate(0, -0.4rem);
    }
}

@keyframes nudge {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, -0.4rem);
        transform: translate(0, -0.4rem);
    }
}

.publish {
    width: 100%;
    min-height: 100vh;
    background: #fff;
    position: fixed;
    bottom: -26.66666667rem;
    z-index: 100000;
}

    .publish form {
        height: calc(100vh - 1.33333333rem);
        overflow-y: scroll;
        width: 100%;
        overflow-x: hidden;
    }

    .publish .publish-top {
        height: 1.06666667rem;
        line-height: 1.06666667rem;
        border: 1px solid #e7e7e7;
        vertical-align: middle;
        padding: 0 0.4rem;
        position: relative;
    }

        .publish .publish-top img {
            width: 0.66666667rem;
            height: 0.66666667rem;
            border-radius: 50%;
            position: relative;
            top: 0.2rem;
        }

        .publish .publish-top .publish-top-span {
            display: inline-block;
            padding-left: 0.13333333rem;
            font-size: 0.37333333rem;
            color: #333333;
        }

        .publish .publish-top .publish-top-cancle {
            display: inline-block;
            height: 0.4rem;
            font-size: 0.42666667rem;
            color: #999999;
            line-height: 0.53333333rem;
            position: absolute;
            top: 0.26666667rem;
            right: 0.4rem;
        }

    .publish .publish-upload {
        width: 100%;
    }

        .publish .publish-upload textarea {
            width: calc(100% - 1.06666667rem);
            margin: 0.4rem 0.53333333rem;
            border: none;
            font-size: 0.45333333rem;
            color: #000000;
            height: 2.13333333rem;
        }

            .publish .publish-upload textarea:focus {
                border: none;
                outline: none;
            }

        .publish .publish-upload .publish-add {
            margin: 0 0.53333333rem;
            width: calc(100% - 1.06666667rem);
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

            .publish .publish-upload .publish-add .publish-addimg {
                width: 2.58666667rem;
                height: 2.58666667rem;
                margin: 0.26666667rem 0rem 0rem 0.26666667rem;
            }

                .publish .publish-upload .publish-add .publish-addimg img {
                    width: 2.58666667rem;
                    height: 2.58666667rem;
                }

            .publish .publish-upload .publish-add .div-img {
                margin: 0.26666667rem 0rem 0rem 0.26666667rem;
                width: 2.58666667rem;
                height: 2.58666667rem;
            }

                .publish .publish-upload .publish-add .div-img img {
                    width: 2.58666667rem;
                    height: 2.58666667rem;
                }

                .publish .publish-upload .publish-add .div-img span {
                    right: 0.08rem;
                    border-radius: 50%;
                }

                    .publish .publish-upload .publish-add .div-img span img {
                        width: 0.29333333rem;
                        height: 0.29333333rem;
                        border-radius: 50%;
                        position: relative;
                        top: 0.02666667rem;
                    }

    .publish .publish-content {
        width: calc(100% - 1.06666667rem);
        margin: 0.4rem 0.53333333rem;
        margin-top: 1.06666667rem;
        border-top: 1px solid #e7e7e7;
    }

        .publish .publish-content .publish-content-text {
            width: 100%;
            height: 1.33333333rem;
            line-height: 1.33333333rem;
            box-sizing: border-box;
            border-bottom: 1px solid #e7e7e7 !important;
            position: relative;
            margin-bottom: 1px;
        }

            .publish .publish-content .publish-content-text label {
                display: inline-block;
                font-size: 0.45333333rem;
                color: #333333;
                width: 4rem;
                height: 100%;
            }

                .publish .publish-content .publish-content-text label span {
                    display: inline-block;
                    width: 8px;
                    font-size: 0.45333333rem;
                    color: #ff0000;
                }

            .publish .publish-content .publish-content-text input {
                width: calc(100% - 4.21333333rem);
                font-size: 0.45333333rem;
                color: #000;
                border: none;
            }

            .publish .publish-content .publish-content-text .ptypes {
                width: calc(100% - 4.21333333rem);
                font-size: 0.45333333rem;
                left: 4.21333333rem;
                position: absolute;
                top: 0;
                height: 100%;
            }

                .publish .publish-content .publish-content-text .ptypes .publish-content-img img {
                    width: 0.18666667rem;
                    height: 0.34666667rem;
                    float: right;
                    position: relative;
                    top: 0.49333333rem;
                    right: 0.53333333rem;
                }

    .publish .publish-check {
        width: 20rem;
        margin: 0.4rem 0.53333333rem;
        height: 1.06666667rem;
        line-height: 1.06666667rem;
    }

        .publish .publish-check span {
            display: inline-block;
        }

        .publish .publish-check .publish-checkbox {
            width: 0.4rem;
            height: 0.4rem;
            background: #ececec;
            border: 1px solid #cfcfcf;
            position: relative;
            top: 0.08rem;
            margin-right: 0.13333333rem;
        }

        .publish .publish-check .publish-checkbox-active {
            background: #A77F4E;
            border: 1px solid #A77F4E;
        }

        .publish .publish-check .publish-check-text {
            font-size: 0.37333333rem;
            color: #333333;
        }

        .publish .publish-check .publish-check-remind {
            font-size: 0.37333333rem;
            color: #999999;
        }

            .publish .publish-check .publish-check-remind span {
                color: #A77F4E;
            }

    .publish .publish-submit {
        width: calc(100% - 1.06666667rem);
        margin: 0.4rem 0.53333333rem;
        margin-top: 1.33333333rem;
    }

        .publish .publish-submit div {
            width: 4.61333333rem;
            height: 1.04rem;
            line-height: 1.04rem;
            background: #a77f4e;
            border-radius: 4px;
            margin: 0 auto;
            font-size: 0.42666667rem;
            color: #ffffff;
            text-align: center;
        }

.checktype {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1000000;
}

    .checktype ul {
        width: 100%;
        height: 3.2rem;
        overflow: auto;
        border-top: 1px solid #cfcfcf;
    }

        .checktype ul li {
            width: 100%;
            height: 1.06666667rem;
            line-height: 1.06666667rem;
            text-align: center;
            font-size: 0.42666667rem;
            border-bottom: 1px solid #cfcfcf;
        }

.mui-active {
    z-index: 1000000;
}

    .mui-active .mui-poppicker-header {
        height: 1.06666667rem !important;
        line-height: 1.06666667rem !important;
    }

        .mui-active .mui-poppicker-header button {
            font-size: 0.42666667rem !important;
            position: relative;
            top: 0.05333333rem;
        }

    .mui-active ul li {
        font-size: 0.34666667rem;
    }

.addinput {
    display: none;
}

.div-img {
    display: inline-block;
    position: relative;
}

    .div-img span {
        display: inline-block;
        width: 0.53333333rem;
        height: 0.53333333rem;
        line-height: 0.53333333rem;
        text-align: center;
        font-size: 0.4rem;
        position: absolute;
        right: 0.21333333rem;
        top: 0.08rem;
        background: rgba(153, 153, 153, 0.8);
        color: #fff;
    }

.div-div-delete {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0;
    right: 0;
}

.image {
    width: 2.72rem;
    height: 2.72rem;
    margin-right: 0.13333333rem;
    margin-bottom: 0.13333333rem;
}

.mPicker-header {
    font-size: 0.42666667rem;
}

.mPicker {
    z-index: 10000000;
}

.mPicker-content li {
    font-size: 0.37333333rem;
}

.mPicker-footer {
    height: 1.06666667rem;
    line-height: 1.06666667rem;
}

    .mPicker-footer a {
        height: 1.06666667rem;
        line-height: 1.06666667rem;
        font-size: 0.37333333rem;
    }

.mPicker-shadow {
    bottom: none !important;
}

.g-header-remind {
    position: absolute;
    width: 4.8rem;
    height: 1.6rem;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
}

    .g-header-remind .remind-cut {
        width: 0;
        height: 0;
        border-width: 0 0.53333333rem 0.53333333rem;
        position: relative;
    }

        .g-header-remind .remind-cut span {
            display: block;
            width: 0;
            height: 0;
            border-width: 0 0.53333333rem 0.53333333rem;
            border-style: solid;
            border-color: transparent transparent #A77F4E;
            /*透明 透明  黄*/
            position: absolute;
            top: 0px;
            left: 0px;
        }

    .g-header-remind .g-header-remind-text {
        color: #ffffff;
        height: 0.85333333rem;
        line-height: 0.85333333rem;
        text-align: center;
        background: #A77F4E;
        margin-top: 0.26666667rem;
        border-radius: 4px;
    }

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
    -webkit-appearance: none;
}

body {
    font-family: Arial;
}

.submit_success, .msgbox {
    width: 40%;
    top: 30%;
    left: 30%;
    padding: 5%;
    position: fixed;
    display: flex;
    justify-content: center;
    align-content: center;
    z-index: 2000;
    background: #0a0a0a;
    opacity: 0.8;
    border-radius: 4px;
    flex-wrap: wrap;
    text-align: center;
    z-index: 100000000000 !important;
}

    .submit_success img, .msgbox img {
        width: 0.74666667rem;
        height: 0.74666667rem;
    }

    .submit_success P, .msgbox P {
        width: 100%;
        /*height: 0.32rem;*/
        line-height: 0.52rem;
        font-size: 0.32rem;
        font-family: PingFang-SC-Medium;
        color: #ffffff;
        margin: 0.24rem auto 0;
        display: block;
    }

.confirm-alert {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    z-index: 1000000;
}

    .confirm-alert .confirm-alert-content {
        width: 7.46666667rem;
        height: 3.89333333rem;
        background: #fff;
        margin-top: calc(50vh - 1.94666667rem);
        margin-left: calc(50% - 3.73333333rem);
        border-radius: 0.10666667rem;
    }

        .confirm-alert .confirm-alert-content .confirm-alert-text {
            background: #fff;
            width: 100%;
            height: 2.66666667rem;
            border-bottom: 1px solid #d2d3d5;
            text-align: center;
            border-radius: 0.10666667rem;
        }

            .confirm-alert .confirm-alert-content .confirm-alert-text .confirm-title {
                font-size: 0.48rem;
                color: #000000;
                padding-top: 0.53333333rem;
                padding-bottom: 0.4rem;
            }

            .confirm-alert .confirm-alert-content .confirm-alert-text .confirm-remind {
                font-size: 0.4rem;
                color: #999999;
            }

    .confirm-alert .confirm-alert-button {
        width: 100%;
        height: 1.22666667rem;
        line-height: 1.22666667rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
    }

        .confirm-alert .confirm-alert-button .confirm-sure {
            width: 100%;
            text-align: center;
            font-size: 0.48rem;
            color: #a77f4e;
        }

.code-alert {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    z-index: 1000000;
}

    .code-alert .code-img {
        width: calc(100% - 2.66666667rem);
        margin: 0 auto;
        position: relative;
        text-align: center;
        top: 2.13333333rem;
        animation: warn 0.5s;
        -moz-animation: warn 0.5s;
        /* Firefox */
        -webkit-animation: warn 0.5s;
        /* Safari 和 Chrome */
        -o-animation: warn 0.5s;
        /* Opera */
    }

        .code-alert .code-img .code-codeimg {
            width: 100%;
        }

        .code-alert .code-img .code-close {
            width: 0.8rem;
            height: 0.8rem;
            margin-top: 0.93333333rem;
        }

.animates {
    animation: warn1 0.5s;
    -moz-animation: warn1 0.5s;
    /* Firefox */
    -webkit-animation: warn1 0.5s;
    /* Safari 和 Chrome */
    -o-animation: warn1 0.5s;
    /* Opera */
}

.push_loading {
    width: 2.93333333rem;
    height: 2.93333333rem;
    top: 5.2rem;
    left: 3.53333333rem;
    position: fixed;
    z-index: 200000000;
    background: #4c4c4c;
    opacity: 0.8;
    border-radius: 4px;
    text-align: center;
    line-height: 2.93333333rem;
}

    .push_loading img {
        width: 0.8rem;
        height: 0.8rem;
        position: relative;
        top: 0.26666667rem;
    }

@keyframes warn {
    from {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes warn {
    from {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes warn1 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    to {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes warn1 {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    to {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}



.div-brand {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 300px;
    background: #585858;
    overflow-y: auto;
    opacity: 0.9;
    color: #e8e8e8;
    display: none;
}

    .div-brand li {
        line-height: 1.2rem;
        text-align: center;
        font-size: 0.5rem;
        border-bottom: solid 1px #333;
    }

.load-back {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100000;
    opacity: 0.1;
    display: none;
}

.div-div-delete {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0;
    right: 0;
}


._result_box {
    overflow: auto;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
}

.page_search ._hot_product {
    margin: 0.29333333rem auto 0;
}

    .page_search ._hot_product .title {
        font-size: 0.37333333rem;
        font-family: PingFang-SC-Medium;
        color: #7b7c81;
    }

    .page_search ._hot_product ._box_content {
        margin-top: 0.32rem !important;
    }

    .page_search ._hot_product .title2 {
        font-size: 0.37333333rem;
    }