* {-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;margin:0;padding:0;}
body,html {margin:0;padding:0;overflow:auto;font-family:'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;/* background-color:#fafafa;*/    cursor:pointer;}
*,:after,:before {-webkit-box-sizing:inherit;box-sizing:inherit;}
html {-webkit-box-shadow:0 -1px 0 #eee;box-shadow:0 -1px 0 #eee}
body {background-color:#fafafa;position:relative;max-width:960px;margin:0 auto;}
img {border-style:none;}
[role=button],a,button,input {-webkit-transition:all .5s;transition:all .5s;}
p {margin:0 0 1em;line-height:1.4285em}
p:first-child {margin-top:0}
p:last-child {margin-bottom:0}
a {color:#4183c4;text-decoration:none}
a:hover {color:#1e70bf;text-decoration:none}
h1,h2,h3,h4,h5 {font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.28571429em;margin:calc(2rem - .14285714em) 0 1rem;font-weight:700;padding:0}
h1 {min-height:1rem;font-size:2rem}
h2 {font-size:1.71428571rem}
h3 {font-size:1.28571429rem}
h4 {font-size:1.07142857rem}
h5 {font-size:1rem}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child {margin-top:0}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child {margin-bottom:0}
ul,li {list-style:none;}
button,input[type=button],input[type=submit],input[type=text],select,textarea {-webkit-appearance:none;appearance:none;}
:active,:focus {outline:0;}
.flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.items-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.justify-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.clearfix {overflow:hidden;clear:both}
.bg-white {--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));}
.rounded-8 {border-radius:8px;}
.py-24 {padding-top:24px;padding-bottom:24px;}
.hidden {display:none;}
.transform {--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));}
.h-header {padding-left:20px;padding-right:20px;position:sticky;-webkit-box-shadow:0 2px 5px rgb(0 0 0 / 15%);box-shadow:0 2px 5px rgb(0 0 0 / 15%);z-index:50;left:0;right:0;top:0;}
.mr-auto {margin-right:auto;}
.w-auto {width:auto;}
.h-70 {height:70px;}
.block {display:block;}
.h-btn {margin-left:20px;-ms-flex-negative:0;flex-shrink:0;display:inline-block;cursor:pointer;border-style:none;background-size:contain;background-repeat:no-repeat;background-position:center;-webkit-transition-duration:.2s;transition-duration:.2s;background-color:transparent;width:24px;height:24px;}
.bg-toggle {background-color:transparent;background-image:url(../images/menu.png);}
.bg-toggle.open {background-image:url(../images/close.svg);}
.flex-col {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.justify-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.h-menu {margin-top:0;margin-bottom:0;top:70px;left:0;right:0;position:absolute;padding-left:20px;padding-right:20px;margin-top:0;margin-bottom:0;}
.box-border {-webkit-box-sizing:border-box;box-sizing:border-box;}
.border {border-width:1px;}
.border-b {border-bottom-width:1px;}
.inline-flex {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.border-l-0 {border-left-width:0;}
.border-r-0 {border-right-width:0;}
.border-t-0 {border-top-width:0;}
.border-solid {border-style:solid;}
.border-gray-100 {--border-opacity:1;border-color:#eee;border-color:rgba(238,238,238,var(--border-opacity));}
.no-underline {text-decoration:none;}
.text-black-300 {--text-opacity:1;color:#333;color:rgba(51,51,51,var(--text-opacity));}
.py-20 {padding-top:20px;padding-bottom:20px;}
.shadow-lg {-webkit-box-shadow:0 4px 8px -2px rgba(51,173,255,.3);box-shadow:0 4px 8px -2px rgba(51,173,255,.3);}
.bg-blue {--bg-opacity:1;background-color:#33adff;background-color:rgba(51,173,255,var(--bg-opacity));}
.rounded-4 {border-radius:4px;}
.duration-200 {-webkit-transition-duration:.2s;transition-duration:.2s;}
.transition {-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform;}
.transition-all {-webkit-transition-property:all;transition-property:all;}
.w-32 {width:32px;}
.h-16 {height:16px;}
.h-32 {height:32px;}
.font-medium {font-weight:500;}
.px-15 {padding-left:15px;padding-right:15px;}
.py-48 {padding-top:48px;padding-bottom:48px;}
.grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.gap-15 {grid-gap:15px;gap:15px;}
.grid {display:grid;}
.bg-blue-100 {--bg-opacity:1;background-color:#f5fbff;background-color:rgba(245,251,255,var(--bg-opacity));}
.bg-hero-gradient {background-image:url(../images/pc-home-l-01.svg),url(../images/pc-home-r-01.svg),linear-gradient(to bottom,#b5e1ff,#fff 620px);background-repeat:no-repeat,no-repeat,no-repeat;background-position:top 150px left 10%,right bottom,top center;padding-top:30px;}
.rounded-16 {border-radius:16px;}
.shadow-card {-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.08);box-shadow:0 2px 6px 0 rgba(0,0,0,.08);}
.h-fpzn {padding-top:30px;padding-bottom:48px;background-color:#fff;}
.bg-quotes {background-image:url(../images/double-quotes.svg);background-repeat:no-repeat;background-position:right 10px top 10px;background-size:24px 20px;}
.space-x-15>:not(template)~:not(template) {--space-x-reverse:0;margin-right:calc(15px * var(--space-x-reverse));margin-left:calc(15px * calc(1 - var(--space-x-reverse)));}
.space-y-12>:not(template)~:not(template) {--space-y-reverse:0;margin-top:calc(12px * calc(1 - var(--space-y-reverse)));margin-bottom:calc(12px * var(--space-y-reverse));}
.space-y-16>:not(template)~:not(template) {--space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--space-y-reverse)));margin-bottom:calc(16px * var(--space-y-reverse));}
.space-y-20>:not(template)~:not(template) {--space-y-reverse:0;margin-top:calc(20px * calc(1 - var(--space-y-reverse)));margin-bottom:calc(20px * var(--space-y-reverse));}
.space-x-10>:not(template)~:not(template) {--space-x-reverse:0;margin-right:calc(10px * var(--space-x-reverse));margin-left:calc(10px * calc(1 - var(--space-x-reverse)));}
.space-y-24>:not(template)~:not(template) {--space-y-reverse:0;margin-top:calc(24px * calc(1 - var(--space-y-reverse)));margin-bottom:calc(24px * var(--space-y-reverse));}
.text-12 {font-size:12px;}
.text-14 {font-size:14px;}
.text-18 {font-size:18px;}
.text-20 {font-size:20px;}
.text-blue-600 {--text-opacity:1;color:#2196f3;color:rgba(33,150,243,var(--text-opacity));}
.font-semibold {font-weight:600;}
.my-0 {margin-top:0;margin-bottom:0;}
.text-center {text-align:center;}
.text-black {--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity));}
.invisible {visibility:hidden;}
.absolute {position:absolute;}
.pt-112 {padding-top:112px;}
.-mt-112 {margin-top:-112px;}
.bg-cover {background-size:cover;}
.bg-no-repeat {background-repeat:no-repeat;}
.h-100 {height:100px;}
.px-20 {padding-left:20px;padding-right:20px;}
.mt-48 {margin-top:48px;}
.rounded-full {border-radius:9999px;}
.border-white {--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity));}
.text-white {--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));}
.hover\:bg-blue-600:hover {--bg-opacity:1;background-color:#2196f3;background-color:rgba(33,150,243,var(--bg-opacity));}
.hover\:shadow-hover:hover {-webkit-box-shadow:0 8px 16px -2px rgba(33,150,243,.3);box-shadow:0 8px 16px -2px rgba(33,150,243,.3);}
.px-30 {padding-left:30px;padding-right:30px;}
.py-9 {padding-top:9px;padding-bottom:9px;}
.pb-80 {padding-bottom:80px;}
.mobile-nav {background:#fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;}
.text-align-center {text-align:center;}
.z-index-largest {z-index:1000;}
.flex-justify-around {-ms-flex-pack:distribute;justify-content:space-around;}
.flex-align-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.position-bottom-0 {bottom:0;}
.position-right-0 {right:0;}
.position-left-0 {left:0;}
.pos-fixed {position:fixed;}
.pb-env {padding-bottom:env(safe-area-inset-bottom);}
.border-right-0 {border-right-width:0;}
.border-left-0 {border-left-width:0;}
.border-bottom-0 {border-bottom-width:0;}
.border-top-0 {border-top-width:0;}
.border-style-solid {border-style:solid;}
.border-color-da {border-color:#dadada;}
.bg-white {background-color:#fff;}
.w-full {width:100%;}
.d-flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex-direction-column {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.flex-shrink-0 {-ms-flex-negative:0;flex-shrink:0;}
.flex-justify-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.flex-align-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.pb-16 {padding-bottom:16px;}
.py-12 {padding-top:12px;padding-bottom:12px;}
.d-inline-flex {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.lz-w-72 {width:72px;}
.bg-repeat-no {background-repeat:no-repeat;}
.d-inline-block {display:inline-block;}
.lz-w-20 {width:20px;}
.lz-h-20 {height:20px;}
.mobile-nav .bg-sprite {background-image:url(../images/new-menu-icons.png);background-size:cover;}
.pos-relative {position:relative;}
.mobile-nav .bg-image-home {background-position:0 -39px}
.mobile-nav .active .bg-image-home {background-position:0 0}
.mobile-nav .bg-image-more {background-position:0 -119px}
.mobile-nav .active .bg-image-more {background-position:0 -79px}
.mobile-nav .bg-image-cart {background-position:0 -201px}
.mobile-nav .active .bg-image-cart {background-position:0 -160px}
.mobile-nav .bg-image-user {background-position:0 -279px}
.mobile-nav .active .bg-image-user {background-position:0 -240px}
.br1-de {border-top:1px solid #dedede;}
.fz-10 {font-size:10px;}
.color-999 {color:#999;}
.mobile-nav .active div {color:#2196f3;}
body.mobile-my-page {background:#f7f9fa;position:relative}
body.mobile-my-page:after {content:" ";position:absolute;top:0;left:20%;-webkit-transform:translateY(-70%);transform:translateY(-70%);z-index:-1;background:-webkit-gradient(linear,right top,left top,from(rgba(33,150,243,.5)),to(rgba(33,150,243,.5)));background:linear-gradient(270deg,rgba(33,150,243,.5) 0,rgba(33,150,243,.5) 100%);border-radius:188px;-webkit-filter:blur(50px);filter:blur(50px);width:188px;height:188px}
body.mobile-my-page:before {content:" ";position:absolute;top:0;left:30%;-webkit-transform:translateY(-70%);transform:translateY(-70%);z-index:-1;width:170px;height:45px;background:#7421f3;border-radius:188px;opacity:.8;-webkit-filter:blur(50px);filter:blur(50px)}
body.mobile-my-page .main {padding-bottom:100px;}
body.mobile-my-page .main .user-profile-signed {padding:19px 19px 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
body.mobile-my-page .main .user-profile-signed .user-profile-avatar-signed {width:59px;height:59px;margin-right:11px;background:#dedede;-webkit-box-shadow:0 2px 5px 0 rgba(19,21,28,.07);box-shadow:0 2px 5px 0 rgba(19,21,28,.07);border:3px solid #fff;border-radius:100px;overflow:hidden;}
body.mobile-my-page .main img {pointer-events:none;}
body.mobile-my-page .main .user-profile-signed .user-profile-avatar-signed img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
body.mobile-my-page .main .user-profile-signed .profile-wrapper-signed {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
body.mobile-my-page .main .user-profile-signed .profile-wrapper-signed .user-name-signed {font-size:20px;font-weight:600;color:#333;line-height:28px;}
body.mobile-my-page .main .user-profile-signed .profile-wrapper-signed .user-id-signed {font-size:12px;font-weight:400;color:#999;line-height:17px;}
body.mobile-my-page .main .info-items {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 32px 0;margin-bottom:14px;}
body.mobile-my-page .main .info-items .info-item {width:50px;text-align:center;}
body.mobile-my-page .main .info-items .info-item .info-item-title {font-size:11px;font-weight:400;color:#999;line-height:15px;}
body.mobile-my-page .main .info-items .info-item .info-item-content {font-size:20px;font-weight:500;color:#181818;line-height:24px;margin-top:7px;}
body.mobile-my-page .main .vip-promote {position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:6px;border:1px solid #fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:68px;margin:0 12px;padding:0 12px;background-image:url(../images/mine_jrhy_bg@2x.png);background-repeat:no-repeat;background-size:cover;}
body.mobile-my-page .main .vip-promote .promote-logo {position:absolute;top:0;left:0;width:106px;}
body.mobile-my-page .main .vip-promote .promote-logo img {width:100%;}
body.mobile-my-page .main .vip-promote .promote-content {font-size:14px;font-weight:400;color:#333;line-height:20px;position:relative;top:10px;}
body.mobile-my-page .main .vip-promote .promote-join-btn {text-align:center;margin-left:auto;width:66px;height:24px;background:#2196f3;border-radius:12px;font-size:13px;font-weight:400;color:#fff;line-height:24px;}
body.mobile-my-page .main .jump-btns {margin:10px 12px 10px}
body.mobile-my-page .main .jump-btns .jump-btn-row {display:-webkit-box;display:-ms-flexbox;display:flex}
body.mobile-my-page .main .jump-btns .jump-btn-row:first-child {margin-bottom:10px}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn {-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;border:2px solid #fff;border-radius:8px;padding:13px 12px 16px;position:relative}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn.bgc-y {background:linear-gradient(121deg,#fff 0,#fff 59%,#fed700 300%)}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn.bgc-b {background:linear-gradient(121deg,#fff 0,#fff 59%,#0075ff 300%)}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn.bgc-r {background:linear-gradient(121deg,#fff 0,#fff 59%,red 300%)}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn.bgc-p {background:linear-gradient(121deg,#fff 0,#fff 59%,#480ffe 300%)}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn:first-child {margin-right:11px}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn .btn-title {font-size:17px;font-weight:500;color:#333;line-height:21px}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn .btn-content {font-size:12px;font-weight:400;color:#999;line-height:15px;margin-top:4px}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn .btn-img-wrapper {position:absolute;width:56px;top:20px;right:9px}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn .btn-img-wrapper.big {width:66px;right:0}
body.mobile-my-page .main .jump-btns .jump-btn-row .jump-btn .btn-img-wrapper img {width:100%}
body.mobile-my-page .main .menu-items {background-color:#fff;margin-top:10px;border-radius:6px;}
body.mobile-my-page .main .menu-items .menu-item {padding:18px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
body.mobile-my-page .main .menu-items .menu-item div {font-size:17px;font-weight:400;color:#333;line-height:24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
body.mobile-my-page .main .menu-items .menu-item .menu-item-icon {width:20px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:8px;vertical-align:center;line-height:24px;}
body.mobile-my-page .main .menu-items .menu-item .menu-item-icon img {width:100%;}
body.mobile-my-page .main .menu-items .menu-item div {font-size:17px;font-weight:400;color:#333;line-height:24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
body.mobile-my-page .main .menu-items .menu-item:after {content:" ";position:absolute;height:12px;width:7px;top:50%;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(../images/right.png);background-size:cover;}
.notice-box {position:absolute;top:0;left:0;right:0;z-index:95;text-align:right;box-sizing:border-box;}
.notice-box .notice-content {background:url(../images/bg_notice_nor.png) no-repeat 50%/cover;/*background-position-x:-0.5333rem;*/height:2.2rem;line-height:2.2rem;width:100%;display:inline-block;padding:0 0.6rem;}
.notice-box .announcement-icon {display:inline-block;width:1.4rem;vertical-align:middle;height:1.4rem;background:url(../images/notice.png) no-repeat 50%/cover;}
.notice-box .announcement-text {display:inline-block;width:88%;padding-left:0.5rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:#fff;font-size:0.85rem;}
.notice-box .announcement-btn {display:none;vertical-align:middle;width:2rem;height:2rem;background:#fff;cursor:pointer;}
.bg-banner {height:125px;display:block;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:center;}
/* badge */
.hui-badge {padding:3px 6px;line-height:1;display:inline-block;font-size:inherit;border-radius:100px;margin:0px 3px;background:#999999;color:#FFFFFF;}
/* toast */
#hui-toast {width:100%;position:fixed;z-index:21;left:0;bottom:50px;text-align:center;}
#hui-toast-msg {margin:0 auto;line-height:22px;background:rgba(0,0,0,0.7);padding:10px;color:#FFFFFF;font-size:14px;text-align:center;max-width:200px;border-radius:6px;display:inline-block;}
/* icon toast */
#hui-icon-toast {width:158px;position:fixed;z-index:99999;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transform:translate(50%,50%);-o-transform:translate(50%,50%);background:rgba(0,0,0,0.9);border-radius:5px;}
#hui-icon-toast * {color:#FFFFFF;}
#hui-icon-toast .hui-icons {text-align:center;font-size:50px;height:40px;font-weight:700;line-height:40px;padding:28px 0px 18px 0px;}
#hui-icon-toast .hui-text-center {line-height:1.5em;padding-bottom:15px;font-size:16px;margin-top:8px;}
#hui-mask {position:fixed;z-index:20;background:rgba(0,0,0,0.5);width:100%;left:0px;top:0px;height:100%;}
/* up toast */
@keyframes hui-a-up-toast {
	0% {top:-35px;}
	100% {top:0}
}
@-moz-keyframes hui-a-up-toast {
	0% {top:-35px;}
	100% {top:0}
}
@-webkit-keyframes hui-a-up-toast {
	0% {top:-35px;}
	100% {top:0}
}
@-o-keyframes hui-a-up-toast {
	0% {top:-35px;}
	100% {top:0}
}
#hui-up-toast {width:100%;height:50px;line-height:50px;background:rgba(0,0,0,0.9);position:fixed;z-index:21;left:0px;top:0px;animation:hui-a-up-toast 200ms linear;-moz-animation:hui-a-up-toast 200ms linear;-webkit-animation:hui-a-up-toast 200ms linear;-o-animation:hui-a-up-toast 200ms linear;color:#FFFFFF;text-align:center;}
#hui-up-toast * {color:#FFFFFF;text-align:center;}
/* 动画 */
@keyframes hui-a-fade-in {
	0% {opacity:0;}
	100% {opacity:1}
}
@-moz-keyframes hui-a-fade-in {
	0% {opacity:0;}
	100% {opacity:1}
}
@-webkit-keyframes hui-a-fade-in {
	0% {opacity:0;}
	100% {opacity:1}
}
@-o-keyframes hui-a-fade-in {
	0% {opacity:0;}
	100% {opacity:1}
}
.hui-fade-in {animation:hui-a-fade-in 300ms linear forwards;-moz-animation:hui-a-fade-in 300ms linear forwards;-webkit-animation:hui-a-fade-in 300ms linear forwards;-o-animation:hui-a-fade-in 300ms linear forwards;}
@keyframes hui-a-fade-out {
	0% {opacity:1;}
	100% {opacity:0}
}
@-moz-keyframes hui-a-fade-out {
	0% {opacity:1;}
	100% {opacity:0}
}
@-webkit-keyframes hui-a-fade-out {
	0% {opacity:1;}
	100% {opacity:0}
}
@-o-keyframes hui-a-fade-out {
	0% {opacity:1;}
	100% {opacity:0}
}
.hui-fade-out {animation:hui-a-fade-out 300ms linear forwards;-moz-animation:hui-a-fade-out 300ms linear forwards;-webkit-animation:hui-a-fade-out 300ms linear forwards;-o-animation:hui-a-fade-out 300ms linear forwards;}
/* 对话框 */
#hui-dialog {width:100%;position:fixed;z-index:21;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#hui-dialog-in {width:300px;margin:0 auto;background:#FFFFFF;border-radius:1px;}
#hui-dialog-msg {padding:28px 15px;font-size:16px;text-align:center;line-height:32px;padding-bottom:22px;}
#hui-dialog-btn-line {height:48px;line-height:48px;color:#3388FF;border-top:1px solid #F4F5F6;text-align:center;font-size:16px;}
#hui-dialog-btn-line > div {width:50%;color:#FFFFFF;float:left;height:48px;line-height:48px;text-align:center;font-size:16px;background:#3388FF;}
#hui-dialog-btn-line > div:active {opacity:0.9;}
#hui-dialog-btn-line > div:first-child {color:#999999 !important;background:#FFFFFF;}
#hui-dialog-input-in {width:85%;padding:0px 2%;margin:0 auto;border:1px solid #D1D1D1;height:35px;}
#hui-dialog-input {width:100%;border:none;height:35px;line-height:35px;}