.wrapper .container{top:50px;}
.head-no-notice-top{margin-top: 50px;}
.vi-hd{padding:0;height:50px;position:fixed;top:0;left:0;width:100%;background:#fff;z-index:10;justify-content: center !important;flex-wrap: nowrap;z-index: 12;}
.vi-hd .flex-aligin-center{align-items: center;}
.vi-hd .input-flex{margin-left: 12px;flex: 1;flex-wrap: nowrap;max-width: calc(100% - 150px);width: calc(100% - 226px);}
.vi-hd .head-icon-flex-div{margin-left: 6px;padding-right: 14px;}
.vi-hd .head-icon-flex-div > div {padding: 0 6px;}
.menu-svg{height: 24px;display: block;padding: 0;width: 24px;}
.menu-svg svg > *{transition: all .2s ease;}
.menu-svg.color-close svg > *{fill: #FF9E2C;}
.vi-hd .logo{width:68px;height:25px;margin: 2px auto;object-fit: contain;}
.vi-hd > div{height:30px;padding: 10px 0;box-sizing: content-box;}
.vi-hd .menu-num{min-width: 16px; height: 16px;padding:0 2px; background: #FF9E2C; border-radius: 16px;color:#fff;font-size:12px;line-height: 14px;top:-7px;right:-7px;left: auto;border: 1px solid #fff;}
.vi-hd .menu-num.big{animation: scaleBig 0.5s linear;-webkit-animation: scaleBig 0.5s linear;-moz-animation: scaleBig 0.5s linear;}
.vi-hd .h-menu{width: 27px; text-align: center; font-weight: bold; margin-left: 12px;}

.modal-ope-minicart{overflow: hidden;}
@-webkit-keyframes scaleBig {
    0%,100% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.2);}
}
@-moz-keyframes scaleBig{
    0%,100% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.2);}
}
@keyframes scaleBig {
    0%,100% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.2);}
}


