/*-----------------重置样式-----------*/

@charset "utf-8";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100px;
}

* {
    box-sizing: content-box;
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    /*系统默认菜单被禁用*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -khtml-user-select: none;
    /*早期浏览器*/
    -moz-user-select: none;
    /*火狐*/
    -ms-user-select: none;
    /*IE10*/
    user-select: none;
}

img {
    -webkit-tap-highlight-color: inherit;
    -webkit-touch-callout: default;
    /*系统默认菜单被禁用*/
    -webkit-user-select: text;
    /*webkit浏览器*/
    -khtml-user-select: text;
    /*早期浏览器*/
    -moz-user-select: text;
    /*火狐*/
    -ms-user-select: text;
    /*IE10*/
    user-select: text;
}

.pointer-events-none img {
    pointer-events: none;
}


/** .TTF或.OTF，适用于Firefox 3.5、Safari、Opera 
* .EOT，适用于Internet Explorer 4.0+ 
* .SVG，适用于Chrome、IPhone */

@font-face {
    font-family: 'dinCondensed';
    src: url('https://i18n.autox3.com/common0715/dinCondensed.eot');
    src: url('https://i18n.autox3.com/common0715/dinCondensed.eot?#iefix') format('embedded-opentype'), url('https://i18n.autox3.com/common0715/dinCondensed.woff') format('woff'), url('https://i18n.autox3.com/common0715/dinCondensed.otf') format('opentype'), url('https://i18n.autox3.com/common0715/dinCondensed.ttf') format('truetype'), url('https://i18n.autox3.com/common0715/dinCondensed.svg#dinCondensed') format('svg');
    font-weight: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('./font/robote/roboto-bold-3-webfont.eot');
    src: url('./font/robote/roboto-bold-3-webfont.eot?#iefix') format('embedded-opentype'), url('./font/robote/roboto-bold-3-webfont.woff2') format('woff2'), url('./font/robote/roboto-bold-3-webfont.woff') format('woff'), url('./font/robote/roboto-bold-3-webfont.ttf') format('truetype'), url('./font/robote/roboto-bold-3-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('./font/robote/roboto-regular-14-webfont.eot');
    src: url('./font/robote/roboto-regular-14-webfont.eot?#iefix') format('embedded-opentype'), url('./font/robote/roboto-regular-14-webfont.woff2') format('woff2'), url('./font/robote/roboto-regular-14-webfont.woff') format('woff'), url('./font/robote/roboto-regular-14-webfont.ttf') format('truetype'), url('./font/robote/roboto-regular-14-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,
body {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
    /*word-break: break-all;*/
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0
}

[contenteditable="true"],
input,
select,
textarea {
    font-size: 100%;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    -webkit-user-select: auto!important;
    -khtml-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    -o-user-select: auto!important;
    user-select: auto!important;
    /*webkit浏览器*/
    margin: 0px;
    padding: 0px;
    outline: none;
    font-family: inherit;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    border: none;
    background-color: transparent;
    background-image: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500
}

q:before,
q:after {
    content: ''
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ins,
a,
a:hover {
    text-decoration: none;
    color: initial;
}

i {
    font-style: normal;
}

p {
    font-size: inherit;
    color: inherit;
}
li{
    list-style-type:none;
}


/*---------------公用样式-----------------*/

html,
body {
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    color: #313340;
    font-weight: normal;
    cursor: pointer;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    word-break: break-word;
}

.flex-body {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.flex-body section {
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: auto;
}

.no-scroll {
    -webkit-overflow-scrolling: auto;
}
.vs-x-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body {
    font-size: 0.14rem;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

.din-condensed {
    font-family: "DINCondensed-Bold";
}

.android-style .din-condensed {
    font-family: "dinCondensed";
}
.roboto-regular{
    font-family: 'RobotoRegular';
}
.roboto-bold{
    font-family: 'RobotoBold';
}
.ios-style .roboto-bold,
.ios-style .roboto-regular{
    letter-spacing: -0.5px;
}
/* 对其方式 */
.text-align-left{
    text-align: left;
 }
.text-align-right{
    text-align: right;
 }
 .border-radius-12{
    border-radius: 0.12rem!important;
 }
/*分享在pc端进入*/

.section-content {
    max-width: 414px;
    padding-right: 0;
    margin: 0 auto;
    position: relative;
}

.section-content .ds-header,
.section-content .footer-common {
    max-width: 414px;
    margin: 0 auto;
}

.section-content .section-content-position,
.section-content .common-shadow {
    max-width: 414px;
    left: 50%;
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    /* Opera */
    transform: translateX(-50%);
}


/*分享在pc端进入-end*/

.fc-FFFFFF {
    color: #FFFFFF;
}

.fc-333333 {
    color: #333333;
}

.fc-F64458 {
    color: #F64458;
}


/*KN*/

.fc-313340 {
    color: #313340;
}

.fc-707380 {
    color: #707380;
}
.fc-707380-important {
    color: #707380!important;
}
.fc-B1B3BD {
    color: #B1B3BD;
}
.fc-454957 {
    color: #454957;
}

.font_bold_500 {
    font-weight: 500;
}
.font_bold_600 {
    font-weight: bold;
}

/*KN*/

.fs-30 {
    font-size: 0.3rem;
}

.fs-14 {
    font-size: 0.14rem;
}

.blue-bg {
    background: #F2F6F8;
}

.bc-color {
    background: #FFFFFF;
}

.tine-border {
    border-top: 1px solid rgba(151, 151, 151, 0.08);
}

.content {
    width: 100%;
    overflow-x: hidden;
}

.font_bold_14 {
    font-size: 0.14rem;
    font-weight: bold;
    font-style: normal;
}

.font_bold_16 {
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
    font-style: normal;
}

.padding-left-20 {
    padding-left: 0.2rem;
    padding-top: 0.2rem;
}


/*小圆点*/

.tip-circle:before {
    content: "•";
    margin-right: 5px;
    line-height: 0.3rem;
    font-size: 0.3rem;
    vertical-align: middle;
}


/*小圆点 end*/


/*红色字体*/

.red-color {
    font-style: normal;
    color: #F3465B;
    font-size: 0.16rem;
}

.red-color-font {
    font-style: normal;
    color: #F3465B;
}

.red-color-bg {
    background: #F3465B!important;
}

.red-color .tip-circle:before {
    color: #F3465B;
}


/*红色字体 END*/


/*蓝色字体*/

.blue-color {
    font-style: normal;
    color: #0077FF;
}
.blue-font {
    color: #0077FF!important;
}
.blue-color .tip-circle:before {
    color: #0077FF;
}


/*蓝色字体 END*/


/*绿色字体*/

.green-color {
    font-style: normal;
    color: #18BE6B;
}

.green-color-bg {
    background: #18BE6B!important;
    ;
}

.green-color .tip-circle:before {
    color: #18BE6B;
}


/*绿色字体 END*/


/*灰色字体*/

.grey-color {
    font-style: normal;
    color: #999999;
}

.grey-color .tip-circle:before {
    color: #999999;
}

.gray-color {
    color: rgba(199, 199, 199, 1);
}
/*灰色字体 END*/

.text-gradient-common{
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; 
    background-image: -webkit-linear-gradient(left, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: -o-linear-gradient(right, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: -moz-linear-gradient(right, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: linear-gradient(to right, #10A0FF 0%,#D56EF0 46%,#FEA907 100%);
  }
/*字号*/

.font-size-16 {
    /*200923-fontSzie*/
    font-size: 0.16rem;
}

.font-size-14 {
    /*200923-fontSzie*/
    font-size: 0.14rem;
}


/*KN*/

.font-size-12 {
    font-size: 0.12rem;
}


/*KN*/


/*字号 END*/

.background-white {
    background: #fff;
}
.background-F7 {
    background: #F5F5F7;
}

.hide-style {
    display: none;
}
.hide-style-important {
    display: none!important;
}
.visibility-hidden {
    visibility: hidden;
}

.padding-20 {
    padding: 0.2rem;
}

.padding-0-15 {
    padding: 0 0.15rem;
}

.height-100 {
    height: 100%;
}


/*android上下不居中*/

.android-style .patch-height:before {
    content: "";
    display: block;
    height: 0.01rem;
}


/*实心下拉箭头*/

.fill-raw {
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background: url(../../img/serve/fillRaw.png) no-repeat center;
    background-size: 0.08rem 0.08rem;
}


/*100%高度*/

.height-screen {
    height: 100%;
}

.flex-common {
    display: flex;
    display: -webkit-flex;
}

.flex-common-column {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.flex-common-flex {
    flex: 1;
}

.flex-common-flex-fixed {
    flex: 1;
    width: 0px;
}

.flex-common-justify {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}
.flex-common-align-start {
    align-items: start;
}

/*曾经来过*/

.foot-icon:before {
    content: "";
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
    background: url(../img/serve/foot.png) no-repeat center;
    background-size: 0.13rem 0.13rem;
    vertical-align: middle;
    margin-right: 0.03rem;
}

.serve-address-active .foot-icon:before {
    background: url(../img/serve/footActive.png) no-repeat center;
    background-size: 0.13rem 0.13rem;
}


/*位置*/

.address-icon:before {
    content: "";
    display: inline-block;
    width: 0.08rem;
    height: 0.1rem;
    background: url(../img/serve/location.png) no-repeat center;
    background-size: 0.08rem 0.1rem;
    vertical-align: baseline;
    margin-right: 0.03rem;
}

.serve-address-active .address-icon:before {
    background: url(../img/serve/locationActive.png) no-repeat center;
    background-size: 0.08rem 0.1rem;
}

.has-num {
    display: block;
    background: #F3465B;
    text-align: center;
    width: 0.15rem;
    height: 0.15rem;
    line-height: 0.15rem;
    border-radius: 50%;
    position: absolute;
    right: 0.1rem;
    top: 0.12rem;
    color: #fff;
    visibility: hidden;
}

.has-num-ellipse {
    display: block;
    background: #F3465B;
    text-align: center;
    min-width: 0.24rem;
    height: 0.15rem;
    line-height: 0.15rem;
    border-radius: 0.5rem;
    position: absolute;
    left: -0.02rem;
    top: 0;
    -ms-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -webkit-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    color: #fff;
    visibility: hidden;
}

.has-num-ellipse-right {
    display: block;
    background: #F3465B;
    text-align: center;
    min-width: 0.24rem;
    height: 0.15rem;
    line-height: 0.15rem;
    border-radius: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}

.has-num i,
.has-num-ellipse-right i,
.has-num-ellipse i {
    display: inline-block;
    font-size: 0.12rem;
    line-height: 0.12rem;
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    vertical-align: initial;
    white-space: nowrap;
}

.has-num-ellipse-right i {
    vertical-align: middle;
}

.android-style .has-num i {
    margin-top: 2px;
}


/*居中*/

.center-style {
    text-align: center;
}


/*蓝色渐变*/

.gradual-change {
    color: #fff;
    background: #0077FF;
}

.large-btn {
    padding: 0 0.2rem;
}

.large-btn p {
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    border-radius: 4px;
    font-size: 0.16rem;
}


/*底部按钮*/

.serve-select-btn {
    height: 0.49rem;
    line-height: 0.49rem;
    padding-left: 0.2rem;
    background: #FAFAFA;
}

.serve-select-btn p {
    position: relative;
}

.next-btn {
    display: inline-block;
    height: 0.49rem;
    width: 1.1rem;
    font-size: 0.14rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: #E4E4E4;
    text-align: center;
}

.next-btn.next-active-btn {
    background: #0077FF;
    /* 标准的语法 */
    color: #fff;
}


/*底部按钮定位*/

.bottom-btn {
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}


/*input placeholder样式*/

input::-webkit-input-placeholder ,
textarea::-webkit-input-placeholder{
    /* WebKit browsers */
    color:  #B1B3BD;
}

input:-moz-placeholder ,
textarea::-webkit-input-placeholder{
    /* Mozilla Firefox 4 to 18 */
    color:  #B1B3BD;
}

input::-moz-placeholder ,
textarea::-webkit-input-placeholder{
    /* Mozilla Firefox 19+ */
    color:  #B1B3BD;
}

input:-ms-input-placeholder ,
textarea::-webkit-input-placeholder{
    /* Internet Explorer 10+ */
    color:  #B1B3BD;
}


/*隐藏滚动条*/
.section-content{
    ::-webkit-scrollbar{
        display: none;
        background: transparent;
    }
}

.section-common {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    /* padding-right: 0.2rem;
    margin-right: -0.2rem; */
    -webkit-overflow-scrolling: touch;
}

/*日历样式覆盖*/


/*自定义提示弹窗*/

.no-scroll,
.flex-body .no-scroll,
.flex-body.no-scroll {
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}
.no-scroll-body-fixed{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/*蒙版*/

.mask-shadow,
.dialog-shadow,
.select-shadow {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}

.dialog-shadow:not(.dialog-shadow-center) {
    position: fixed;
}
.dialog-hide {
    display: none;
}

.serve-detail-shadow {
    z-index: 50;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}


/*可拖动弹窗*/

@keyframes dragframes {
    0% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
    100% {
        -ms-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
}

@-moz-keyframes dragframes {
    0% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
    100% {
        -ms-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
}

@-webkit-keyframes dragframes {
    0% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
    100% {
        -ms-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
}

@-o-keyframes dragframes {
    0% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
    100% {
        -ms-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes dragDownframes {
    100% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
}

@-moz-keyframes dragDownframes {
    100% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
}

@-webkit-keyframes dragDownframes {
    100% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
}

@-o-keyframes dragDownframes {
    100% {
        -ms-transform: translate3d(0px, 100%, 0px);
        -moz-transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
        -o-transform: translate3d(0px, 100%, 0px);
        transform: translate3d(0px, 100%, 0px);
    }
}

.dialog-default-drag .default-content {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    -ms-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    padding-top: 0.8rem;
}
.dialog-default-drag .dialog-default-content {
    padding-left: 0.2rem;
    box-sizing: border-box;
    position: relative;
}

.dialog-default-drag .default-content.default-content-up {
    animation: dragframes 0.3s forwards;
    -moz-animation: dragframes 0.3s forwards;
    -webkit-animation: dragframes 0.3s forwards;
    -o-animation: dragframes 0.3s forwards;
}

.dialog-default-drag .default-content.default-content-down {
    animation: dragDownframes 0.2s forwards;
    -moz-animation: dragDownframes 0.2s forwards;
    -webkit-animation: dragDownframes 0.2s forwards;
    -o-animation: dragDownframes 0.2s forwards;
}

.dialog-default-drag .default-content>div {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 36px 0 0;
    background: #fff;
}

.dialog-default-drag:not(.dialog-noheader-icon) .default-content>div:before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.03rem;
    border-radius: 0.02rem;
    background: #C2CAD2;
    position: absolute;
    left: 50%;
    top: 20px;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.dialog-default-drag:not(.dialog-noheader-icon) .default-content>.default-container-black:before {
    background: rgba(255,255,255,0.1);
}

.dialog-top-header {
    padding: 13px 0.2rem 11px;
    color: #0077FF;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.dialog-top-header>span {
    padding: 0.1rem;
    white-space: nowrap;
}

.dialog-top-left,
.dialog-top-right {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dialog-top-left {
    left: 0.2rem;
}

.dialog-top-right {
    right: 0.2rem;
}

.dialog-top-header-title {
    color: #444444;
    font-size: 0.16rem;
    font-weight: bold;
    width: 60%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.dialog-top-empty {
    visibility: hidden;
}

.dialog-default-drag .default-container.default-container-before {
    padding-top: 0;
}

.dialog-default-drag .default-content .default-container.default-container-before:before {
    content: none;
}

.dialog-top-down,
.dialog-top-down-hide {
    display: inline-block;
    width: 0.14rem;
    height: 0.09rem;
    background: url(../img/icon/down.png) no-repeat center;
    background-size: 0.14rem 0.09rem;
}

.dialog-top-down-hide {
    visibility: hidden;
}

.dialog-default-drag .dialog-default-content {
    padding-left: 0.2rem;
    box-sizing: border-box;
    position: relative;
}

.dialog-default-drag .dialog-default-footer-btn {
    background: rgba(0, 119, 255, 0.1);
    border-radius: 4px;
    border: 0.01rem solid #0077FF;
    color: #0077FF;
    width: 90%;
    display: inline-block;
    padding: 0.08rem 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.16rem;
    margin: 0 5% 5%;
}

.dialog-default-drag .ddc-footer-btn-global {
    background: #D5D5D5;
    color: #FFFFFF;
    width: 100%;
    display: inline-block;
    padding: 0.13rem 0;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.16rem;
}

.dialog-drag-scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-height {
    max-height: 80%;
    overflow-y: auto;
}


/*弹出框带操作按钮的*/

.dialog {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 200;
    border-radius: 0.04rem;
    padding: 0 0 0.22rem;
    background: #fff;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    transform: translate(-50%, -50%);
    width: 84%;
}
.dialog.dialog-content-24 .dialog-content {
    padding-top: 0.24rem;
    padding-bottom: 0.24rem;
}
.dialog-header {
    text-align: right;
    height: 0.34rem;
    line-height: 0.34rem;
    border-bottom: 1px solid #F5F5F5;
}

.dialog-close {
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    background: url(../img/dialogs.png) no-repeat center;
    background-size: 0.25rem 0.25rem;
    padding: 0.02rem 0.2rem 0.02rem 0.1rem;
    vertical-align: -webkit-baseline-middle;
}

.dialog-content {
    padding: 0.1rem 0.2rem 0.25rem;
    color: #4D4D4D;
    text-align: center;
    /* line-height: 0.24rem; */
}

.dialog-content-title {
    font-size: 0.16rem;
    color: #333;
    font-weight: bold;
    padding: 0.06rem 0 0.16rem;
}

.dialog-footer {
    text-align: center;
}

.dialog-footer>div {
    font-size: 0.14rem;
}

.dialog-cancel,
.dialog-sure {
    display: inline-block;
    width: 1.12rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    border-radius: 0.05rem;
    box-sizing: border-box;
    color: #0077FF;
    margin-right: 0.1rem;
    border: 1px solid #0077FF;
}

.dialog-sure {
    margin-left: 0.1rem;
    margin-right: 0;
}

.dialog-active-btn {
    box-sizing: content-box;
    border: 0;
    color: #fff;
    background: #0077FF;
}


/*表单报错信息*/

.error_tip {
    position: absolute;
    bottom: -0.18rem;
    left: 0;
    font-size: 0.12rem;
    color: #FC6527;
}


/*头部返回按钮*/

.head-back-icon {
    display: inline-block;
    position: absolute;
    left: 0.22rem;
    top: 0;
    width: 0.22rem;
    height: 0.22rem;
    background: url(../img/back.png) no-repeat center;
    background-size: 0.22rem 0.22rem;
}


/*下拉箭头*/

.down-style {
    height: 100%;
    text-align: center;
    background: #fff;
    cursor: pointer;
    z-index: 1;
}

.down-style:before {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border: #979797 solid;
    border-width: 1px 1px 0 0;
    transform: rotate(135deg);
    margin-bottom: 0.04rem;
}

.down-style.expand-btn-close {
    height: 0.35rem;
}

.down-style.expand-btn-close:before {
    transform: rotate(-45deg);
    margin-bottom: 0;
    margin-top: 0.12rem;
}


/*全部服务头部title*/

.header-bottom-border {
    border-bottom: 0.01rem solid #F5F5F5;
}

.ds-header {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    z-index: 2;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
}
.ds-header-fixed {
    position: fixed;
    z-index: 2;
}
.ds-header.ds-header-defalut-hide,
.ds-header.ds-header-defalut-hide-back .back-icon{
    display: none!important;
}
.ds-header.ds-header-defalut-hide>.ds-header-title.ds-header-left,
.ds-header.ds-header-defalut-hide-back>.ds-header-title.ds-header-left{
    padding-left: 0.16rem;
}

body[autox3-source=app] .ds-header.ds-header-defalut-hide,
body[autox3-prev=prev] .ds-header.ds-header-defalut-hide,
body[autox3-source=app] .ds-header.ds-header-defalut-hide-back .back-icon,
body[autox3-prev=prev] .ds-header.ds-header-defalut-hide-back .back-icon{
    display: block!important;
}
body[autox3-source=app] .ds-header.ds-header-defalut-hide>.ds-header-title.ds-header-left,
body[autox3-prev=prev] .ds-header.ds-header-defalut-hide-back>.ds-header-title.ds-header-left{
    padding-left: 0.43rem;
}
body[autox3-source=applet] .ds-header-defalut-hide-back .back-icon-button,
body[autox3-source=applet] .ds-header-defalut-hide-back .back-icon,
body[autox3-source=applet] .ds-header-defalut-hide .back-icon-button,
body[autox3-source=applet] .ds-header-defalut-hide .back-icon{
    display: none!important;
}
/* 预览 */
body[view-model=preview] .view-model-content{
    position: relative;
    min-height: 100%;
}
body[view-model=preview] .view-model-content::after{ 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}
/*超出省略*/

.title-nowrap-ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.text-ellipsis-middle {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.title-nowrap-ellipsis-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}
.text-nowrap-ellipsis-three {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.space-nowrap {
    white-space: nowrap
}


/*超出省略 END*/

.flex-body .ds-header {
    position: initial;
}

.flex-body .ds-header.ds-header-fixed {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ds-header.ds-header-cotnet {
    box-sizing: content-box;
}

.ds-header-content {
    font-size: 0.18rem;
    color: #2A2A2A;
    background: #fff;
}

.ds-header-title {
    position: relative;
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.18rem;
    color: #2A2A2A;
    background: #fff;
    text-align: center;
    /*padding-top: 0.1rem;
	padding-bottom: 0.09rem;*/
    visibility: hidden;
}
.ds-header-can-visible .ds-header-title{
    visibility: visible;
}
body .preview-dialog  .ds-header-title{
    display: flex!important;
    display: -webkit-flex!important;
}
body .preview-dialog  .ds-header-title .back-icon-button{
    display: inline-block!important;
}
/*ds-header-blue蓝色头部*/

.ds-header.ds-header-blue,
.ds-header-blue .ds-header-title {
    background: #F2F6F8;
}


/*ds-header-transparent 头部无色*/

.ds-header.ds-header-transparent,
.ds-header-transparent .ds-header-title {
    background: transparent;
}


/*ds-header-gradients-black 头部黑色渐变*/

.ds-header.ds-header-gradients-black {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.ds-header-gradients-black .ds-header-title {
    background: transparent;
}


/*ds-header-gradients-black 头部黑色渐变 END*/

.ds-header .ds-header-share img,
.share-btn-common {
    position: absolute;
    max-width: 0.22rem;
    top: 50%;
    left: 0.1rem;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    transform: translateY(-50%);
}
/* 自定义返回箭头 */
.ds-header-self .back-icon:before{
    content: none;
}
.ds-header .ds-header-share img.share-btn,
.share-btn-common {
    left: initial;
    right: 0.1rem;
    padding: 0.1rem;
}

.share-btn-common {
    display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    background: url(../img/icon/share.png) no-repeat center;
    background-size: 0.22rem;
}

.ds-header-title-right {
    position: absolute;
    top: 50%;
    right: 0.15rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-size: 0.14rem;
}


/*title左对齐*/

.ds-header-title.ds-header-left {
    text-align: left;
    padding-left: 0.43rem;
}


/*title加粗*/

.ds-header-title.ds-header-bold {
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.20rem;
    font-weight: bold;
    color: #333;
    /*margin-top: 0.15rem;*/
    /*font-family: "Sans Serif";*/
}

.android-style .ds-header-title.ds-header-bold {
    /*font-weight:bold;*/
}

.ds-header-bold .back-icon {
    height: 100%;
    width: 0.14rem;
}

.ds-header-bold .back-icon:before {
    border-color: #333;
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%) rotate(-135deg);
    -moz-transform: translateY(-50%) rotate(-135deg);
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -o-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}
.ds-header-title-white{
   color: #fff;
}

.ds-header-title-white .back-icon:before {
    border-color: #fff;
}


/*底部公共提交按钮*/

.footer-common {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    color: #fff;
}

.footer-common>div {
    padding: 0 0.2rem 0.32rem;
}

.footer-common p {
    width: 100%;
    background: #C2CAD2;
    padding: 0.12rem 0;
    font-size: 0.14rem;
    text-align: center;
    border-radius: 4px;
}

.footer-common.footer-common-noradius p {
    border-radius: 0;
}

.footer-common p.save-btn {
    color: #fff;
    background: #0077FF;
}


/*底部公共提交按钮 end*/

.border-bottom {
    border-bottom: 0.01rem solid RGBA(239, 239, 239, 1);
}

.emply-con {
    height: 0.44rem;
}


/*超出省略*/

.nowrap-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.white-space {
    white-space: nowrap;
}


/*header定位时 内容部分上面空出header的高度*/

.content-top {
    padding-top: 0.79rem;
}


/*返回按钮 在左侧*/

.back-icon {
    position: absolute;
    left: 0.1rem;
    top: -0.08rem;
    padding: 0.1rem;
    cursor: pointer;
}

.back-icon:before {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border: #979797 solid;
    border-width: 1px 1px 0 0;
    vertical-align: middle;
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.back-icon.back-icon-button:before{
    content: none;
}
.android-style .back-icon:before {
    margin-top: -0.02rem;
}

.ds-header .back-icon.back-icon-img {
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 0.2rem;
    cursor: pointer;
    width: auto;
    height: 100%;
    background: url(../img/back-icon.png) no-repeat center;
    background-size: auto 0.16rem;
}
.back-icon.back-icon-img:before {
    content: none;
}
/*back-icon-left  back-icon方向朝左*/

.back-icon.back-icon-left:before {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*back-icon-center  back-icon位置上下居中*/

.back-icon-center ,
.back-icon.back-icon-center {
    top: 50%;
    padding: 0 0.1rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.back-icon.back-icon-position {
    top: 50%;
    left: 0.1rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*定位居中*/

.position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.position-center-vertical {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.position-center-vertical-right {
    position: absolute;
    top: 50%;
    right: 0.15rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.position-center-horizontal {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}


/*单选按钮 方框*/

.radio-box,
.radio-circle i {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 0.05rem;
    border: 1px solid #E5E5E5;
    vertical-align: middle;
    position: relative;
}

.radio-circle i {
    border-radius: 50%;
}

.radio-box::before,
.radio-circle i::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 10px;
    color: #fff;
    border-bottom: 1px solid;
    border-right: 1px solid;
    left: 50%;
    top: 50%;
    transform-origin: center;
    transform: translate(-50%, -60%) rotate(45deg);
    -webkit-transform: translate(-50%, -60%) rotate(45deg);
}

.radio-box.radio-box-active,
.radio-circle.radio-circle-active i {
    background: #0077FF;
    border: 1px solid #0077FF;
}


/*图片单选按钮*/

.select-common {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/circle.png) no-repeat center;
    background-size: contain;
}

.select-common.circle-active {
    background-image: url(../img/circleActive.png);
}
.select-common.select-common-circular.circle-active {
    background-image: url(../img/circular-selected.png);
}
.select-common.circle-disabled {
    background-image: url(../img/circleDisabled.png);
    cursor: no-drop;
}

.select-common.circle-delete {
    background-image: url(../img/circleDelete.png);
}
.select-common.select-square-common {
    background-image: url(../img/select/select.png);
}

.select-common.select-square-common.square-active {
    background-image: url(../img/select/selectActive.png);
}
.select-common.select-square-common.square-active-disabled {
    background-image: url(../img/select/selectDisabled.png);
}
/*图片单选按钮 end*/


/*文字提示弹窗*/


/*文字提示弹窗*/

.mask-tip-shadow {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: transparent;
}

.mask-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80%;
    min-width: 40%;
    width: 100%;
    text-align: center;
}

.mask-tip>div {
    background: rgba(51, 51, 51, 0.8);
    box-sizing: border-box;
    display: inline-block;
    padding: 0.14rem;
    color: #fff;
    font-size: 0.14rem;
    width: auto;
    text-align: center;
    border-radius: 0.06rem;
    min-width: 40%;
    max-width: 100%;
    word-break: break-word;
}


/*展示进行的服务*/

.serve-order-detail {
    position: relative;
    padding: 0.11rem 0;
}

.serve-order-detail ul {
    padding-left: 0.78rem;
}

.serve-order-detail ul li {
    padding: 0.05rem 0;
}

.serve-order-detail li span {
    display: inline-block;
}

.serve-order-detail .serve-name {
    width: 50%;
}

.serve-order-detail .serve-time {
    width: 30%;
}

.serve-order-detail .serve-price {
    width: 20%;
    text-align: center;
}

.serve-order-detail>img {
    width: 0.71rem;
    height: 0.2rem;
    position: absolute;
    left: 0;
    top: 0.16rem;
}


/*小图标*/

.small-icon {
    width: 0.24rem;
    height: 0.24rem;
    vertical-align: middle;
}


/*列表没有数据时展示*/

.empty-tip {
    text-align: center;
    width: 100%;
    font-size: 0.14rem;
    position: absolute;
    top: 50%;
    color: #AFAFAF;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    transform: translateY(-50%);
}

.empty-tip img {
    width: 0.6rem;
    height: 0.6rem;
}


/*loading样式*/

.loading-shadow {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0);
}

.loading-shadow-html {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    background: rgba(0, 0, 0, 0);
}

.loading-shadow.loading-shadow-none {
    background: rgba(0, 0, 0, 0);
}

.loading-shadow.loading-shadow-3 {
    background: rgba(0, 0, 0, 0);
}
.loading-shadow.loading-shadow-white {
    background: #FFFFFF;
}

.loading-shadow-transparent,
.loading-shadow.loading-shadow-transparent {
    animation: none;
    background: transparent;
}

.loading,
.loading img {
    width: 54px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    transform: translate(-50%, -50%);
}

.loading {
    padding: 6px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 20px 0px rgba(194, 202, 210, 0.3);
}

.loading-shadow-none .loading {
    width: 0;
    height: 0;
    padding: 0;
}
@-moz-keyframes spotLoading {
    0%,60%,100%{
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    30%{
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform:scale(2.5);
        -o-transform:scale(2.5);
        transform:scale(2.5);
    }
}
@-webkit-keyframes spotLoading {
    0%,60%,100%{
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    30%{
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform:scale(2.5);
        -o-transform:scale(2.5);
        transform:scale(2.5);
    }
}
@-o-keyframes spotLoading {
    0%,60%,100%{
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    30%{
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform:scale(2.5);
        -o-transform:scale(2.5);
        transform:scale(2.5);
    }
}
@keyframes spotLoading {
    0%,60%,100%{
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    30%{
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform:scale(2.5);
        -o-transform:scale(2.5);
        transform:scale(2.5);
    }
}
/* 三点loading */
.loading_spot{
    display: inline-block;
}
.loading_spot>span{
    width:4px;
    height:4px;
    background:#313340;
    display:inline-block;
    border-radius: 50%;
    animation: spotLoading 1s linear infinite;
    -moz-animation: spotLoading 1s linear infinite;
    -webkit-animation: spotLoading 1s linear infinite;
    -o-animation: spotLoading 1s linear infinite;
}
.loading_spot>span:nth-child(2){
  animation-delay: 0.15s;
}
.loading_spot>span:nth-child(3){
    animation-delay: 0.3s;
  }
@keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-moz-keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-o-keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

@-moz-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

@-o-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

.circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite;
}

.path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: rgba(136, 179, 238, 0.5);
    stroke-linecap: round;
}
@keyframes vs-skeleton-loading{
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
@-moz-keyframes vs-skeleton-loading{
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
@-webkit-keyframes vs-skeleton-loading{
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
@-o-keyframes vs-skeleton-loading{
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
.vs-skeleton-active{
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,hsla(240,1%,74.5%,.2)),color-stop(37%,hsla(240,1%,50.6%,.24)),color-stop(63%,hsla(240,1%,74.5%,.2)));
    background: linear-gradient(90deg,hsla(240,1%,74.5%,.2) 25%,hsla(240,1%,60%,.2) 37%,hsla(240,1%,74.5%,.2) 63%);
    background-size: 400% 100%;
    -moz-animation:vs-skeleton-loading 1.4s ease infinite;
    -webkit-animation:vs-skeleton-loading 1.4s ease infinite;
    -o-animation:vs-skeleton-loading 1.4s ease infinite;
    animation:vs-skeleton-loading 1.4s ease infinite;
}
.vs-skeleton-active img{
  visibility: hidden;
}
/* loading */

body[autox3-source=app] .version-top {
	padding-top: 20px;
}
body[autox3-source=app].is-IphoneX .version-top{
	padding-top: 0.44rem;
}
.is-IphoneX .version-bottom {
    padding-bottom: 0.1rem;
}


/*视频*/

video {
    width: 100%;
    height: 100%;
    object-fit: initial;
}

video::-webkit-media-controls-fullscreen-button {
    display: none!important;
}


/*代驾*/


/*公共定位在底部的btn*/

.commom-fixed {
    display: inline-block;
    width: 100%;
    height: 0.48rem;
    line-height: 0.48rem;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    font-size: 0.14rem;
}


/*距离顶部空出header的距离*/

.common-header-padding {
    padding-top: 0.44rem;
}


/*蒙版*/

.des-driving-mask {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}


/*底部长按钮*/

.footer-button {
    background: linear-gradient(to right, #0621C6, #176BEE);
    /* 标准的语法 */
    border-radius: 0.04rem;
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    padding: 0.1rem 0;
    box-sizing: border-box;
}

.pay-button.next-active-btn {
    color: #fff;
    background: #0077FF;
}

.common-background {
    background: -webkit-linear-gradient(left, #0621C6, #176BEE);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #0621C6, #176BEE);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #0621C6, #176BEE);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0621C6, #176BEE);
    /* 标准的语法 */
    color: #fff;
}

.footer-btn-bottom {
    position: fixed;
    bottom: 0rem;
    left: 0rem;
}

.form-next {
    width: 0.06rem;
    height: 0.11rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.next-active-blue {
    background: #0077FF!important;
    color: #fff;
}


/*返回按钮 在左侧*/

.left-back-icon:before {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border: #979797 solid;
    border-width: 1px 1px 0 0;
    transform: rotate(-135deg);
}

.left-back-icon {
    position: absolute;
    left: 0.1rem;
    top: -0.1rem;
    padding: 0.1rem;
}

.orange {
    color: #FC6527;
}

.blue {
    color: #0077FF;
}


/*确认弹窗*/

.sure-tip {
    background-color: #fff;
    padding-top: 0.27rem;
    width: 70%;
    border-radius: 0.06rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    color: #637280;
    font-size: 0.14rem;
    text-align: center;
}

.sure-tip p {
    padding-bottom: 0.18rem;
}

.sure-tip p:last-child {
    border-top: 0.01rem solid #F5F5F5;
    padding-bottom: 0;
}

.sure-tip .sure-title {
    padding: 0 0.35rem 0.18rem 0.35rem;
}

.sure-tip .sure-tip-title {
    font-size: 0.16rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.sure-tip .driving-cost-tips {
    font-size: 0.12rem;
    font-weight: 400;
    color: rgba(255, 110, 134, 1);
}

.sure-btn-left {
    padding: 0.11rem 0;
    display: inline-block;
}

.sure-btn-left-word {
    padding-right: 0.3rem;
    border-right: 0.01rem solid #F5F5F5;
    display: inline-block;
}

.sure-btn-right {
    padding: 0.11rem 0 0.11rem 0.3rem;
    color: #0B64ED;
}

.btn-center-p {
    margin-top: 0.15rem;
}

.sure-btn-center {
    padding: 0.13rem 0;
    color: #0B64ED;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

.no-border {
    border: none!important;
}

.left-back-icon-address:before {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border: #000 solid;
    border-width: 2px 2px 0 0;
    transform: rotate(-135deg);
    vertical-align: middle;
}

.left-back-icon-address {
    position: absolute;
    left: 0.15rem;
}


/*支付动画弹窗*/

.animation-tip {
    min-height: 35%;
    padding: 0;
}

.animation-tip ul {
    margin: 0.35rem 0.2rem 0.7rem 0.2rem;
    box-sizing: border-box;
}

.animation-tip ul li {
    margin: 0.2rem 0;
    box-sizing: border-box;
}

.animation-tip ul li span {
    color: rgba(153, 153, 153, 1);
    display: none;
}

.animation-tip ul li i {
    display: none;
    float: right;
}

.animation-tip img {
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.animation-tip ul img {
    width: 17px;
    height: 12px;
    vertical-align: sub;
}

.animation-tip p {
    padding: 0.15rem;
    text-align: center;
    border-top: 0.01rem solid rgba(153, 153, 153, 0.2);
    position: fixed;
    bottom: 0;
    width: 89.5%;
    font-size: 0.14rem;
    color: rgba(153, 153, 153, 1);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}


/*还车时间下拉*/

.return-time-content {
    /*visibility: hidden;*/
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.12rem;
    background: rgba(245, 245, 245, 1);
    z-index: 101;
    border-top: 1px solid #FAFAFA;
    color: #666666;
    /*display: none;*/
    height: 33%;
}

.return-time-content .return-time-btn {
    font-size: 0.14rem;
    padding: 0.12rem 0.34rem;
    background: #fff;
}

.return-time-content .return-time-ul {
    padding-top: 0.2rem;
    overflow: scroll;
    height: 75%;
    color: rgba(102, 102, 102, 0.3);
}

.return-time-content .return-time-ok {
    color: #4A90E2;
    float: right;
}

.return-Time-main {
    overflow: scroll;
}

.return-Time-main li {
    padding: 0.14rem 0;
    width: 82%;
    text-align: center;
    margin: 0 auto;
}

.return-Time-main li:nth-child(2) {
    border-bottom: 0.01rem solid #979797;
    border-top: 0.01rem solid #979797;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
}

.ul-active {
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
}


/*默认页面*/

.default-common-container {
    min-height: 2.0rem;
    position: relative;
}

.default-common {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    transform: translate(-50%, -50%);
}
.default-common.default-common-relative{
    position: relative;
    top: initial;
    left: initial;
    -ms-transform: none;
    /* IE 9 */
    -moz-transform: none;
    /* Firefox */
    -webkit-transform:none;
    /* Safari 和 Chrome */
    -o-transform: none;
    /* Opera */
    transform: none;
}

.default-common p {
    text-align: center;
    color: #B1B3BD;
    font-size: 0.14rem;
    margin-top: 0.09rem;
}

.default-img {
    text-align: center;
}

.default-common img {
    max-width: 1.26rem;
    margin: 0 auto;
    display: block;
    pointer-events: none;
}

.default-common.default-bc-common img {
    max-width: 0.70rem;
}

.default-common-11 img {
    max-width: 1.1rem;
}

.default-common-10 img {
    max-width: 1.0rem;
}


/*门店信息 拨打电话*/

.store-inform {
    text-align: left;
    color: #4BCDDE;
    font-size: 0.14rem;
    line-height: 0.3rem;
    /*padding: 0.11rem 0.37rem 0.11rem 0.3rem ;*/
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #F5F5F5;
}

.store-inform .store-inform-img {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/iphone/iphone.png) no-repeat center;
    background-size: contain;
    float: right;
}


/*拨打电话弹窗样式*/

.dialog.call-iphone {
    padding-bottom: 0;
    padding: 0 0.12rem;
}

.call-iphone .dialog-content {
    color: #333333;
    font-size: 0.17rem;
    padding: 0.35rem 0 0.32rem;
}

.call-iphone.call-iphone-14 .dialog-content {
    font-size: 0.14rem;
}

.call-iphone .dialog-content-title {
    display: none;
}

.call-iphone .dialog-footer {
    border-top: 1px solid #F5F5F5;
    font-size: 0;
}

.call-iphone .dialog-single {
    display: block;
    font-size: 0.14rem;
    text-align: center;
    color: #0077FF;
    padding: 0.11rem 0;
}

.call-iphone .dialog-cancel,
.call-iphone .dialog-sure {
    box-sizing: content-box;
    background: transparent;
    width: 50%;
    border: 0;
    color: #666666;
    font-size: 0.14rem;
    margin: 0;
    height: initial;
    line-height: initial;
    padding: 0.13rem 0 0.12rem;
}

.call-iphone .dialog-active-btn a {
    display: block;
    color: #0077FF;
    font-size: 0.14rem;
    border-left: 1px solid #F5F5F5;
}


/*可以滚动的选择*/

.select-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.14rem;
    background: #F5F5F5;
}

.select-scroll-header {
    background: #fff;
}

.select-scroll-header span {
    display: inline-block;
    height: 0.44rem;
    line-height: 0.44rem;
    padding: 0 0.25rem;
}

.select-sure {
    color: #007EFF;
    float: right;
}

.select-scroll-content {
    background: #F5F5F5;
    padding: 0.13rem 0.34rem;
}

.select-scroll-content ul {
    text-align: center;
}

.select-scroll-box {
    height: 2.38rem;
    color: rgba(102, 102, 102, 0.3);
}

.select-scroll-box .swiper-slide {
    text-align: center;
    height: 0.34rem;
    line-height: 0.34rem;
}

.select-scroll-box .swiper-slide-active {
    color: #666666;
}

.select-scroll-box:before,
.select-scroll-box:after {
    content: "";
    display: inline-block;
    width: 100%;
    border-top: 1px solid #E3E3E3;
    position: absolute;
    left: 0;
    top: 1.02rem;
}

.select-scroll-box:after {
    top: initial;
    bottom: 1.02rem;
}


/*常用地址*/

.common-address-container {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    max-height: 100%;
}

.common-address-container>div:nth-child(2) {
    overflow-y: scroll;
}

.address-header-title {
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.18rem;
    color: #2A2A2A;
    background: #fff;
    text-align: center;
    width: 100%;
    z-index: 10;
    padding-top: 0.08rem;
}

.common-address-container .common-address {
    max-height: 4.1rem;
}

.common-address-container .common-address-ul {
    padding: 0.08rem 0.2rem;
    border-bottom: 0.01rem solid RGBA(239, 239, 239, 1);
    box-sizing: border-box;
}

.common-address-container .common-address-ul:last-child {
    border-bottom: 0;
}

.common-address-container .common-address-ul li {
    padding: 0.1rem 0 0rem 0;
    width: 100%;
    box-sizing: border-box;
}

.common-address-container .common-address-ul .first-li {
    position: relative;
}

.common-address-container .common-address-ul .first-li .edit-address {
    position: absolute;
    top: -0.1rem;
    right: -0.1rem;
}

.common-address-container .common-address-ul .first-li .edit-address img {
    padding: 0.2rem 0.4rem 0.4rem 0.2rem;
}

.common-address-container .common-address-ul li:last-child {
    padding-bottom: 0.08rem;
    box-sizing: border-box;
}

.common-address-container .common-address-ul li:first-child span:first-child {
    width: 80%;
    color: RGBA(51, 51, 51, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.common-address-container .common-address-ul li img {
    width: 0.16rem;
    height: 0.16rem;
    float: right;
}

.common-address-container .default-address {
    color: RGBA(241, 33, 33, 1);
}

.common-address-container .address-footer-container {
    width: 100%;
    border-top: 0.01rem solid RGBA(239, 239, 239, 1);
}

.common-address-container .banner-button {
    width: 100%;
    text-align: center;
    padding: 0.13rem 0;
    box-sizing: border-box;
    background: #fff;
    font-size: 0.12;
    font-weight: 400;
    color: rgba(0, 119, 255, 1);
    color: #0077FF;
}

.common-address-container .creat-address-icon {
    width: 13px;
    height: 13px;
    border: 1px solid #0077FF;
    border-radius: 50%;
    display: inline-block;
    line-height: 12px;
    vertical-align: middle;
}


/*地址选择样式*/

.address-shadow {
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background: rgba(0, 0, 0, 0.2);
}

.address-plug {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
}

.address-plug-box {
    text-align: center;
    width: 100%;
    background: #FAFAFA;
    padding: 0.2rem 0;
}

.address-plug-btn span {
    display: inline-block;
    height: 0.44rem;
    line-height: 0.44rem;
    padding: 0 0.25rem;
}

.address-sure {
    color: #007EFF;
    float: right;
}

.address-model {
    display: inline-block;
    width: 32%;
}

.address-model {
    height: 1.6rem;
    overflow-y: scroll;
}

.address-plug-box li {
    height: 0.4rem;
    line-height: 0.4rem;
    color: #999;
}

.address-plug-box li.address-active {
    color: #333;
}

.detail-address div {
    display: inline-block;
}

.inform-none {
    display: none;
}


/*地址选择样式-end*/


/*选择车辆*/

.car-select dl {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid #E2E2E2;
}

.car-select li:last-child dl,
.car-select .select-selected-value dl {
    border-bottom: 0;
}

.car-select dt {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.car-select .car-default {
    background-image: url(../img/car/default.png);
}

.car-select .car-bc {
    background-image: url(../img/car/bc.png);
}

.car-select .car-bm {
    background-image: url(../img/car/bm.png);
}

.car-select .car-ad {
    background-image: url(../img/car/ad.png);
}

.car-select .car-dz {
    background-image: url(../img/car/dz.png);
}

.car-select .car-bs {
    background-image: url(../img/car/bs.png);
}

.car-select .car-mn {
    background-image: url(../img/car/mn.png);
}

.car-select dd {
    padding-left: 0.6rem;
    line-height: 0.24rem;
}


/*选择车辆  end*/


/*继续拼团*/

.continue-btn {
    display: inline-block;
    min-width: 0.88rem;
    padding: 0 0.1rem;
    height: 0.27rem;
    line-height: 0.27rem;
    background: #0077FF;
    border-radius: 0.15rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.12rem;
    text-align: center;
}

.android-style .continue-btn {
    line-height: 0.30rem;
}

.default-common .continue-btn {
    color: #fff;
    margin-bottom: 2px;
    margin-top: 0.34rem;
}


/*模拟table表格*/

.table-body {
    font-size: 0.14rem;
    color: #637280;
}

.table-body>ul,
.table-header>ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    box-sizing: border-box;
    padding: 0.14rem 0.06rem;
    color: #637280;
}

.table-body>ul:nth-child(even) {
    /*background: rgba(0,119,255,0.05);*/
}

.table-body>ul>li,
.table-header>ul>li {
    flex: 1;
    text-align: center;
    height: 0.28rem;
    line-height: 0.28rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-body-default {
    font-size: 0.16rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding-top: 1.0rem;
}


/*模拟table表格  end*/


/*弹窗透明色变化 start*/

.animation-opacity {
    opacity: 0;
    animation: opacityUpKeyframes 0.3s ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes opacityUpKeyframes {
    to {
        opacity: 1;
    }
}

@-moz-keyframes opacityUpKeyframes {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes opacityUpKeyframes {
    to {
        opacity: 1;
    }
}

@-o-keyframes opacityUpKeyframes {
    to {
        opacity: 1;
    }
}

.hide-animation-opacity {
    opacity: 1;
    animation: opacityDownKeyframes 0.1s linear;
    -webkit-animation-fill-mode: forwards;
}

@keyframes opacityDownKeyframes {
    to {
        opacity: 0;
    }
}

@-moz-keyframes opacityDownKeyframes {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes opacityDownKeyframes {
    to {
        opacity: 0;
    }
}

@-o-keyframes opacityDownKeyframes {
    to {
        opacity: 0;
    }
}


/*弹窗透明色变化 end*/


/*弹窗动画开始（自下而上）*/

.default-content {
    animation: upkeyframes 0.3s ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes upkeyframes {
    to {
        bottom: 0;
    }
}

@-moz-keyframes upkeyframes {
    to {
        bottom: 0;
    }
}

@-webkit-keyframes upkeyframes {
    to {
        bottom: 0;
    }
}

@-o-keyframes upkeyframes {
    to {
        bottom: 0;
    }
}

.sign-appointment .default-content.down-default-content {
    bottom: 0;
    animation: downkeyframes 0.3s ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes downkeyframes {
    to {
        bottom: -100%;
    }
}

@-moz-keyframes downkeyframes {
    to {
        bottom: -100%;
    }
}

@-webkit-keyframes downkeyframes {
    to {
        bottom: -100%;
    }
}

@-o-keyframes downkeyframes {
    to {
        bottom: -100%;
    }
}

@keyframes bgUpkeyframes {
    to {
        background: rgba(0, 0, 0, 0.3);
    }
}

@-moz-keyframes bgUpkeyframes {
    to {
        background: rgba(0, 0, 0, 0.3);
    }
}

@-webkit-keyframes bgUpkeyframes {
    to {
        background: rgba(0, 0, 0, 0.3);
    }
}

@-o-keyframes bgUpkeyframes {
    to {
        background: rgba(0, 0, 0, 0.3);
    }
}

.dialog-shadow.down-dialog-shadow {
    background: rgba(0, 0, 0, 0.5);
    animation: bgDownkeyframes 0.3s ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes bgDownkeyframes {
    to {
        background: rgba(0, 0, 0, 0);
    }
}

@-moz-keyframes bgDownkeyframes {
    to {
        background: rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes bgDownkeyframes {
    to {
        background: rgba(0, 0, 0, 0);
    }
}

@-o-keyframes bgDownkeyframes {
    to {
        background: rgba(0, 0, 0, 0);
    }
}


/*弹窗动画结束*/


/*选择预约方式*/

.change-time {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}

.change-time .serve-select-apply {
    z-index: 150;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 0.1rem;
}

.change-time .serve-apply-title {
    font-size: 0.14rem;
    font-weight: bold;
    padding: 0.15rem 0 0.15rem 0.2rem;
}

.change-time .serve-apply-tab {
    padding: 0.1rem 0;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

.change-time .serve-apply-tab span {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 0.15rem;
}

.change-time .serve-apply-tab span.serve-apply-active {
    color: #072ECE;
}

.change-time .serve-apply-tab span:first-child {
    box-sizing: border-box;
    border-right: 1px solid #ECECEC;
}

.change-time .serve-time-box {
    padding-bottom: 0.6rem;
    box-sizing: border-box;
}


/*优先选择时间*/

.change-time .serve-time-bar {
    padding: 0.12rem 0;
    background: #fff;
    text-align: center;
    color: rgba(99, 114, 128, 1);
}

.change-time .serve-time-bar span {
    display: inline-block;
    width: 14%;
    text-align: center;
}

.change-time .serve-time-bar span i {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    line-height: 0.2rem;
    border-radius: 50%;
    text-align: center;
    margin-top: 0.17rem;
    font-size: 14px;
    font-weight: 400;
}

.change-time .serve-time-bar span.serve-active-date i {
    color: #fff;
    background: #0077FF;
}

.change-time .serve-time-bar {
    padding: 0.12rem 0;
    background: #fff;
    text-align: center;
}

.change-time .today-data {
    text-align: left;
    padding: 0 0 0.1rem 0.2rem;
    box-sizing: border-box;
}

.change-time .serve-apply-content {
    width: 100%;
    background: #fff;
    padding-top: 0.1rem;
    box-sizing: border-box;
    border-radius: 23px 23px 0px 0px;
    text-align: center;
}

.change-time .only-one-time-sure {
    width: 100%!important;
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.12rem 0;
    color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    background: rgba(194, 202, 210, 1);
    border-radius: 4px;
}

.change-time .btn-container {
    position: absolute;
    bottom: 0.1rem;
    font-size: 0;
    width: 90%;
    margin-left: 5%;
}

.change-time .btn-container span {
    padding: 0.12rem 0;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid rgba(235, 235, 235, 1);
    display: inline-block;
    font-size: 0.14rem;
    color: #637280;
    text-align: center;
}

.change-time .btn-container span:first-child {
    width: 33%;
    margin-right: 4%;
}

.change-time .btn-container span:last-child {
    width: 63%;
    background: #D3D3D3;
    color: rgba(255, 255, 255, 1);
}

.change-time .serve-time-title {
    text-align: left;
    color: #262626;
    font-size: 0.16rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    font-size: 0.14rem;
    margin-top: 0.08rem;
}

.change-time .serve-data-input {
    margin: 0.2rem 0.2rem 0 0.2rem;
    text-align: center;
}

.change-time .serve-data-input input {
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: rgba(99, 114, 128, 1);
}

.change-time .serve-time-full {
    text-align: center;
    padding-top: 0.25rem;
}

.change-time .serve-time-content {
    padding: 0rem 0.2rem 0.1rem;
    margin-top: 0.1rem;
    background: #fff;
}

.change-time .serve-time-list {
    min-height: 0.8rem;
    max-height: 2.4rem;
    overflow-x: hidden;
    overflow-y: scroll;
    border-top: 1px solid rgba(235, 235, 235, 1);
    padding-top: 0.1rem;
    box-sizing: border-box;
}

.change-time .serve-time-list ul li {
    box-sizing: border-box;
    margin: 0.08rem 0;
    width: 50%;
    float: left;
    text-align: center;
    padding: 0 0.075rem;
}

.change-time .serve-time-list ul li:nth-child(even) {
    padding-right: 0;
}

.change-time .serve-time-list ul li:nth-child(odd) {
    padding-left: 0;
}

.change-time .serve-time-list ul li p {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    background: #fff;
    border: 1px solid #E1DDDD;
    border-radius: 0.04rem;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: rgba(99, 114, 128, 1)
}

.change-time .serve-time-list ul li i {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.49rem;
    height: 0.11rem;
    display: inline-block;
}

.change-time .serve-time-list ul li i img {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.change-time .serve-time-list ul li.serve-time-active p {
    border: 1px solid #0077FF;
    color: #0077FF;
}

.change-time .serve-time-list ul li span {
    display: inline-block;
    box-sizing: border-box;
    width: 40%;
    padding-left: 0.1rem;
}

.change-time .serve-time-tip {
    display: inline-block;
    width: 0.17rem;
    height: 0.17rem;
    background: url(../img/serve/discount.png) no-repeat center left;
    background-size: 0.17rem 0.17rem;
    vertical-align: middle;
    margin-right: 0.04rem;
}

.change-time .serve-time-line {
    width: 50px;
    height: 4px;
    background: rgba(194, 202, 210, 1);
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0.26rem;
}

.change-time .disabled-time {
    background: #EBEBEB!important;
}


/*暂无*/

.no-card-common {
    color: #999999;
    text-align: center;
    /*margin-top: 1.3rem;*/
    box-sizing: border-box;
}

.no-card-common img {
    width: 1.1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}

.no-card-common p:last-child {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*图片预览轮播*/

.preview-dialog {
    background: #000;
    top: 50%;
    left: 50%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-transform: translate(-50%, -50%)  scale(0.3);
    -moz-transform:  translate(-50%, -50%)  scale(0.3);
    -webkit-transform: translate(-50%, -50%)  scale(0.3);
    -o-transform:  translate(-50%, -50%)  scale(0.3);
    transform:  translate(-50%, -50%)  scale(0.3);
}
.section-content  .preview-dialog{
    max-width: 414px;
}

.preview-dialog.preview-dialog-show {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform:translate(-50%, -50%) scale(1);
    transition: 0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition: 0.3s;
}

.preview-dialog.preview-dialog-hide {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translate(-50%, -50%)  scale(0.3);
    -moz-transform:  translate(-50%, -50%)  scale(0.3);
    -webkit-transform:  translate(-50%, -50%)  scale(0.3);
    -o-transform:  translate(-50%, -50%)  scale(0.3);
    transform:  translate(-50%, -50%)  scale(0.3);
    transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
}

.preview-dialog .back-icon {
    background: url(../img/view/back.png) no-repeat center;
    background-size: 0.36rem;
    left: 0.2rem;
    height: 0.36rem;
    width: 0.36rem;
    padding: 0;
}

.preview-dialog .back-icon::before {
    content: none;
}

.preview-dialog .swiper-container,
.preview-dialog .swiper-slide {
    height: 100%;
    width: 100%;
}

.preview-dialog .pinch-zoom-container {
    position: absolute!important;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%!important;
    width: 100%;
}

.preview-dialog .pinch-zoom-container .preview-zoom {
    height: 100%;
    width: 100%;
}

.preview-dialog img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.swiper-pagination-preview {
    bottom: initial!important;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 0.16rem;
    text-align: left;
    width: auto!important;
    position: relative;
}
.swiper-pagination-contrast{
    position: absolute;
    right: 0.16rem!important;
    top: 0.16rem!important;
    bottom: initial;
    left: initial;
    display: inline-block;
    width: fit-content!important;
    height: fit-content!important;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 0.16rem;
    z-index: 2;
}
.swiper-pagination-preview span,
.swiper-pagination-contrast span {
    font-family: "RobotoBold";
}

.preview-dialog-video {
    max-height: 82%;
    width: 92%;
}
.preview-dialog-video video{
    object-fit: fill;
}
.preview-dialog-video-small {
    position: absolute;
    right: 0.2rem;
    top: -0.2rem;
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.preview-dialog-video-small .preview-dialog-video {
    width: 1.2rem;
    height: 0.7rem;
    min-width: initial;
    border-radius: 0.04rem;
    overflow: hidden;
}

.preview-inform,
.preview-down {
    width: 0.36rem;
    height: 0.36rem;
    background: no-repeat center;
    background-size: contain;
}

.preview-inform {
    background-image: url(../img/view/inform.png);
    /* right: 0.61rem; */
    right: 0.05rem;
}

.preview-down {
    background-image: url(../img/view/load.png);
    right: 0.05rem;
}

.preview-dialog-inform {
    display: inline-block;
    position: absolute;
    right: 0.2rem;
    bottom: -0.12rem;
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    text-align: left;
    background: rgba(51, 51, 51, 0.4);
    border-radius: 12px;
    backdrop-filter: saturate(180%) blur(6px);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    padding: 0.18rem 0.16rem;
    color: #F5F7FF;
    max-width: 80%;
}

.preview-dialog-inform ul {
    font-size: 0.12rem;
}

.preview-dialog-inform ul span {
    color: rgba(255, 255, 255, 0.4);
}

.preview-dialog-inform ul li {
    padding-top: 0.12rem;
}
.preview-btn-group{
    bottom: 0.8rem;
    z-index: 2;
    margin-left: -0.08rem ;
    margin-right: -0.08rem ;
    white-space: nowrap;
}
.preview-btn-group>*{
   display: inline-block;
   margin-left: 0.08rem ;
   margin-right: 0.08rem ;
}
.preview-normal-btn,
.preview-normal-contain-change,
.preview-last-btn {
    bottom: 0.8rem;
    z-index: 2;
    background: rgba(51, 51, 51, 0.4) url(../img/view/normal.png) no-repeat 0.16rem center;
    background-size: 0.17rem 0.18rem;
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    border-radius: 0.20rem;
    padding: 0.09rem 0.16rem;
    color: #FFFFFF;
    padding-left: 0.40rem;
    font-size: 0.14rem;
}
.preview-normal-contain-change{
    display: inline-block;
    bottom: 0.4rem;
    background-image: url(../img/view/change.png);
    background-size: 0.18rem;
}
.preview-last-btn{
    background-image: url(../img/view/last.png);
    background-size: 0.2rem;
}
.preview-dialog-normal {
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
}

.preview-normal-contain {
    height: 50%;
    width: 100%;
    position: relative;
}
.preview-normal-contain-top::before {
    content: "";
    display: inline-block;
    height: 0.04rem;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
    background: #FFFFFF;
    z-index: 2;
}

.preview-normal-contain-title {
    position: absolute;
    left: 0.16rem;
 
    border-radius: 10px;
    padding: 0.07rem 0.14rem;
    color: #FFFFFF;
    font-size: 0.13rem;
    backdrop-filter: saturate(180%) blur(6px);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    z-index: 1;
}
.preview-normal-contain-btn{
    padding-right: 0.08rem;
    background: rgba(255,255,255,1);
    color: #313340;
}
.preview-normal-contain-btn::before {
    content: "";
    display: inline-block;
    background: #F0F0F5;
    width: 1px;
    height: 0.14rem;
    position: absolute;
    top: 50%;
    right: 0.32rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
 }
.preview-normal-contain-btn::after {
   content: "";
   display: inline-block;
   width: 0.18rem;
   height: 0.18rem;
   background: url(../img/rawDown.png) no-repeat center;
   background-size: contain;
   vertical-align: bottom;
   margin-left: 0.16rem;
}
.preview-normal-contain-top .preview-normal-contain-title {
    top: 0.16rem;
}
.preview-normal-contain-bottom .preview-normal-contain-title {
    bottom: 0.16rem;
    color: #FFFFFF;
    background: rgba(51, 51, 51, 0.4);
}
.preview-dialog-normal-single .preview-normal-contain {
  height: 100%;
}
.preview-dialog-normal-single  .preview-normal-contain-top{
 display: none;
}
.preview-normal-contain-video{
   height: 100%;
   width: 100%;
}
.preview-normal-contain-video video{
    max-height: 70%;
    width: 92%;
}
.preview-dialog.scale-animate {
    transform: scale(0)!important;
    -ms-transform: scale(0)!important;
    -moz-transform: scale(0)!important;
    -webkit-transform: scale(0)!important;
    -o-transform: scale(0)!important;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}


/*图片预览轮播 end*/


/*滚动内容*/

@keyframes scrollMove {
    0% {
        -ms-transform: translate3d(50%, 0px, 0px);
        -moz-transform: translate3d(50%, 0px, 0px);
        -webkit-transform: translate3d(50%, 0px, 0px);
        -o-transform: translate3d(50%, 0px, 0px);
        transform: translate3d(50%, 0px, 0px);
    }
    100% {
        -ms-transform: translate3d(-100%, 0px, 0px);
        -moz-transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -o-transform: translate3d(-100%, 0px, 0px);
        transform: translate3d(-100%, 0px, 0px);
    }
}

@-moz-keyframes scrollMove {
    0% {
        -ms-transform: translate3d(50%, 0px, 0px);
        -moz-transform: translate3d(50%, 0px, 0px);
        -webkit-transform: translate3d(50%, 0px, 0px);
        -o-transform: translate3d(50%, 0px, 0px);
        transform: translate3d(50%, 0px, 0px);
    }
    100% {
        -ms-transform: translate3d(-100%, 0px, 0px);
        -moz-transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -o-transform: translate3d(-100%, 0px, 0px);
        transform: translate3d(-100%, 0px, 0px);
    }
}

@-webkit-keyframes scrollMove {
    0% {
        -ms-transform: translate3d(50%, 0px, 0px);
        -moz-transform: translate3d(50%, 0px, 0px);
        -webkit-transform: translate3d(50%, 0px, 0px);
        -o-transform: translate3d(50%, 0px, 0px);
        transform: translate3d(50%, 0px, 0px);
    }
    100% {
        -ms-transform: translate3d(-100%, 0px, 0px);
        -moz-transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -o-transform: translate3d(-100%, 0px, 0px);
        transform: translate3d(-100%, 0px, 0px);
    }
}

@-o-keyframes scrollMove {
    0% {
        -ms-transform: translate3d(50%, 0px, 0px);
        -moz-transform: translate3d(50%, 0px, 0px);
        -webkit-transform: translate3d(50%, 0px, 0px);
        -o-transform: translate3d(50%, 0px, 0px);
        transform: translate3d(50%, 0px, 0px);
    }
    100% {
        -ms-transform: translate3d(-100%, 0px, 0px);
        -moz-transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -o-transform: translate3d(-100%, 0px, 0px);
        transform: translate3d(-100%, 0px, 0px);
    }
}

.scroll-move {
    overflow-x: hidden;
}

.scroll-move .scroll-move-item {
    display: inline-block;
    animation: scrollMove 10s infinite linear;
    -moz-animation: scrollMove 10s infinite linear;
    -webkit-animation: scrollMove 10s infinite linear;
    -o-animation: scrollMove 10s infinite linear;
}


/*滚动内容 END*/


/*detail-default(dd)详情页默认样式前缀*/

.detail_default {
    color: #333;
    font-size: 0.14rem;
    background: #fff;
}

.detail_default.detail_default-gray,
.html-gray {
    background: #F5F5F5;
}

.dd-container {
    padding-left: 0.2rem;
    background: #fff;
}

.dd-container-transparent-top {
    padding-top: 0.1rem;
    background: transparent;
}

.dd-container.dd-container-all {
    padding-left: 0;
}

.detail_default .ds-header {
    border-bottom: 1px solid #F5F5F5;
}

.dd-item {
    padding: 0.14rem 0.2rem 0.15rem 0;
    border-bottom: 1px solid #F5F5F5;
    position: relative;
}

.dd-item-bottom-margin {
    border-bottom: 0;
    margin-bottom: 0.1rem;
    background: #FFFFFF;
    padding: 0.15rem;
}

.dd-item-wide {
    padding: 0.14rem 0.2rem 0.3rem 0;
}

.dd-container .dd-item:last-child {
    border-bottom: 0;
}

.form-message-right {
    position: absolute;
    right: 0.2rem;
    bottom: 0;
    font-size: 0.12rem;
    color: #666666;
    padding: 0.05rem 0;
    box-sizing: border-box;
}

.dd-bottom-border {
    border-bottom: 0.12rem solid #F5F5F5;
}

.dd-top-border {
    border-top: 0.12rem solid #F5F5F5;
}

.dd-bottom-border-white {
    border-bottom: 0.3rem solid #fff;
}

.dd-bottom-border {
    border-bottom: 0.12rem solid #F5F5F5;
}

.dd-no-bottom-border {
    border-bottom: 0;
}

.dd-title {
    color: #666666;
    padding: 0.2rem 0 0.05rem;
}

.dd-right-raw:after,
.dd-item-right-raw:after {
    content: "";
    display: inline-block;
    width: 0.09rem;
    height: 0.14rem;
    background: url(../img/default/rightRaw.png) no-repeat center;
    background-size: contain;
}

.dd-right-raw.dd-right-raw-blue:after,
.dd-item-right-raw.dd-item-right-raw-blue:after {
    background-image: url(../img/default/rightBlueRaw.png);
}

.dd-item-right-raw {
    padding-right: 0.19rem;
    position: relative;
}

.dd-item-right-raw:after {
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dd-item-right-raw input {
    text-align: right;
}

.dd-right-label {
    font-size: 0.12rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    position: absolute;
    right: 0;
    top: 0.04rem;
}

.dd-break {
    max-width: 70%;
    word-break: break-all;
}

.dd-item-right-raw.dd-break:after {
    top: 0.02rem;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.android-style .dd-item-right-raw.dd-break:after {
    top: 0.03rem;
}

.dd-item-top-bottom {
    width: 100%;
}

.dd-item-top-bottom p:first-child,
.dd-item-top-bottom .dd-top-bottom-item:nth-child(1) {
    font-size: 0.16rem;
}

.dd-item-top-bottom p:last-child,
.dd-item-top-bottom .dd-top-bottom-item:nth-child(2) {
    margin-top: 0.1rem;
    box-sizing: border-box;
    color: rgba(153, 153, 153, 1);
}

.dd-item-top-bottom p input {
    text-align: left!important;
    width: 100%;
}


/*底部按钮*/

.dd-footer {
    text-align: center;
    font-size: 0.16rem;
    border-top: 1px solid #F5F5F5;
    background: #fff;
}

.dd-footer.dd-footer-border-blue {
    border-top-color: #0077FF;
}

.dd-footer-item {
    padding-top: 0.13rem;
    padding-bottom: 0.13rem;
    color: #0077FF;
}


/*内容左右两边*/

.dd-between .dd-item,
.dd-footer-between {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.dd-between .dd-item.dd-item-top {
    align-items: start;
}

.dd-footer-between.hide-style,
.dd-between .dd-item.hide-style {
    display: none;
}

.dd-left {
    color: #666666;
}

.color-333 {
    color: #333333;
}


/*按钮左右两边*/

.dd-footer-item {
    flex: 1;
    box-sizing: border-box;
}

.dd-footer-item-padding {
    padding: 0.2rem;
}

.dd-footer-item-gray {
    background: #D5D5D5;
    color: #fff;
}

.dd-footer-item-blue {
    background: #0077FF;
    color: #fff;
}

.dd-footer-item-red {
    background: #F64458;
    color: #fff;
}

.dd-footer-item-blue-border {
    background: rgba(0, 119, 255, 0.1);
    color: #0077FF;
    border: 1px solid #0077FF;
    border-radius: 4px;
    padding-top: 0.11rem;
    padding-bottom: 0.11rem
}

.dd-footer-item-left {
    border-left: 1px solid #F5F5F5;
}


/*列表两列*/

.dd-list-double {
    padding: 0.1rem 0;
    font-size: 0;
}

.dd-list-double .dd-item {
    font-size: 0.14rem;
    border-bottom: 0;
    display: inline-block;
    padding: 0.1rem 0;
    width: 50%;
    box-sizing: border-box;
}


/*头像和信息左右分*/

.dd-dl-between {
    position: relative;
    padding-left: 0.62rem;
    color: #333333;
    font-size: 0.16rem;
}

.dd-dl-between img {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 0.06rem;
    vertical-align: middle;
    background: #F5F5F5;
}

.dd-img {
    width: 0.44rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    border-radius: 0.06rem;
    background: #F5F5F5;
}
.dd-img.dd-img-transparent{
    background: transparent;
}
.dd-img-relative {
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
}
.dd-img img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.dd-img.dd-img-circle {
    border-radius: 50%;
    overflow: hidden;
}

.dd-img.dd-img-circle>div {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.dd-img.dd-img-circle img,
.dd-img.dd-img-spread.dd-img-circle img{
    border-radius: 0;
    min-width: 100%;
}
.dd-img.dd-img-spread {
    overflow: hidden;
}

.dd-img.dd-img-spread img {
    height: 100%;
    max-width: initial;
    max-height: initial;
}

.dd-img.dd-img-cover::after {
    content: "";
    display: inline-block;
    position: absolute;
    background: rgba(0, 0, 0, 0.03);
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
.dd-img.dd-img-width-all{
    overflow: hidden;
}
.dd-img.dd-img-width-all img {
    width: 100%;
    height: auto;
    max-width: initial;
    max-height: initial;
    border-radius: initial;
}
.dd-dl-between dt {
    padding: 0.02rem 0;
}

.dd-dl-between dt:last-child {
    color: #999999;
    font-size: 0.12rem;
}

.dd-dl-between dd {
    left: 0;
}


/*头像和信息左右分  end*/


/*加减号折叠展开*/

.dd-fold-container {}

.dd-fold-content {
    padding-bottom: 0.1rem;
}

.dd-fold-item {
    background: #fff;
    margin-bottom: 0.12rem;
}

.dd-fold-title {
    padding: 0.18rem 0.2rem;
    font-size: 0.16rem;
    position: relative;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.dd-raw {
    display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    background: url(../img/icon/show.png) no-repeat center;
    background-size: contain;
}

.dd-fold-open .dd-raw {
    background-image: url(../img/icon/hide.png);
}

.dd-fold-content {
    display: none;
}

.dd-fold-open .dd-fold-content {
    display: block;
}

.my-icon {
    display: inline-block;
    width: 0.29rem;
    height: 0.26rem;
    background: url(../img/icon/self.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
}


/*input*/

.input-contain {
    position: relative;
}

.input-contain-shadow:before {
    content: "";
    display: inline-block;
    width: 101%;
    height: 101%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.input-contain-right,
.input-contain-right input {
    text-align: right;
}

.input-contain-right input {
    width: 100%;
}


/*选择按钮样式*/

.dd-btn-content {
    padding: 0 0.2rem;
    color: #333;
}

.dd-btn-title {
    padding-bottom: 0.2rem;
}

.dd-btn {
    padding-top: 0.1rem;
}

.dd-btn-single .dd-btn .dd-btn-item,
.dd-btn-next .dd-btn .dd-btn-item span {
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    margin-bottom: 0.15rem;
    padding: 0.12rem 0.2rem;
    color: #666666;
}

.dd-btn-single-center .dd-btn-item {
    text-align: center;
}

.enough-desable {
    font-size: 0.1rem;
}

.dd-btn .dd-btn-item.dd-btn-desable {
    background: #F5F5F5;
    border-color: #EBEBEB;
}

.dd-btn-single .dd-btn .dd-btn-item.dd-btn-active,
.dd-btn-next .dd-btn-item.dd-btn-active span {
    border-color: #0077FF;
    color: #0077FF;
}

.dd-btn-between .dd-btn-item {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

.dd-btn-between .dd-btn-item:nth-child(even) {
    padding-left: 0.08rem;
}

.dd-btn-between .dd-btn-item:nth-child(odd) {
    padding-right: 0.08rem;
}

.dd-btn-between .dd-btn-item>span {
    display: block;
    text-align: center;
}


/*搜索框*/

.search-container {
    height: 0.28rem;
    line-height: 0.28rem;
    padding: 0 0.2rem;
}

.search-outer-container {
    box-sizing: border-box;
    background: #F8F8F8;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
}

.search-outer-container.center-search {
    margin: 0 auto;
    width: 90%;
}

.search-outer-container img {
    width: 13px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0.1rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search-outer-container input {
    color: #999999;
    padding-left: 0.3rem;
    background: #F8F8F8;
    box-sizing: border-box;
    font-size: 0.12rem;
    vertical-align: middle;
}


/*搜索框 END*/


/*按钮左右两边 END*/


/*步序图*/

.dd-step {
    padding: 0.2rem;
    background: #fff;
    font-size: 0.14rem;
    color: #666666;
    border-radius: 6px;
    margin-bottom: 0.15rem;
}

.dd-step li {
    padding-left: 0.2rem;
    padding-bottom: 0.22rem;
    position: relative;
}

.dd-step li:last-child {
    padding-bottom: 0;
}

.dd-step li:before {
    content: "";
    display: inline-block;
    border-left: 1px dashed #EBEBEB;
    height: 100%;
    position: absolute;
    top: 4px;
    left: 0;
}

.dd-step li:last-child:before {
    content: none;
}

.dd-step li:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #D5D5D5;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: -9px;
    background: url(../img/default/step/check.png) no-repeat center;
    background-size: contain;
}

.dd-step-content {
    position: relative;
    font-size: 0.14rem;
}

.dd-step .dd-step-active:after {
    background-image: url(../img/default/step/checked.png);
}

.dd-step .dd-step-time:after {
    background-image: url(../img/default/step/time.png);
}

.dd-step .dd-step-active.dd-step-time:after {
    background-image: url(../img/default/step/timed.png);
}

.dd-step-active .dd-step-content {
    color: #0077FF;
    font-size: 0.15rem;
}

.dd-step-desc {
    color: #999999;
    margin-top: 0.14rem;
}


/*步序图 END*/


/*列表信息*/

.dd-list,
.dd-list .dd-container {
    background: #F2F6F8;
}

.dd-list .dd-container {
    padding: 0 0.15rem;
}

.dd-list-container {
    padding: 0.15rem 0 0.14rem 0;
    position: relative;
    background: #fff;
    margin-bottom: 0.12rem;
    border-radius: 0.06rem;
}

.dd-list-item {
    padding: 0.08rem 0;
    color: #666666;
}

.dd-list-item .red-color {
    font-size: 0.12rem;
}

.dd-list-item .font-333 {
    color: #333333;
}

.dd-list-title {
    padding: 0;
    padding: 0 0.15rem;
    position: relative;
    margin-bottom: 0.15rem;
}

.dd-list-title:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 90%;
    background: #0077FF;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dd-list-model {
    padding: 0 0.15rem;
}

.dd-list-bold {
    font-size: 0.16rem;
    color: #333333;
    font-weight: bold;
}


/*列表信息 END*/


/*没有内容展位图*/

.nothing-wapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.nothing-wapper .inform-nothing {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nothing-wapper .inform-nothing img {
    width: 0.7rem;
}

.nothing-wapper .inform-nothing p {
    font-size: 0.12rem;
    font-weight: 400;
    color: #999999;
    padding-top: 0.2rem;
    box-sizing: border-box;
}

.dd-head-img {
    position: relative;
}

.dd-head-img img {
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 0.06rem;
    vertical-align: middle;
}


/*检测报告类似列表页*/

.dd-menu {
    text-align: left;
}

.dd-menu>div {
    overflow: hidden;
}

.dd-menu ul {
    font-size: 0;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 0.2rem;
    margin-bottom: -0.2rem;
    -webkit-overflow-scrolling: touch;
}

.dd-menu li {
    flex: 1;
    font-size: 0.14rem;
    display: inline-block;
    padding: 0 0.2rem 0.2rem;
    color: #333333;
}

.dd-menu li span {
    position: relative;
}

.dd-menu li.menu-active span:after {
    content: "";
    display: inline-block;
    width: 0.24rem;
    height: 0.02rem;
    background: #0077FF;
    border-radius: 0.02rem;
    position: absolute;
    bottom: -0.08rem;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}


/*检测报告类似列表页 END*/


/*检测报告类似列表页 swiper*/

.dd-swiper {
    height: 100%;
}

.dd-swiper-slide {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 0.2rem;
    margin-right: -0.2rem;
    -webkit-overflow-scrolling: touch;
}


/*检测报告类似列表页 swiper END*/


/*新加底部按钮样式 带圆角*/

.dd-footer-radius {
    text-align: center;
    font-size: 0.16rem;
    padding: 0.1rem 0.15rem 0;
    margin-left: -0.06rem;
    margin-right: -0.06rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}
.dd-footer-radius.dd-footer-radius-white{
  background: #FFFFFF;
}

.dd-footer-radius.hide-style {
    display: none;
}

.dd-footer-radius-item {
    flex: 1;
    padding: 0 0.06rem 0.1rem;
}

.dd-footer-radius-item.dd-footer-radius-bottom-item {
    padding-bottom: 0;
}

.dd-footer-radius-item>span {
    display: block;
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
    border-radius: 0.06rem;
    color: #313340;
    background: #F5F5F7;
    font-size: 0.15rem;
}

.dd-footer-radius-item-white>span {
    background: #FFFFFF;
    border: 1px solid #F0F0F5;
}

.dd-footer-radius-item-gray>span {
    color: #FFFFFF;
    background: #D5D5D5;
}

.dd-footer-radius-item-blue>span,
.dd-footer-radius-item-gray.dd-footer-radius-item-blue>span {
    color: #FFFFFF;
    background: #0077FF;
}

.dd-footer-radius-item-blueL>span,
.dd-footer-radius-item-gray.dd-footer-radius-item-blueL>span {
    color: #3377FF;
    background: rgba(0, 119, 255, 0.08);
}

.dd-footer-radius-border {
    border: 1px solid #F0F0F5;
}
.dd-footer-radius-item-info>span{
    background: transparent;
    border: 1px solid #F2F2F5;
}
.dd-footer-radius-item-info.dd-footer-radius-item-info-border>span {
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
}
.dd-footer-radius-item-black>span{
    color: #FFFFFF;
    background: #313340;
}
.dd-footer-radius-item-radius>span{
    border-radius: 0.25rem;
}
.dd-footer-radius-small .dd-footer-radius-item>span{
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.dd-footer-radius-small .dd-footer-radius-item.dd-footer-radius-item-info>span{
    padding-top: 0.09rem;
    padding-bottom: 0.09rem;
}
.dd-footer-radius-item.dd-footer-radius-item-12>span{
    border-radius: 0.12rem;
}
/*新加底部按钮样式  带圆角 END*/


/*KN*/


/*头部内容滚动文字置顶*/

.ds-header-scroll-top {
    text-align: center;
    padding-bottom: 0.4rem;
}

.ds-header-scroll-top-title {
    color: #313340;
    font-size: 0.24rem;
    font-weight: 600;
    margin-bottom: 0.08rem;
}

.ds-header-scroll-top-desc {
    color: #707380;
}


/*KN*/


/* 接口返回整个页面才显示 */

.visibility-hidden-all,
.visibility-hidden-all * {
    visibility: hidden!important;
}

.visibility-hidden-all .loading-shadow,
.visibility-hidden-all .mask-tip-shadow,
.visibility-hidden-all .loading-shadow * ,
.visibility-hidden-all .mask-tip-shadow *{
    visibility: visible!important;
}

/* 接口返回整个页面才显示 END*/

.loading_new,
.loading_new img {
    /*width: 0.6rem;
   height: 0.6rem;*/
    width: 200px;
    /*height: 54px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    transform: translate(-50%, -50%);
}


/* 底部  autox3 logo*/

.autox3-footer {
    padding-top: 0.24rem;
    text-align: center;
}
.autox3-footer>div{
    padding-bottom: 0.48rem;
}
.autox3-footer>div>*{
   margin-bottom: 0.16rem;
}
.autox3-footer>div>*:last-child{
    margin-bottom:0;
 }
.autox3-footer-logo {
    display: inline-block;
    vertical-align: middle;
    height: 0.16rem;
    width: 0.11rem;
    background: url(../img/default/copy.png) no-repeat center;
    background-size: contain;
    margin-right: 0.05rem;
}

.autox3-footer-by {
    justify-content: center;
    color: #B1B3BD;
    font-size: 12px;
}
.autox3-footer-by>i {
    display: inline-block;
    height: 1px;
    width: 0.2rem;
    background: #B1B3BD;
    margin: 0 0.16rem;
}

/* 底部 */

.padding-0-16 {
    padding: 0 0.16rem;
}

/* 步序图 */
.vs_step{
	padding-left: 4px;
	color: #313340;
	margin-bottom: 0;
}
.vs_step_item{
	padding-bottom: 0.24rem;
	padding-left: 0.12rem;
	position: relative;
}
.vs_step_name{
	font-size: 0.15rem;
	color: #313340;
    line-height: 0.21rem;
}
.vs_step_desc{
	font-size: 0.13rem;
	color: #989AA2;
	line-height: 0.18rem;
	margin-bottom: 0.05rem;
}
.vs_step_item:before {
    content: "";
    display: inline-block;
    border-left: 1px dashed #EBEBEB;
    height: 100%;
    position: absolute;
    top: 6px;
    left: 0;
}
.vs_step  .vs_step_item:last-child:before {
    content: none;
}
.vs_step_item_active:before {
    color: #0077FF;
}
.vs_step_item:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #F0F0F5;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: -3px;
}
.vs_step_item.vs_step_item_active:after {
	background: #0077FF;
}

/* 步序图 end*/

/* 点击按钮加阴影 */
.click_mask{
    overflow: hidden;
    position: relative;
    z-index:1;
}
.click_mask::after{
    content: "";
    display: inline-block;
    background: rgba(0, 0, 0, 0);
    transition:background 0.3s;
    -moz-transition:background 0.3s; /* Firefox 4 */
    -webkit-transition:background 0.3s; /* Safari and Chrome */
    -o-transition:background 0.3s; /* Opera */
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.click_mask:active::after{
    background: rgba(0, 0, 0, 0.03);
}

/* 旋转 */
@keyframes icon-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-moz-keyframes icon-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes icon-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-o-keyframes icon-rotate {
    to {
        transform: rotate(1turn);
    }
}

/* 左侧图片右侧文字 */
.vs_list .flex-common-flex-fixed{
	border-bottom: 1px solid #F7F7FA;
    padding: 0.2rem 0 0.2rem 0.12rem
}
.vs_list li:last-child .flex-common-flex-fixed{
	border-bottom: 0;
}
.vs_list_item_name{
	font-size: 0.16rem;
	font-weight: 500;
    color: #313340;
}
.vs_list_item_desc{
	color: #B1B3BD;
	margin-top: 0.04rem;
}
/* 左侧图片右侧文字   end*/  
/* Safari浏览器图片圆角溢出问题 */
.vs_radius_hidden_ios{
    -ms-transform: translateZ(0) ;
    -moz-transform:  translateZ(0) ;
    -webkit-transform:  translateZ(0) ;
    -o-transform: translateZ(0) ;
    transform: translateZ(0) ;
}
/* rtl布局 */

.vs-rtl-layout{
    direction: rtl; /* 设置文本方向为从右到左 */
    text-align: right; /* 设置文本对齐方式为右对齐 */
}
/* 对其方式 */
.vs-margin-right-4{
    margin-right: 0.04rem;
}
.vs-margin-right-6{
    margin-right: 0.06rem;
}
.vs-margin-right-8{
    margin-right: 0.08rem;
}
.vs-margin-right-10{
    margin-right: 0.1rem;
}
.vs-margin-right-12{
    margin-right: 0.12rem;
}
.vs-margin-right-20{
    margin-right: 0.2rem;
}
.vs-margin-left-10{
    margin-left: 0.1rem;
}
.vs-position-left-0{
    left: 0;
}
.vs-position-right-before-16::before{
    right: 0.16rem;
}
.vs-position-right-0,
.vs-position-right-after-0::after{
    right: 0;
}
.vs-rtl-layout .ds-header-title.ds-header-left{
  text-align: right;
}
.vs-rtl-layout .text-align-right{
    text-align: left;
}
.vs-rtl-layout .text-align-left{
    text-align: right;
}
.vs-rtl-layout  .vs-margin-right-4{
    margin-right: initial!important;
    margin-left: 0.04rem!important;
}
.vs-rtl-layout  .vs-margin-right-6{
    margin-right: initial!important;
    margin-left: 0.06rem!important;
}
.vs-rtl-layout  .vs-margin-right-8{
    margin-right: initial!important;
    margin-left: 0.08rem!important;
}
.vs-rtl-layout  .vs-margin-right-10{
    margin-right: initial!important;
    margin-left: 0.1rem!important;
}
.vs-rtl-layout .vs-margin-right-12{
    margin-right: initial!important;
    margin-left: 0.12rem!important;
}
.vs-rtl-layout .vs-margin-right-20{
    margin-right: initial!important;
    margin-left: 0.2rem!important;
}
.vs-rtl-layout  .vs-margin-left-10{
    margin-left: initial!important;
    margin-right:  0.1rem!important;
}
.vs-rtl-layout .vs-position-right-before-16::before{
    right: initial!important;
    left: 0.16rem!important;
}
.vs-rtl-layout  .vs-position-right-after-0::after,
.vs-rtl-layout  .vs-position-right-0{
    right: initial!important;
    left:0!important;
}
.vs-rtl-layout .vs-position-left-0{
    left: initial;
    right:0!important;
}
.vs-rtl-layout  .vs-default-reversal,
.vs-rtl-layout  .vs-after-reversal::after{
    -ms-transform: rotateY(180deg)!important;
    -moz-transform: rotateY(180deg)!important;
    -webkit-transform: rotateY(180deg)!important;
    -o-transform: rotateY(180deg)!important;
    transform: rotateY(180deg)!important;
}
.vs-rtl-layout  .vs-after-absolute-y-reversal::after{
    -ms-transform:translateY(-50%) rotateY(180deg)!important;
    -moz-transform:translateY(-50%) rotateY(180deg)!important;
    -webkit-transform:translateY(-50%) rotateY(180deg)!important;
    -o-transform:translateY(-50%) rotateY(180deg)!important;
    transform:translateY(-50%) rotateY(180deg)!important;
}
.vs-rtl-layout .text-gradient-common{
    background-image: -webkit-linear-gradient(right, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: -o-linear-gradient(left, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: -moz-linear-gradient(left, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: linear-gradient(to left, #10A0FF 0%,#D56EF0 46%,#FEA907 100%);
}