.coupon_content {
		    margin: 0 auto;
		    width: 1200px;
		    display: grid;
		    grid-template-columns: minmax(280px, 3fr) minmax(0, 7fr);
		    gap: 24px;
		    align-items: flex-start;
		    padding: 50px 30px;
		}

		.coupon_content_li {
		    margin: 10px auto 0;
		    border-radius: 6px;
		    overflow: hidden;
		    align-items: stretch;
		    background-color: #fff;
		    border: 1px solid #e8e8e8;
		    min-height: 115px;
		    position: relative;
		}

		.s-left,
		.s-right {
		    width: 100%;
		}

		.s-left .b_logo_box {
		    padding: 30px 45px 0;
		    width: 100%;
		    text-align: center;
		}

		.s-left .b_logo_box img {
		    max-width: 100%;
		}

		.s-left .b_stars_box {
		    align-items: center;
		    display: flex;
		    flex-direction: column;
		    margin-bottom: 10px;
		    margin-top: 10px;
		}

		.b_stars_box .b_stars ._star {
		    height: 25px;
		    margin-right: 5px;
		    width: 25px;
		}

		.b_stars_box p {
		    color: #666;
		    font-size: 14px;
		    line-height: 20px;
		}

		._init_stars {
		    align-items: center;
		    display: flex;
		    user-select: none;
		}

		._init_stars ._star i {
		    display: block;
		    height: 100%;
		    width: 100%;
		}

		._init_stars .active i {
		    background: url(/image/coupon/star_active.svg) no-repeat 50% / cover;
		}

		._init_stars .no_active i {
		    background: url(/image/coupon/star_no_active.svg) no-repeat 50% / cover;
		}

		._init_stars .half_active i {
		    background: url(/image/coupon/star_half_active.svg) no-repeat 50% / cover;
		}

		.b_default_box {
		    text-align: center;
		    padding: 10px 20px 25px;
		}

		.link {
		    border-top: 1px solid #e8e8e8;
		    color: #333;
		    font-size: 15px;
		    line-height: 20px;
		    padding: 15px 25px;
		    position: relative;
		    width: 100%;
		}

		.link.active:before {
		    background-color: #ea4b4d;
		    border-radius: 0 2px 2px 0;
		    content: "";
		    display: block;
		    height: 26px;
		    left: 0;
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    width: 4px;
		}

		.b_coupon_btn {
		    background-color: #ea4b4d;
		    border-radius: 4px;
		    cursor: pointer;
		    height: 42px;
		    width: 240px;
		    color: #fff;
		    font-size: 15px;
		    font-weight: 500;
		    line-height: 18px;
		    display: inline-block;
		    line-height: 42px;
		}

		.b_type_box {
		    padding: 15px 25px;
		}

		.b_type_box b {
		    font-weight: bold;
		}

		.b_type_box .title {
		    color: #333;
		    font-size: 16px;
		    font-weight: 500;
		    line-height: 19px;
		    margin-bottom: 12px;
		}

		.b_type_box .b_list .b_item {
		    align-items: center;
		    background-color: #f5f5f5;
		    border-radius: 4px;
		    cursor: pointer;
		    display: flex;
		    height: 38px;
		    margin-bottom: 10px;
		    padding: 0 12px;
		    width: 100%;
		}

		.b_type_box .b_list .b_item i {
		    background-color: #fff;
		    border: 1px solid #e8e8e8;
		    border-radius: 2px;
		    height: 16px;
		    margin-right: 10px;
		    width: 16px;
		}

		.b_type_box .b_list .b_item i.active {
		    background-color: #ea4b4d;
		}

		.b_type_box .b_list .b_item i img {
		    border: none;
		    font-size: 12px;
		    height: 100%;
		    inset: 0;
		    margin: auto;
		    max-height: 100%;
		    max-width: 100%;
		    min-height: 100%;
		    min-width: 100%;
		    object-fit: contain;
		    width: 100%;
		    position: relative;
		    top: -2px;
		}

		.b_type_box .img-box {
		    border-radius: 50%;
		    height: 50px;
		    width: 50px;
		    min-height: 50px;
		    margin-right: 10px;
		    overflow: hidden;
		    min-width: 50px;
		}

		.b_type_box .img-box img {
		    border: none;
		    font-size: 12px;
		    height: 100%;
		    inset: 0;
		    margin: auto;
		    max-height: 100%;
		    max-width: 100%;
		    min-height: 100%;
		    min-width: 100%;
		    object-fit: contain;
		    width: 100%;
		}

		.b_type_box .editor-content h3 {
		    color: #333;
		    font-size: 17px;
		    font-weight: 500;
		    line-height: 20px;
		    margin-bottom: 6px;
		}

		.b_type_box .editor-content p {
		    color: #666;
		    font-size: 13px;
		    font-style: italic;
		    line-height: 14px;
		}

		.list-top {
		    background-color: #f9f9f9;
		    align-items: center;
		}

		.list-top p {
		    color: #666;
		    font-size: 14px;
		    line-height: 16px;
		    margin-left: 5px;
		}

		.list-top p span {
		    color: #333;
		    font-weight: 500;
		}

		.editor-desc-box .editor-desc-time {
		    color: #666;
		    font-size: 14px;
		    line-height: 21px;
		}

		.editor-desc-box .editor-desc-time span {
		    color: #ea4b4d;
		}

		.editor-desc-box .desc-content {
		    color: #666;
		    font-size: 14px;
		    line-height: 21px;
		}

		.editor-desc-box a {
		    color: #333;
		    display: flex;
		    font-size: 14px;
		    line-height: 21px;
		    margin-top: 15px;
		    text-decoration: underline;
		}

		.shop-good-img-bg {
		    display: block;
		    height: 350px;
		    margin: 0 0 20px;
		    position: relative;
		    width: 100%;
		    margin-top: 10px;
		}

		.shop-good-img-bg .link_btn {
		    background-color: #ea4b4d;
		    border-radius: 4px;
		    bottom: 26px;
		    color: #fff;
		    font-size: 14px;
		    font-weight: 500;
		    left: 50%;
		    line-height: normal;
		    padding: 8px 12px;
		    position: absolute;
		    text-align: center;
		    transform: translateX(-50%);
		}

		.shop-good-content {
		    height: 100%;
		    object-fit: contain;
		    width: 100%;
		    position: relative;
		    user-select: none;
		}

		.shop-good-content span {
		    box-sizing: border-box;
		    display: block;
		    padding: 0;
		    position: absolute;
		    background: none;
		    border: 0;
		    bottom: 0;
		    height: auto;
		    left: 0;
		    margin: 0;
		    opacity: 1;
		    overflow: hidden;
		    right: 0;
		    top: 0;
		    width: auto;
		}

		.shop-good-content span img {
		    border: none;
		    font-size: 12px;
		    height: 100%;
		    inset: 0;
		    margin: auto;
		    max-height: 100%;
		    max-width: 100%;
		    min-height: 100%;
		    min-width: 100%;
		    object-fit: contain;
		    width: 100%;
		}

		.border-bottom-line {

		    border-bottom: 1px solid #e8e8e8;
		}

		.coupon_content_no_line {
		    overflow: hidden;
		    background-color: unset;
		    border: unset;
		    min-height: unset;
		}

		.coupon_content_no_line .title {
		    color: #333;
		    font-size: 18px;
		    font-weight: 600;
		    line-height: 21px;
		    margin-bottom: 15px;
		}

		.coupon_content_no_line .sub-title {
		    color: #333;
		    font-size: 16px;
		    font-weight: 600;
		    line-height: 19px;
		    margin-bottom: 8px;
		}

		.coupon_content_no_line .description {
		    color: #666;
		    font-size: 14px;
		    line-height: 21px;
		    margin-bottom: 12px;
		}

		.coupon_content_no_line ul {
		    list-style: disc;
		    padding-left: 20px;
		}

		.coupon_content_no_line ul li {
		    color: #333;
		    margin-bottom: 12px;
		    list-style-type: disc;
		}

		.is_top {
		    border: 1px solid #9c27b0;
		    border-radius: 6px;
		    flex-direction: column;
		    overflow: hidden;
		    padding: 0;
		}

		.is_top .best_c_head {
		    align-items: center;
		    background-color: #9c27b0;
		    color: #fff;
		    display: flex;
		    height: 36px;
		    padding: 0 15px;
		}

		.is_top .best_c_head img {
		    height: 18px;
		    margin-right: 6px;
		    width: 14px;
		}

		.is_top .best_c_head p {
		    font-size: 15px;
		    font-weight: 500;
		    letter-spacing: .47px;
		    margin-right: auto;
		    position: relative;
		    top: 1px;
		    color: #fff;
		}

		.is_top .best_c_head span {
		    color: #fff;
		    font-size: 14px;
		    opacity: .8;
		}

		.contain {
		    display: grid;
		    grid-template-columns: 150px 2fr 1fr;
		    gap: 0;
		    padding: 18px 0;
		    align-items: center;
		}

		.discount {
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		    color: #ea4b4d;
		    border-right: 1px dashed #e1e1e1;
		}

		.discount>p {
		    font-weight: 700;
		    text-align: center;
		    color: #ea4b4d;
		}

		.discount p {
		    font-size: 28px;
		    line-height: 38px;
		    margin: -4px 0;
		}

		a {
		    text-decoration: inherit;
		}

		.content {
		    display: grid;
		    grid-template-rows: auto auto auto;
		    padding: 0 24px;
		}



		.contetntop {
		    display: flex;
		    margin-bottom: 3px;
		    justify-content: center;
		    align-items: center;
		}

		.contetntop>p {
		    color: #3686fe;
		    font-weight: 600;
		}

		.topcenter {
		    align-items: center;
		    display: flex;
		    margin-left: 12px;
		}

		.topright {
		    color: #666;
		    font-size: 14px;
		    margin-left: 12px;
		    display: flex;
		}

		.content>a {
		    color: #333;
		    font-size: 18px;
		    font-weight: 500;
		    line-height: 25px;
		}

		.verified {
		    height: 16px;
		    margin-right: 4px;
		    width: 16px;
		    background: url('/image/coupon/verified.png') no-repeat 50% / cover;
		}

		.button {
		    margin-top: 10px;
		    display: flex;
		    flex-wrap: wrap;
		    gap: 10px;
		    border-left: 1px dashed #e1e1e1;
		}

		.button_box.code.off_chunk {
		    background: none;
		    height: auto;
		    position: static;
		    width: auto;
		    cursor: pointer;
		}

		.button_box.code .coupon_button {
		    background-color: #fff;
		    border: 1px dashed #ea4a4c;
		    color: #ea4a4c;
		}

		.is_top .button_box.code .coupon_button {
		    border: 1px dashed #aa31bf;
		    color: #aa31bf;
		}

		.button_box .coupon_button {
		    background-color: #ea4b4d;
		    border-radius: 4px;
		    color: #fff;
		    font-size: 15px;
		    font-weight: 600;
		    height: 40px;
		    line-height: 18px;
		    position: relative;
		    width: 150px;
		}

		.button_box._center.code.off_chunk.worthepennycom,
		.button_box {
		    padding-right: 25px;
		}

		._center {
		    align-items: center;
		    display: flex;
		    justify-content: center;
		}

		.button_box.code .coupon_button p {
		    align-items: center;
		    display: flex;
		    font-size: 16px;
		    height: 100%;
		    justify-content: flex-end;
		    overflow: hidden;
		    padding-right: 10px;
		    position: relative;
		    width: 100%;
		}

		/*#cc_5a0620849af94036::before {*/
		/*content: "BDY-PUG-RE7-C3D";*/
		/*}*/

		.button_box.code .coupon_button p:after {
		    background: url('/image/coupon/yinying-hong@2x.png') no-repeat 50% / cover;
		    bottom: 0;
		    content: "";
		    display: block;
		    height: 100%;
		    position: absolute;
		    right: 43px;
		    width: 30px;
		}

		.coupon_button .discount_icon {
		    height: 18px;
		    left: 25px;
		    position: absolute;
		    top: -20px;
		    width: 29px;
		}

		._img_box span,
		._img_box span img {
		    box-sizing: border-box;
		    display: block;
		    padding: 0;
		    position: absolute;
		}

		._img_box span {
		    background: none;
		    border: 0;
		    bottom: 0;
		    height: auto;
		    left: 0;
		    margin: 0;
		    opacity: 1;
		    overflow: hidden;
		    right: 0;
		    top: 0;
		    width: auto;
		}

		._img_box span img {
		    border: none;
		    font-size: 12px;
		    height: 100%;
		    inset: 0;
		    margin: auto;
		    max-height: 100%;
		    max-width: 100%;
		    min-height: 100%;
		    min-width: 100%;
		    object-fit: contain;
		    width: 100%;
		}

		._img_box span,
		._img_box span img {
		    box-sizing: border-box;
		    display: block;
		    padding: 0;
		    position: absolute;
		}

		.button_box.code .coupon_button .cover.uncovered {
		    background: none;
		}

		.button_box.code .coupon_button .cover {
		    animation-fill-mode: both;
		    height: 60px;
		    left: -1px;
		    overflow: hidden;
		    position: absolute;
		    top: -1px;
		    width: 150px;
		    z-index: 1;
		}

		.button_box.code .coupon_button .cover .steps_anim {
		    height: 5760px;
		    width: 150px;
		}

		.button_box.code .coupon_button .cover.uncovered image {
		    animation: a 3s steps(72) infinite both;
		}

		@keyframes a {
		    0% {
		        transform: translate3d(0, -1440px, 0);
		    }

		    100% {
		        transform: translate3d(0, -5760px, 0);
		    }
		}

		*,
		:after,
		:before {
		    box-sizing: border-box;
		}

		@media screen and (max-width: 1024px) {

		    .coupon_content {
		        width: 100%;
		        display: unset;
		        gap: unset;
		        padding: unset;
		    }

		    .s-left,
		    .s-right {
		        padding: 10px;
		    }

		    .coupon_content_li {
		        width: 100%;
		        /*calc(100% - 10px);*/

		    }

		    .contain {
		        grid-template-columns: 1fr 2fr;
		    }

		    .contain .discount {
		        max-width: 120px;
		        min-width: 120px;
		    }

		    .discount p {
		        font-size: 24px;
		    }

		    .contain .discount ._center {
		        padding: 10px;
		    }

		    .contain .button {
		        display: none;
		    }

		    .contain> :nth-child(3) {
		        grid-column: 1 / -1;
		        /* 从第一列开始到最后一列 */
		    }
		}

		@media screen and (max-width: 768px) {
		    .content {
		        padding: 0 14px;
		    }
		}

		@media screen and (max-width: 414px) {

		    .content {
		        padding: 0 3px;
		    }

		    .contain .discount ._center {
		        padding: 5px;
		    }

		    .contain .discount {
		        max-width: 100px;
		        min-width: 100px;
		    }
		}

		    {
		    # @media screen and (min-width: 577px) and (max-width: 768px) {
		        .coupon_content_li {
		            width: calc(100% - 10px);
		            margin: 10px 0;
		        }
		    }

		    #
		}

		.mask {
		    display: none;
		    position: fixed;
		    inset: 0;
		    background: rgba(0, 0, 0, 0.5);
		    z-index: 1000;
		}

		.modal {
		    position: fixed;
		    inset: 0;
		    display: none;
		    align-items: center;
		    justify-content: center;
		    z-index: 1001;
		}

		.modal-box {
		    background: #fff;
		    width: 320px;
		    padding: 20px;
		    border-radius: 10px;
		    text-align: center;
		    position: relative;
		    animation: fadeIn 0.3s ease;
		}

		.close {
		    position: absolute;
		    right: 10px;
		    top: 8px;
		    font-size: 18px;
		    cursor: pointer;
		}

		.code {
		    margin: 16px 0;
		    padding: 10px;
		    background: #f5f5f5;
		    border-radius: 6px;
		    font-size: 18px;
		    /*letter-spacing: 2px;*/
		    user-select: all;
		}

		.copy-btn {
		    display: inline-block;
		    margin-top: 10px;
		    padding: 8px 16px;
		    background: #1677ff;
		    color: #fff;
		    border-radius: 6px;
		    cursor: pointer;
		}

		.tip {
		    font-size: 14px;
		    color: #52c41a;
		    margin-top: 8px;
		    display: none;
		}

		@keyframes fadeIn {
		    from {
		        opacity: 0;
		        transform: scale(0.9);
		    }

		    to {
		        opacity: 1;
		        transform: scale(1);
		    }
		}

		.staff_pick .icon-staffpick {
		    height: 17px;
		    margin-right: 4px;
		    position: relative;
		    top: -2px;
		    width: 17px;
		}

		._img_box span,
		._img_box span img {
		    box-sizing: border-box;
		    display: block;
		    padding: 0;
		    position: absolute;
		    background: none;
		    border: 0;
		    bottom: 0;
		    height: auto;
		    left: 0;
		    margin: 0;
		    opacity: 1;
		    overflow: hidden;
		    right: 0;
		    top: 0;
		    width: auto;
		}

		.free_shipping_icon {
		    height: 36px;
		    margin-bottom: 6px;
		    width: 82px;
		    position: relative;
		    user-select: none;
		}

		._img_box span,
		._img_box span img {
		    box-sizing: border-box;
		    display: block;
		    padding: 0;
		    position: absolute;
		    background: none;
		    border: 0;
		    bottom: 0;
		    height: auto;
		    left: 0;
		    margin: 0;
		    opacity: 1;
		    overflow: hidden;
		    right: 0;
		    top: 0;
		    width: auto;
		}

		._img_box span img {
		    border: none;
		    font-size: 12px;
		    height: 100%;
		    inset: 0;
		    margin: auto;
		    max-height: 100%;
		    max-width: 100%;
		    min-height: 100%;
		    min-width: 100%;
		    object-fit: contain;
		    width: 100%;
		    box-sizing: border-box;
		    display: block;
		    padding: 0;
		    position: absolute;
		}

		.d-flex-box {
		    display: flex;
		}

		.jc-between-box {
		    justify-content: space-between;
		}

		.statistic-box {
		    align-items: center;
		    color: #666;
		    display: flex;
		    font-size: 14px;
		    justify-content: space-between;
		    line-height: 20px;
		    margin-bottom: 12px;
		}

		.brand_item {
		    border-bottom: 1px solid #e8e8e8;
		    display: flex;
		    padding: 15px 20px;
		}

		.brand_item .left-item {
		    height: 70px;
		    width: 70px;
		}

		.brand_item .left-item img {
		    border: none;
		    font-size: 12px;
		    height: 100%;
		    inset: 0;
		    margin: auto;
		    max-height: 100%;
		    max-width: 100%;
		    min-height: 100%;
		    min-width: 100%;
		    object-fit: contain;
		    width: 100%;
		}

		.brand_item .right-item {
		    margin-left: 15px;
		}

		.brand_item .right-item .title {
		    color: #333;
		    font-size: 14px;
		    font-weight: 600;
		    line-height: 16px;
		    margin-bottom: 15px;
		}

		.brand_item .right-item .b_stars_box {
		    display: block;
		}

		.brand_item .right-item ._star {
		    height: 16px;
		    margin-right: 2px;
		    width: 16px;
		}

		.table_list {
		    padding: 0 30px;
		}

		.table_list .table_list-item {
		    align-items: center;
		    border-bottom: 1px solid #e8e8e8;
		    font-size: 14px;
		    line-height: 20px;
		    padding: 12px 0;
		}

		.table_list .table_list-item>div:first-child {
		    color: #757575;
		    min-width: 100px;
		}

		.table_list .table_list-item>div:nth-child(2) {
		    color: #333;
		    margin-left: 50px;
		}

		.table_list .table_list-item>div:nth-child(2) .code_number {
		    color: #ea4b4d;
		    cursor: pointer;
		    text-decoration: underline;
		    word-break: break-word;
		}

		.table_ques_list-item>div:first-child {
		    align-items: center;
		}

		.table_ques_list-item>div:first-child h4 {
		    color: #333;
		    font-size: 16px;
		    line-height: 20px;
		    margin-left: 6px;
		}

		.table_ques_list_content {
		    color: #666;
		    font-size: 14px;
		    line-height: 20px;
		}

		.store-detail-desktop .get-code-box,
		.store-detail-desktop .get-deal-box {}

		.store-detail-desktop .get-code-box.active,
		.store-detail-desktop .get-deal-box.active {
		    top: 0
		}

		.store-detail-desktop .get-code-box .coupon-code .store-img,
		.store-detail-desktop .get-deal-box .coupon-code .store-img {
		    max-height: 144px
		}

		.store-detail-desktop .get-code-box .coupon-code .coupon-name,
		.store-detail-desktop .get-deal-box .coupon-code .coupon-name {
		    font-size: 23px;
		    font-weight: 400;
		    margin: 10px 0
		}

		.store-detail-desktop .get-code-box .coupon-code .desc,
		.store-detail-desktop .get-deal-box .coupon-code .desc {
		    font-size: 17px;
		    font-weight: 300;
		    margin: 0 0 8px
		}

		.store-detail-desktop .get-code-box .coupon-code .desc a,
		.store-detail-desktop .get-deal-box .coupon-code .desc a {
		    color: #ea4b4d
		}

		.store-detail-desktop .get-code-box .coupon-code .desc b,
		.store-detail-desktop .get-deal-box .coupon-code .desc b {
		    font-weight: 400
		}

		.store-detail-desktop .get-code-box .coupon-code .go-to,
		.store-detail-desktop .get-deal-box .coupon-code .go-to {
		    background-color: #ea4b4d;
		    border-radius: 5px;
		    font-size: 16px;
		    font-weight: 700;
		    color: #fff;
		    padding: 10px 50px;
		    display: inline-block;
		    margin: 15px 0 20px
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code {
		    display: inline-flex;
		    margin: 5px 0 30px
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code input,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code input {
		    background: #ebebeb;
		    border: none;
		    height: 46px;
		    width: 200px;
		    padding: 0 10px;
		    text-align: center;
		    font-size: 20px;
		    font-weight: 600;
		    color: #000;
		    border-radius: 5px 0 0 5px
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code .tooltip,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code .tooltip {
		    position: relative;
		    opacity: 1
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code .tooltip:hover .tooltiptext,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code .tooltip:hover .tooltiptext {
		    visibility: visible;
		    opacity: 1
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code .tooltip .tooltiptext,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code .tooltip .tooltiptext {
		    visibility: hidden;
		    width: 140px;
		    background-color: #555;
		    color: #fff;
		    text-align: center;
		    border-radius: 6px;
		    padding: 5px;
		    position: absolute;
		    z-index: 1;
		    bottom: 120%;
		    left: 50%;
		    margin-left: -75px;
		    opacity: 0;
		    transition: opacity .3s
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code .tooltip .tooltiptext:after,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code .tooltip .tooltiptext:after {
		    content: "";
		    position: absolute;
		    top: 100%;
		    left: 50%;
		    margin-left: -5px;
		    border: 5px solid transparent;
		    border-top-color: #555
		}

		.store-detail-desktop .get-code-box .coupon-code .copy-code .tooltip button,
		.store-detail-desktop .get-deal-box .coupon-code .copy-code .tooltip button {
		    background: #ea4b4d;
		    font-size: 16px;
		    font-weight: 700;
		    color: #fff;
		    border-radius: 0;
		    height: 46px;
		    padding: 0 25px;
		    border-radius: 0 5px 5px 0;
		    border: unset;
		}

		.store-detail-desktop .get-code-box .save-box,
		.store-detail-desktop .get-deal-box .save-box {
		    text-align: left
		}

		.store-detail-desktop .get-code-box .help,
		.store-detail-desktop .get-deal-box .help {
		    font-size: 16px;
		    padding: 5px 0 0;
		    margin: 0
		}

		.store-detail-desktop .get-code-box .help a,
		.store-detail-desktop .get-deal-box .help a {
		    color: #51823a;
		    text-decoration: underline
		}

		.store-detail-desktop .get-code-box .already-have,
		.store-detail-desktop .get-deal-box .already-have {
		    background: #eee;
		    padding: 7px;
		    position: absolute;
		    left: 0;
		    right: 0;
		    bottom: 0
		}

		@media(max-width: 1199px) {

		    .store-detail-desktop .get-code-box,
		    .store-detail-desktop .get-deal-box {
		        justify-content: left
		    }
		}

		@media(max-width: 767px) {

		    .store-detail-desktop .get-code-box .coupon-code,
		    .store-detail-desktop .get-deal-box .coupon-code {
		        padding: 15px
		    }

		    .store-detail-desktop .get-code-box .coupon-code .store-img,
		    .store-detail-desktop .get-deal-box .coupon-code .store-img {
		        max-height: 140px
		    }

		    .store-detail-desktop .get-code-box .coupon-code .coupon-name,
		    .store-detail-desktop .get-deal-box .coupon-code .coupon-name {
		        font-size: 17px;
		        margin: 10px 0
		    }

		    .store-detail-desktop .get-code-box .coupon-code .desc,
		    .store-detail-desktop .get-deal-box .coupon-code .desc {
		        margin-bottom: 7px;
		        font-size: 13px
		    }

		    .store-detail-desktop .get-code-box .coupon-code .copy-code input,
		    .store-detail-desktop .get-deal-box .coupon-code .copy-code input {
		        height: 40px;
		        width: 150px;
		        font-size: 15px
		    }

		    .store-detail-desktop .get-code-box .coupon-code .copy-code .tooltip button,
		    .store-detail-desktop .get-deal-box .coupon-code .copy-code .tooltip button {
		        font-size: 15px;
		        height: 40px;
		        padding: 0 15px
		    }

		    .store-detail-desktop .get-code-box .help,
		    .store-detail-desktop .get-deal-box .help {
		        font-size: 15px;
		        padding: 10px 0
		    }
		}

		@media(max-width: 575px) {

		    .store-detail-desktop .get-code-box,
		    .store-detail-desktop .get-deal-box {
		        padding: 0
		    }

		    .store-detail-desktop .get-code-box .coupon-code .copy-code,
		    .store-detail-desktop .get-deal-box .coupon-code .copy-code {
		        margin: 5px 0 0
		    }

		    .store-detail-desktop .get-code-box .coupon-code .store-img,
		    .store-detail-desktop .get-deal-box .coupon-code .store-img {
		        max-height: 100px
		    }

		    .store-detail-desktop .get-code-box .save-box,
		    .store-detail-desktop .get-deal-box .save-box {
		        padding: 15px 15px 0;
		        margin: 0
		    }
		}

		.coupon-modal {
		    position: fixed;
		    inset: 0;
		    z-index: 9999;
		}

		.coupon-modal__mask {
		    position: absolute;
		    inset: 0;
		    background: rgba(0, 0, 0, .5);
		}

		.coupon-modal__box {
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    background: #fff;
		    padding: 20px;
		    min-width: 60vw;
		    text-align: center;
		}

		.coupon-modal__code {
		    margin: 12px 0;
		    font-size: 18px;
		    font-weight: bold;
		    letter-spacing: 1px;
		}

		.coupon-modal__copy,
		.coupon-modal__close {
		    margin: 5px;
		}

		.coupon-modal__box .close {
		    position: absolute;
		    right: 0px;
		    top: -5px;
		    font-size: 20px;
		    font-weight: 700;
		    cursor: pointer;
		}

		.tip {
		    font-size: 14px;
		    color: #52c41a;
		    margin-top: 8px;
		    display: none;
		}

		.modal-image {
		    max-width: 144px;
		}

		@media(max-width: 767px) {
		    .coupon-modal__box {
		        min-width: 90vw;
		    }

		    .store-detail-desktop .store-detail .main-content .coupon__right {
		        flex: 0 0 100px;
		        width: 100px;
		    }
		}