.background{
    position:fixed;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    min-width: 1000px;
    z-index:-10;
    zoom: 1;
    background-color: #f6f9ff;
    background:#f6f9ff;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

body {
    background: #f6f9ff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.noML { margin-left: initial !important; }
.hide { display: none; }

.layui-tab-title .layui-this:after { border-radius: 5px 5px 0 0; }
.layui-tab-title .layui-this { color: #2f80ff; }
.layui-tab-title li { color: #737373; }

/*极验*/
.geetest_holder.geetest_wind {
    display: inline-block;
    vertical-align: middle;
}

.notSelection {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/*滚动条重置*/
::-webkit-scrollbar { width: 7px; height: 7px; background-color: #F5F5F5; }
::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; }
::-webkit-scrollbar-thumb { background-color: #AAA; }

.layui-row { margin: 0 10px; }

.header .header-box { padding-top: 15px; }
.header .header-box img { max-width: 150px; max-height: 45px; }
.header .header-box .info {
    font-size: 16px;
    font-weight: 700;
    color: #1f2d3d;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.header .header-box .query { display: inline-block; float: right; }
.header .header-box .query a {
    color: #fff;
    display: inline-block;
    width: 119px;
    line-height: 35px;
    border-radius: 19px;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 8px 18px rgba(47, 128, 255, .22);
    background:#2563EB;
}
.header .header-box .query a svg { margin-left: 18px; margin-right: 5px; vertical-align: middle; }

.header .header-box .notice {
    margin-top: 20px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #e8f0ff;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(45, 130, 255, .08);
}
.header .header-box .notice .tit { color: #1f2d3d; font-size: 14px; font-weight: 700; }
.header .header-box .notice .tips { margin-top: 6px; color: #566579; font-size: 12px; line-height: 1.6; }

/*主体*/
.title,
.title-2{
    display: flex;
    align-items: center;
    gap: 10px;
}

.title-line{
    width: 4px;
    height: 22px;
    background: #1D4ED8;
    border-radius: 2px;
    flex-shrink: 0;
}
.main .main-box {
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow:0 12px 30px rgba(15,23,42,.08);
    box-shadow:0 12px 30px rgba(15,23,42,.08);
    border-radius: 16px;
    padding: 18px 10px 24px;
}

.main-box:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main .title, .main .cate, .main .goods { margin: 0 20px; }
.main .title {
    font-size: 18px;
    font-weight: 700;
    color: #1f2d3d;
}
.main .title svg, .main .title img { vertical-align: middle; }

.main .cate {
    padding-top: 20px;
    margin: 0 10px;
    font-size: 0;
}


.main .cate .cate-box {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 185px;
    min-width: 185px;
    height: 80px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 15px 18px;
    margin: 0 10px 12px;
    cursor: pointer;
    user-select: none;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(45, 130, 255, .08);
    transition: all .25s ease;
}

.main .cate .cate-box:hover {
    border: 2px solid #2563EB;
    box-shadow: 0 4px 12px rgba(37,99,235,.12);
}

.main .cate .cate-box-select {
    background: #ffffff;
    border: 2px solid #2563EB;
    box-shadow: 0 4px 12px rgba(37,99,235,.15);
}

.main .cate .cate-box-select img { position: absolute; right: -6px; bottom: -19px; }
.main .cate .cate-box p {
    font-weight: 700;
    font-size: 14px;
    color: #1f2d3d;
    margin-top: 4px;
}
.main .cate .cate-box-select p { color: #111827; }
.main .cate .cate-box div {
    opacity: .86;
    color: #7a8797;
    font-size: 12px;
    margin-top: 8px;
}
.main .cate .cate-box-select div { color: #6b7280; }

.main .goods {
    margin-top: 14px;
  border-top: 1px solid #edf2fa;
    padding-top: 14px;
}



.main .title-2 {
    margin-bottom: 10px;
    color: #1f2d3d;
    font-size: 18px;
    font-weight: 700;
}
.main .title-2 span {
    font-size: 18px;
    font-weight: 700;
}


.main .title-2 svg, .main .title-2 span { vertical-align: middle; }

.main .goods .goods-box {
    padding: 16px;
    vertical-align: middle;
    width: 295px;
    min-width: 295px;
    min-height: 94px;
    background: #fff;
    border: 1px solid #e8f0ff;
    -webkit-box-shadow:0 10px 25px rgba(15,23,42,.08);
    box-shadow:0 10px 25px rgba(15,23,42,.08);
    border-radius: 14px;
    margin-right: 11px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    transition: all .2s ease;
}

.main .goods .picture {
    vertical-align: top;
    margin-right: 12px;
    display: inline-block;
    min-width: 80px;
    width: 80px;
    height: 80px;
}
.main .goods .picture img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; }
.main .goods .msg { vertical-align: top; display: inline-block; }
.main .goods .msg .goods-name {
    margin-bottom: 10px;
    color: #1f2d3d;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}
.main .goods .msg .goods-price { color: #1D4ED8; font-size: 15px; font-weight: 700; }
.main .goods .msg .goods-price span { font-size: 12px; vertical-align: bottom; }
.main .goods .msg .goods-price div {
    display: inline-block;
    background: #fff0ed;
    color: #fb636b;
    padding: 1px 4px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 5px;
}
.main .goods .msg .goods-num { margin-top: 3px; }
.main .goods .msg .goods-num div {
    display: inline-block;
    width: 53px;
    height: 5px;
    background: #edf2fa;
    position: relative;
    border-radius: 3px;
}
.main .goods .msg .goods-num div p {
    display: inline-block;
    position: absolute;
    width: 40%;
    height: 100%;
    background: linear-gradient(55deg, #65d69e, #31dd92);
    border-radius: 3px;
}
.main .goods .msg .goods-num span {
    color: #0db26a;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 18px;
}

/*手机端查单*/
.query-m {
    display: none !important;
}
/*.query-m {
    display: none;
    position: fixed;
    width: 60px;
    height: 60px;
    background:#2563EB;
    border-radius: 50%;
    right: 20px;
    bottom: 20%;
    box-shadow: 0 8px 18px rgba(47, 128, 255, .24);
    z-index: 99;
}
.query-m a { width: 60px; height: 60px; display: inline-block; }
.query-m svg { margin-left: 15px; margin-top: 6px; }
.query-m span { color: #fff; display: block; text-align: center; margin-top: -5px; font-weight: 700; }

/*扫码下单*/
.order-m {
    display: none !important;
}
/*.order-m {
    cursor: pointer;
    position: fixed;
    width: 70px;
    height: 70px;
    background:#2563EB;
    border-radius: 50%;
    right: 100px;
    bottom: 20%;
    box-shadow: 0 8px 18px rgba(47, 128, 255, .24);
    z-index: 99;
}  
*/
.order-m a { width: 70px; height: 70px; display: inline-block; }
.order-m svg { margin-left: 17.5px; margin-top: 6px; }
.order-m span { color: #fff; display: block; text-align: center; margin-top: -4px; font-weight: 700; }

.buy { text-align: center; margin-top: 10px; }
.buy button {
    border: initial;
    color: #fff;
    display: inline-block;
    width: 170px;
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
    border-radius: 100px;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 8px 18px rgba(47, 128, 255, .24);
    background:#2563EB;
}

.intro {
    padding: 12px 20px;
    color: #3f4c5a;
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: .5px;
    font-weight: 600;
}

/*底部*/
.footer { margin-top: 50px; margin-bottom: 15px; text-align: center; color: #9a9a9a; }

/*首页提示框*/
.home-tips { border-radius: 14px !important; }
.home-tips .layui-layer-title {
    background:#2563EB !important;
    color:#fff !important;
    height:40px;
    line-height:40px;
    border-radius:12px 12px 0 0;
    border-bottom:none;
    font-size:16px;
    font-weight:700;
    text-align:center;
    padding:0;
    overflow:hidden;
}
.home-tips .layui-layer-content {
    background:#fff !important;
    padding:12px 20px;
    color:#3f4c5a;
    font-size:14px;
    line-height:2.2;
    letter-spacing:.5px;
    font-weight:600;
}
.home-tips .layui-layer-setwin a { position: initial; }
.home-tips .layui-layer-content {
    padding: 12px 20px;
    color: #3f4c5a;
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: .5px;
    font-weight: 600;
    word-wrap: break-word;
    word-break: normal;
}

/*扫码*/
.qr { text-align: center; position: relative; }
.qr svg { display: block; margin: 0 auto; }
.qr img {
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*购买页*/
.main-box .goods-img {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    width: calc(100% - 30px);
    height: 0;
    position: relative;
    padding-bottom: calc(100% - 40px);
}
.main-box .goods-msg { margin-right: 20px; margin-left: 10px; margin-top: 20px; }
.main-box .goods-img img {
    width: calc(100% - 10px);
    box-shadow: 0 8px 18px rgba(47, 128, 255, .18);
    border-radius: 10px;
    margin-top: 5px;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.main-box .goods-msg .goods-name {
    font-weight: 700;
    font-size: 18px;
    color: #1f2d3d;
    border-bottom: 1px solid #edf2fa;
    padding-bottom: 5px;
}


.layui-form-select dl dd.layui-this { background-color: #2f80ff; }

/*tips*/
.small-tips {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 11px;
    margin-left: 5px;
    line-height: initial;
}
.tips-cyan { background: #ccdcf6; color: #2F4056; }
.tips-pink { background: #fff0ed; color: #fb636b; }
.tips-green { background: #e8fff3; color: #16b46f; }
.tips-yellow { background: #fbf7da; color: #d6b900; }
.tips-blue { background: #cadbff; color: #2f80ff; }
.tips-red { background: #ffd3d3; color: #FA016D; }
.tips-black { background: #262626; color: #ffffff; }

.pay { margin-top: 20px; border-top: 1px solid #edf2fa; padding-top: 10px; }
.pay-type {
    display: inline-block;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e8f0ff;
    border-radius: 10px;
    position: relative;
    padding: 8px 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(45,130,255,.08);
}
.pay-type svg { vertical-align: middle; }
.pay-select { border: 2px solid #2f80ff; background: #f8faff; color: #2f80ff; }

.sale { margin-top: 5px; margin-left: -5px; }
.sale .small-tips { margin-bottom: 5px; }
.l-msg { color: #7a8797; width: 72px; display: inline-block; vertical-align: middle; }
.price { margin-top: 5px; }
.price .price-sign { color: #e4393c; font-size: 16px; }
.price .price-num { color: #e4393c; font-size: 22px; }
.price .price-c {
    margin-left: 5px;
    color: #666;
    font: 12px/150% tahoma, arial, Microsoft YaHei, Hiragino Sans GB, "\u5b8b\u4f53", sans-serif;
}
.entry { margin-top: 15px; }
.pay-num { width: 50px !important; text-align: center; font-size: 20px !important; }
.sub svg, .add svg { vertical-align: middle; margin-top: -7px; cursor: pointer; }
.input input {
    display: inline-block;
    padding: 0 5px;
    height: 35px;
    width: 300px;
    font-weight: 500;
    font-size: 14px;
    color: #566579;
    background: #fff;
    border: 1px solid #e8f0ff;
    -webkit-box-shadow: 0 4px 10px rgba(135, 142, 154, .07);
    box-shadow: 0 4px 10px rgba(135, 142, 154, .07);
    border-radius: 6px;
    overflow: hidden;
}
.code img { height: 35px; border-radius: 6px; border: 1px solid #e8f0ff; vertical-align: middle; margin-top: -3px; }
.code input { width: 178px !important; }
#wait-geetest-captcha { color: #7a8797; }
.err_title { color: #1f2d3d; font-size: 20px; font-weight: 700; margin-top: 20px; }
.err_content { margin-top: 30px; margin-bottom: 30px; color: #737373; }
.err_but { padding-bottom: 100px; }
.btn a, .btn button {
    border: initial;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    width: 160px;
    line-height: 45px;
    margin-top: 15px;
    border-radius: 100px;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 8px 18px rgba(47, 128, 255, .24);
    background:#2563EB;
}
.pay-title { color: #1f2d3d; font-weight: 700; font-size: 20px; margin: 0 15px; }
.order-list { margin-left: initial; margin-right: initial; margin-top: 10px; border-bottom: 1px solid #edf2fa; padding-bottom: 5px; }
.info-ui { color: #566579; }
.info-ui strong { width: 30%; margin-bottom: 3px; text-align: right; display: inline-block; }
.order-info {
    width: calc(100% - 12px);
    height: 75px;
    overflow-wrap: break-word;
    padding: 5px;
    overflow: auto;
    resize: none !important;
    border: 1px solid #e8f0ff;
    -webkit-box-shadow: 0 4px 10px rgba(135, 142, 154, .07);
    box-shadow: 0 4px 10px rgba(135, 142, 154, .07);
    border-radius: 6px;
}

/*手机端适应*/
@media (max-width: 768px) {
    body { background: #f6f9ff; }
    .background {
        min-width: auto;
        background: #f6f9ff;
    }
    .header {
        background: #f6f9ff !important;
        background-image: none !important;
        color: #333;
        height: auto;
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .header .info { color: #1f2d3d !important; }
    .header .header-box .notice {
        margin: 14px 10px 0;
        border-radius: 14px;
    }
    .main .main-box {
        margin-top: 14px;
        border-radius: 16px;
        padding: 18px 10px 24px;
    }
    .main .title, .main .cate, .main .goods { margin: 0 10px; }
    .main .cate { margin: 0; padding-top: 16px; }
    .main .cate .cate-box {
        width: calc(50% - 20px);
        min-width: calc(50% - 20px);
        height: 78px;
        margin: 0 10px 12px;
        padding: 14px 16px;
    }
    .main .goods {
        margin-top: 12px;
        padding-top: 14px;
    }
    .main .goods .goods-box {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        min-height: 94px;
        display: inline-flex;
        align-items: center;
    }
    .query-m { display: initial; }
    .order-m { display: none; }
    .input input { width: calc(100% - 95px); }
    .code input { width: calc(100% - 219px) !important; }
    .main-box .goods-msg { margin-left: 20px; }
    .main .goods .goods-price div { margin-bottom: 5px; }
    .geetest_holder.geetest_wind { margin-top: 10px; }
    .order-info { margin-top: 10px; }
}

@media (max-width: 425px) {
    .layui-row { margin: 0 8px; }
    .main .cate .cate-box {
        width: calc(50% - 20px);
        min-width: calc(50% - 20px);
    }
    .main .goods .picture {
        width: 72px;
        height: 72px;
        min-width: 72px;
    }
}


.layui-row,
.layui-col-md8,
.layui-col-sm12,
.layui-col-md-offset2 {
    transform: none !important;
}