/*
 * =====================================================
 * private css!
 * =====================================================
 */

/* usual class */
ul { list-style: none; margin: 0; padding: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #dcdcdc; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #dcdcdc; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #dcdcdc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #dcdcdc; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.dib { display: inline-block !important; }
.bg-white { background-color: #fff !important; }
.bg-grey { background-color: #f7f7f7 !important; }
.text-err { color: #d76d62 !important; }
.text-grey { color: #808991 !important; }
.text-orange { color: #EE6209 !important; }
.w70 { width: 70px; }
.mw80 { min-width: 80px !important; }
.pad10 { padding: 10px !important; }
.mar10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.mtb10 { margin: 10px 0 !important; }
.ptb10 { padding: 10px 0 !important; }
.fs-0 { font-size: 0 !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-26 { font-size: 26px !important; }
.b-line-d { border-bottom: 1px dashed #C9C9C9; }
.percent20 { width: 20%; }
.percent30 { width: 30%; }
.percent70 { width: 70%; }
.percent80 { width: 80%; }
.layui-layer-msg { max-width: 80%; }

/*mui */
body { color: #1b2a38; background: #f7f7f7;}
.mui-bar { background-color: #fff !important;border-top: 0.5px solid #f4f4f4;box-shadow: none}
.mui-bar:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc;display: none; }
.mui-bar.mui-bar-nav .mui-btn-link { color: inherit !important; }
.mui-bar.mui-bar-nav .mui-btn-link:active { border: none; }
.mui-content{background: #f7f7f7;}
.mui-content > .mui-table-view:first-child { margin-top: auto; }

.mui-input-row .mui-input-password.mui-input-clear ~ .mui-icon-clear { right: 38px }
.mui-btn.disabled { background-color: #e8e8e8; border-color: #ccc; }
.mui-btn.disabled:active { background-color: #e8e8e8; border-color: #ccc; }
.mui-btn-outlined.disabled { background-color: #fff; color: #ccc; }
.mui-btn-outlined.disabled:active { background-color: transparent; color: #ccc; }
.mui-btn-block.disabled:active { background-color: #fff; color: #ccc; }
.mui-btn.radiusNo { border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.mui-icon-back:before, .mui-icon-left-nav:before { content: '\e590'; }
.mui-icon-close-nav:before { content: '\e589'; }
.mui-table-view-cell { padding: 15px 15px;    font-size: 14px;color: #222; }
.mui-table-view-cell > a:not(.mui-btn) { margin: -15px -15px; }
.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after { font-size: 22px; color: #dcdcdc; }
.mui-table-view-cell:after { background-color: #dedede; }
.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item { border-top: 0; border-bottom: 0; }
.mui-btn-l { padding: 10px 12px !important; }

/* */
.mG-userInfor.mui-table-view .mui-media-object { line-height: 84px; max-width: 84px; height: 84px; width: 84px; }
.mG-userInfor.mui-table-view .mui-media-object>img { width: 100%; height: 100%; }
.mG-userInfor .mui-media-body>div { color: #222; font-size: 14px; margin-bottom: 10px; white-space: normal; }
.mG-userInfor .mui-media-body>div:last-child { margin-bottom: 0; }
.userInfor-item>label { float: left; width: 80px; text-align: right; }
.acountInfor-item{display: flex;justify-content: space-between;align-items: center;margin-top: 12px}
.acountInfor-item img{vertical-align: middle;margin-top: -5px;margin-right: 5px;}

/*   */
.cR-ul { background-color: #fff; padding: 15px 10px; position: relative; margin-bottom: 10px; }
.cR-ul:before { position: absolute; right: 0; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc }
.cR-ul:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc }
.cR-ul li:not(:last-child) { margin-bottom: 5px; }
.cR-ul li label { float: left; width: 90px; text-align: right; }
.cR-ul li .cR-li-r { margin-left: 80px; word-break: break-word; }
.mui-fullscreen .mui-segmented-control ~ .cR-slider-group { top: 50px; margin-top: 10px; }
.cRe-manage { padding-top: 100px !important; }
.cRe-manage .mui-segmented-control.mui-scroll-wrapper .mui-scroll { width: 100%; height: 50px; }
.cRe-manage .mui-segmented-control-inverted { background-color: #fff; height: 50px }
.cRe-manage .mui-segmented-control-inverted:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; }
.cRe-manage .mui-control-item { float: left; position: relative; width: 33.333% !important; padding: 0 !important; }
.cRe-manage .self-bar { width: 50%; position: absolute; height: 100%; left: 50%; margin-left: -25%; background: #d76d62; }

/* */
.gC-card { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; font-size: 14px; position: relative; overflow: hidden; padding: 15px 10px; margin: 10px 0; background-color: #fff; }
.gC-card:before { position: absolute; right: 0; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc }
.gC-card:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc }
.gC-card .gC-card-l { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; cursor: pointer; }
.gC-card .gC-card-r { margin-left: 20px; }

/**/
.gD-card { margin: 10px 0; background-color: #fff; padding: 15px 10px; font-size: 14px; }
.gD-card:before { position: absolute; right: 0; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc }
.gD-card:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc }
.my-footer-bar { position: fixed; bottom: 0; width: 100%; }

/**/
.sB-card { box-shadow: none; margin: 10px 0; }
.sB-card .fs-0 .mui-btn-danger { float: right; width: 80px; }
.sB-card .fs-0 .mui-btn:last-child { margin-right: 85px; display: block; text-align: left; }

/**/
.mui-table-view-cell .change { margin-right: -25px; font-size: 14px; }
.mui-input-row.code-row .mui-btn { width: 105px; float: right; padding: 11px 0 12px; }
.mui-input-row.code-row .input-wrap { margin-right: 110px; }
.step-nav { padding: 15px 10px; width: 100%; background-color: #fff; }
.step-nav li { float: left; width: 33.33333333%; font-size: 14px; color: #b09f8d; text-align: center; }
.step-nav li span { font-size: 12px; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; display: inline-block; width: 75%; border: 1px solid #b09f8d; border-right: 0; padding: 2px 4px 2px 10px; position: relative; }
.step-nav li:not(:last-child) span:before { content: ""; padding: 10px 9px; position: absolute; right: -9px; border: 1px solid #b09f8d; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-width: 1px 1px 0 0; }
.step-nav li:last-child span { border: 1px solid #b09f8d; padding: 2px 10px; border-radius: 3px; -webkit-border-radius: 3px; width: 80%; }
.step-nav li.active span { background-color: #b09f8d; color: #fff; }
.step-nav li.active span:before { background-image: linear-gradient(45deg, #b09f8d, #b09f8d, #b09f8d); border: 0; top: 3px; }
.find-way { border: 1px solid #d76d62; border-radius: 5px; -webkit-border-radius: 5px; padding: 9px 10px; color: #1b2a38; }
.find-way:active { background-color: #d76d62; color: #fff; }
.cPEnd-msg .mui-icon-checkbox-filled { font-size: 45px; color: #b09f8d; margin: 20px 0 30px; }
.mui-pull-bottom-tips { text-align: center; line-height: 40px; color: #777; font-size: 15px; }
.msgNotice { text-align: center; line-height: 40px; color: #777; font-size: 15px; }
.mui-pull { font-weight: normal !important; }
.mui-bar.mui-bar-nav .mui-icon-left-nav { cursor: pointer; }
.mui-bar.mui-bar-nav .mui-icon-close-nav { cursor: pointer; }
.hint-text { color: #f00; margin-left: 20px; font-size: 14px; }
.bind-text { float: right; margin-right: -25px; font-size: 14px; color: #f00 }
.noBindText { color: #f00; font-size: 14px; margin-left: 10px; }

/* voucher list */
.cRe-manage .mui-segmented-control-inverted:after { display: none }
.cRe-manage .mui-segmented-control-inverted { box-shadow: 0 2px 4px rgba(157, 51, 0, 0.06); }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #FF6926; }
.cRe-manage .self-bar { background: #FF6926; width: 34%; margin-left: -17%; border-radius: 1px; }
.mui-slider-progress-bar { height: 4px; }
.voucher-item { margin: 0 10px; padding: 20px 28px; line-height: 1; background: #fff; height: 163px; border-top: 3px solid #FF7E4E; border-radius: 3px; box-shadow: 0 2px 5px #ddd; position: relative; }
.voucher-item .voucher-decoration { position: absolute; top: 80px; left: 0; right: 0; width: 100%; }
.voucher-decoration .line { height: 1px; background-image: linear-gradient(to right, #ffe6dc 0%, #ffe6dc 54%, transparent 46%); background-size: 30px 1px; background-repeat: repeat-x; background-position: 12px; }
.voucher-decoration .l-circle { position: absolute; left: 0; top: -10px; height: 20px; width: 10px; border-radius: 0 10px 10px 0; background: #f7f7f7; box-shadow: inset 0 2px 5px #ddd; }
.voucher-decoration .r-circle { position: absolute; right: 0; top: -10px; height: 20px; width: 10px; border-radius: 10px 0 0 10px; background: #f7f7f7; box-shadow: inset 0 2px 5px #ddd; }
.voucher-decoration .l-circle:before { content: ""; position: absolute; top: 0; left: -5px; width: 7px; height: 20px; background: #f7f7f7 }
.voucher-decoration .r-circle:before { content: ""; position: absolute; top: 0; right: -5px; width: 7px; height: 20px; background: #f7f7f7 }
.voucher-item .face-value { color: #FF7E4E; font-size: 32px; font-weight: bold; margin-top: 6px; }
.voucher-item .name { font-size: 14px; color: #BDBDBD; margin-top: 45px; margin-bottom: 8px; }
.voucher-item .l-col { float: left }
.voucher-item .r-col { margin-left: 100px }
.voucher-item.used { border-top: 3px solid #fff; }
.voucher-item.used .voucher-decoration .line { background-image: linear-gradient(to right, #E1E1E1 0%, #E1E1E1 54%, transparent 46%); }
.voucher-item.used .face-value { color: #C0C0C0; }
.voucher-item.used .des { color: #bdbdbd; }
.voucher-item.expired { border-top: 3px solid #fff; }
.voucher-item.expired .voucher-decoration .line { background-image: linear-gradient(to right, #E1E1E1 0%, #E1E1E1 54%, transparent 46%); }
.voucher-item.expired .face-value { color: #C0C0C0; }
.voucher-item.expired .des { color: #bdbdbd; }
.voucher-item+.voucher-item{margin-top:10px;}
.expired-tip-pic { float: right; width: 66px !important; height: 56px; margin-top: -15px; }
.cR-ul { margin: 0 10px 10px; padding: 15px 13px; box-shadow: 0 2px 4px rgba(157, 51, 0, 0.06); }
.cR-ul:before, .cR-ul:after { display: none }
.cR-ul li {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.cR-ul li label { width: auto; }
.cR-ul li .cR-li-r { margin-left: 0 }
.cR-ul li .red { color: #FE2222; }
.cR-ul li label.gray { color: #A6A6A6; }
.cR-ul li.line { height: 1px; background-image: linear-gradient(to right, #E8E8E8  0%, #E8E8E8  54%, transparent 46%); background-size: 20px 1px; background-repeat: repeat-x; }
.cR-ul li:not(:last-child) { margin-bottom: 7px; }
.cR-ul li:not(.line) { padding:3px 11px; }

/* help center */
.helpCenter-card{margin-top:10px !important;box-shadow: 0 2px 4px rgba(62, 27, 9,.1)}
.helpCenter-card .mui-card-content-inner{padding:20px;}
.helpCenter-card .tit{text-align: justify;}
.helpCenter-card .des{margin-top: 5px;color:#9C9C9C;text-align: justify;}
.helpCenter-item+.helpCenter-item{margin-top:30px;}