.fix-position { overflow: hidden }
.btn-active { background-color: #ddd }
.border-top { position: absolute; display: block; top: 0; left: 0; width: 100%; heiht: 1px; border-top: 1px solid #c9c3b7; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1001 }
.t-dimmer { z-index: 999; pointer-events: none }
.hfe-vue-dialog-backdrop, .t-dimmer { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5) }
.hfe-vue-dialog-backdrop { z-index: 9998; display: table; transition: opacity .3s ease }
.hfe-vue-dialog-content-wrapper { display: table-cell; vertical-align: middle }
.hfe-vue-dialog-dialog { margin: 0 auto; width: 95%; background-color: #fff; border-radius:.06rem;
overflow: hidden; z-index: 100 }
.hfe-vue-dialog-header-title {
 padding:.28rem 0; text-align: center; color: #333; font-size:.4rem;
background: #f0efed; margin: 0; position: relative }
.hfe-vue-dialog-header-title:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #c9c3b7; -webkit-transform: scaleY(.5); -webkit-transform-origin: 0 0 }
.hfe-vue-dialog-header-content {
 font-size:.34rem;
 padding:.44rem; margin: 0; color: #333; text-align: center }
.hfe-vue-dialog-header-content-with-title {
 font-size:.3rem;
 padding:.28rem; margin: 0; color: #333 }
.hfe-vue-dialog-footer { position: relative; display: -webkit-box; display: flex; width: 100%; border-collapse: collapse }
.hfe-vue-dialog-footer:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; heiht: 1px; border-top: 1px solid #c9c3b7; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1001 }
.hfe-vue-dialog-footer-btn { display: block; position: relative; width: 100%; height:.88rem;
line-height:.88rem;
text-align: center; box-sizing: border-box; overflow: hidden; font-size:.34rem;
color: #2bb2a3; -webkit-box-flex: 1; flex: 1 }
.hfe-vue-dialog-footer-btn:active { background: rgba(0,0,0,.1) }
.hfe-vue-dialog-footer-btn:nth-child(2):after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; border-left: 1px solid #c9c3b7; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.expand-transition { transition: all .3s ease }
.t-actions { position: fixed; left: 0; bottom:.16rem;
right: 0; width: 95%; margin: auto; font-size:.34rem;
text-align: center; z-index: 10001 }
.t-actions ul { border-radius: 6px; margin: 0; padding: 0 }
.t-actions-list { color: rgba(0,0,0,.54); background-color: #fafafa }
li.t-actions-list--tt { color: #333!important; padding:.3rem .44rem;
 height:.9rem!important;
 line-height:.34rem!important;
margin: 0 }
.t-actions-list-without-ext { color: rgba(0,0,0,.54); background-color: #fafafa }
.t-actions-list-without-ext li { position: relative; display: block; height:.88rem;
 line-height:.88rem;
overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; color: #333 }
.t-actions-list-without-ext li+li:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; heiht: 1px; border-top: 1px solid #c9c3b7; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1001 }
.t-actions-list li { position: relative; display: block; height:.88rem;
 line-height:.88rem;
overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; color: #2bb2a3 }
.t-actions-list li+li:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; heiht: 1px; border-top: 1px solid #c9c3b7; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1001 }
.t-actions-cancel { border-radius: 6px; display: block; margin-top:.16rem;
 height:.88rem;
 line-height:.88rem;
color: #333; background-color: #fff }
.hfe-vue-dialog-toast-content { text-align: center; width: 100% }
.hfe-vue-dialog-toast-content-backdrop { -webkit-box-flex: 1; flex: auto; text-align: center }
.hfe-vue-dialog-toast-content-backdrop span.wc { display: inline-block; padding:.5rem;
background-color: rgba(0,0,0,.8); border-radius: 6px; color: #fff; font-size:.34rem
}
.hfe-vue-dialog-toast-wrapper { display: -webkit-box; display: flex; max-width: 95%; margin: auto; margin-top: 1.8rem }
.expand-enter, .expand-leave { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1) }
.hfe-vue-dialog-prompt-input {
 border:.01rem solid #ddd; background-color: #fff; color: #444; position: relative; z-index: 2; display: block; margin:-.01rem;
 font-size:.16rem
}
.hfe-vue-dialog-prompt-input input { width: 100%; padding:.05rem;
border: 0; display: block; height:.5rem;
color: #111; vertical-align: middle; font-size:.22rem;
 line-height:.5rem;
border-radius: 0; -moz-flex: 1; -webkit-box-flex: 1; flex: 1; -webkit-appearance: none; appearance: none; margin: 0; background-color: transparent }
.actions-transition { transition: all .3s ease; -webkit-transform: translateZ(0); transform: translateZ(0) }
.actions-enter, .actions-leave { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.refresh-captcha { border: 1px solid #2bb2a3; color: #2bb2a3; border-radius: 6px; line-height:.9rem;
 height:.9rem;
 padding:0 .4rem;
text-decoration: none; vertical-align: top; position: relative; top:.05rem;
 font-size:.3rem
}
.hfe-vue-dialog-captcha-input { width: 1rem; border:.01rem solid #ddd;
background-color: #fff; color: #444; position: relative; z-index: 2; -webkit-box-flex: 1; flex: 1; margin:-.01rem;
 font-size:.16rem;
vertical-align: top; border-radius: 6px }
.hfe-vue-dialog-captcha-input input { width: 100%; padding:.05rem;
border: 0; display: inline-block; height: 1rem; color: #111; vertical-align: middle; font-size:.26rem;
 line-height:.8rem;
border-radius: 0; -moz-flex: 1; -webkit-box-flex: 1; flex: 1; -webkit-appearance: none; appearance: none; margin: 0; background-color: transparent }
.captcha-img { height: 1rem }
.captcha-img-wrapper { vertical-align: top; display: inline-block; height: 1rem; width: 2rem; margin:0 .2rem
}
.hfe-vue-dialog-captcha-header-content-with-title {
 font-size:.3rem;
 padding:.5rem .28rem; margin: 0; color: #333; background: #f0efed }
.hfe-vue-dialog-captcha-header-content-with-title .captcha-content { display: -webkit-box; display: flex }
.hfe-vue-dialog-captcha-header-title {
 padding:.28rem 0; text-align: center; color: #333; font-size:.4rem;
background: #fff; margin: 0; position: relative }
.hfe-vue-dialog-captcha-header-title:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #c9c3b7; -webkit-transform: scaleY(.5); -webkit-transform-origin: 0 0 }
.hfe-vue-dialog-dialog.captcha.error { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: shake-horizontal; animation-name: shake-horizontal; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
.hue-base-navbar {
 height:.88rem;
 line-height:.88rem; background: #f8f8f8; border-bottom: 1px solid #acacac; padding:0 .24rem;
position: relative }
.hue-base-navbar-title { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; font-size:.34rem
}
.hue-base-navbar-back { position: absolute; display: block; width:.8rem;
height: 100%; left:.24rem;
top: 0 }
.hue-base-navbar-btns { position: absolute; font-size:.32rem;
top: 0; left: 0; width: 100%; text-align: right; padding-right:.26rem;
color: #06c1ae }
.hue-base-navbar-arrow { display: block; position: absolute; left: 0; top: 0; width: 1rem; height:.88rem;
z-index: 10 }
.hue-base-navbar-arrow:after { content: ""; display: block; position: absolute; left:.32rem;
top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width:.28rem;
 height:.28rem;
border: none; border-bottom:.04rem solid #727881;
 border-left:.04rem solid #727881
}
.hue-base-navbar-fix { position: fixed; width: 100%; z-index: 999 }
.js-toast-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; background: rgba(0,0,0,.3); -webkit-animation: fadein .7s ease alternate; animation: fadein .7s ease alternate }
.com-toast { position: fixed; z-index: 100; top: 45%; width: 100%; text-align: center; font-size:.32rem;
font-family: sans-serif }
.com-toast .com-toast-text { display: inline-block; margin: -24px auto auto; padding:.25rem .48rem;
min-width: 50px; -webkit-background-clip: padding-box; color: #fff; background-color: rgba(0,0,0,.8); border-radius: 5px }
.com-toast .com-toast-text .iconfont { font-size: 16px }
.com-toast .com-toast-icon.com-icon { display: block; margin:.05rem auto .23rem
}
.com-toast .com-toast-icon.com-icon.com-simple-toast { display: none }
.com-icon[com-mode*=toast-] { display: inline-block; height:.7rem;
 width:.7rem
}
.com-icon[com-mode*=toast-]:before { content: ""; display: block; width: 100%; height: 100%; );
font-weight: 400; font-style: normal }
[class*=" icon-"], [class^=icon-] {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-phone:before { content: "\E900" }
.icon-duigou:before { content: "\E901" }
.icon-duigou2:before { content: "\E902" }
.icon-share:before { content: "\E90F" }
body { overflow-x: hidden }
.justify-wrap { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-align: center }
.justify-wrap .justify-wrap-first { box-flex: 1; -webkit-box-flex: 1; flex: 1 }
.color-primary { color: #06c1ae }
.dp .color-primary { color: #f63!important }
.color-c { color: #ccc }
.color-9 { color: #999 }
.color-6 { color: #666 }
.color-3 { color: #333 }
.arrow-up { position: relative; width:.16rem;
 height:.16rem;
display: inline-block }
.arrow-up:after { content: ""; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-30%) rotate(45deg); transform: translateY(-30%) rotate(45deg); width: 100%; height: 100%; border: none; border-left: 3px solid #ccc; border-top: 3px solid #ccc }
.order-status-title-content a { color:#F60;}
.order-status-title-content a:after {content: ""; display:inline-block; position:relative; -webkit-transform: translateY(-30%) rotate(45deg); transform: translateY(-30%) rotate(45deg); width:.3rem; height: .3rem; border: none; border-top: 3px solid #F60; border-right: 3px solid #F60; top:.1rem}
.arrow-down { position: relative; width:.16rem;
 height:.16rem;
display: inline-block }
.arrow-down:after { content: ""; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-70%) rotate(45deg); transform: translateY(-70%) rotate(45deg); width: 100%; height: 100%; border: none; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc }
.arrow-left { position: relative; width:.16rem;
 height:.16rem;
display: inline-block }
.arrow-left:after { content: ""; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 100%; height: 100%; border: none; border-bottom: 3px solid #ccc; border-left: 3px solid #ccc }
.arrow-right { position: relative; width:.16rem;
 height:.16rem;
display: inline-block }
.arrow-right:after { content: ""; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 100%; height: 100%; border: none; border-top: 3px solid #ccc; border-right: 3px solid #ccc }
.border-top-inner { position: relative }
.border-top-inner:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; border-top: 1px solid #e5e5e5 }
.border-bottom-inner { position: relative }
.border-bottom-inner:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; border-bottom: 1px solid #e5e5e5 }
.border-left-inner { position: relative }
.border-left-inner:before { content: ""; display: block; position: absolute; left: 0; height: 100%; margin: 0; border-left: 1px solid #dfe2e5 }
.border-right-inner { position: relative }
.border-right-inner:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 100%; margin: 0; border-right: 1px solid #e5e5e5 }
.border-top-bottom-innder { position: relative }
.border-top-bottom-innder:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.border-top-outer { position: relative }
.border-top-outer:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; border-top: 1px solid #d8d8d8 }
.border-bottom-outer { position: relative }
.border-bottom-outer:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; border-bottom: 1px solid #d8d8d8 }
.border-left-outer { position: relative }
.border-left-outer:before { content: ""; display: block; position: absolute; left: 0; height: 100%; margin: 0; border-left: 1px solid #d8d8d8 }
.border-right-outer { position: relative }
.border-right-outer:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 100%; margin: 0; border-right: 1px solid #d8d8d8 }
.border-top-bottom-outer { position: relative }
.border-top-bottom-outer:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8 }
.block-one {
 height:.86rem; position: relative; background: #fff; margin-top:.14rem;
 font-size:.28rem;
 padding:0 .28rem 0 .24rem
}
.block-one:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8 }
.block-one:first-child { margin-top: 0 }
.order-status {
 padding:.34rem .24rem; color: #000 }
.order-status-title { line-height:.5rem
}
.order-status-title-content {
 font-size:.36rem; font-weight: 700 }
.order-status-title-track { font-size:.24rem
}
.order-status-title-track .small { width:.14rem;
 height:.14rem;
 margin-left:.1rem
}
.order-status-title-track .small:after { border-color: #fff }
.order-status-title-countdown { color: #f8ff6e; font-size:.24rem
}
.order-status-explain { font-size:.24rem;
 line-height:.34rem
}
.order-status-explain .link { color: #f9ff88 }
.order-track { display: -webkit-box; display: flex; margin-top:.38rem;
 margin-bottom:.26rem;
text-align: center }
.order-track-circle { position: relative; -webkit-box-flex: 1; flex: 1 }
.order-track-circle:after { content: ""; position: absolute; width: 84%; height: 2px; background: #fff; opacity: .6; top:.12rem;
 margin-left:.18rem
}
.order-track-circle:last-child:after { display: none }
.order-track-circle .ring {
 width:.24rem;
 height:.24rem; border: 4px solid #fff; border-radius: 50%; display: inline-block; background: #00b8a6 }
.order-track-circle p {
 font-size:.24rem;
 line-height:.34rem; opacity: .6 }
.order-track-circle.ing { opacity: 1; color: #f9ff88 }
.order-track-circle.ing .ring { border-color: #f8ff69 }
.order-track-circle.ing p { opacity: 1 }
.order-track-circle.high:after { background: #f9ff88; opacity: 1 }
.order-button button { text-align: center; height:.84rem;
border: 2px solid #fff; border-radius:.1rem;
 margin-top:.3rem;
 margin-left:.18rem;
 font-size:.32rem
}
.order-button button:first-child { margin-left: 0 }
.order-button button.disabled { opacity: .4 }
.order-button .hide-button { display: none }
.order-button .bold { font-weight: 700 }
.vue-component-countdown { display: inline-block; font-size: 0; line-height:.56rem;
 height:.56rem;
vertical-align: top }
.vue-component-countdown-hour, .vue-component-countdown-minute, .vue-component-countdown-second { font-size:.56rem
}
.dp.order-status { background-color: #ff6b38 }
.dp .ring { background: #ff6b38 }
.high { color: #f9ff88 }
.deal-info { background: #fff }
.deal-info-title {
 padding:.2rem .24rem; position: relative }
.deal-info-title .deal-arrow { position: absolute; top: 50%; right:.28rem
}
.deal-info-title-content {
 font-size:.28rem;
 line-height:.4rem; display: -webkit-box!important; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2 }
.deal-info-title-icon { margin-top:.1rem
}
.deal-info-title-icon .icon-item {
 margin-right:.2rem; display: inline-block; font-size:.26rem;
color: #06c1ae }
.deal-info-title-icon .icon-item span { vertical-align: middle }
.deal-info-title-icon .icon-item .icon-info {
 font-size:.26rem;
 line-height:.36rem; color: #999 }
.deal-info-price { padding:0 .24rem;
 line-height:.87rem
}
.deal-info-price .detail { margin-left:.1rem
}
.deal-info-price .high {
 font-size:.36rem; font-family: PingFangSC-Medium; color: #ff6230; margin-left:.46rem
}
.deal-info-price .high .unit { font-size:.24rem
}
.deal-info-price-detail { padding:.24rem;
 font-size:.28rem;
 line-height:.4rem
}
.deal-info-price-detail .price { margin-top:.08rem
}
.deal-info-price-detail .price:first-child { margin-top: 0 }
.dp .icon-item, .dp .icon-item .icon-info { color: #51bb5f }
.insurance .mar-left-30 { margin-left:.3rem
}
.customer { background: #fff; margin-top:.14rem
}
.customer-head { padding:0 .28rem 0 .22rem;
 line-height:.87rem;
 font-size:.28rem
}
.customer-content { margin-top:-.14rem;
 padding:0 .2rem .2rem
}
.customer-content .item {
 font-size:.26rem; color: #666; display: inline-block; line-height:.7rem;
border: 1px solid #d1d3d8; border-radius: 2rem; text-align: center; width: 32%; margin-top:.14rem;
 margin-right:.12rem
}
.customer-content .item.maR0 { margin-right: 0 }
.service { background: #fff; margin-top:.2rem;
height: 1.2rem }
.service-icon { display: inline-block; width: 15%; height: 100%; padding-left:.24rem;
 margin-top:.24rem
}
.service-icon .icon { width:.67rem;
 height:.73rem
}
.service-content { display: inline-block; width: 76%; vertical-align: middle }
.service-content-title { color: #202325; font-size:.28rem;
font-weight: 700; margin-bottom:.08rem;
 line-height:.4rem
}
.service-content-tag .tag-item { display: inline-block; font-size:.2rem;
color: #2a99f1; height:.34rem;
 line-height:.34rem;
border: 1px solid rgba(42,153,241,.3); margin-right:.08rem;
position: relative; border-radius: 2px; padding:0 .08rem
}
.service-content-tag .tag-item .item-icon { display: inline-block; width:.17rem;
height: 100% }
.people { background: #fff; margin-top:.14rem;
 padding:.26rem .24rem 0
}
.people:after, .people:before { margin-left:-.24rem
}
.people .label-content { padding-top:.26rem;
 font-size:.28rem;
 line-height:.4rem
}
.people .label-content:before { width: 120% }
.people .label-content:first-child { padding-top: 0 }
.people .label-content:first-child:before { border-top: none }
.people .label-content .label { color: #999; display: inline-block; width: 18%; vertical-align: top; text-align: left }
.people .label-content .content { display: inline-block; width: 75%; margin-left:.36rem;
 margin-bottom:.24rem
}
.people .travel-content { margin-top:.24rem
}
.people .travel-content:first-child { margin-top: 0 }
.people .travel-content .info { font-size:.24rem
}
.people .travel-content .info span { margin-right:.2rem
}
.people .contract-content { margin-top:.24rem
}
.people .contract-content:first-child { margin-top: 0 }
.people .contract-content .info { font-size:.24rem
}
.people .contract-content .info span { margin-right:.2rem
}
.people .invoice { padding-bottom:.24rem
}
.people .invoice-content { margin-top:.24rem
}
.people .invoice-content:first-child { margin-top: 0 }
.people .invoice-content .info { font-size:.24rem
}
.people .invoice-content .info span { margin-right:.2rem
}
.people .invoice .right { float: right; color: #999 }
.mar-bottom0 { margin-bottom: 0!important }
.suppler { background: #fff; margin-top:.14rem;
 padding:.26rem .24rem 0;
 margin-bottom:.54rem
}
.suppler .lable-list { padding-bottom:.24rem
}
.suppler .lable-list:after { width: 120% }
.suppler .label-content { font-size:.28rem;
 line-height:.4rem;
 margin-top:.2rem
}
.suppler .label-content:first-child { margin-top: 0 }
.suppler .label-content .label { color: #999; display: inline-block; width: 18%; vertical-align: top; text-align: left }
.suppler .label-content .content { display: inline-block; width: 75%; margin-left:.36rem
}
.suppler .info { margin-top:.22rem;
 padding-bottom:.22rem
}
.suppler .info-text {
 font-size:.28rem;
 line-height:.4rem; color: #999; margin-top:.18rem
}
.suppler .info-text:first-child { margin-top: 0 }
.suppler .order-delete { line-height: 1.24rem; height: 1.24rem; padding:.2rem 0
}
.suppler .order-delete:before { width: 120% }
.suppler .order-delete button {
 line-height:.84rem;
 height:.84rem; border: 1px solid #ff6230; border-radius: 5px; color: #ff6230; font-size:.32rem
}
.order-info {
 margin:.14rem .16rem; background: #fff; border: 1px solid #d8d8d8; padding:.26rem .3rem;
box-shadow: 0 0 6px 0 rgba(0,0,0,.05); border-radius:.06rem;
position: relative }
.order-info .hide-left { left:-.18rem
}
.order-info .hide-left, .order-info .hide-right { position: absolute; width:.16rem;
height: 100%; background: #f0efed; top: 0 }
.order-info .hide-right { right:-.18rem
}
.order-info-block { line-height: 1rem; position: relative; border-top: 1px solid #e5e5e5 }
.order-info-block:before {
 left:-.6rem; border: none; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-radius: 200% }
.order-info-block:after, .order-info-block:before { content: ""; display: block; position: absolute; top: 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width:.4rem;
 height:.4rem;
background: #f0efed }
.order-info-block:after {
 right:-.6rem; border: none; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-radius: 50% }
.order-info-block:first-child { border-top: none }
.order-info-block:first-child:after, .order-info-block:first-child:before { display: none }
.order-info-block .label-content { font-size:.28rem;
 line-height:.4rem;
 margin-top:.2rem
}
.order-info-block .label-content .label { color: #999; display: inline-block; width: 22%; vertical-align: top; text-align: left }
.order-info-block .label-content .content { display: inline-block; width: 80%; margin-left:.36rem}
.order-info-block .label-content .refund-appeal-wrap { display: -webkit-box; display: flex; box-sizing: content-box; width: 75%; margin-top:.1rem;
margin-left: 18%; padding-left:.43rem
}
.order-info-block .label-content .refund-appeal-text { -webkit-box-flex: 1; flex-grow: 1; box-sizing: content-box; padding-right:.2rem;
 line-height:.5rem;
 font-size:.26rem;
color: #ff6230 }
.order-info-block .label-content .refund-appeal-btn-wrap { -webkit-box-flex: 0; flex-grow: 0; box-sizing: content-box }
.order-info-block .label-content .refund-appeal-btn { display: inline; width: 1.24rem; height:.46rem;
 line-height:.46rem;
text-align: center; font-size:.24rem;
color: #333; border: 1px solid #b1b1b1; border-radius:.06rem
}
.order-info-block .label-content .refund-appeal-btn-disabled { background-color: #eee; color: #b1b1b1 }
.order-info-block .code-info { position: relative; margin-bottom:.28rem
}
.order-info-block .code-info-code-title { font-size:.28rem;
 line-height:.4rem
}
.order-info-block .code-info-code-content {
 font-size:.44rem;
 line-height:.66rem;
 margin-top:.04rem; font-weight: 700 }
.order-info-block .code-info-code-content-warn {
 font-size:.28rem;
 line-height:.4rem; color: #999 }
.order-info-block .code-info-icon { padding-left:.3rem
}
.order-info-block .code-info-icon .icon-code {
width:.44rem;
height:.44rem; margin: 0 auto; margin-bottom:.12rem;
background: url("../img/011.png"); background-size: cover; background-repeat: no-repeat }
.order-info-block .code-info-icon .icon-realcheck {
width:.52rem;
height:.44rem; margin: 0 auto; margin-bottom:.12rem;
background: url("../img/013.png"); background-size: cover; background-repeat: no-repeat }
.order-info-block .code-info-icon .icon-warn { font-size:.24rem
}
.order-info-block .use-status .warn { color: #ff6230 }
.order-info-block .use-status-item:before { border-top: 1px dashed #e5e5e5 }
.order-info-block .use-status-item .item-status { display: -webkit-box; display: flex; line-height:.85rem;
 font-size:.28rem
}
.order-info-block .use-status-item .item-status .consumer { color: #00b8a6; overflow-wrap: break-word;width: 80%; line-height: 1.3; margin: .2rem 0; }
.order-info-block .use-status-item .item-status .refund { color: #ff6230 }
.order-info-block .use-status-item .item-status .name { -webkit-box-flex: 2; flex: 2 }
.order-info-block .use-status-item .item-status .number { -webkit-box-flex: 1; flex: 1 }
.order-info-block .use-status-item .item-status .info { -webkit-box-flex: 3; flex: 3; text-align: right; margin-right:.1rem
}
.order-info-block .use-status-item .item-status .button { -webkit-box-flex: 2; flex: 2; text-align: right }
.order-info-block .use-status-item .item-status .button button {
 height:.48rem;
 line-height:.48rem; width: 1.28rem; border: 1px solid #b1b1b1; text-align: center; border-radius:.06rem;
 margin-top:.2rem;
 font-size:.24rem;
display: inline-block }
.order-info-block .use-status-item .item-status .button button.refund { color: #ff6230; border-color: #ff6230 }
.order-info-block .use-status-item .item-status .class-level { -webkit-box-flex: 5; flex: 5; position: relative; text-align: right; padding-right:.2rem
}
.order-info-block .use-status-item .item-status .class-level:after { content: ""; display: block; position: absolute; right: 0; top: 50%; width:.16rem;
 height:.16rem;
-webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border: none; border-top: 3px solid #ccc; border-right: 3px solid #ccc }
.order-info-block .use-status-item .item-status .class-level .comment-star {
 font-size:.26rem; position: relative; display: inline-block; padding: 0; color: #f90; height:.48rem
}
.order-info-block .use-status-item .item-status .class-level .comment-star .hue-star-top { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; font-size: 0 }
.order-info-block .use-status-item .item-status .class-level .comment-star .hue-icon {
 font-size:.32rem; display: inline-block; font-family: hue icons; font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased }
.order-info-block .use-status-item .item-status .class-level .comment-star .hue-star-bottom { z-index: 0; color: #999; font-size: 0 }
.order-info-block .use-status-item .item-code { display: -webkit-box; display: flex; line-height:.48rem;
 margin-bottom:.08rem
}
.order-info-block .use-status-item .item-code-title { -webkit-box-flex: 2; flex: 2; font-size:.28rem;
color: #999; letter-spacing: 6px }
.order-info-block .use-status-item .item-code-content { -webkit-box-flex: 6; flex: 6; font-size:.36rem;
color: #333; font-weight: 700 }
.order-info-block .use-status-item .item-code:last-child { margin-bottom:.24rem
}
.order-info .use-info { margin-bottom:.26rem
}
.order-info .use-info .label-content:first-child { margin-top: 0 }
.order-info .code-info { margin-top:.36rem
}
.order-info .code-info .img-preload { width: 0; height: 0 }
.order-info .code-info .img-preload img { width: 100%; height: 100% }
.order-info .code-info-qrcode { position: relative }
.order-info .code-info-qrcode-title {
 font-size:.28rem;
 line-height:.4rem; position: absolute; top: 0; left: 0 }
.order-info .code-info-qrcode .only { width: 2.72rem; height: 2.72rem; margin: 0 auto; border: 1px solid #e5e5e5 }
.order-info .code-info-qrcode .only img { width: 100%; height: 100% }
.order-info .refund-info { padding-top:.2rem
}
.order-info .refund-info .label-content:first-child { margin-top: 0 }
.order-info-division { width: 100%; height:.2rem;
position: relative }
.order-info-division:before { left:-.55rem
}
.order-info-division:after, .order-info-division:before { content: ""; display: block; position: absolute; width:.4rem;
 height:.4rem;
border-radius: 100%; border: 1px solid #e5e5e5; background: #f0efed }
.order-info-division:after { right:-.55rem
}
.high-color { color: #ff6230 }
.v-dialog { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.6); transition: all .3s ease; z-index: 9998; display: table; -webkit-animation: fadein .7s ease alternate; animation: fadein .7s ease alternate }
.v-dialog-wrap { display: table-cell; vertical-align: middle }
    .v-dialog-wrap .v-dialog-content {
        -webkit-animation: fadein .7s ease alternate;
        animation: fadein .7s ease alternate;
        margin: 0 .5rem;
        background: #fbfbfb url(../img/white-bg1pix.jpg) repeat;
        border-radius: .1rem;
        overflow: hidden;
        z-index: 100;
        width: 85%;
        padding-top: .6rem;
    }
.v-dialog-wrap .v-dialog-content .v-dialog-header {border-bottom: 1px solid #e5e5e5 }
.v-dialog-wrap .v-dialog-content .v-dialog-header .code { border: 1px solid #e5e5e5; width: 4.2rem; height: 4.2rem; margin: 0 auto;}
.v-dialog-wrap .v-dialog-content .v-dialog-header .code img { width: 100%; height: 100% }
.v-dialog-wrap .v-dialog-content .v-dialog-header .code-number {font-size:.48rem; text-align: center; letter-spacing: 1px; font-weight: 700; margin: 0 auto; margin-top:.28rem;margin-bottom:.2rem;width: 80%;}
.t-code { width: 100%; text-align: center;}
.t-code img { width: 90%; margin: 0 auto;}
.v-dialog-wrap .v-dialog-content .v-dialog-header .code-warn {
font-size:.28rem; color: #999; letter-spacing: .58px; text-align: center; margin-top:.44rem
}
.v-dialog-wrap .v-dialog-content .v-dialog-header_real { padding:.6rem .4rem .56rem;
}
.v-dialog-wrap .v-dialog-content .v-dialog-header_real .code { display: block; width: 100%; height: auto; padding:.3rem .4rem;
line-height:.5rem
}
.v-dialog-wrap .v-dialog-content .v-dialog-header_real .code input { border: 1px solid #999; border-radius:.1rem;
height:.7rem;
line-height:.7rem;
display: block; width: 100%; padding:0 .2rem;
margin-bottom:.3rem
}
.v-dialog-wrap .v-dialog-content .v-dialog-header_real .code input.width90per { width: 85%; display: inline-block }
.v-dialog-wrap .v-dialog-content .v-dialog-header_real .code .scan_realidcard { display: inline-block; width: 13%; height:.7rem;text-indent: -999rem; float: right; background: url(../img/scan.png) right center no-repeat; background-size: 100% auto; border:none }
.v-dialog-wrap .v-dialog-content .for_ewm_text {font-size: .6rem; padding-top: 1.8rem; font-weight: bold;}
.v-dialog-wrap .v-dialog-content .for_ewm_text canvas { margin-top:-1.8rem}
.v-dialog-wrap .v-dialog-content .v-dialog-footer { line-height: 1.1rem; text-align: center; font-size:.36rem;
color: #06c1ae; letter-spacing: .75px }
.v-dialog-wrap .v-dialog-content .submit-dialog-footer { line-height: 1.1rem; text-align: center; font-size:.36rem;
color: #06c1ae; letter-spacing: .75px }
.delete { color: #ccc!important; text-decoration: line-through }
.dp .order-info-block .use-status-item .item-status .consumer { color: #4bc166 }
.dp .order-info-block .use-status-item .item-status .refund { color: #ff6230 }
.v-dialog-wrap .edit_realid_bt { color: #F30; float: right; background: url(../img/icon_edit.png) left center no-repeat; background-size: auto 80%; padding-left:.3rem
}
.dp.v-dialog .v-dialog-footer { color: #f63 }
abbr[title] { text-decoration: underline; text-decoration: underline dotted }
audio:not([controls]) { display: none }
b, strong { font-weight: bolder }
button { -webkit-appearance: button; overflow: visible }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
button:-moz-focusring, input:-moz-focusring {
outline:1px dotted ButtonText
}
button, select { text-transform: none }
details { display: block }
hr { overflow: visible }
html { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100% }
input { -webkit-border-radius: 0 }
input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button }
input[type=number] { width: auto }
input[type=search] { -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
main { display: block }
pre { overflow: auto }
progress { display: inline-block }
summary { display: block }
svg:not(:root) { overflow: hidden }
template { display: none }
textarea { overflow: auto }
[hidden] {
 display:none
}
*, :after, :before { box-sizing: inherit }
* { font-size: inherit; line-height: inherit }
:after, :before { text-decoration: inherit; vertical-align: inherit }
button, input, select, textarea { font-family: inherit; font-style: inherit; font-weight: inherit }
* { margin: 0; padding: 0 }
*, :after, :before { border-style: solid; border-width: 0 }
[tabindex], a, area, button, input, label, select, textarea {
 touch-action:manipulation
}
select { -moz-appearance: none; -webkit-appearance: none }
select::-ms-expand {
 display:none
}
select::-ms-value {
 color:currentColor
}
svg { fill: currentColor }
[aria-busy=true] {
 cursor:progress
}
[aria-controls] {
 cursor:pointer
}
[aria-disabled] {
 cursor:default
}
[hidden][aria-hidden=false] {
 clip:rect(0 0 0 0);
 display:inherit;
 position:absolute
}
[hidden][aria-hidden=false]:focus { clip: auto }
* { background-repeat: no-repeat }
:root { background-color: #f0efed; box-sizing: border-box; color: #333; cursor: default; font: 100%/1 -apple-system, Roboto, PingFang SC, Noto Sans CJK SC, sans-serif }
a { text-decoration: none }
audio, canvas, iframe, img, svg, video { vertical-align: middle }
button, input, select, textarea { background-color: transparent; color: inherit }
[type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], button, select, textarea {
 min-height:initial
}
code, kbd, pre, samp { font-family: monospace }
nav ol, nav ul { list-style: none }
small { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
textarea { resize: vertical }
::selection { background-color: #b3d4fc; color: #fff; text-shadow: none }
a { color: inherit }
em { font-style: normal }
body { font-size:.3rem
}
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
li, ol, ul { list-style: none }
* { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
html { -webkit-user-select: none; user-select: none }
label>* { pointer-events: none }
[v-cloak] {
 display:none
}
.hue-base-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block!important }
.hue-base-hidden { display: none }
.hue-base-block { display: block }
.hue-base-flex { display: -webkit-box; display: -webkit-flex; display: flex }
.hue-base-flex-item { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 }
.hue-base-active-background:active { background: #f0f0f0 }
.hue-base-active-background:active+*>*, .hue-base-active-background:active>* { border-top: 1px solid transparent }
.hue-base-mr20 { margin-right:.2rem
}
.hue-base-clearfix:after { content: ""; display: table; clear: both }
.hue-base-navbar {
 height:.8rem;
 line-height:.8rem; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; padding:0 .24rem;
display: -webkit-box; display: -webkit-flex; display: flex }
.hue-base-navbar-wrap { display: block; font-size:.32rem;
color: #000; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center }
.hue-base-arrow-right { position: relative }
.hue-base-arrow-right:after { position: absolute; right:.24rem;
top: 50%; display: block; content: ''; width:.16rem;
 height:.16rem;
-webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); border-left:.04rem solid #d9d9d9;
 border-bottom:.04rem solid #d9d9d9
}
.hue-base-arrow-down { position: relative }
.hue-base-arrow-down:after { position: absolute; right: 0; top: 50%; display: block; content: ''; width:.16rem;
 height:.16rem;
-webkit-transform: translateY(-80%) rotate(-135deg); transform: translateY(-80%) rotate(-135deg); border-left:.04rem solid #d9d9d9;
 border-top:.04rem solid #d9d9d9
}
.hue-base-arrow-left { position: relative; padding-left:.24rem
}
.hue-base-arrow-left:after { content: ''; display: block; position: absolute; left: 0; top: 50%; width:.2rem;
 height:.2rem;
-webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-left:.04rem solid #06c1ae;
 border-bottom:.04rem solid #06c1ae
}
.hue-base-banner-tips {
 font-size:.26rem; color: #f90; height:.7rem;
 line-height:.7rem;
background: #fff6de; text-align: center }
.hue-base-color-primary { color: #06c1ae }
.hue-base-color-secondary { color: #fff }
.hue-base-color-success { color: #71b41a }
.hue-base-color-warning { color: #f90 }
.hue-base-color-danger { color: #ec5330 }
input, textarea { -webkit-appearance: none; outline: none; border-style: solid; pointer-events: initial!important; line-height: 100% }
input[type=radio] { border-radius: 50%; border: 1px solid #ddd8ce; display: block; width:.45rem;
 height:.45rem;
position: relative }
input[type=radio]:checked { background: #06c1ae }
input[type=radio]:checked:before { content: ""; position: absolute; left:.15rem;
 top:.06rem;
 width:.14rem;
 height:.24rem;
 border-width:0 .06rem .06rem 0;
border-style: solid; border-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
input[type=checkbox] { border: 1px solid #ddd8ce; display: block; width:.45rem;
 height:.45rem;
position: relative; border-radius:.06rem;
 margin-left:.1rem
}
input[type=checkbox]:checked { background: #06c1ae }
input[type=checkbox]:checked:before { content: ""; position: absolute; left:.15rem;
 top:.08rem;
 width:.14rem;
 height:.24rem;
 border-width:0 .06rem .06rem 0;
border-style: solid; border-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.btn, button { outline: none; background: transparent; border-style: solid; border: 1px solid #ddd8ce; border-radius:.06rem;
display: block; text-align: center; width: 100%; height: 100% }
.hue-base-button-block { margin:.24rem .3rem
}
.hue-base-button-block-btn, .hue-base-button-block-btn-disabled, .hue-base-button-block-btn-green, .hue-base-button-block-btn-red, .hue-base-button-block-btn-yellow { display: block; width: 100%; height:.8rem;
 line-height:.8rem;
color: #ec5330; background: #fff; border-radius:.06rem;
border: 1px solid #ddd8ce; font-size:.34rem
}
.hue-base-button-block-btn-disabled:active, .hue-base-button-block-btn-green:active, .hue-base-button-block-btn-red:active, .hue-base-button-block-btn-yellow:active, .hue-base-button-block-btn:active { background: rgba(0,0,0,.1); border-color: rgba(0,0,0,.1) }
.hue-base-button-block-btn-yellow { background: #fdb338; border-color: #fdb338; color: #fff }
.hue-base-button-block-btn-yellow:active { background: #d66500; border-color: #d66500 }
.hue-base-button-block-btn-red { background: #fa7251; border-color: #fa7251; color: #fff }
.hue-base-button-block-btn-red:active { background: #c23e1a; border-color: #c23e1a }
.hue-base-button-block-btn-green { background: #2bb2a3; border-color: #2bb2a3; color: #fff }
.hue-base-button-block-btn-green:active { background: #049387; border-color: #049387 }
.hue-base-button-block-btn-disabled { color: #999 }
.hue-base-button-block-btn-disabled, .hue-base-button-block-btn-disabled:active { background: #dcdcdc; border-color: #dcdcdc }
.hue-base-button-block-btn-border-red { border: 1px solid #ec5330; color: #ec5330; display: block; width: 1.32rem; height:.52rem;
 line-height:.52rem;
 border-radius:.06rem
}
.hue-base-button-block-btn-border-red:active { border-color: #c23e1a }
.hue-base-button-block-btn-border-green { border: 1px solid #2bb2a3; color: #2bb2a3; display: block; width: 1.32rem; height:.52rem;
 line-height:.52rem;
 border-radius:.06rem
}
.hue-base-button-block-btn-border-green:active { border-color: #2bb2a3 }
.hue-base-button-block-btn-border-yellow { border: 1px solid #fdb338; color: #fdb338; display: block; width: 1.32rem; height:.52rem;
 line-height:.52rem;
 border-radius:.06rem
}
.hue-base-button-block-btn-border-yellow:active { border-color: #fdb338 }
.hue-base-button-block-btn-border-disabled { border: 1px solid #8e8e8e; color: #999; display: block; width: 1.32rem; height:.52rem;
 line-height:.52rem;
 border-radius:.06rem
}
.hue-base-button-block-btn-border-disabled:active { border-color: #8e8e8e }
.hue-base-block { background: #fff; margin:.2rem 0;
border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #666 }
.hue-base-block-item { display: block; padding-left:.24rem;
color: inherit; font-size:.3rem
}
.hue-base-block-item>* {
 height:.88rem;
 line-height:.88rem; border-top: 1px solid #e5e5e5; display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; padding-right:.24rem;
-webkit-box-align: center; -webkit-align-items: center; align-items: center }
.hue-base-block-item:first-child>* { border-top: 1px solid transparent }
.hue-base-block-item-highlight { display: block; text-align: center; background: #f4f5fa; height:.7rem;
 line-height:.7rem;
font-weight: 700; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin-bottom: -1px }
.hue-component-bottom-fixed-button { position: fixed; bottom: 0; left: 0; height:.98rem;
 line-height:.98rem;
background: #fff; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; border-top: 1px solid #e5e5e5 }
.hue-component-bottom-fixed-button-price { padding-left:.2rem
}
.hue-component-bottom-fixed-button-price-total {
 font-size:.4rem; color: #06c1ae }
.hue-component-bottom-fixed-button-price-original {
 font-size:.26rem; color: #999 }
.hue-component-bottom-fixed-button-btn { display: block; width: 2.4rem; height: 100%; background: #f90; color: #fff; border: none; font-size:.32rem;
border-radius: 0 }
.hue-component-bottom-fixed-button-btn:active { background: #d66500 }
.hue-base-description-list {
 padding-top:.24rem;
 padding-bottom:.24rem;
 font-size:.26rem; color: #666; height: auto; display: block }
.hue-base-description-list dl { display: block; height:.4rem;
 line-height:.4rem
}
.hue-base-description-list dd, .hue-base-description-list dt { display: inline }
.hue-base-description-list dt { display: inline-block; width: 1.64rem; text-align: right }
.hue-base-icon-base { font-family: hue icon base }
.hue-base-icon-cate { font-family: hue icon cate }
.hue-base-icon-base, .hue-base-icon-cate { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-weight: 400; font-style: normal; display: inline-block }
.ccip1 { margin-top: 0.2rem; }
.ccip2 { margin-top: 0.2rem; text-align: left; margin: -0.3rem 0 0 2rem; }
.update-info { position: fixed;top:.5rem; color: #333}
.update-info-text { display: block; width: 90%; background: rgba(255,255,255,.9); border-radius: .1rem; margin: .6rem auto; padding: .5rem; }
.update-info-text h2 { font-size: .5rem; font-weight: bold; text-align: center; margin-bottom: .3rem; }
.update-info-text p { font-size: .36rem; line-height: .7rem; }
.update-info-text p span { font-weight: bold; color: #000000；font-size: .4rem; }
.update-info-text input[type=radio] { display:inline-block; vertical-align:middle; margin-right:.1rem; border-color: #000 }
.update-info-text .submit-updatestep {  display: block; width:2rem; height:.8rem; line-height: .8rem; background:#333; color:#fff; border-radius:.1rem; text-align:center;  margin:.2rem auto;  }
.update-info-text .cancel-updatestep {  display: block; width:2rem; height:.8rem; line-height: .8rem; background:#333; color:#fff; border-radius:.1rem; text-align:center;  margin:.2rem auto;  }
 .favorate-more
        {
            padding: .26rem 0rem 0;
            margin-bottom: 0;
        }
        .favorate-more .favorate-titile
        {
            color: #c4051e;
            font-size: .3rem;
            margin: 5px auto;
            margin-bottom: 20px;
            text-align: center;
        }
        .favorate-more .favorate-titile i
        {
            display: inline-block;
            width: .3rem;
            height: .3rem;
            vertical-align: bottom;
            margin-right: 2px;
            background: url("../img/favorate.png") bottom center no-repeat;
            background-size: 100% 100%;
        }
        .favorate-more a
        {
            width: 100%;
            margin: 4px auto;
            display: block;
        }
        .favorate-more a img
        {
            width: 100%;
            height: auto;
        }