inf{
    vertical-align: sub;
    font-size: smaller;
}
body {
    font-family: Noto Sans SC;
    font-size: 14px;
}

.boyd {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share {
    position: relative
}

.share:after {
    content: "";
    position: absolute;
    display: none; /* 初始状态为隐藏 */
    bottom: -10px; /* 仍然指向下方 */
    right: 19px;
    border-left: 15px solid transparent;  /* 增大左边框 */
    border-right: 15px solid transparent; /* 增大右边框 */
    border-bottom: 12px solid #FFFFFF; /* 增大底边框 */
}

.social-share {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 5px;
    background: #FFFFFF;
    position: absolute;
    align-items: center;
    bottom: -56px;
    left: -12px;
}
.icon-wechat{
    z-index: 999;
}
.qrcode img{
    width: 100px !important;
    height: 100px !important;
}


.share:hover .social-share,
.social-share:hover,
.share:hover:after {
    display: flex;
}

.share:after {
    content: "";
    position: absolute;
    display: none; /* 初始状态为隐藏 */
    bottom: -10px; /* 仍然指向下方 */
    right: 19px;
    border-left: 15px solid transparent;  /* 增大左边框 */
    border-right: 15px solid transparent; /* 增大右边框 */
    border-bottom: 12px solid #FFFFFF; /* 增大底边框 */
}

.search-box {
    width: 92px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 25px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(300deg, #DE6DF5 0%, #1219C4 51%, #0FE6E6 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 水平偏移 0, 垂直偏移 4px, 模糊半径 8px, 颜色 rgba(0, 0, 0, 0.3) */
}

input {
    font-size: 16px;
}

input::placeholder {
    font-size: 15px;
    color: #888;

}

.search-box-body {
    display: flex;
    align-items: center;
    min-width: 57px;
    margin-left: 20px;
    padding: 20px 0px;
}

.search-box-item {
    display: inline-block;
    padding: 0 8px;
    border: 2px #32ADE6 solid;
    margin: 4px;
    border-radius: 8px;
    color: #32ADE6;
    font-size: 15px;
    line-height: 29px;
    height: 29px;
    white-space: nowrap;
    max-width: 850px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.close-search {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADcSURBVHgBrZVNDoQgDEZp41VZsJsbDJ5gloRwV2amiRCi/LTAt1BS9T3BVMB7/1FKvRDRaq1PtSEhhHeM0RITCU5FKtAFtZgET0z8H/Jbr0pK+MU7gQbOOZpOBs8sVw1ujLGQCiuSFpzGUN44I+nBHwKpZASvCrgSDrwpGEm48K6gJbmAlgMfCmqSMiM4S9CScOAUVIwcx/Hl1GoZzuD+Qctw+gQk8PTfkjQjSOBpzSXNCFJ4ClcCM3CJBGbhXAmswDkSWIWPJLAD3pPgLjiFnr3v8XnTX4XXJHT+AYCkUK2J1rqrAAAAAElFTkSuQmCC') no-repeat;
    background-size: contain; /* 或 cover */
    margin-left: 8px;
    cursor: pointer;
}

.close-search:hover {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADoSURBVHgBrZXhDcIgEEbv2MK4BZsY4x5uIJ3AQUzTTbqFdYsiNCltU+DugO8Xgct7AXKAepjeMMMTFJrxdumgQXT/ewFY45mo+8mGlQaSAF+RMNsNOFujB1/QBu7GHS4Ln6/fzgYu2EkMPt6vBkNBhSQF9yM8FBZIcvCTQCqh4FEBV8KBJwWUhAvPClIS15TAhZOCqOSQPJwlSEtouI8CTpSyrLlI6CM6XeheQveJksHduyV8u1ACX89c0owohYcapgRL4BIJlsK5EqyBcyRYC6ck2AKekxw//Qp4SrL79OvhPuPDMXbMP8kZ97vJGEAkAAAAAElFTkSuQmCC') no-repeat;
    background-size: contain; /* 或 cover */
    margin-left: 8px;
    cursor: pointer;
}

.black-bold {
    color: #151515;
}

.default-text {
    margin-left: 8px;
    font-size: 16px;
    color: #151515;
}

.search-title {
    width: 110px;
}

.search-box-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pointer {
    width: 9px;
    height: 9px;
    background-color: #D9D9D9;
    display: inline-block;
    border-radius: 100%;
}

.search-info {
    user-select: none;
    margin: 20px 0 47px 0;
    width: 1095px;
    height: 180px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.search-info-item {
    display: flex;
    border-bottom: 1px #E6E8EC solid;
    padding-top: 15px;
    padding-bottom: 15px;
}

.search-info-title {
    min-width: 160px;
    width: 160px;
}

input[type="radio"]:checked + span {
    color: #32ADE6; /* 选中时的颜色 */
    text-shadow: 0 0 0.2px #000000;
}

input[type="radio"] {
    width: 16px;
    height: 16px;
    appearance: none;
    position: relative;
    top: 3.5px;
}

input[type="radio"]:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #7d7d7d;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

input[type="radio"]:checked:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #32ADE6;
    background: #32ADE6;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

input[type="radio"]:checked:after {
    content: '';
    width: 8px;
    height: 4px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 5.6px;
    left: 4px;
    vertical-align: middle;
    transform: rotate(-45deg);
}

.search-info-title > div {
    display: flex;
    align-items: center;
}

.search-info-content {
    flex-wrap: wrap;
    display: flex;
}

.search-info-content > div {
    display: flex;
    margin-left: 15px;
    line-height: 28px;
}

.search-info-content > div:nth-child(n+12) {
    display: none;
}

.search-info-content > div > span {
    min-width: max-content;
    margin-left: 5px;
    font-size: 15px;
    cursor: pointer;
}

.search-info-content > .check-span {
    color: #32ADE6;
}

/*.search-info-hidden {*/
/*    display: none !important;*/
/*}*/


.search-info-content > * {
    justify-self: start; /* 第二个元素左对齐 */
}

.search-info-content > :last-child(1) {
    justify-self: end; /* 第一个元素右对齐 */
}

.gengduo {
    margin-left: 20px;
    color: #999999;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.gengduo img {
    margin-left: 4px;
    width: 10px;
    height: 6px;
}

.table-toolbar {
    width: 1000px;
    background: #F7F8FA;
    height: 71px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-toolbar, .right-toolbar {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.right-toolbar li {
    margin-right: 20px;
}

.left-toolbar li:not(:first-child) {
    margin: 0 15px;
    font-size: 15px;
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left-toolbar li:first-child {
    margin-left: 10px;
}

.left-toolbar li div {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 3px;
}

.left-toolbar li .triangle-up {
    margin-bottom: 2px;
}

.left-toolbar li .triangle-down {
    margin-top: 2px;
}

.order-by {
    cursor: pointer;
}

.triangle-up {
    display: inline-block;
    border-left: 6px solid transparent; /* (12px / 2) */
    border-right: 6px solid transparent; /* (12px / 2) */
    border-bottom: 7px solid #999999;
    cursor: pointer;
}

.triangle-down {
    display: inline-block;
    border-left: 6px solid transparent; /* (12px / 2) */
    border-right: 6px solid transparent; /* (12px / 2) */
    border-top: 7px solid #999999;
    cursor: pointer;
}

.check-order-by1 .triangle-up {
    border-bottom: 7px solid #32ADE6 !important;

}

.check-order-by2 .triangle-down {
    border-top: 7px solid #32ADE6 !important;
}

.check-order-by1 span {
    color: #32ADE6 !important;
    font-weight: bold;
}

.check-order-by2 span {
    color: #32ADE6 !important;
    font-weight: bold;
}

.pagination {
    text-align: right;
    width: 1000px;
    color: #676767;
}

.pagination-div {
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    justify-content: end;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #32ADE6;
}

.layui-laypage a:hover {
    color: #32ADE6;
}

.layui-laypage-skip button {
    background-color: #32ADE6;
    color: white;
    font-weight: bold;
}

.layui-laypage .layui-laypage-spr {
    margin-left: 10px;
}

.layui-laypage a {
    margin-left: 10px;
    background-color: #EBEDF0;
}

.layui-laypage select {
    background-color: #EBEDF0;
}

.layui-laypage .layui-laypage-curr {
    margin-left: 10px;
}


.gm-box {
    border-radius: 2px;
    display: flex;
    padding: 20px 30px 20px 30px;
    background-color: white;
}

.gm-box-left {
    width: 185px;
    display: flex;
}

.gm-box-left > img {
    width: 30px;
    height: 35px;
}

.gm-box-left > span {
    width: 55px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}

.gm-box-desc {
    color: #737373;
    font-size: 13px;
}

.amount {
    margin-top: 15px;
    display: block;
    color: #FF9500;
    font-size: 16px;
    font-weight: bold;
}

.gm-box-btn {
    cursor: pointer;
    margin-top: 15px;
    display: flex;
}

.gm-icon {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    display: inline-block;
    background: url('../img/gm-button-icon.png') no-repeat center center/cover, #E57711;
    width: 30px;
    height: 30px;
    background-size: 20px 20px; /* 宽100像素，高200像素 */
}

.gm-btn {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    height: 30px;
    line-height: 30px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #FA8820;
    color: white;
    font-size: 12px;
}

.list-item {
    width: 1000px;
    display: flex;
    flex-direction: row;
    padding: 20px 30px;
    border-bottom: 1px #E6E8EC solid;
}

.list-item-1 {
    display: flex;
    flex-direction: column;
    width: 103px;
}

.list-item-1 > .label {
    padding: 0px 15px;
    border-radius: 5px;
    background-color: #49B252;
    color: white;
    min-width: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
}

.list-item-1 > img {
    margin-top: 10px;
    width: 103px;
    height: 145px;
    box-shadow: 0px 2px 7px #ACA9A97F;
}

.list-item-2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 25px;
    max-width: 872px;
    position: relative;
}

.list-item-2 > .list-item-2-left {
    display: flex;
    justify-content: space-between;
}

.list-item-2 .list-item-2-left-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 100%;
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
    white-space: nowrap; /* 确保文本不换行 */
}

.list-item-2-left-body .title {
    max-width: 100%;
    color: #194873;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
    white-space: nowrap; /* 确保文本不换行 */
    width: 500px;
}

.list-item-2-left-body .title2 {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #151515;
    margin-top: 12px;
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
    white-space: nowrap; /* 确保文本不换行 */
}

.list-item-2-left-body .div {
    font-size: 18px;
    font-weight: bold;
    color: #151515;
    margin-top: 12px;
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
    white-space: nowrap; /* 确保文本不换行 */
}

/*.list-item-2 .options {*/
/*    width: 200px;*/

/*    display: grid;*/
/*    gap: 12px;*/
/*    justify-content: end;*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*}*/
.list-item-2 .options {
    position: absolute;
    right: 10px;
    top: 0px;
    display: flex;
    align-items: center;
}

.list-item-2 .options > div {
    margin-right: 10px;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.list-item-2 .options img {
    width: 18px;
    height: 18px;

    margin-right: 4px;
}

.list-item-2 > .options > * {
    color: #767C81;
    font-size: 14px;
}

.list-item-2 > .options span {
    margin-left: 4px;
    cursor: pointer;
}

.list-item-2-body {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.list-item-2-desc {
    margin-top: 8px;
    font-size: 18px;
    color: #9C9C9C;
}

.list-item-2-desc a {
    margin-top: 8px;
    font-size: 18px;
    color: #9C9C9C;
}

.list-item-2-content {
    padding: 18px 24px;
    margin-top: 12px;
    background-color: #F7F8FA;

}

.list-item-2-info {
    color: #868788;
    font-size: 14px;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 每行 5 列，列宽相等 */
    gap: 8px;
}

.list-item-2-info > div {
    display: flex;
    line-height: 25px;
    flex-direction: column;
}

.list-item-2-info > div > span {
    color: #151515;
}

.list-item-2-info > div > a {
    color: #151515;
}

.list-item-2-gm {
    margin-top: 15px;
    display: flex;
}

.list-item-2-gm > div {
    margin-left: 20px;
}

.list-item-2-gm img {
    width: 22px;
    height: 24px;
}

.list-item-2-gm span {
    font-size: 14px;
    color: #151515;
    font-weight: bold;
}

.list-item-2-gm-box {
    /*display: grid;*/
    grid-template-columns: repeat(2, 1fr); /* 每行 5 列，列宽相等 */
    gap: 15px; /* 每列之间的间距 */
    margin-top: 20px;
}

.cat-price {
    color: #32ADE6 !important;
    cursor: pointer;
    font-weight: normal;
}

.layui-laypage-spr {
    border: none !important;
}

.a100-title {
    cursor: pointer;
    line-height: 30px;
}

input[type='radio'] {
}

.search-col {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.launch-box {
    user-select: none;
    background: linear-gradient(to top, #ffffff 20%, transparent 160%);
    margin-top: -100px;
    width: 1095px;
    height: 100px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.launch-box-open {
    margin-top: -45px !important;
    height: 50px !important;
}

.launch-box .launch-box-title {
    cursor: pointer;
    text-align: center;
    width: 130px;
    height: 30px;
    line-height: 30px;
    background-color: #EDF2F7;
    border-radius: 8px;

}

.launch-box .launch-box-title img {
    width: 10px;
    height: 5px;
    margin-left: 6px;
}



.fav-dialog {
    max-height: 520px;
    height: 520px;
}

.fav-btn {
    cursor: pointer;
    background-color: #fafafa;
    height: 44px;
    line-height: 44px;
    width: 100%;
}
.fav-btn i {
    margin: 0 8px 0 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/img/add-icon.png') no-repeat center center;
    background-size: contain;
    margin: 0 8px 0 15px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.fav-btn:hover {
    background-color: #f5f6f7 !important;
}
.collect-btn {
    color: #555666;
    font-size: 14px;
    width: 64px;
    height: 28px;
    line-height: 28px;
    border-radius: 18px;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s;
    border: 1px solid #ccccd8;
    padding: 0px 6px;
}

.fav-list {
    margin-top: 10px;
    padding: 0px 20px;
    padding-bottom: 30px;
    height: 415px;
    overflow-y: auto;
}

.fav-item {
    height: 62px;
    line-height: 62px;
    position: relative;
    padding: 8px 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f5;

}

.fav-item .fav-item_left_title {
    font-size: 14px;
    font-weight: 500;
    color: #555666;
    line-height: 20px;
}
.fav-item .fav-item_left_ext {
    font-weight: 400;
    color: #999aaa;
    line-height: 17px;
    font-size: 0;
    margin-top: 8px;
}
.fav-item .fav-item_left_ext span {
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
}


.fav-item:hover {
    background: #f5f6f7;
}
.fav-item:hover .collect-btn {
    border: 1px solid #555666;
}

.fav-item.collected .collect-btn {
    color: #999aaa ;
    background: rgba(232, 232, 237, .3) ;
    border: 1px solid #e8e8ed ;
}
/* 确保 .collected 类的优先级更高 */
.fav-item.collected:hover .collect-btn {
    color: #999aaa ;
    background: rgba(232, 232, 237, .3) ;
    border: 1px solid #e8e8ed ;
}
.add-fav {
    padding: 0px 20px;
}
.el-form-item__label {
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}