.alert__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .66);
    z-index: -1
}

.alert {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 501;
    max-height: 100%;
    overflow-y: auto
}

.alert__content {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 14rem;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #fff
}

.alert__tips {
    padding: 1.85rem 1.2rem;
    font-size: .8rem;
    color: rgba(0, 0, 0, .86);
    letter-spacing: 0;
    text-align: center;
    line-height: 1rem
}

.alert__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    color: #09c;
    background: rgba(0, 0, 0, .04);
    height: 3rem
}

.confirm__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .66);
    z-index: -1
}

.confirm {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 501;
    max-height: 100%;
    overflow-y: auto
}

.confirm__content {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 14rem;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #fff
}

.confirm__head {
    display: flex;
    flex-direction: row-reverse;
    min-height: 1rem;
}

.confirm__head__close {
    margin: 0.4rem 0.4rem;
    width: 1.8rem;
    height: 1.8rem;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT4yNC9wb3B1cF9jbG9zZV9mMjQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iMjQvcG9wdXBfY2xvc2VfZjI0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iw5ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkiIGZpbGw9IiM5OTk5OTkiPgogICAgICAgICAgICA8cGF0aCBkPSJNNi41ODU3ODY0NCw4IEwxLjY0NjQ0NjYxLDMuMDYwNjYwMTcgQzEuNDUxMTg0NDYsMi44NjUzOTgwMyAxLjQ1MTE4NDQ2LDIuNTQ4ODE1NTQgMS42NDY0NDY2MSwyLjM1MzU1MzM5IEwyLjM1MzU1MzM5LDEuNjQ2NDQ2NjEgQzIuNTQ4ODE1NTQsMS40NTExODQ0NiAyLjg2NTM5ODAzLDEuNDUxMTg0NDYgMy4wNjA2NjAxNywxLjY0NjQ0NjYxIEw4LDYuNTg1Nzg2NDQgTDEyLjkzOTMzOTgsMS42NDY0NDY2MSBDMTMuMTM0NjAyLDEuNDUxMTg0NDYgMTMuNDUxMTg0NSwxLjQ1MTE4NDQ2IDEzLjY0NjQ0NjYsMS42NDY0NDY2MSBMMTQuMzUzNTUzNCwyLjM1MzU1MzM5IEMxNC41NDg4MTU1LDIuNTQ4ODE1NTQgMTQuNTQ4ODE1NSwyLjg2NTM5ODAzIDE0LjM1MzU1MzQsMy4wNjA2NjAxNyBMOS40MTQyMTM1Niw4IEwxNC4zNTM1NTM0LDEyLjkzOTMzOTggQzE0LjU0ODgxNTUsMTMuMTM0NjAyIDE0LjU0ODgxNTUsMTMuNDUxMTg0NSAxNC4zNTM1NTM0LDEzLjY0NjQ0NjYgTDEzLjY0NjQ0NjYsMTQuMzUzNTUzNCBDMTMuNDUxMTg0NSwxNC41NDg4MTU1IDEzLjEzNDYwMiwxNC41NDg4MTU1IDEyLjkzOTMzOTgsMTQuMzUzNTUzNCBMOCw5LjQxNDIxMzU2IEwzLjA2MDY2MDE3LDE0LjM1MzU1MzQgQzIuODY1Mzk4MDMsMTQuNTQ4ODE1NSAyLjU0ODgxNTU0LDE0LjU0ODgxNTUgMi4zNTM1NTMzOSwxNC4zNTM1NTM0IEwxLjY0NjQ0NjYxLDEzLjY0NjQ0NjYgQzEuNDUxMTg0NDYsMTMuNDUxMTg0NSAxLjQ1MTE4NDQ2LDEzLjEzNDYwMiAxLjY0NjQ0NjYxLDEyLjkzOTMzOTggTDYuNTg1Nzg2NDQsOCBaIiBpZD0i6Lev5b6EIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center;
    background-size: contain;
}

.confirm__close {
    width: 1.8rem;
    height: 1.8rem;
    cursor: pointer;
}

.confirm__tips {
    padding: .2rem .2rem 1.85rem .2rem;
    font-size: .8rem;
    color: rgba(0, 0, 0, .86);
    letter-spacing: 0;
    text-align: center;
    line-height: 1rem
}

.confirm__footer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: .8rem;
    color: #09c;
    background: rgba(0, 0, 0, .04);
    height: 3rem;
    cursor: pointer;
}

.confirm__btn {
    margin: 0 .6rem;
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .4rem;
    height: 2rem;
    cursor: pointer;
    background: #09c;
    border-radius: .1rem;
    font-size: .8rem;
    color: #fff;
    letter-spacing: 0;
    line-height: 1rem
}

.confirm__btn_cancel {
    margin-left: .6rem;
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .4rem;
    height: 2rem;
    cursor: pointer;
    border-radius: .1rem;
    font-size: .8rem;
    letter-spacing: 0;
    line-height: 1rem;
    background: white;
    color: rgba(0, 0, 0, .86);
    border: 1px solid #bbb;
}

.prompt__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .66);
    z-index: -1
}

.prompt {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 501;
    max-height: 100%;
    overflow-y: auto
}

.prompt__content {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 14rem;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #fff
}

.prompt__body {
    padding: 0.8rem;
    font-size: .8rem;
    color: rgba(0, 0, 0, .86);
    letter-spacing: 0;
    text-align: center;
    line-height: 1rem
}

.prompt__val {
    display: block;
    padding: .6rem;
    width: 100%;
    height: 6.2rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    font-size: .8rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, 0.86);
    outline: none;
}

.prompt__footer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: .8rem;
    color: #09c;
    background: rgba(0, 0, 0, .04);
    height: 3rem;
    cursor: pointer;
}