.vi-hds{width: 100%;background: #fff;padding: 0;overflow: auto;}
.vi-hds .search-content{height:auto;padding: 14px 20px 10px;position: fixed;top: 0;width: 100%;left: 0;background: #fff;z-index: 1;}
.vi-hds .left{width:calc(100% - 34px);height:50px;background:#fff;position: relative;overflow: hidden;flex: 1;}
.vi-hds input.value{width:calc(100% - 52px);height:50px;border:0;margin:0 auto;background:none;outline:none;font-size:15px;border-radius: 4px 0 0 4px;border-right: 0;background: #fff;padding-right: 45px;padding-left:12px; border: 1px solid #333;}
.vi-hds input.value:focus,.vi-hds input.value:hover{border-color: #333;transition: all 0.2s;}
.vi-hds .left .btn-search{width: 52px;height: 50px;border: 1px solid #333;border-radius: 0px 4px 4px 0px;}
.vi-hds .left .btn-search > .icon{font-size: 22px;line-height: 50px;display: block;margin: 0 auto;height: 50px;font-weight: normal;}
.vi-hds .top .close{width: 35px;height: 50px;text-align: left;line-height: 50px;}
.vi-hds .top .close > .iconfont{font-size: 15px;line-height: 28px;width:28px;height: 28px;text-align: center;display: inline-block;vertical-align: middle;color: #333;cursor: pointer;}
.vi-hds .content .clear{cursor: pointer;color: #999;}
.vi-hds .top .close:active,.vi-hds .content .clear:active{opacity: 0.8;}
.vi-hds .content{height:auto;overflow-y:auto;padding: 74px 0 14px;}
.vi-hds .content .clear{font-size:14px;line-height: 1;text-decoration: underline;}
.vi-hds .history{margin: 20px 0;padding: 0 20px;}
.vi-hds .history .title{font-size:16px;}
.vi-hds .list{margin:14px -5px 0;width: 100%;}
.vi-hds .list li{padding: 6px;background-color: #F6F6F6;border-radius: 4px;margin: 0 5px 10px;max-width: calc(100% - 70px);font-size: 14px;line-height: 1;display: inline-block;}
.vi-hds .list li>span{font-size: 14px;line-height: 1;}
.vi-hds .slist{max-height: 72px;overflow: hidden;position: relative;}
.vi-hds .olist li .list-icon{width:14px;height: 14px;object-fit: contain;margin-right: 2px;display: inline-block;vertical-align: bottom;}
.vi-hds .more-history{height: 26px;margin: 0 5px 10px;width: auto;font-size: 14px;line-height: 26px;display: flex;display: -ms-flexbox;align-items: center;justify-content: center;color: #999;}
.vi-hds .more-history .iconfont{line-height: 1;font-size: 14px;}

.vi-hds .association{padding: 74px 20px 30px;}
.vi-hds .association-title{font-size:16px;margin: 20px 0;}
.vi-hds .association-words-item{margin-bottom: 10px;padding: 10px 0;}
.vi-hds .association-item-icon{font-size: 14px; width: 16px;height: 16px; line-height: 16px; color: #999;margin-right: 7px;}
.vi-hds .association-item-text{font-size: 16px;line-height: 1;color: #666;}
.vi-hds .association-item-text .active{font-size: 16px;line-height: 1;color: #333;background-color: #FFF0DF;}

.vi-hd .sign-box{display: none;position: absolute;top: 48px;right: 20px;background: #fff;min-width: 160px;border-radius: 4px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);padding: 0px 20px;}
.vi-hd .sign-box::before{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;content: "";position: absolute;top: -8px;right: 30px;transform: translateX(-50%);}
.vi-hd .sign-box::after{width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 9px solid rgba(0,0,0,0.1);content: "";position: absolute;top: -10px;right: 28px;transform: translateX(-50%);z-index: -1;filter: blur(1px);-webkit-filter: blur(1px);opacity: 0.2;}
.vi-hd .sign-list li{margin: 20px auto;}
.vi-hd .sign-list li a{display: block;font-size: 16px;line-height: 1;white-space: nowrap;}
.vi-hd .sign-list li a.sign-out{border-top: 1px solid #e5e5e5;padding-top: 20px;}
#sign-order-total{min-width: 16px; height: 16px;padding:0 2px; background: #FF9E2C; border-radius: 16px;color:#fff;font-size:12px;line-height: 16px;display: inline-block;text-align: center;margin-left: 10px;vertical-align: top;}

.vi-hd .search-input-div{height: 30px;border-radius: 4px;background-color: #fff;padding: 0;margin: 0;width: 100%;font-size: 12px;color:#999999;display: flex;align-items: center;flex: 1;border: 1px solid #333;overflow: hidden;position: relative;}
.vi-hd .search-input-div .search-icon{font-size: 15px;color: #fff;background-color: #333;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.vi-hd .search-input-div .pre-text{padding: 7px;line-height: 1.2;flex: 1;overflow: hidden;text-overflow: ellipsis; white-space:nowrap;}
.vi-hd .search-input-div .search-text{color: #333;}
.icon-search-cancel{
    width: 14px;
    height: 14px;
    font-size: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='7' cy='7' r='7' fill='%23CCCCCC'/%3E %3Cpath d='M9.43045 4.56949L4.56934 9.4306' stroke='white' stroke-miterlimit='10' stroke-linecap='round'/%3E %3Cpath d='M9.43045 9.4306L4.56934 4.56949' stroke='white' stroke-miterlimit='10' stroke-linecap='round'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.search-input-close{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    background-color: #fff;
    z-index: 1;
}
.search-box-close{
    display: none;
    position: absolute;
    background-size: 18px 18px;
    top: 0;
    right: 66px;
    z-index: 1;
    width: 30px;
    height: 50px;
    user-select: none;
}
.vi-hd .si-menu0{height: 24px;margin: 0;padding: 15px 6px 11px 20px;}
.vi-hd .logo-div{width:  unset;max-width: 26%;margin-left: 6px;}
.vi-hd .icon-user {font-size: 24px;line-height: 1;}
.vi-hd .search-input-div.searched{border-color: #D5D5D5;}


.vc-hd{padding:12px 16px 11px 16px;position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09);}
.vc-hd .title{height:27px;font-size:16px;font-weight:bold;}
.vc-hd .h-menu{width: 27px; text-align: center; font-weight: bold; margin-left: 12px;}
.vc-quickbox-container{background-color: rgba(0,0,0,0.5);}
.vc-quickbox{background: #fff;width:100%;border-radius:0 0 10px 10px;overflow: hidden;}
.vc-quickbox .qb-title,.vc-quickbox .qb-menu,.vc-quickbox a{color:#D4D4D4;text-align: center;}
.vc-quickbox .qb-title{font-size:14px;color:#333333;height:38px;padding: 12px;font-weight: 700;align-content: center;}
.vc-quickbox .qb-title .iconfont{font-size:20px;}
.vc-quickbox .qb-menu{padding:20px 12px;}
.vc-quickbox .itemicon{width: 50px; height: 50px; margin: 0 auto;border:1px solid #ADECF1;background: #F7FDFE; border-radius: 10px;color:#00C3D4;}
.vc-quickbox .itemicon .iconfont{font-size: 24px;-webkit-text-stroke-width: 0;}
.qb-menu .itemtext{margin-top:6px;height:12px;line-height:12px;color:#333333}
.free-shipping-cart{background-color: #E3F3E3;font-size: 12px;padding:1px 2px;color: #486948;position: absolute;bottom: -3px;left: 50%;width: auto;min-width: 40px;transform: translate(-50%, 50%);}
.free-shipping-cart *{line-height: 1;}
.icon-cart-shipping{width: 10px;height: 10px;line-height: 10px;margin: 0 !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cellipse cx='2.36255' cy='7.87333' rx='1.125' ry='1.12675' fill='%23486948'/%3E %3Cellipse cx='6.86255' cy='7.87333' rx='1.125' ry='1.12675' fill='%23486948'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1.00011L1 1C0.5 1 0 1.5 0 2L0.0248367 6.74576C0.0248367 7.46251 0.5 7.64551 1.14585 7.64551C1.25261 7.06977 1.75673 6.63383 2.3625 6.63383C2.99997 6.63383 3.52487 7.11659 3.59261 7.73699L5.4 7.76058H5.63004C5.68688 7.12887 6.21697 6.63383 6.8625 6.63383C7.50803 6.63383 8.03812 7.12887 8.09495 7.76058H8.15625C8.62224 7.76058 9 7.38223 9 6.91552V5.00011C9 4.76653 8.89703 4.54336 8.71555 4.38361L7.45964 3.27807C7.29283 3.13123 7.07275 3.04952 6.8441 3.04952H5.4C5.4 2.95455 5.40038 2.86353 5.40074 2.77633C5.40625 1.4407 5.40807 1.00011 4 1.00011ZM6.19071 4.00011H6.82329C6.92949 4.00011 7.03132 4.04234 7.10635 4.11748L7.87067 4.88299C7.94555 4.95798 7.98761 5.05963 7.98761 5.16561V5.80011C7.98761 5.91056 7.89807 6.00011 7.78761 6.00011H6.19071C6.08025 6.00011 5.99071 5.91056 5.99071 5.80011V4.20011C5.99071 4.08965 6.08025 4.00011 6.19071 4.00011Z' fill='%23486948'/%3E %3C/svg%3E");}

/*nav*/
.vi-hdm{top: 50px;height: calc(100% - 50px);width: 100%;display: none;}
.vi-hdm::before{content: '';width: 100%;height: 2px;display: block;background-color: #fff;position: absolute;top: -2px;left: 0;}
.vi-hdm .left{width:calc(100vw - 44px);max-width:500px;background-color: #F6F6F6;transform: translateX(-100%);transition: transform 0.2s ease-in-out;}
.vi-hdm .left.active,.vi-hdm .sub.active{transform: translateX(0);}
.vi-hdm .mask{width:100vw;left:0;background: #000;opacity: 0.4;z-index: -1;}
.vi-hdm .top{height:52px;padding-top:16px;}
.vi-hdm .close .iconfont{font-size: 20px; font-weight: bold;}
.vi-hdm .menu-top{padding: 0;}
.vi-hdm .menu-top .menu-list{height: 52px;padding: 0;margin-bottom: 4px;}
.vi-hdm .menu-top .menu-list:first-child{margin-top: 8px;}
.vi-hdm .menu-top img{height: 100%;width: auto;object-fit: contain;margin: 0 auto;}
.vi-hdm .menu{height: 100%;overflow: hidden;flex: 1;margin-top: 4px;}
.vi-hdm .menu-left{min-width: 113px; flex-shrink: 0;width: 34.1389728%;}
.vi-hdm .menu-right{flex-shrink: 1;height: 100%;overflow: hidden;width: 65.8610272%;}
.vi-hdm .menu-left .menu-list{background-color: #F6F6F6; padding: 0;height: calc(100% - 38px);overflow-y: scroll;overflow-x: auto;scrollbar-width: none;}
.vi-hdm .menu-left .menu-list .menu-item{padding: 20px 16px;position: relative;}
.vi-hdm .menu-left .menu-list .menu-item .item-name{font-size: 14px;}
.vi-hdm .menu-left .menu-list .menu-item.active *{color: #FF9E2C;font-weight: bold;}
.vi-hdm .menu-left .menu-list .menu-item.active::before{content: '';height: 100%;width: 2px;background-color: #FF9E2C;display: block;position: absolute;left: 0;top: 0;}
.vi-hdm .menu .menu-footer{background-color: #F6F6F6;padding: 0 11px;height: 38px;line-height: 38px;border-top: 1px solid #EBEBEB;}
.vi-hdm .menu .menu-footer .menu-item{line-height: 1;font-size: 0;}
.vi-hdm .menu .menu-footer .menu-item .icon{width: 16px; height: 16px;}
.vi-hdm .sub{height: 100%;}
.vi-hdm .sub-menu{height:100%;overflow-y: scroll;overflow-x: auto;scrollbar-width: none;}
.vi-hdm .sub-menu .menu-list{display: flex;flex-direction: row;flex-wrap: wrap;overflow: hidden;}
.vi-hdm .sub-menu .menu-list .sub-menu-item{background-color: #fff;border-radius: 4px 0 0 4px;padding: 12px;font-size: 14px;position: relative;}
.vi-hdm .sub-menu .third-menu{margin-top: 12px;display: grid; grid-template-columns: repeat(2, 1fr);gap: 16px 18px;}
.vi-hdm .posa .menu-title-close{position: absolute;width: 44px; height: 44px;background: #333;color: #fff;text-align: center; font-size: 24px; line-height: 39px;font-weight: 400;top: 0;left: 100%;}
.vi-hdm .loadBox{display: block;width: 100%;height: 0;margin-bottom: 4px;border-radius: 8px;overflow: hidden;padding-bottom: 100%;position: relative;}
.vi-hdm .item-image{width: 100%;height: 100%;border-radius: 8px;overflow: hidden;object-fit: cover;position: absolute;top: 0;left: 0;}
.vi-hdm .menu-right .row{flex: 1 1 100%;width: 100%;grid-column: span 2;}
.vi-hdm .menu-right .has-image-menu{flex-shrink: 0;width: 50%; position: relative;}
.vi-hdm .sub-menu .third-menu .has-image-menu{width: 100%;}
.vi-hdm .menu-right .has-image-menu::after { 
    content: '';
    clear: both;
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: -100%;
    top: 0;
    z-index: -1;
}
.vi-hdm .sub-menu .sub-menu-item.text-menu + .sub-menu-item.text-menu::after{
    content: '';
    background: #fff;
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: -1;
}
.vi-hdm .menu-right .sub-menu-item.row {margin-top: 8px;}
.vi-hdm .menu-right .sub-menu-item.row:has(+.sub-menu-item.has-image-menu){margin-bottom: 8px;}
.vi-hdm .sub-menu .menu-list .sub-menu-item:first-child, 
.vi-hdm .sub-menu .menu-list .sub-menu-item.text-menu + .sub-menu-item.text-menu{margin-top: 0 !important;}
.vi-hdm .sub-menu .menu-list .sub-menu-item:last-child{margin-bottom: 0 !important;}
.vi-hdm .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu:nth-of-type(even){padding: 8px 9px 8px 12px;}
.vi-hdm .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu:nth-of-type(odd){padding: 8px 12px 8px 9px;}
.vi-hdm .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu.item-0{padding: 12px 9px 8px 12px;}
.vi-hdm .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu.item-1{padding: 12px 12px 8px 9px;}
.vi-hdm .sub-menu .menu-list .sub-menu-item.row ~ .has-image-menu:last-of-type{padding-bottom:12px;}
.vi-hdm .sub-menu .menu-list .sub-menu-item.has-image-menu.line{padding-top: 12px !important;padding-bottom:12px !important;}

.vi-hd  .user-center .ga_yang_enter_user .menu-num__user-order{right: -5px;}
/* search recommend */
.vi-hds .search-recommend-list .search-recommend-item{height: 90px;display: block;width: 100%;padding: 4px 0;margin-bottom: 12px;}
.vi-hds .search-recommend-list .recommend-item-div{
    border-radius: 4px;
    border: 1px solid #F6F6F6;
    background: linear-gradient(90deg, #F6F6F6 23.13%, #FFF 100%);
    padding: 12px 12px 12px 100px;
    height: 100%;
}
.vi-hds .search-recommend-list .recommend-item-div:active{
    background: linear-gradient(90deg, #EBEBEB 23.13%, #FFF 100%);
}
.vi-hds .search-recommend-list .recommend-item-div .image{
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 5px;
    left: -1px;
    top: -4px;
    overflow: hidden;
}
.vi-hds .search-recommend-list .recommend-item-div .image img{width: 100%;height: 100%;object-fit: cover;}
.vi-hds .search-recommend-list .recommend-item-div .search-category-name{font-size: 14px;font-weight: 700;color: #333;}
.vi-hds .search-recommend-list .recommend-item-div .tag-text{color: #666;font-size: 12px;margin-top: 10px;margin-right: auto;max-width: 100%;}
.vi-hds .search-recommend-list .recommend-item-div .tag-text.has-bg{border-radius:4px;background-color: var(--tag-bg-color, #F6F6F6);border: 1px solid var(--tag-border-color, #F6F6F6);padding: 4px 6px;margin-top: 6px}

.product-container .product-price .old{color: #999;font-size: 14px;}
.unCustom-dialog .dialog-footer{display: flex;}
.unCustom-dialog .dialog-main .dialog-footer .dialog-btn0{display: flex;align-items: center;justify-content: center;}

.vi-hd .search-back{width:24px;height: 24px;margin: 0;padding: 13px 6px 13px 20px;}
.vi-hd .search-back .iconfont{line-height: 24px;width: 24px;height: 24px;text-align: center;display: inline-block;font-size: 14px;}
.vi-hd .search-back + .si-menu0{padding: 13px 0 13px 6px;}
.vi-hd > div:first-child{padding-left: 20px;}
.search-empty-toast .dialog-main{top: 98px !important;}  /*12%*/
.buy-now-buttton{width: 100%;border-radius: 4px;padding: 6px 0; margin-top: 12px;min-height: 38px;border: 1px solid #333;}
.buy-now-buttton:active{background-color: #f6f6f6;}
.buy-now-buttton-disable{opacity: 0.3;cursor: not-allowed;pointer-events: none;}
.buy-now-buttton .buy-now-buttton-content{display: flex;justify-content: center;align-items: center;flex-direction: column;color: #333;min-height: 38px;}
.buy-now-buttton .buy-now-buttton-content .content-top{font-weight: 700;font-size: 18px;text-align: center;}
.buy-now-buttton .buy-now-buttton-content .content-bottom{font-weight: 400;font-size: 12px;text-align: center;color:#999}
.buy-now-unCustom-dialog .dialog-footer{display: flex;}
.buy-now-unCustom-dialog .dialog-btn1{background-color: #FF9E2C !important;border: none !important;padding: 5px !important;display: flex !important;justify-content: center;align-items: center;}
.buy-now-unCustom-dialog .dialog-btn1 .content-top{font-weight: 700;font-size: 18px;text-align: center;color: #fff;}
.buy-now-unCustom-dialog .dialog-btn1 .content-bottom{font-weight: 400;font-size: 14px;text-align: center;color:#ffedd7}

/* foot css */
.vi-ft{background-color:#F5F1E9;color:#333;width:100%;}
.vi-ft a{display: block;}
.vi-ft .menu{background-color: #F5F1E9;padding:12px 20px;}
.vi-ft .menu .title{font-size:16px;line-height: 40px;height: 40px;}
.vi-ft .menu .switch{font-size:14px;line-height: 40px;transform: rotateZ(0deg);}
.vi-ft .toggle.active .switch{transform: rotateZ(180deg);} 
.vi-ft .m-item{padding:0 0 16px;}
.vi-ft .f-item{font-size: 15px; line-height: 40px;color:#666;}
.vi-ft .box{display: none;}
.vi-ft .box>.f-item:last-child{margin-bottom: 4px;}
.vi-ft .contact,.vi-ft .pay{padding:0 12px;margin: 30px 0;}
.vi-ft .contact{margin-top: 4px;}
.vi-ft .contact img{width:40px;height:40px;}
.vi-ft .contact a{margin:0 10px;}
.vi-ft .contact .icon{font-size: 40px;border-radius: 50%;overflow: hidden;width: 40px;height: 40px;}
.vi-ft .sealimg{width:auto;margin-bottom:0;}
.vi-ft .creditimg{width:auto;max-height:2rem;}
.vi-ft .pay img{width:63px;height:37px;margin:0 2px 8px;}
.vi-ft .rights{background-color: #ECE5D8;padding:20px;}
.vi-ft .rights>*{font-size: 12px;line-height: 22px;}
.vi-ft .switch-country{margin:10px 0;}
.vi-ft .switch-country .iconfont{line-height: 21px;height: 21px;}
.vi-ft .current-country{text-decoration: underline;margin-left:6px;font-size: 14px;line-height: 21px;}
.vi-ft .switch-country .flag-country{width: 21px;height: 14px;margin-left: 10px;}
.switch-country-content .country-item{padding: 14px 0;font-size: 16px;line-height: 20px;cursor:pointer;border-bottom: 1px solid #EBEBEB;}
.switch-country-content .flag-img{width: 21px;height: 14px;margin-right:8px;}
.switch-country-content .country-item .iconfont{width:20px;height:20px;background:transparent;}
.switch-country-content .country-item.active .iconfont{background: #fff url('__IMG__/yang/icon-checked.svg');}

.certificate-container{margin: 30px 0;padding: 0 20px;}
.certificate-container .title{font-size: 14px;line-height: 20px;height:auto;text-align: center;margin: 0 auto 8px;}
.certificate-slide-item{width: 100%;background: #f5f1e9;}
.certificate-slide-item img{min-height: 25px;height:auto; width: auto;max-width:100%;mix-blend-mode: multiply;margin: 0 auto;}
.certificate-slide-item img.lazy-loading,.certificate-slide-item img.lazyloading{mix-blend-mode: normal;}

.vi-ft .subscribe-content{padding: 20px;position: relative;}
.subscribe-box{overflow: visible;margin-top: 8px;background-color: transparent;}
.subscribe-box .form-text{width: 100%;position: relative;}
.subscribe-email,
.subscribe-sms{height: 40px;background-color: #fff;width: auto;font-size: 14px;border:none;border-radius: 4px 0 0 4px; flex: 1 1 auto;}
.subscribe-box .subscribe-btn,
.subscribe-box .sms-subscribe-btn{width: 95px;padding: 2px 8px;font-size: 14px;border-radius: 0 4px 4px 0; flex-shrink: 0;font-weight: normal;height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.subscribe-sms-box .form-text .subscribe-phone-wrapper{background-color: #fff;border-radius: 4px;overflow: hidden;display: flex;align-items: center;}
.subscribe-country-code{padding: 0 8px;font-size: 14px;line-height: 40px;flex-shrink: 0;white-space: nowrap;}
.subscribe-separator{width: 1px;height: 14px;background-color: #D5D5D5;flex-shrink: 0;}
.subscribe-sms-box .subscribe-sms{min-width: 80px;padding: 0 8px;}
.subscribe-modal .dialog-btn-box .close{min-width: 0;width: 96px; flex: 1;}
.subscribe-modal .dialog-btn-box .subscribe-sign-btn{flex: 2;width: 192px;}
.subscribe-success-toast{position: absolute;}
.subscribe-success-toast .dialog__toast.dialog-main{top: 100% !important; left: 50% !important;transform: translate(-50%, 4px) !important;}
.subscribe-modal .dialog-main--auto.dialog-main{left: 50% !important;top: 50% !important;transform: translate(-50%, -50%) !important;}
.subscribe-content .form-subscribe-email,
.subscribe-content .form-subscribe-sms{background-color: transparent;margin-top: 8px;}
.subscribe-content .subscribe-email-text,
.subscribe-content .subscribe-sms-text{font-size: 12px;color: #666;cursor: default;}
.subscribe-content .subscribe-email-text a,
.subscribe-content .subscribe-sms-text a{font-size: 12px;color: #468CFF;text-decoration: underline;display: inline;cursor: pointer;}