body,html{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    font-size:55.2px;
}
p,h1,h2,h3,ul,li{
    padding:0;
    margin:0;
}
ul,li{
    list-style-type:none;
}
img{
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
body, a, input, button {
    font-family: PingFangSC-Regular, sans-serif;
    outline: none;
    color: #263440;
    text-decoration: none;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
/* 公共菜单样式 */
#tabbar{
    z-index: 10;
    width: 100%;
    height: 1.1rem;
    background-color: #fff;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
    background:#fff;
    padding-bottom:0.15rem;
}
#tabbar .we-tabbar-item{
    width: 1rem;
    text-align: center;
}
.we-tabbar-item-icon{
    line-height:0.9;
}
.we-tabbar-item-icon img{
    width: 33px;
    height: 33px;
}
.we-tabbar-item-title{
    font-size: 12px;
    color: rgb(136, 136, 136);
    font-weight: 600;
}
/* 充值中心样式 */
.Recharge{
    width:100%;
    height:100%;
    background:#f7f8fa;
}
.discount-nav{
    width: 100%;
    height: .9rem;
    font-size: .4rem;
    text-align: center;
    line-height: 1.1rem;
    box-shadow: 0 0.04rem 0.08rem 0 rgba(0,0,0,.05);
    background-color: #fff;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.discount-left{
    position: absolute;
    margin-left: .2rem;
    text-align: left;
}
.discount-title{
    width: 69%;
    text-align: center;
    font-size: .36rem;
    margin: 0 auto;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.discount-check{
    width: 100%;
    margin-top:0.1rem;
    background-color: rgb(255, 255, 255);
    margin-bottom: 5px;
    padding:5px 0;
}
.discount-check-tabs{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
    height:.8rem;
}
.discount-check-m{
    margin: 0 .32rem;
}
.tab{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .08rem;
    color: #646566;
    font-size: .28rem;
    line-height: .4rem;
    cursor: pointer;
}
.tabs-active{
    color: #fff;
    background-color: #597ef7;
    border-radius: .4rem;
    border: none;
}
.myDepositContainer{
    background: #fff;
    padding: 0 .21rem;
    margin-top: .04rem;
    text-align: left;
    color: red;
    font-size: .24rem;
}
.myDepositContainer h2{
    width: 100%;
    height: .8rem;
    border-bottom: .02rem solid #eee;
    line-height: .8rem;
    font-size: .28rem;
    color: #333;
    font-weight: 700;
    margin:0;
}
.payList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: .2rem 0;
    margin:0;
}
.payList li{
    margin-left: .14rem;
    width: 1.58rem;
    height: 1.4rem;
    border: .02rem solid #eee;
    margin-bottom: .2rem;
    border-radius: .1rem;
    position: relative;
    overflow: hidden;
}
.payList li img{
    display: block;
    height: .48rem;
    margin: .2rem auto 0;
}
.payList li .jiaoBiao{
    position: absolute;
    right: -.02rem;
    height: .32rem;
    bottom: -.02rem;
}
.payList li span{
    display: block;
    text-align: center;
    font-size: .24rem;
    color: #414655;
    overflow: hidden;
    word-break: break-all;
    margin-top: .1rem;
}
.payList .active{
    border: .02rem solid #597ef7;
}
.payList .amount {
    width: 1.58rem;
    height: .7rem;
    text-align: center;
    font-weight: 500;
    line-height: .7rem;
}
.payList .amount span:first-of-type {
    font-size: .24rem;
    transform: scale(.7);
    display: inline;
    font-family: DINPro-Medium;
}
.payList .amount span:last-of-type {
    font-size: .28rem;
    display: inline;
    font-family: DINPro-Medium;
}
.buttonM{
    padding: .2rem;
}
.buttonM span{
    margin-top: .45rem;
    display: block;
    height: .96rem;
    line-height: .96rem;
    font-size: .32rem;
    background: #597ef7;
    color: #fff;
    border-radius: .06rem;
    text-align: center;
    width: 100%;
    opacity: .5;
}
.buttonM-active span {
    background: #597ef7;
    opacity: 1;
    position: relative;
    z-index: 2;
}
/* 个人信息样式 */
.Pessoais{
    padding-top:.3rem;
}
.Pessoais-m{
    margin: 0 .32rem;
    overflow: hidden;
    border-radius: .16rem;
    background:#fff;
}
.Pessoais-item{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .32rem;
    overflow: hidden;
    color: #323233;
    font-size: .28rem;
    line-height: .48rem;
    background-color: #fff;
}
.Pessoais-item-title{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.Pessoais-item-value{
    position: relative;
    overflow: hidden;
    color: #969799;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word;
}
.password-item{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .32rem;
    overflow: hidden;
    color: #323233;
    font-size: .28rem;
    line-height: .48rem;
    background-color: #fff;
    border-bottom:1px solid #f5f6f8;
}
.pass-value{
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #323233;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
    font: inherit;
}
.blue-btn{
    padding: 0 .3rem;
    margin: .2rem 0;
}
.blue-btn span{
    display: block;
    height: .96rem;
    line-height: .96rem;
    font-size: .32rem;
    color: #fff;
    border-radius: .15rem;
    text-align: center;
    width: 100%;
    background: #597ef7;
    background: linear-gradient(90deg,#6bbbff,#597ef7);
    opacity: 1;
    position: relative;
    z-index: 2;
}
.bottom-btn{
    position: absolute;
    bottom: .2rem;
    width: 100%;
}
.bottom-btn .btn{
    background-color: #ff4500;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    height: .88rem;
    border-radius: .44rem;
    text-align: center;
    line-height: .88rem;
    font-size:0.3rem;
}
/* 银行卡信息 */
.bank-container{
    overflow:auto;
}
.bank-list{
    padding: .1rem .2rem;
}
.bank-list-item{
    width: 100%;
    background: linear-gradient(90deg,#02aba4,#018cab);
    border-radius: .1rem;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
    padding: .26rem 0;
}
.bank-list-item .icon{
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    margin-left: .2rem;
}
.bank-info{
    margin-left: .2rem;
    font-weight: 600;
    color: #fff;
    font-size:14px;
}
.bank-btn{
    width: 100%;
    background: #597ef7;
    padding: .3rem 0;
    border-radius: .1rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
}
.bank-btn img{
    margin:0 8px;
}
/* 添加银行卡信息 */
.add-bank-m{
    margin: .2rem;
    padding: 0 .2rem;
    border-radius: .16rem;
    background-color: #fff;
}
.add-ban-item{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .32rem;
    overflow: hidden;
    color: #323233;
    font-size: .28rem;
    line-height: .48rem;
    border-bottom:1px solid #f1f1f1;
    background-color: #fff;
}
.add-ban-item-lable{
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 6.2em;
    margin-right: .24rem;
    color: #646566;
    text-align: left;
    word-wrap: break-word;
}
.add-ban-item-value{
    position: relative;
    overflow: visible;
    color: #969799;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word;
}
.add-ban-item-value select{
    border:1px solid #f1f1f1;
    padding: 0.09rem 0.6rem;
    text-align: left;
    border-radius: 4px;
}
.bank-value-p{
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #323233;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
}
.borderNone{
    border: none;
}
.ban-btn{
    width: 93%;
    margin: 0 auto;
    background-color: #ee0a24;
    border: .02rem solid #ee0a24;
    border-radius: .4rem;
    height: .88rem;
    text-align: center;
    color: #fff;
    line-height: .88rem;
    margin-bottom: 15px;
    margin-top: 30px;
    font-size:0.35rem;
}
/* 个人中心 */
.Personal-main{
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 5rem;
    background-image: url(../img/Personal.png);
            /*$('#cltLogo').attr('src',seytem.logo);*/

    position: absolute;
    width: 100%;
    height: 100%;
}
.Personal-main .introduction{
    overflow: hidden;
}
.Personal-main .introduction .head{
    width: 100%;
    height: .1rem;
    line-height: .5rem;
    margin-top: .5rem;
    padding: 0 .3rem;
    text-align: right;
}
.Personal-main .introduction .base{
    position: relative;
    display: flex;
    margin-top: .2rem;
    padding: 0 .32rem 0 .6rem;
}
.introduction .base .imgBox{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    overflow: hidden;
}
.introduction .base .imgBox img{
    width: 100%;
    height: 100%;
}
.base .info {
    margin-left: .32rem;
}
.base .info h3{
    font-size: .4rem;
    color: #fff;
    line-height: 1.5;
    font-weight: 800;
}
.base .info p{
    margin-top: .16rem;
    font-size: .24rem;
    color: hsla(0,0%,100%,.5);
    font-weight: 800;
}
.introduction .base .more{
    position: absolute;
    right: .32rem;
    align-self: center;
    width: .16rem;
    height: .16rem;
    border-top: .02rem solid #fff;
    border-right: .02rem solid #fff;
    transform: rotate(45deg);
}
.Personal-main .nav{
    margin: .48rem 0 0;
    border-bottom: .16rem solid #f8fafa;
}
.nav .wallet{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 .32rem 0 .48rem;
    box-sizing: border-box;
    width: 6.3rem;
    height: .8rem;
    background-image: url(../img/navBar.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    color: #e7d3a5;
}
.nav .money{
    display: flex;
    align-items: center;
}
.nav .wallet img[data-v-54506004] {
    width: .4rem;
    height: .4rem;
    vertical-align: middle;
}
.nav .refresh{
    display: inline-flex;
    margin-left: .1rem;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    font-size: 0;
    margin-top: .07rem;
    float: right;
    position: relative;
}
.nav .wallet img{
    width: .4rem;
    height: .4rem;
}
.nav .wallet span {
    margin-left: .16rem;
    vertical-align: middle;
    font-size: .24rem;
    font-weight: 800;
}
.nav .wallet .amount{
    text-align: right;
}
.nav .wallet .amount .text{
    margin-left: .1rem;
    display: inline-block;
    font-size: .4rem;
    vertical-align: middle;
    width: 3.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:-0.2rem;
}
.nav .wallet .amount .text i{
    vertical-align: middle;
    font-size: .24rem;
    margin-right: .1rem;
}
.nav .menu{
    margin: 0 0.15rem;
    background-color: #fff;
    border-radius: .1rem;
}
.nav .menu .second {
    display: flex;
    justify-content: space-between;
    padding: 0 .36rem .36rem;
    padding-top: .14rem;
}
.nav .menu .second div{
    text-align: center;
    font-weight: 600;
    line-height: 1.15;
    max-width: 25%;
}
.nav .menu .second img {
    width: .76rem;
    height: .76rem;
}
.nav .menu .second p{
    font-size: .24rem;
    color: #555;
}
.Personal-list-item{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .32rem;
    overflow: hidden;
    color: #323233;
    font-size: .28rem;
    line-height: .48rem;
    background-color: #fff;
    cursor: pointer;
    border-bottom:1px solid #f1f1f1;
}
.Personal-list-item-title{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.person-img-right{
    margin-left: .08rem;
}
.person-img-left{
    margin-right: .15rem;
}
.person-img-left img{
    margin-top:5px;
}
/* 抢单页面样式 */
.statistical{
    padding-top: .8rem;
    padding-left: .2rem;
    padding-right: .2rem;
}
.statistical .statistical-card{
    background: #fff;
    box-shadow: 0 0.02rem 0.04rem 0 rgba(19,20,21,.15);
    border-radius: .24rem;
    margin: 0 auto;
}
.statistical .statistical-card .classification{
    display: flex;
    align-items: center;
}
.class-main-title{
    padding: .3rem .3rem;
    font-size: .28rem;
    position: relative;
    font-weight: 600;
    color: #334360;
    display: flex;
}
.class-main-title:after{
    content: "";
    position: absolute;
    top: 50%;
    margin-left: .1rem;
    transform: translateY(-50%) rotate(45deg);
    right: 0;
    width: .1rem;
    height: .1rem;
    border: .04rem solid transparent;
    border-top-color: #000;
    border-right-color: #000;
}
/*.commission{*/
/*    background: #d6b075;*/
/*    border-radius: .08rem;*/
/*    padding: 0 .1rem;*/
/*    text-align: center;*/
/*    line-height: .36rem;*/
/*    margin-left: .2rem;*/
/*    color: #fff;*/
/*    font-size:14px;*/
/*}*/
.commission{
    background: #d6b075;
    border-radius: .08rem;
    padding: 0px 0.3rem;
    text-align: center;
    line-height: .36rem;
    margin-left: .2rem;
    color: #000000;
    font-size:14px;
}
.statistical .statistical-card .card-row{
    border-bottom: .02rem solid #eeeff2;
    display: flex;
    align-items: center;
    padding: .22rem 0;
}
.statistical .statistical-card .card-row .item {
    margin-left: .3rem;
    min-width: 1.6rem;
}
.statistical .statistical-card .card-row .item .title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    color: #23292e;
    text-align: left;
    font-size:14px;
}
.statistical .statistical-card .card-row .item .value{
    color: #000;
    font-size: .36rem;
    display: flex;
    align-items: center;
    font-weight: 700;
    text-align: left;
}
.isMarg{
    margin-left:35px !important;
}
.borderBottom{
    border-bottom:none !important;
}
.btn-group{
    margin-bottom: .2rem;
}
.btn-group .btn-start{
    padding: 0 .24rem;
    margin: .2rem 0;
}
.btn-group .btn-start>span{
    
    height: .96rem;
    line-height: .96rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    color: #fff;
    border-radius: .06rem;
    text-align: center;
    width: 100%;
    background: #597ef7;
    background: linear-gradient(90deg,#6bbbff,#597ef7);
    opacity: 1;
    position: relative;
    z-index: 2;
}
.btn-group .btn-stop{
    padding: 0 .24rem;
}
.btn-group .btn-stop span{
    display: block;
    height: .96rem;
    line-height: .96rem;
    font-size: .32rem;
    color: #6bbbff;
    border-radius: .06rem;
    text-align: center;
    width: 100%;
    opacity: 1;
    border: .02rem solid #6bbbff;
}
.divider{
    height: .1rem;
    width: 100%;
    background-color: #e6e6e6;
}
.grab-card{
    margin-bottom:0.1rem;
}
.grab-card .grab-card-title{
    font-size: .32rem;
    font-weight: 800;
    padding: .2rem;
    position: relative;
}
.grab-card .grab-card-title:after{
    position: absolute;
    content: "";
    width: 95%;
    height: .01rem;
    bottom: .01rem;
    background-color: #e4e4e4;
}
.grab-card .grab-card-box{
    padding: 0 .2rem;
}
.grab-card .grab-card-box p{
    margin-top: .1rem;
    font-size:14px;
    line-height:0.46rem;
}
/* 我的余额样式 */
.withdrawContainer{
    margin-top:0.1rem;
}
.withdrawContainer .balance{
    padding: .3rem;
    color: #fff;
}
.withdrawContainer .balance .balance-card{
    width: 100%;
    height: 100%;
    background: linear-gradient(315deg,#a78e6f,#d5bd9d);
    border-radius: .2rem;
}
.balance .balance-card .current-balance{
    padding: .48rem 0 .04rem .48rem;
    font-size: .26rem;
    font-weight: 400;
}
.withdrawContainer .balance .balance-card .money{
    margin-left: .48rem;
    font-size: .64rem;
    font-weight: 500;
    color: #fff;
}
.withdrawContainer .balance .balance-card .withDrawMoney{
    display: flex;
    justify-content: space-between;
    margin: .16rem .48rem .28rem;
    align-items: center;
    background: hsla(0,0%,100%,0);
    box-shadow: 0 0 0 0 #eeeff2;
    border-bottom: .02rem solid #eeeff2;
}
.withdrawContainer .balance .balance-card .rate{
    padding: 0 .48rem .28rem;
    opacity: .6;
    font-size:14px;
}
.withdrawContainer .balance .balance-card .rate{
    padding: 0 .48rem .28rem;
    opacity: .6;
}
.balance-main{
    padding: .5rem .4rem 0;
    background: #fff;
    border-radius: .1rem;
    box-sizing: border-box;
}
.balance-main .title{
    font-size: .3rem;
    font-weight: 400;
    color: #334360;
}
.balance-main .input{
    display: flex;
    height: 1.2rem;
    align-items: center;
    border-bottom: .02rem solid #eeeff2;
}   
.amountInput{
    width: 100%;
    display: flex;
} 
.amountInput .symbol{
    font-size:.4rem;
}
.amountInput input{
    border:none;
    padding-left:18px;
    width:100%;
}
.money-tip{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a7aab6;
    font-weight: 400;
    padding: .2rem 0 .3rem;
    font-size: .28rem;
}
.yellow{
    color: rgb(216, 193, 142);
}
.balance-info{
    margin-top: .28rem;
    background: #fff;
}
.balance-info .van-cell{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .32rem;
    overflow: hidden;
    color: #323233;
    font-size: .28rem;
    line-height: .48rem;
    background-color: #fff;
}
.van-cell__title, .van-cell__value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.van-icon {
    position: relative;
    font: normal normal normal .28rem/1 vant-icon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.txt-tori{
    text-align:right;
    margin-right:15px;
    color:#999;
}
.van-icon img{
    margin-top:4px;
}
.isBack{
    background:#f7f8fc;
    margin:0 !important;
}
.balance-btn{
    background:#f7f8fc;
}
.balance-btn .buttonM span{
    margin-top: .25rem;
    display: block;
    height: .96rem;
    line-height: .96rem;
    font-size: .32rem;
    background: #0024ff;
    color: #fff;
    border-radius: .06rem;
    text-align: center;
    width: 100%;
    opacity: .5;
}
/* 订单列表样式 */
.order-tab{
    background:#fff;
    margin-top:0.1rem;
}
.order-tab ul{
    display: flex;
    font-size:12px;
}
.order-tab ul li{
    width:25%;
    text-align: center;
    padding:10px 0;
    cursor: pointer;
}
.order-tab ul li span{
    color:#333;
}
.order-tab ul li.active{
    border-bottom:2px solid red;
}
.no-order{
    width: 3.2rem;
    height: 3.2rem;
    margin:0 auto;
}
.no-order img{
    width:100%;
    height:100%;
}
.no-tips{
    text-align: center;
    color:#999;
    font-size:16px;
    margin-top:10px;
}
.get-order{
    margin-top:10px;
    text-align: center;
}
.get-order span{
    display:inline-block;
    border-radius:16px;
    background:#5285ff;
    color:#fff;
    font-size:0.2rem;
    padding:0.2rem 0.6rem;
}
.order-pro{
    display: flex;
}
.order-item{
    background:#fff;
    padding:0 .3rem;
    border-radius:10px;
    margin:0 .2rem;
    padding-bottom:.1rem;
}
.pro-right{
    font-size:14px;
    padding:0.3rem 0;
}
.pro-right .text{
    color:#999;
    font-size:14px;
}
.pro-left{
    margin-right:0.5rem;
}
.pro-left img{
    width:3rem;
}
.pro-right-bottom{
    margin-top:10px;
}
.pro-right-bottom span.left{
    float: left;
    color:#ff848e;
}
.pro-right-bottom span.right{
    float: right;
    padding-right:10px;
}
.list-prm{
    font-size:16px;
}
.list-prm li{
    display: flex;
    padding:0.1rem 0;
}
.list-prm li span{
    width:50%;
}
.list-prm li span.right{
    text-align: right;
    padding-right:10px;
}
.list-prm li span.left{
    padding-left:10px;
    color:#999;
}
.list-prm li span b{
    color:#ff7682;
}
.m18{
    margin:18px 0;
}
/* 首页样式 */
.home{
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 100%;
}
.home-view{
    position: absolute;
    width: 100%;
    height: calc(100% - 1.3rem);
    overflow: auto;
}
.home-nav{
    width: 100%;
    height: .88rem;
    background-color: #fff;
    background: linear-gradient(90deg,#6bbbff,#597ef7);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem;
    color: #16b3f6;
    position: fixed;
    z-index: 10;
}
.nav-left{
    width: .6rem;
}
.nav-left .i18n{
    width: .6rem;
    height: .6rem;
    font-size:14px;
}
.nav-left .i18n img{
    width: 100%;
}
.nav-logo{
    width: 2.2rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    font-weight: 800;
}
.nav-right{
    width: .6rem;
}
.home-sweiper img{
    width:100%;
}
.van-notice-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: .8rem;
    padding: 0 .32rem;
    font-size: .28rem;
    height: .4rem;
    background-color: #f5f6f7;
    border-radius: .3rem;
    margin-top: .1rem;
    margin-right: .2rem;
    margin-left: .2rem;
    color: #000;
}
.van-notice-bar__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.van-notice-bar__content {
    position: absolute;
    white-space: nowrap;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.home-sweiper{
    margin-top:0.8rem;
    padding:0;
    font-size:0;
}
.user-card{
    margin: .1rem .32rem 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 .12rem;
    height: 1.38rem;
}
.user-card-left{
    flex: 1 1 0%;
}
.user-card .level{
    height: .32rem;
    line-height: .32rem;
}
.user-card .level .level-money{
    float: left;
    line-height: .32rem;
    font-size: .24rem;
    color: #8395a6;
}
.user-card .balance{
    margin-top: .08rem;
    letter-spacing: -.009rem;
    font-size: .34rem;
    font-weight: 600;
    line-height: .44rem;
}
.user-card .balance span {
    font-size: .34rem;
    font-family: 微软雅黑 Bold,微软雅黑 Regular,微软雅黑;
}
.user-card .wallet-content{
    display: flex;
}
.user-card .wallet-content .wallet-content-item{
    margin-left: .24rem;
    text-align: center;
    font-size:14px;
    color:#8395a6;
}
.user-card .wallet-content .wallet-content-item img {
    filter: drop-shadow(0 .08rem .2rem rgba(61,170,249,.3));
    width: .88rem;
}
.home-notice-card{
    margin-bottom: .4rem;
}
.home-notice-card .home-notice-card-title{
    font-size: .32rem;
    font-weight: 800;
    padding: .2rem;
}
.home-notice-card .home-notice-card-box .notice{
    text-align: center;
    background-color: #fafafa;
}
.notice .balance{
    font-size: .32rem;
    font-weight: 600;
    padding: .3rem 0;
    text-align: center;
}
.balance-num{
    text-align: center;
    font-size:0.5rem;
    font-weight:700;
}
.notice .other_val{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.notice .other_val div{
    width: 38%;
    text-align: left;
    padding-left: .8rem;
    position: relative;
    line-height: .4rem;
}
.notice .other_val div span{
    font-weight: 600;
    position: relative;
    font-size:14px;
}
.notice .other_val div:first-child span:before {
    position: absolute;
    width: .2rem;
    height: .2rem;
    background-color: #ff6000;
    content: "";
    left: -.3rem;
    top:50%;
}
.notice .other_val div span:before {
    position: absolute;
    width: .2rem;
    height: .2rem;
    background-color: #ca9854;
    content: "";
    left: -.3rem;
    top: 50%;
    transform: translateY(-50%);
}
.notice{
    text-align: center;
    background-color: #fafafa;
    margin:0 .2rem;
}
.home-notice-card-mgb{
    margin-bottom: .4rem;
}
.home-notice-card-title-tab{
    font-size: .32rem;
    font-weight: 800;
    padding: .2rem;
}
.home-notice-card-box-main{
    padding: 0 .2rem;
    height:6rem;
    overflow: hidden;
}
.marquee{
    align-items: center;
    width: 100%;
    overflow: hidden;
    font-size:14px;
}
.marquee img{
    width:1rem;
    height:1rem;
    border-radius: 50%;
}
.reds{
    color: rgb(233, 97, 10);
}
.marquee-item{
    display: flex;
    justify-content: space-between;
    width:100%;
    align-items:center;
    margin-bottom:.2rem;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}
.marquee_box{
    display: block;
    position: relative;
    overflow: hidden;
    margin:0 auto;
    height:6rem;
    width:100%;
}
.home-notice-hzhb{
    padding:0 .2rem;
}
.partner{
    display:flex;
    flex-wrap:wrap;
}
.partner img{
    width:30%;
    height:1.36rem;
    padding:0 .1rem;
    margin-bottom:.2rem;
}
#demo2{
    height:auto;
    text-align:left;
}
#myCars{
    overflow:hidden;
    height:6rem;
    width:100%;
    margin:0 auto;
    position:relative;
}
/* 登录页样式 */
#register{
    position: absolute;
    background-image: url("../img/login-bg.jpg");
    width: 100%;
    min-height: 100%;
    transition: .3s;
    overflow-x: hidden;
    overflow-y: auto;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    display: flex;
    -webkit-box-pack: center;
}
#register .entry-top{
    width: 100%;
    margin-bottom: .4rem;
    box-sizing: border-box;
    display: block!important;
}
.logo{
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.56rem;
    height: .86rem;
    background-image: url('../img/welcome.png');
}
#register .sponsorTxtGroup{
    justify-content: center;
    width: 4.4rem;
    margin: 0 auto;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
}
#register .sponsorTxtGroup .line{
    flex: 1;
    height: .02rem;
    background: #fff;
    width: 1.4rem;
    opacity: .5;
}
#register .sponsorTxtGroup .title{
    font-size: .2rem;
    color: #fff;
    margin: 0 .4rem;
}
#register .sponsorGroup {
    width: 4.9rem;
    height: .84rem;
    background-image: url('../img/sponsor.7cad03a5.png');
    background-size: cover;
    margin: 0 auto;
    margin-bottom: .8rem;
}
.login-mains{
    overflow: hidden;
}
#register .entryMain{
    justify-content: flex-start;
    align-items: flex-start;
    width: 200vw;
    transition: left .5s ease-in-out;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
}
#register .entryMain .formContainer{
    flex-flow: row nowrap;
    align-items: stretch;
    width: 7.02rem;
    border: 0;
    margin: 0 auto;
    border-radius: .2rem;
    overflow: hidden;
    padding-bottom: .2rem;
    display: flex;
    justify-content: center;
}
#register .entryMain .formContainer .content{
    flex: 1;
    box-sizing: border-box;
}
#register .entryMain .formContainer .normalLoginContent{
    border-radius: .2rem 0 0 .2rem;
    background-color: hsla(0,0%,84.7%,.4);
    padding: 0 .4rem .76rem;
}
#register .entryMain .formContainer .content .registerTitle{
    line-height: .5rem;
    font-size: .36rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding-top: .2rem;
}
#register .entryMain .formContainer .locationToRight{
    position: relative;
    flex: 0 0 1rem;
    border-radius: 0 .2rem .2rem 0;
    background-color: rgba(0,0,0,.4);
}
#register .entryMain .formContainer .locationToRight .locationContent {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#register .entryMain .formContainer .locationToRight .locationContent .linkRegisterIcon{
    width: .48rem;
    height: .48rem;
    margin: 0 auto .2rem;
    background-image: url('../img/per-icon.png');
    background-size: contain;
}
#register .entryMain .formContainer .locationToRight .locationContent .text{
    text-align: center;
}
#register .entryMain .formContainer .locationToRight .locationContent .text span{
    display: block;
    line-height: .4rem;
    font-size: .28rem;
    color: #fff;
    font-weight: 600;
}
#register .entryMain .formContainer .content .form .inputBox {
    padding-top: .3rem;
    margin-bottom: .4rem;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 5.2rem;
    height: .9rem;
    padding: 0 .3rem;
    margin-bottom: .2rem;
    border-radius: .45rem;
    box-sizing: border-box;
    background-color: hsla(0,0%,100%,.2);
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .accountIcon {
    background-image: url('../img/login-1.png');
    background-size: contain;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .inputIcon{
    flex: 0 0 0.4rem;
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .inputMain{
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .inputMain input{
    caret-color: #fff;
    display: block;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    font-size: .24rem;
    color: #fff;
    padding: 0;
    text-align: justify;
    background-color: transparent;
    border: 0;
}
.form .inputBox .inputGroup .passwordIcon {
    background-image: url('../img/login-2.png') !important;
    background-size: contain;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .inputCaptcha{
    width: 1.5rem;
    height: .6rem;
    background: #fff;
    font-size:0;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .inputCaptcha img{
    height: 100%;
    width: 100%;
}
#register .entryMain .formContainer .content .form .otherOperate {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 .1rem;
    margin-bottom: .4rem;
    box-sizing: border-box;
    font-size: .2rem;
    color: #fff;
}
#register .entryMain .formContainer .content .form .otherOperate .rememberPwdBox .turnOn {
    width: .32rem;
    height: .32rem;
    margin-right: .09rem;
    /*background-image: url('../img/on.png');*/
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkUlEQVRYCe3BLU4cAQAG0G+bILBISEjmCHsAsgJD3SZjqzC9Aw7LFZr0DKiVaxDjQI9rBagRiE1I1rw2YZLC7A+zP1Xte/nnDbIBDJOMk5wlOUlyklePSR6T3CW5HQwGD9knlKj1V6PMrlCgsr0KRbaBERq7azDKJjDC3P7MMUofKNDYvwZFPoLK7hpMLKqyDkr7cZHf8BUz75VZBbXdXaeFI/zwXp1lMLS7Sd7AxHLDtD7lj3F28zPJl7RwleRzlhunC1Pbe8EwLZxbb5ou1LZ3mRaO8WS9Ol2YWe3Jat/SwgEqH5ulCzPLVTjEjUX3OEgLN/p5ThdqixqcpoULNF41OE0Lpf7qdGFq0RxXeQPHmOIiLRR41t80Xbi22gRHWQKHuLeZ63RhaL0nnKUD321umGVQW2+Oq7RwaXN1VkGpnwnO8WJzZdZB5e+p8hEUaOxfgyJ9YIS5/ZljlE1ghMbuGoyyDRSobK9CkV2hRK2/GmV6GGQDGCYZJzlLcpLkJK8ekzwmuUtyOxgMHvJfT78AJMiw5kuKE1MAAAAASUVORK5CYII=');
    background-size: contain;
    float:left;
}
#register .entryMain .formContainer .content .form .otherOperate .rememberPwdBox .turnOff{
    width: .32rem;
    height: .32rem;
    margin-right: .09rem;
    /*background-image: url('../img/off.png');*/
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYCe3BPU4iARwH0B/U05toOYk9ByDUWFlwBG7EQZTGC1BQWmM9WtF5gLfFn2QS4wcIky1238s/b5QTYJLkPsk0yU2S65S3JK9JNkkeR6PRcy4JC+wcb4dFzoUWW70OK8zRokGDFnOs0Olt0eY3MMNe6bDMkbBEp+wxyykw01ujyYnQYK03yzHQYq+sciaslD3a/ARbZZ0LwVrZ5jtYKB2aXAgadMoiX8FOWebCsFR2+QwmSpeBoFMmORind5/ykOE8pNznYJzeNOUpw3lKmeZgnN5NykuG85Jyk4/wrjQZCBrlPQfj/GXj9N5SrjKcq5S3HIzTe025zXBuU15zME5vk3KX4dylbPIRJkqXgaBTJvkMdsoyF4alsstXsFA6NLkQNOiURb6DrbLOhWCtbPMTtNgrq5wJK2WPNsfATG+NJidCg7XeLKfADHulwzJHwhKdsscsv4EWW70OK8zRokGDFnOs0Olt0eZcWGDneDsscoRRToBJkvsk0yQ3Sa5T3pK8JtkkeRyNRs/570h/AF+aqGWgPBY0AAAAAElFTkSuQmCC');
    background-size: contain;
    float: left;
}
.Forget-password{
    font-size: 12px;
}
.rememberPwdBox{
    font-size:14px;
}
#register .entryMain .formContainer .content .form .btnGroup{
    margin-top: .2rem;
    width: 100%;
    font-size:0;
    text-align: center;
}
#register .entryMain .formContainer .content .form .btnGroup button{
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    border: 0;
    border-radius: .45rem;
    font-size: .32rem;
    font-weight: 700;
    color: #fff;
    background: #597ef7;
}
#register .entryMain .formContainer .content .form .visitorBtn{
    margin-top: .3rem;
    text-align: center;
    line-height: .34rem;
}
.goHome{
    font-size: 0.24rem; color: rgb(255, 255, 255);
}
#register .entryMain .formContainer .locationToLeft{
    border-radius: .2rem 0 0 .2rem;
    background-color: hsla(0,0%,100%,.3);
    position: relative;
    flex: 0 0 1rem;
}
#register .entryMain .formContainer .locationToLeft .locationContent{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#register .entryMain .formContainer .locationToLeft .locationContent .linkRegisterIcon{
    width: .48rem;
    height: .48rem;
    margin: 0 auto .2rem;
    background-image: url('../img/left-icon.png');
    background-size: contain;
}
#register .entryMain .formContainer .locationToLeft .locationContent .text{
    text-align: center;
}
#register .entryMain .formContainer .locationToLeft .locationContent .text span{
    display: block;
    line-height: .4rem;
    font-size: .28rem;
    color: #fff;
    font-weight: 600;
}
#register .entryMain .formContainer .registerContent{
    border-radius: 0 .2rem .2rem 0;
    background-color: rgba(0,0,0,.5);
    padding: 0 .4rem .2rem;
}
.loginAnimated{
    left: 0;
}
.registerAnimated{
    left: -100vw;
}
#register .entryMain .formContainer .content .form .inputBox .inputGroup .inputMain input::-webkit-input-placeholder{
    color:#fff;
}