.prompt__btn {
    margin: 0 .6rem;
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .4rem;
    height: 2rem;
    cursor: pointer;
    background: #09c;
    border-radius: .1rem;
    font-size: .8rem;
    color: #fff;
    letter-spacing: 0;
    line-height: 1rem
}

.prompt__btn_cancel {
    margin-left: .6rem;
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .4rem;
    height: 2rem;
    cursor: pointer;
    border-radius: .1rem;
    font-size: .8rem;
    letter-spacing: 0;
    line-height: 1rem;
    background: white;
    color: rgba(0, 0, 0, .86);
    border: 1px solid #bbb;
}

/* 加载中 */

.loading {
    width: 130px;
    height: 130px;
    float: left;
    border-radius: 65px;
    background: #fff;
    background: rgba(255, 255, 255, .4);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -65px 0 0 -65px;
    z-index: 9999;
    filter: alpha(Opacity=80);
}

.loading .loadingGIF {
    width: 110px;
    height: 110px;
    float: left;
    margin: 10px;
    border-radius: 55px;
    background: url(../images/loading.gif) center center no-repeat #fff;
    opacity: .7;
}

.loading .loadingGIF.oem {
    background: url(../images/oemLoading.gif) center center no-repeat #fff;
}

.loadingBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: #000;
    opacity: .2;
    filter: alpha(Opacity=20);
}

.product__add.is-empty {
    border: none;
    background-color: #fff;
}


.imgview__mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .66);
    z-index: -1
}

.imgview {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 501;
    max-height: 100%;
    overflow-y: auto;
}

.imgview__close {
    position: absolute;
    top: 2rem;
    right: 1rem;
    width: 2rem;
}

.imgview__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

.imgview__img {
    max-width: 100%;
    max-height: 100%;
}

.imgview_pre_icon,
.imgview_next_icon {
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    background-position: 50%;
}

.imgview_pre_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDE2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuODI4NDYgMTNMMTUuNzA3MSAyMi44Nzg3QzE2LjA5NzcgMjMuMjY5MiAxNi4wOTc3IDIzLjkwMjQgMTUuNzA3MSAyNC4yOTI5TDE0LjI5MjkgMjUuNzA3MUMxMy45MDI0IDI2LjA5NzYgMTMuMjY5MiAyNi4wOTc2IDEyLjg3ODcgMjUuNzA3MUwwLjg3ODcwOSAxMy43MDcxQzAuNDg4MTg0IDEzLjMxNjYgMC40ODgxODQgMTIuNjgzNCAwLjg3ODcwOSAxMi4yOTI5TDEyLjg3ODcgMC4yOTI4OTNDMTMuMjY5MiAtMC4wOTc2MzExIDEzLjkwMjQgLTAuMDk3NjMxMSAxNC4yOTI5IDAuMjkyODkzTDE1LjcwNzEgMS43MDcxMUMxNi4wOTc3IDIuMDk3NjMgMTYuMDk3NyAyLjczMDggMTUuNzA3MSAzLjEyMTMyTDUuODI4NDYgMTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.imgview_next_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjE3MTYgMTNMMC4yOTI4OTMgMy4xMjEzMkMtMC4wOTc2MzExIDIuNzMwOCAtMC4wOTc2MzExIDIuMDk3NjMgMC4yOTI4OTMgMS43MDcxMUwxLjcwNzExIDAuMjkyODkzQzIuMDk3NjMgLTAuMDk3NjMxMSAyLjczMDggLTAuMDk3NjMxMSAzLjEyMTMyIDAuMjkyODkzTDE1LjEyMTMgMTIuMjkyOUMxNS41MTE4IDEyLjY4MzQgMTUuNTExOCAxMy4zMTY2IDE1LjEyMTMgMTMuNzA3MUwzLjEyMTMyIDI1LjcwNzFDMi43MzA4IDI2LjA5NzYgMi4wOTc2MyAyNi4wOTc2IDEuNzA3MTEgMjUuNzA3MUwwLjI5Mjg5MyAyNC4yOTI5Qy0wLjA5NzYzMTEgMjMuOTAyNCAtMC4wOTc2MzExIDIzLjI2OTIgMC4yOTI4OTMgMjIuODc4N0wxMC4xNzE2IDEzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cgo=);
}


.selectv2 {
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 1.6rem;
    padding: 0.4rem 0.6rem;
}

.selectv2>span {
    font-size: .7rem;
    line-height: .9rem;
    color: rgba(0, 0, 0, 0.66);
    text-align: center;
}

.selectv2__icon {
    width: .6rem;
    height: .6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg2OTYzOCAwSDkuMTM0NDhDOS40MTA2MyAwIDkuNjM0NDggMC4yMjM4NTggOS42MzQ0OCAwLjVDOS42MzQ0OCAwLjYxOTA4NyA5LjU5MTk4IDAuNzM0MjYzIDkuNTE0NjIgMC44MjQ4MDFMNS4zODIyIDUuNjYxMjZDNS4yMDI4MiA1Ljg3MTIgNC44ODcyIDUuODk1OTggNC42NzcyNiA1LjcxNjU5QzQuNjU3NCA1LjY5OTYyIDQuNjM4OSA1LjY4MTEyIDQuNjIxOTIgNS42NjEyNkwwLjQ4OTUwMSAwLjgyNDgwMUMwLjMxMDExOSAwLjYxNDg1NyAwLjMzNDg5MyAwLjI5OTI0NiAwLjU0NDgzNyAwLjExOTg2M0MwLjYzNTM3NSAwLjA0MjUwNDEgMC43NTA1NTIgMCAwLjg2OTYzOCAwWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42NiIvPgo8L3N2Zz4K);
}