img {
    vertical-align: middle
}

.flex-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* .right-aside .aside-block.aside-design:hover {
    background: #66b821!important
} */

.alert-container {
    /* width: 80rem; */
    width:50rem;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    /* position: absolute; */
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 4px;
    border: 1px solid gray;
}

.alert-container .alert-bg {
    /* width: 44.375rem; */
    width: 40rem;
    height: 100%;
    border-radius: 4px 0 0 4px
}

.alert-container .alert-bg .fit-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px 0 0 4px
}

/* 2024change */
/* .aside-form {
    box-sizing: border-box;
    width: 20.625rem;
    margin: 3rem auto 0
    
} */

.aside-form {
    box-sizing: border-box;
    width: 20.625rem;
    margin: 3rem auto;
}

/* 2024change */
.aside-form__title {
    /* font-size: 1.5rem; */
    font-size: 1rem;
    color: #000;
    text-align: center;
    line-height: 2.5rem;
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.aside-form__item {
    height: 4.1875rem;
    /* margin-top: 1.5rem; */
    margin-top:0.5rem;
    position: relative
}

.aside-form__item .inner {
    height: 2.1875rem;
    position: relative
}

.aside-form__item input {
    height: 2.1875rem;
    margin-top: 0px;
    font-weight: 100;
    font-size: .875rem;
    letter-spacing: 0;
    width: 100%;
    /* border-bottom: .5px solid #e0e0e0; */
    border-radius: 0
}

.aside-form__item input:-ms-input-placeholder {
    color: #999
}

.aside-form__btn {
    width: 70%;
    height: 2rem;
    margin:2rem 15% auto auto;
    background: #F00A0D;
    border-radius: 2px;
    font-size: 1.125rem;
    color: #ffffff;
    letter-spacing: 0;
    cursor: pointer
}

.aside-form__btn:hover {
    opacity: .8;

}

.aside-c-close {
    right: 1.25rem;
    top: 1.25rem;
    padding: .5rem;
    position: absolute;
    cursor: pointer
}

.aside-c-close img {
    width: .9375rem;
    height: .9375rem
}


        /*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/**/

/* CSS Document */
* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }

/* html { font-size: 62.5%; } */

/* body { color: #333; font-family: "OpenSans"; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; } */

img { border: none; }

form, img { margin: 0; padding: 0; list-style: none; }


input[type="submit"] { cursor: pointer; }

input { font-family: "OpenSans"; font-size: 14px; font-size: 1rem; border: none; outline: none; background: none; }

input:focus { outline: none; }

/* html5 */

::-webkit-input-placeholder { color: #666; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #666; opacity: 1; }

/* Internet Explorer 10+ */
::-moz-selection { color: #fff; background: #D6223F; }
::selection { color: #fff; background: #D6223F; }

/* 2023end */














/* 2024change */
@media screen and (max-width:1440px) {
    .alert-bg{
        display: none;
    }
}


@media screen and (max-width:1440px) {
    .aside-form__item input {
        font-size: 12px;
        border-radius: 0
    }
    .con-top a {
        height: 21.5rem;
    }
    .con-bot a {
        height: 17.5625rem;
    }
    .con-hover {
        font-size: 1.45rem;
        line-height: 19.5rem;
    }
}

@media screen and (max-width:800px) {
    .alert-container {
        width: 84vw;
        height: auto;
        padding-bottom: 8vw
    }
    .aside-form {
        width: 68vw;
        margin: 8vw auto 0;
        height: auto
    }
    .aside-form__title {
        font-size: 4.3333vw;
        margin-bottom: 0
    }
    .aside-form__item {
        height: 3.0625rem;
        margin-top: 1.0625rem;
        position: relative
    }
    .aside-form__item .as-captcha-val {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 300;
        font-size: 3.4667vw;
        color: #72bc2f;
        line-height: 1.5rem;
        cursor: pointer
    }
    .aside-form__item .inner {
        height: 3.0625rem;
        position: relative
    }
    .aside-form__item input {
        height: 1.8625rem;
        font-weight: 300;
        font-size: 3.4667vw;
        letter-spacing: 0;
        width: 100%;
        border-bottom: .5px solid #e0e0e0
    }
    .aside-form__item input:-ms-input-placeholder {
        color: #999
    }
    .aside-form__item input::placeholder {
        color: #999
    }
    .aside-form__item .label {
        width: 100%;
        height: 2.0625rem;
        font-weight: 300;
        font-size: 3.4667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: .5px solid #e0e0e0;
        cursor: pointer
    }
    .aside-form__item .label.placeholder {
        color: #999
    }
    .aside-c-close {
        right: .9375rem;
        top: .9375rem;
        padding: .5rem;
        position: absolute;
        cursor: pointer
    }
    .aside-c-close img {
        width: .8375rem;
        height: .8375rem
    }
    .as-order {
        font-size: 3.2vw
    }
    .as-order span {
        font-size: 3.7333vw
    }
    .addr-dialog {
        height: 26.6667vw;
        top: 8.8vw
    }
    .addr-dialog .adr-list {
        width: 50%;
        height: 26.6667vw
    }
}

@media screen and (max-width:800px) {
    .right-aside {
        position: fixed!important;
        bottom: 18.6667vw!important;
        min-width: 0;
        width: 14.4vw
    }
    .right-aside .aside-block {
        width: 14.4vw;
        height: 16.5333vw;
        min-width: 0
    }
    .right-aside .aside-block .aside-icon {
        width: 4vw;
        height: 4vw
    }
    .right-aside .aside-block span {
        margin-top: 2.1333vw;
        font-size: 2.1333vw
    }
    .con-top a {
        height: 13.5rem;
    }
    .con-bot a {
        height: 11.5625rem;
    }
    .con-hover {
        font-size: 1.05rem;
        line-height: 12.5rem;
    }
}