@charset "utf-8";

html {
    font-size: 50px
}

@media (min-width: 320px) {
    html {
        font-size: 42.6667px;
    }
}

@media (min-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media (min-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media (min-width: 384px) {
    html {
        font-size: 51.2px;
    }
}

@media (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media (min-width: 448px) {
    html {
        font-size: 59.7333px;
    }
}

@media (min-width: 480px) {
    html {
        font-size: 48px;
    }
}

@media (min-width: 512px) {
    html {
        font-size: 68.2667px;
    }
}

@media (min-width: 544px) {
    html {
        font-size: 72.5333px;
    }
}

@media (min-width: 576px) {
    html {
        font-size: 76.8px;
    }
}

@media (min-width: 608px) {
    html {
        font-size: 81.0667px;
    }
}

@media (min-width: 640px) {
    html {
        font-size: 85.3333px;
    }
}

@media (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

a img {
    border: 0
}

body,
ul,
dl,
dd,
dt,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
form,
select,
fieldset,
table,
td,
div,
input {
    margin                  : 0;
    padding                 : 0;
    -webkit-text-size-adjust: none
}

body {
    color     : rgb(51, 51, 51);
    font-size: 12px;
    background: rgb(244, 244, 244);
    margin    : 0;
    padding   : 0;
    font-family: PingFang SC;
}

ul,
ol,
li {
    list-style-type: none;
    vertical-align : 0
}

input {
    outline: none;
    border : none
}

a {
    text-decoration: none;
    color          : inherit
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.font-11 {
    font-size: 0.22rem;
}

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

.font-13 {
    font-size: 0.26rem;
}

.font-14 {
    font-size: 0.28rem;
}

.font-15 {
    font-size: 0.3rem;
}

.font-16 {
    font-size: 0.32rem;
}

.font-17 {
    font-size: 0.34rem;
}

.font-18 {
    font-size: 0.36rem;
}

#conDiv {
    position          : fixed;
    top               : 40%;
    left              : 50%;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    font-size         : 0.28rem;
    text-align        : center;
    background        : rgba(0, 0, 0, 0.7);
    color             : rgb(255, 255, 255);
    border-radius     : 5px;
    padding           : 0.3rem;
    z-index           : 9999;
    display           : table;
    max-width         : 5rem;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
}

.loading {
    width     : 100%;
    height    : 100%;
    position  : fixed;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    background: rgba(0, 0, 0, 0.5);
    z-index   : 2003
}

.dhdiv {
    width      : 1.2rem;
    position   : absolute;
    top        : 30%;
    left       : 50%;
    margin-left: -0.6rem
}

#animate {
    width: 1.2rem
}

.carbus {
    width      : 0.8rem;
    position   : absolute;
    top        : 37%;
    left       : 50%;
    margin-left: -0.4rem
}

.footer_menu {
    width           : 100%;
    height          : 0.8rem;
    position        : fixed;
    bottom          : 0;
    border-top      : 1px solid rgb(224, 224, 224);
    padding-top     : 0.1rem;
    background-color: rgb(255, 255, 255)
}

.footer_menu_div {
    float : left;
    width : 25%;
    height: 100%
}

.icon_img {
    height    : 50%;
    width     : 100%;
    text-align: center
}

.footer_menu_img {
    width : auto;
    height: 100%
}

.icon_txt {
    height     : 50%;
    width      : 100%;
    text-align : center;
    line-height: 0.4rem
}

.footer_menu_sit {
    width : 100%;
    height: 0.9rem
}

.alertback {
    width     : 100%;
    height    : 100%;
    position  : fixed;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    background: rgba(0, 0, 0, 0.6);
    z-index   : 2003
}

.alertmain {
    background       : rgb(255, 255, 255);
    position         : fixed;
    height           : auto;
    border-radius    : 8px;
    width            : 5rem;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
}

.content {
    color         : #666;
    height        : auto;
    font-size     : 0.28rem;
    padding-bottom: 0.4rem;
    padding-top   : 0.4rem;
    margin-right  : 0.4rem;
    margin-left   : 0.4rem;
    word-wrap     : break-word;
    text-align    : left;
}

.contentline {
    height          : 1px;
    position        : relative;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, transparent), color-stop(0, rgb(226, 226, 226)), to(rgb(226, 226, 226)));
}

.alert_confirm:before {
    content         : "";
    width           : 1px;
    position        : absolute;
    height          : 100%;
    left            : 0px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.0, transparent), color-stop(0, rgb(226, 226, 226)), to(rgb(226, 226, 226)));
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .contentline {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, rgb(226, 226, 226)), to(rgb(226, 226, 226)))
    }

    .alert_confirm:before {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, rgb(226, 226, 226)), to(rgb(226, 226, 226)));
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .contentline {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.66, rgb(226, 226, 226)), to(rgb(226, 226, 226)))
    }

    .alert_confirm:before {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.66, transparent), color-stop(0.66, rgb(226, 226, 226)), to(rgb(226, 226, 226)));
    }
}

