.vui-dialog-backdrop { position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.65);
}
.vui-dialog-wrapper { position:fixed; top:0; bottom:0; left:0; right:0; z-index:2001; width:100%; height:100%; text-align:center;
}
.vui-dialog-wrapper::before,
.vui-dialog-wrapper::after { content:""; display:inline-block; width:0; height:100%; overflow:hidden; vertical-align:middle;
}
.vui-dialog { display:inline-block; border-radius:4px; background-color:#fff; width:280px; vertical-align:middle;
}
.vui-dialog .vui-dialog-body { padding:24px; color:#595959; font-size:16px; line-height:20px;
}
.vui-dialog .vui-dialog-footer { display:flex; justify-content:center; align-items:flex-start; border-top:0.5px solid #e0e0e0;
}
.vui-dialog .vui-dialog-footer .btn { flex:1; display:block; padding:20px; color:#595959; font-size:16px; font-weight:600; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.vui-dialog .vui-dialog-footer .btn + .btn { border-left:0.5px solid #e0e0e0;
}
.vui-dialog .vui-dialog-footer .btn:hover { background-color:#f6f6f6;
}
.vui-dialog .vui-dialog-footer .btn:active { background-color:#f6f6f6;
}
.vui-dialog .vui-dialog-footer .btn-cancel { color:#f4533f;
}
.vui-dialog .vui-dialog-footer .btn-cancel:hover {
}
.vui-dialog .vui-dialog-footer .btn-cancel:active {
}
.vui-dialog .vui-dialog-footer .btn-ok { color:#595959;
}
.vui-dialog .vui-dialog-footer .btn-ok:hover {
}
.vui-dialog .vui-dialog-footer .btn-ok:active {
}
.vui-dialog-backdrop-fade-enter-active { -webkit-animation:vuiBindingRuleBackdropFadeIn 0.2s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleBackdropFadeIn 0.2s cubic-bezier(0.23,1,0.32,1) both;
}
.vui-dialog-backdrop-fade-leave-active { -webkit-animation:vuiBindingRuleBackdropFadeOut 0.4s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleBackdropFadeOut 0.4s cubic-bezier(0.23,1,0.32,1) both;
}
.vui-dialog-zoom-enter-active { -webkit-animation:vuiBindingRuleZoomIn 0.2s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleZoomIn 0.2s cubic-bezier(0.23,1,0.32,1) both;
}
.vui-dialog-zoom-leave-active { -webkit-animation:vuiBindingRuleZoomOut 0.4s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleZoomOut 0.4s cubic-bezier(0.23,1,0.32,1) both;
}
@-webkit-keyframes vuiBindingRuleBackdropFadeIn {
0% { opacity:0;
}
100% { opacity:1;
}
}
@keyframes vuiBindingRuleBackdropFadeIn {
0% { opacity:0;
}
100% { opacity:1;
}
}
@-webkit-keyframes vuiBindingRuleBackdropFadeOut {
0% { opacity:1;
}
100% { opacity:0;
}
}
@keyframes vuiBindingRuleBackdropFadeOut {
0% { opacity:1;
}
100% { opacity:0;
}
}
@-webkit-keyframes vuiBindingRuleZoomIn {
0% { transform:scale(0.6);
}
100% { transform:scale(1);
}
}
@keyframes vuiBindingRuleZoomIn {
0% { transform:scale(0.6);
}
100% { transform:scale(1);
}
}
@-webkit-keyframes vuiBindingRuleZoomOut {
0% { transform:scale(1);
}
100% { transform:scale(0.6);
}
}
@keyframes vuiBindingRuleZoomOut {
0% { transform:scale(1);
}
100% { transform:scale(0.6);
}
}


.vui-layout-user-subscribe-mobile {
}
.vui-layout-user-subscribe-mobile-header { padding:24px 16px; color:#262626; font-size:22px; font-weight:600; text-align:left;
}
.vui-layout-user-subscribe-mobile-body .cell { display:flex; justify-content:flex-start; align-items:stretch; height:48px; border-bottom:0.5px solid #eaeaec;
}
.vui-layout-user-subscribe-mobile-body .cell:first-child { border-top:0.5px solid #eaeaec;
}
.vui-layout-user-subscribe-mobile-body .cell-header { display:flex; justify-content:flex-start; align-items:center; width:90px; padding:0 16px; color:#595959; font-size:14px;
}
.vui-layout-user-subscribe-mobile-body .cell-body { flex:1;
}
.vui-layout-user-subscribe-mobile-body .cell-body input[type="text"] { display:block; width:100%; height:100%; border:none;
}
.vui-layout-user-subscribe-mobile-body .cell-footer { padding:0 16px;
}
.vui-layout-user-subscribe-mobile-footer { padding:24px 32px;
}
.vui-layout-user-subscribe-mobile-footer .submit { display:block; width:100%; height:48px; outline:none; border:none; border-radius:48px; background-color:#f4533f; margin:0; padding:0 16px; letter-spacing:1px; color:#fff; font-size:18px; transition:border-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-user-subscribe-mobile-footer .submit:hover { background-color:#f56553;
}
.vui-layout-user-subscribe-mobile-footer .submit:focus { background-color:#f56553;
}
.vui-layout-user-subscribe-mobile-footer .submit:active { background-color:#db4b39;
}
.vui-layout-user-subscribe-mobile-footer .submit.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-layout-user-subscribe-mobile-footer .submit.disabled:hover { background-color:#f78779;
}
.vui-layout-user-subscribe-mobile-footer .submit.disabled:focus { background-color:#f78779;
}
.vui-layout-user-subscribe-mobile-footer .submit.disabled:active { background-color:#f78779;
}