/**
 * head nav
 */
.index-plugins-signin-index-detail .header-top {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2);
    border: 0;
    color: #FFFFFF;
}

.index-plugins-signin-index-detail .top-nav-right {
    background: transparent;
    border: 0;
}

.index-plugins-signin-index-detail .header-top a,
.header-top * {
    color: #FFFFFF;
}
.header-top .am-badge-danger {
    color: var(--color-badge-danger-text);
}

.index-plugins-signin-index-detail .header-top ul.am-dropdown-content>li>a,
.index-plugins-signin-index-detail .header-top ul.am-dropdown-content>li>a * {
    color: #333333;
}

.index-plugins-signin-index-detail .plugins-signin>img {
    position: absolute;
    width: 120%;
    left: 50%;
    transform: translateX(-50%);
}

/**
 * 签到
 */
.plugins-signin .top-container {
    margin-top: 7.2rem;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.plugins-signin .top-container img {
    width: 55rem;
}

.top-left {
    background-color: #f6b015;
    position: relative;
}

.top-right img {
    width: 100%;
}

.coming-submit {
    position: relative;
    display: inline-block;
    padding: 3rem 12rem;
    background-image: url('../../images/signin.png');
    background-size: cover;
    transition: 0.3s ease-in-out;
    margin-top: 1rem;
}

.coming-submit.already-coming,
.coming-submit:hover {
    background-image: url('../../images/signined.png');
}

.coming-submit span {
    position: relative;
    top: 0.7rem;
    font-size: 4rem;
    color: #FFFFFF;
    display: inline-block;
    width: 19.5rem;
}

.coming-submit.already-coming span {
    color: #D41600;
}

.submit-container {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

@media only screen and (min-width:641px) {
    .top-right {
        padding-right: 0;
    }

    .top-left,
    .top-right img {
        height: 30rem;
    }
}

@media only screen and (max-width:1005px) {
    .top-container {
        padding: 0 0.5rem;
    }

    .signin-notice,
    .fooer-code-container {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media only screen and (max-width:640px) {
    .top-container {
        padding: 0;
        margin-top: 0;
    }

    .top-left {
        padding-bottom: 4rem;
    }

    .top-left,
    .top-right {
        padding-left: 0;
        padding-right: 0;
    }

    .top-right {
        margin-top: 1rem;
    }
}

/**
 * 签到成功提示
 */
.coming-tips-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    background: rgb(0 0 0 / 0.6);
}

.coming-content {
    max-width: 57.6rem;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.coming-content .am-close {
    width: 8rem;
    height: 8rem;
    background: #717162;
    background-image: url(../../images/signin-close.png);
    background-size: cover;
    position: absolute;
    bottom: -11rem;
    left: 50%;
    transform: translateX(-50%);
}

.coming-tips-container img {
    max-width: 100%;
}

.coming-tips-content {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0;
}

.coming-tips-content p {
    color: var(--color-main);
    font-size: 3rem;
}

.coming-tips-content p.signin-integral {
    font-size: 4rem;
}

.coming-tips-content a {
    font-size: 4rem;
    padding: 1.8rem 10rem;
    background: linear-gradient(180deg, #fc7543 0%, #e91d13 100%);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, .6);
    color: #fff !important;
}

.coming-tips-content a:hover {
    opacity: 0.9;
}

@media only screen and (max-width:640px) {
    .coming-tips-container {
        padding-top: 35%;
    }
}

/**
 * 商品导航
 */
.items-nav-title {
    background: transparent;
}

/**
 * 商品列表
 */
.plugins-signin .goods-list {
    box-shadow: 0px 2px 9px 0px rgba(255, 169, 49, 0.51);
    margin: 0.6rem 0 5rem 0;
    border-radius: var(--border-radius);
}

.plugins-signin .goods-list .module-goods-slider-base .am-slider-default {
    margin-top: 0;
}

.plugins-signin .goods-list .am-gallery-bordered .am-gallery-item {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0.1rem solid #eee;
}

.plugins-signin .item-bottom {
    position: relative;
}

.plugins-signin .item-bottom .original-price {
    height: 2rem;
}

.plugins-signin .item-bottom .original-price span {
    color: #999;
    text-decoration: line-through;
}

.plugins-signin .item-bottom .buy-btn {
    background: #e4393c;
    border-color: #e3393c;
    color: #fff !important;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media only screen and (min-width: 641px) {
    .plugins-signin .goods-list .am-gallery-bordered .am-gallery-item:hover {
        -webkit-box-shadow: 0px 1.2rem 1.2rem -1rem rgba(0, 0, 0, .4);
        box-shadow: 0px 1.2rem 1.2rem -1rem rgba(0, 0, 0, .4);
        border: 0.4rem solid #d2364c;
        -webkit-transition: border-color .2s ease-in;
        -moz-transition: border-color .2s ease-in;
        -ms-transition: border-color .2s ease-in;
        -o-transition: border-color .2s ease-in;
        transition: border-color .2s ease-in;
    }
}

@media only screen and (max-width:1600px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 115%;
    }

    .plugins-signin .top-container img {
        width: 45rem;
    }

    .coming-submit {
        padding: 2rem 8rem;
    }

    .coming-submit span {
        top: 1rem;
        font-size: 3.2rem;
    }
}

@media only screen and (max-width:1440px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 120%;
    }

    .plugins-signin .top-container img {
        width: 38rem;
    }

    .coming-submit {
        padding: 2rem 8rem;
    }

    .coming-submit span {
        top: 0.4rem;
        font-size: 2.8rem;
        width: 14rem;
    }
}

@media only screen and (max-width:1280px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 135%;
    }

    .plugins-signin .top-container img {
        width: 36rem;
    }

    .coming-submit {
        padding: 2rem 9rem;
    }

    .coming-submit span {
        top: 0.4rem;
        font-size: 2.6rem;
        width: 11rem;
    }
}

@media only screen and (max-width: 1024px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 140%;
    }

    .plugins-signin .top-container {
        margin-top: 5rem;
    }

    .plugins-signin .top-container img {
        width: 30rem;
    }

    .coming-submit {
        padding: 2rem 9rem;
        margin: 0;
    }

    .coming-submit span {
        top: 0.4rem;
        font-size: 2.6rem;
        width: 11rem;
    }

    .signin-shop {
        padding: 2rem;
    }

    .coming-content .am-close {
        width: 6rem;
        height: 6rem;
        bottom: -8rem;
    }

    .coming-tips-content p {
        font-size: 2.6rem;
    }

    .coming-tips-content p.signin-integral {
        font-size: 3.4rem;
    }

    .coming-tips-content a {
        font-size: 3.4rem;
        padding: 1.2rem 8rem;
    }
}

@media only screen and (max-width: 950px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 150%;
    }
}