.confirm {
    color      : #009eff !important;
    width      : 100%;
    height     : 0.8rem;
    text-align : center;
    font-size  : 0.4rem;
    padding-top: 0.2rem
}

.alert_title {
    text-align : center;
    padding-top: 0.4rem;
    font-size  : 0.34rem;
    font-weight: bold;
    color: #333;
}

.alert_confirm {
    color        : #009eff;
    float        : left;
    width        : 50%;
    height       : 0.8rem;
    text-align   : center;
    font-size    : 0.32rem;
    line-height  : 0.8rem;
    position     : relative;
}

.alert_cancel {
    color      : #666;
    width      : 50%;
    float      : left;
    height     : 0.8rem;
    text-align : center;
    font-size  : 0.32rem;
    line-height: 0.8rem
}

.alert_sure {
    color      : #009eff;
    height     : 0.8rem;
    text-align : center;
    font-size  : 0.32rem;
    line-height: 0.8rem
}

.clearfix:after {
    content   : ".";
    display   : block;
    height    : 0;
    clear     : both;
    visibility: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.tit {
    width     : 100%;
    height    : 1rem;
    background: #009eff;
    position  : fixed;
    top       : 0;
    left      : 0;
    right     : 0;
    z-index   : 999
}

.tit div {
    float: left
}

.tit .back {
    width      : 20%;
    height     : 1rem;
    font-size  : 0.3rem;
    color      : rgb(255, 255, 255);
    line-height: 1rem
}

.tit .back img {
    width      : 0.36rem;
    position   : relative;
    top        : 0.07rem;
    margin-left: 0.2rem
}

.tit .title {
    width        : 60%;
    height       : 1rem;
    line-height  : 1rem;
    text-align   : center;
    color        : rgb(255, 255, 255);
    font-size    : 0.36rem;
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
}

.tit .null {
    width      : 20%;
    height     : 1rem;
    text-align : center;
    line-height: 1rem;
    color      : white;
    font-size  : 0.28rem
}

.tit .null .icon_service {
    height    : 0.42rem;
    margin-top: 0.29rem;
}

.hideTit {
    height: 1rem
}

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

.toogleHide {
    display: block !important;
}

.color_green {
    color: #009eff !important;
}

.color_red {
    color    : red;
    font-size: 0.36rem
}

.color_redcolor {
    color: red;
}

.color_darkblack {
    color: rgb(51, 51, 51)
}

.color_black {
    color: rgb(91, 91, 91)
}

.color_gray {
    color: rgb(153, 153, 153)
}

.color_lightorange {
    color: #fa9520;
}

.color-b3 {
    color: #999999
}

.notic {
    width     : 100%;
    background: rgb(244, 244, 244)
}

.icon_no {
    width : 50%;
    margin: 1rem auto 0.2rem
}

.icon_no img {
    width: 4rem
}

.sorry {
    text-align: center;
    color     : rgb(118, 118, 118)
}

.network-error {
    position         : fixed;
    top              : 1rem;
    left             : 50%;
    width            : 100%;
    height           : 100%;
    color            : rgb(153, 153, 153);
    font-size        : 0.32rem;
    text-align       : center;
    background-color : rgb(244, 245, 247);
    z-index          : 9999;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%)
}

.network-error img {
    width        : 35%;
    margin-top   : 2rem;
    margin-bottom: 0.2rem
}

.busLoading {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    text-align: center;
    z-index   : 999
}

.loading-container {
    position           : relative;
    top                : 100px;
    width              : 200px;
    height             : 200px;
    -webkit-transform  : scale(0.5);
    transform          : scale(0.5);
    background         : url(../images/busloading.png) no-repeat;
    background-position: -230px -10px;
    overflow           : hidden;
    margin             : 0 auto
}

.busLoading img {
    position         : absolute;
    left             : 49.5%;
    top              : 195px;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    width            : 0.03rem;
}

.busLoading p {
    position         : absolute;
    left             : 49.5%;
    top              : 270px;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    font-size        : 0.06rem;
    color            : rgb(51, 51, 51)
}

.welcome-loading {
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : 9999;
    width           : 100%;
    height          : 100%;
    text-align      : center;
    background-color: rgb(255, 255, 255);
    overflow        : hidden
}

.welcome-container {
    width              : 280px;
    height             : 160px;
    -webkit-transform  : scale(0.5);
    transform          : scale(0.5);
    background         : url(../images/welcome_logo.png) no-repeat;
    background-position: -10px -10px;
    overflow           : hidden;
    margin             : 0 auto;
    margin-top         : 0.8rem
}

