* {
            padding: 0;
            margin: 0;
            list-style: none;
            text-decoration: none;
        }

        div {
            cursor: pointer;
        }

        .font {
            color: #545454;
            font-size: 14px;
            font-weight: 700;
            font-family: 'Montserrat', sans-serif;
        }

        .describe-list {
            font-family: 'cursive';
            font-size: 13px !important;
            padding: 5px;
            color: cornflowerblue;
            font-weight: 600;
        }

        .header {
            width: 100%;
            /* height: 50px; */
            display: flex;
            z-index: 999;
            justify-content: space-between;
            box-shadow: 0 0 5px 1px #999;
            position: fixed;
            top: 0;
            background: rgb(242,245,250);
        }

        .header-left-lxfs {
            background: #698df3;
            border: 2px solid #4274ff;
            border-radius: 12px;
            font-size: 12px;
            padding: 0 5px;
            color: #fff;
        }

        .header>div {
            margin: 10px;
            display: flex;
            align-items: center;
        }

        .header-left {
            display: flex;
        }

        .header-left>div {
            margin: 0 10px;
        }

        .header-left-logo {
            max-width: 50px;
        }

        .header-right-query {
            background: linear-gradient(-45deg, #3369ff, #3798f7);
            color: #fff;
            font-size: 15px;
            padding: 10px 30px;
            border-radius: 10px;
        }

        main {
            margin: 20px;
            border-radius: 5px;
            background: radial-gradient(128px at 31.7% 40.2%, rgb(225, 200, 239) 21.4%, rgb(215, 225, 233) 57.1%);
        }

        /* 商品分类 */
        .goodsClass {
            margin-top: 100px;
            padding: 10px;
            border-radius: 5px;
        }

        .goodsClass-h {
            padding-left: 5px;
        }

        .goodsClass-list {
            display: flex;
            /* justify-content: space-between; */
            flex-wrap: wrap;
        }

        .goodsClass-list>div {
            /* height: 30px; */
            padding: 20px 50px;
            border-radius: 10px;
            font-weight: 600;
            text-align: center;
            margin: 10px;
            position: relative;
            font-size: 15px;
        }

        .b-show-item {
            color: #fff;
            /*background: linear-gradient(-45deg, #3369ff, #3798f7);*/
background: radial-gradient(178px at 1.8% 4%, rgb(162, 208, 254) 0.1%, rgba(193, 94, 245, 0.73) 100.2%)
        }

        .b-show {
            box-shadow: 0 4px 10px 0 rgb(135 142 154 / 14%);
            color: black
        }

        .b-show>span {
            font-size: 13px;
        }

        .goodsClass-list>div::after {
            content: "";
            z-index: 999;
            width: 30px;
            height: 30px;
            position: absolute;
            bottom: 1px;
            right: 1px;
            background: url("/static/index/index/images/select.png");
        }

        /* 商品 */
        .goods {
            padding: 10px;
            border-radius: 5px;
        }

        .goods-h {
            padding-left: 5px;
        }

        .goods-list {
            display: flex;
            /* justify-content: space-between; */
            flex-wrap: wrap;

        }

        .goods-list>div {
            padding: 10px;
            min-width: 200px;
            box-shadow: 0 4px 1px 0 rgb(135 142 154 / 50%);
            border-radius: 10px;
            font-size: 15px;
            margin: 10px;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            text-align: center;
        }
        .goods-list2{
                box-shadow: 0 4px 1px 0 rgb(52 119 252 / 50%) !important;
                background: radial-gradient(178px at 1.8% 4%, rgb(162, 208, 254) 0.1%, rgba(193, 94, 245, 0.73) 100.2%);
                display: flex;
                justify-content: space-evenly;
                align-items: center;
        }
        .goods-list-after {
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            bottom: 0;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* 商品标题 */
        .goods-list span:nth-child(1) {
            font-size: 14px;
        }

        /* 商品价格 */
        .goods-list span:nth-child(2) {
            font-size: 14px;
            font-weight: 600;
            color: #3798f7;
        }

        /* 库存详情*/
        .goods-list span:nth-child(3) {
            font-size: 12px;
            font-weight: 600;
            color: #0db26a;
        }

        .goods-list span,
        .goodsClass span {
            display: block;
            padding: 2px;
        }

        /* 商品描述 */
        .describe {
            padding: 10px;
            border-radius: 5px;
        }

        /* .describe::before{
            border-top: 1px solid #999;
        } */
        .describe-list {
            font-size: 15px;
        }

        /* 联系方式 */
        .order {
            padding: 10px;
            border-radius: 5px;
        }

        .order-box>div {
            padding: 10px 10px;
        }

        .order-noticeMethod {
            display: flex;
        }

        .order-email-notice {
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            font-size: 13px;
            color: #999;
        }

        .order-lxfs-h {
            font-size: 14px;
        }

        .order-des {
            font-size: 12px;
            color: #999;
        }

        #lxfs {
            min-width: 300px;
            /* min-height: 50px; */
            padding: 10px;
            outline: none;
            font-size: 20px;
        }

        #lxfs::placeholder {
            font-size: 14px;

        }

        .pay-type {
            display: flex;

        }

        .pay-type>div {
            width: 100px;
            text-align: center;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 3px;
            font-size: 13px;
            color: #999;
        }

        .pay-type>div:nth-child(n+2) {
            margin-left: 10px;
        }

        .footer {
            width: 100%;
            line-height: 50px;
            display: flex;
            justify-content: space-around;
            box-shadow: 0 0 5px 1px #999;
            position: fixed;
            bottom: 0;
            padding: 5px;
            background: #fff;
        }

        .footer>div {
            /*border: 1px solid;*/
        }

        /* 支付方式 */
        .pay-type img {
            width: 20px;
            vertical-align: middle;
        }

        .pay-type>div {
            border: 2px solid transparent;
            position: relative;
        }

        .selectPay {
            border: 2px solid #3369ff !important;
        }

        /* 当前支付选中状态 */
        /*.pay-type>div:nth-child(1)::after {*/
        /*    content: "";*/
        /*    width: 20px;*/
        /*    height: 20px;*/
        /*    position: absolute;*/
        /*    right: 0;*/
        /*    bottom: -1px;*/
        /*    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAABo0lEQVQ4jbXUP0gcURDH8TOgTbAQi3QK1hbCvNPgn0KEQBqxUAK2aZzZiyKKIoJuSGmKIIiIjQqCRZprBCEWSSESAiEQSMCkUJRACkEL/6H3tVgip7e3t56bhR8sPN6HeTNvN5X6Dw9QIcbbPp+qxHFZoNIpK6LQrtQkij8b5bFT1kVBFGSIusTwZo9aMbZvcAU3SGMieKtHvRg/8nFREI+WB+NukEZR9gtwhbRH14NwMdpFOQzDRcFl6C6/8gzdzjgphouCZOgvDzdeOuUyEg9moOXgk6LkSuIKaWM0Nuz7PHIes3HgmxkYfiy8z6fKGWv3wUVBjJmSeNsY1c74EFEl2S2YXg5dm4/EW4Z4IsqXqCrnsgDw/lPo+mpRPK00iLFzd9OLN+DNBu/ji5DLweef8PRVyAmUbDhuNDnjT1jFX3/B5RUsbcDpOez9hc6RoifcLMDF6HTGUbGWPJ+AnYOgLccn0DMVOeTtW7gzesU4K3U7Oobh4zcYeFfymn7Pb4vF+jrvl92gLR6vE4b/5TAlyrhTft+KsSfBX7IwMVqYl4tr5HDZyKPmZr8AAAAASUVORK5CYII=);*/
        /*    background-repeat: no-repeat;*/
        /*    background-size: cover;*/
        /*}*/
        .alert {
            display: none;
            position: fixed;
            top: 100px;
            left: 50%;
            margin-left: -100px;
            width: 400px;
            height: 600px;
            border-radius: 5px;
            background: #fff;
            box-shadow: 0 0 5px 1px #999;
        }

        .kmTitle {
            padding: 10px;
            text-align: center;
        }

        .kmUl>li {
            margin: 10px;
            padding: 10px;
            box-shadow: 0 0 4px -2px #999;

        }

        .close {
            position: absolute;
            right: 2px;
            top: 2px;
        }

        .close:hover {
            color: #999;
        }

        .table-h {
            height: 550px;
            overflow: auto;
        }

        .table-h::-webkit-scrollbar {
            width: 1px;
        }

        .table-submit {
            height: 50px;
            text-align: center;
            margin-bottom: 0;
        }

        #confirm {
            width: 200px;
            height: 40px;
            background: lightskyblue;
            border: none;
            border-radius: 5px;
            color: #fff;
            font-weight: 600;
        }

        .goodsLength {
            display: flex;
            justify-content: center;
        }

        .goodsLength input {
            width: 30px;
            height: 30px;
        }

        .goodsLength input:nth-child(2) {
            width: 50px;
            box-sizing: border-box;
        }

        .submit {
            color: #fff;
            background: dodgerblue;
            border-radius: 5px;
            padding: 0 40px;
        }
        .audio{
            position: fixed;
            right: 0;
            bottom: 50px;
        }
        .header-left-name{
            color: black;
        }
        .header-search{
            color: #fff;
        }