@media only screen and (max-width: 870px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 160%;
    }

    .coming-tips-content {
        scale: 0.8;
        bottom: 1rem;
    }
}

@media only screen and (max-width: 800px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 180%;
    }
}

@media only screen and (max-width: 720px) {
    .coming-tips-content {
        scale: 0.7;
        bottom: 0;
    }
}

@media only screen and (max-width: 680px) {
    .coming-tips-content {
        scale: 0.6;
    }
}

@media only screen and (max-width: 640px) {
    .index-plugins-signin-index-detail .plugins-signin>img {
        width: 280%;
    }

    .coming-submit {
        padding: 2rem 8rem;
    }

    .coming-submit span {
        top: 2px;
        font-size: 2.2rem;
        width: 9rem;
    }

    .coming-content .am-close {
        width: 5rem;
        height: 5rem;
        bottom: -6rem;
    }

    .coming-tips-content {
        scale: 0.6;
        bottom: -1rem;
    }
}

@media only screen and (max-width: 580px) {
    .coming-tips-content a {
        padding: 0.8rem 5rem;
    }

    .coming-tips-content {
        scale: 0.5;
    }
}

@media only screen and (max-width: 500px) {
    .coming-tips-content a {
        padding: 0.7rem 3rem;
        font-size: 2.8rem;
    }
}

@media only screen and (max-width: 500px) {
    .coming-tips-content {
        bottom: -3rem;
    }
}

/**
 * 去除底部客服服务内容的上边距
 */
.plugins-footercustomerservice-customer-service {
    margin-top: 0 !important;
}