.welcome-text {
    position  : relative;
    width     : 100%;
    text-align: center;
    margin    : 0 auto;
    margin-top: -30px
}

.welcome-text img {
    width: 60%
}

.white-mask {
    position          : absolute;
    left              : 0;
    top               : 0;
    width             : 100%;
    height            : 100px;
    background-color  : rgb(255, 255, 255);
    -webkit-box-shadow: -10px 0 15px rgb(255, 255, 255);
    box-shadow        : -10px 0 15px rgb(255, 255, 255)
}

.welcome-animat {
    -webkit-animation: trans 3.8s linear infinite;
    animation        : trans 3.8s linear infinite
}

@-webkit-keyframes trans {
    from {
        left: 0;
    }

    to {
        left: 700px;
    }
}

@keyframes trans {
    from {
        left: 0;
    }

    to {
        left: 700px;
    }
}

.arrow-right::after {
    content          : "";
    width            : 0.16rem;
    height           : 0.16rem;
    display          : inline-block;
    border           : 1px solid rgb(157, 157, 157);
    border-top-width : 0;
    border-left-width: 0;
    -webkit-transform: rotate(-45deg);
    transform        : rotate(-45deg);
    position         : relative;
    margin-right     : 0.05rem;
}

.arrow-left::before {
    content          : "";
    width            : 0.16rem;
    height           : 0.16rem;
    display          : inline-block;
    border           : 1px solid rgb(157, 157, 157);
    border-top-width : 0;
    border-left-width: 0;
    -webkit-transform: rotate(-45deg);
    transform        : rotate(-45deg);
    position         : relative
}

.arrow-bottom::before {
    content          : "";
    width            : 0.16rem;
    height           : 0.16rem;
    display          : inline-block;
    border           : 1px solid rgb(157, 157, 157);
    border-top-width : 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    transform        : rotate(45deg);
    position         : relative;
    top              : -0.04rem
}

.tab-list {
    height            : 0.98rem;
    position          : fixed;
    bottom            : 0;
    left              : 0;
    width             : 100%;
    z-index           : 999;
    background        : rgb(255, 255, 255);
    padding           : 0rem 0 0.1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border-top        : 1px solid rgb(238, 238, 238)
}

.tab-list ul {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    -ms-flex-pack          : distribute;
    -webkit-justify-content: space-around;
    justify-content        : space-around;
    -moz-box-pack          : space-around;
    -webkit--moz-box-pack  : space-around;
    box-pack               : space-around;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    text-align             : center
}

.tab-list ul li {
    width: 33.33%;
    color: #666;
}

.tab-list ul li p {
    line-height: 0.24rem;
}

.tab-list ul img {
    width           : 0.52rem;
    margin-top      : 0.1rem;
    /* margin-bottom: 0.04rem*/
}


/*高德文字隐藏*/


.amap-copyright {
    display: none !important;
}


/* loading图 */

.animat-circle {
    -webkit-animation: circle 2s infinite linear;
    animation        : circle 2s infinite linear
}

@-webkit-keyframes circle {
    from {
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform        : rotate(180deg)
    }
}

@keyframes circle {
    from {
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg);
        transform        : rotate(180deg)
    }
}

.text-tips {
    width            : 65%;
    position         : absolute;
    bottom           : 0.34rem;
    left             : 46%;
    -webkit-transform: translateX(-46%);
    transform        : translateX(-46%);
    z-index          : 999
}

.fading-circle {
    width            : 1.5rem;
    height           : 1.4rem;
    position         : fixed;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    background       : rgba(0, 0, 0, .3);
    z-index          : 9999;
    text-align       : center;
    border-radius    : 0.1rem;
}

.fading-circle .circle,
.fading-circle .circle-ios {
    width   : 30px;
    height  : 30px;
    position: absolute;
    left    : 50%;
    top     : 50%;
    margin  : -15px -15px;
}

.fading-circle .circle:before {
    content          : "";
    display          : block;
    margin           : 0 auto;
    width            : 15%;
    height           : 15%;
    background-color : rgb(255, 255, 255);
    border-radius    : 100%;
    -webkit-animation: circleFadeDelay 0.9s infinite ease-in-out both;
    animation        : circleFadeDelay 0.9s infinite ease-in-out both
}

.amap-copyright {
    display: none !important;
}

.bg-box {
    position: fixed;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
    z-index : 1000;
}

.loadImg {
    width            : 1rem;
    height           : 1rem;
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%)
}

.fading-circle-text {
    padding          : 0.35rem 0.3rem;
    position         : fixed;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    background       : rgba(0, 0, 0, .3);
    z-index          : 9999;
    text-align       : center;
    border-radius    : 0.1rem;
    padding-bottom   : 0.2rem;
}