/*悬浮按钮-start*/
.fastim-button-container {
    position: fixed;
    top: 78%;
    right: 60px;
    z-index: 1099;
    user-select: none;
    cursor: pointer;
}
.fastim-button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}
.fastim-orbit {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 11px;
    right: -3px;
    border: solid;
    border-color: var(--blue) transparent transparent var(--blue);
    border-radius: 50%;
    border-width: 1px 1px 0 1px;
    animation: fastim-orbit 0.5s linear infinite, fastim-pulse 2s infinite;
    -moz-animation: fastim-orbit 0.5s linear infinite, fastim-pulse 2s infinite;
    -webkit-animation: fastim-orbit 0.5s linear infinite, fastim-pulse 2s infinite;
}
.fastim-orbit.link-success {
    animation: fastim-orbit 8s linear infinite, fastim-pulse 2s infinite;
    -moz-animation: fastim-orbit 8s linear infinite, fastim-pulse 2s infinite;
    -webkit-animation: fastim-orbit 8s linear infinite, fastim-pulse 2s infinite;
}
.fastim-point {
    background: var(--blue);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    position: absolute;
    left: 42px;
    top: 8px;
}
@-webkit-keyframes fastim-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(99, 136, 251, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0);
    }
}

@keyframes fastim-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0.4);
        box-shadow: 0 0 0 0 rgba(99, 136, 251, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(99, 136, 251, 0);
        box-shadow: 0 0 0 10px rgba(99, 136, 251, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0);
        box-shadow: 0 0 0 0 rgba(99, 136, 251, 0);
    }
}
@-webkit-keyframes fastim-orbit {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes fastim-orbit {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}
/*悬浮按钮-end*/