.loadImg-text {
    width : 1rem;
    height: 1rem !important;
}

.loading-text {
    color      : #fff;
    padding-top: 0.1rem;
    font-size  : 0.26rem;
}

.clearfixed {
    width : 100%;
    height: 1rem;
}

/*----------------智能客服快捷问答样式--------------------*/
.questiondiv {
    display: none
}

.question_title {
    font-size       : 0.32rem;
    padding         : 0 0.2rem;
    height          : 0.98rem;
    line-height     : 0.98rem;
    position        : relative;
    border-bottom   : rgb(226, 226, 226) solid 1px;
    background-color: #fff;
}

.question_title span:first-child {
    color        : rgb(51, 51, 51);
    /*font-weight: 900*/
}

.question_title span:last-child {
    color       : #009eff;
    margin-right: 0.4rem
}

.question_title img {
    height           : 0.2rem;
    width            : auto;
    position         : absolute;
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    right            : 0.2rem
}

.questionlist {
    font-size       : 0.28rem;
    color           : rgb(91, 91, 91);
    background-color: #fff;
}

.questionlist li {
    height            : 0.98rem;
    line-height       : 0.98rem;
    border-bottom     : rgb(226, 226, 226) solid 1px;
    padding           : 0 0.2rem;
    -webkit-line-clamp: 1;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    overflow          : hidden;
    color             : rgb(51, 51, 51);
    position          : relative;
    padding-right     : 0.5rem;
}

.questionlist li:last-child {
    border: none
}

.questionlist li img {
    height           : 0.26rem;
    margin-right     : 0.2rem;
    position         : absolute;
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    right            : 0
}

/* 顶部背景色 */
.oval-contain {
    width   : 100%;
    overflow: hidden;
}

.oval-shaped {
    background-color: #009eff;
    height          : 1.5rem;
    width           : 10rem;
    height          : 3.2rem;
    border-radius   : 50%;
    margin-bottom   : 5px;
    margin-top      : -1.38rem;
    position        : relative;
    left            : 50%;
    transform       : translateX(-50%);
}

.topbgmess {
    position: absolute;
    top     : 1rem;
    width   : 100%;
}


/* components/account-confirm/account-confirm.wxss */
.account-container {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  right: 0;
  bottom: 0;
  justify-content: center;
  z-index: 9999;
}

.account-container .account-content {
  width: 6.20rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}

.account-container .account-back {
  height: 2.6rem;
  background-image: linear-gradient(0deg,
      #ffffff 0%,
      #cedff4 100%),
    linear-gradient(#ffffff,
      #ffffff);
  background-blend-mode: normal,
    normal;
  padding: 0 0.4rem;
  position: relative;
  z-index: 1;
}
.account-container .account-phone{
  font-family: PingFangSC-Semibold;
	font-size: 0.32rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  padding-top: 0.6rem;
}
.account-container .account-text{
  font-family: PingFangSC-Regular;
	font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  padding: 0.10rem 0;
}
.account-container .account-image{
  width: 0.90rem;
  position:absolute;
  top: 0.36rem;
  right: 0.42rem;
}
.account-container .account-options{
  margin-top: -0.24rem;
  padding:0 0.40rem;
  z-index: 2;
  position: relative;
}
.account-container .account-option{
	height: 1rem;
	background-color: #f0f2f5;
  border-radius: 0.16rem;
  font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1rem;
  color: #333333;
  text-align: center;
}
.account-container .account-active{
  background-color: #e7f2fe;
  border: solid 1px #3e84ee;
  color: #3e84ee;
}
.account-container .account-option:last-child{
  margin-top: 0.24rem;
}
.account-container .account-notice{
  display: flex;
  align-items: center;
  margin-top: 0.50rem;
  padding: 0 0.40rem;
}
.account-container .account-notice .notice-image{
  width: 0.26rem;
  margin-right: 0.08rem;
}
.account-container .account-notice .notice-text{
  font-family: PingFangSC-Semibold;
	font-size: 0.24rem;
	font-weight: normal;
	letter-spacing: 0px;
  color: #ffa200;
  flex: 1;
}
.account-container .account-button{
  margin: 0.40rem;
  height: 0.90rem;
  line-height: 0.90rem;
  text-align: center;
  border-radius: 0.16rem;
  font-family: PingFangSC-Semibold;
	font-size: 0.36rem;
  font-weight: normal;
  background-color: #cccccc;
  color: #ffffff;
}
.account-container .button-active{

	background-image: linear-gradient(90deg, 
		#feba00 0%, 
		#fb7102 100%), 
	linear-gradient(
		#cccccc, 
		#cccccc);
	background-blend-mode: normal, 
		normal;
}