.selected{
    height: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .1rem;
    flex: 1;
    border: 1px solid #202d61;
    box-sizing: border-box;
}
input.select:checked + .selected{
    color: #ffba00;
    background: #4d5781;
}
input.pay + .select::before{
    content: '';
    width: .36rem;
    height: .36rem;
    background: url("../img/check.png") no-repeat;
    background-size: 100% 100%;
}
input.pay:checked + .select::before{
    background: url("../img/checked.png") no-repeat;
    background-size: 100% 100%;
}
.plate{
    margin-left: .1rem;
    padding: 0 .24rem;
    border-radius: .6rem;
    font-size: .24rem;
    color: #fff;
    line-height: .4rem;
}
.ctrl {
    position: fixed;
    right: .24rem;
    bottom: 1.8rem;
    width: 1.08rem;
}
.scanner{
    border-radius: .6rem;
    height: 1rem;
    width: 4.6rem;
    position: fixed;
    bottom: .54rem;
    left: 50%;
    margin-left: -2.3rem;
}
.search_box{
    position: fixed;
    top: .2rem;
    width: 100%;
    height: .82rem;
}
.search{
    position: fixed;
    top: .2rem;
    left: .24rem;
    width: calc(100% - .96rem);
    height: .82rem;
    background: #fff;
    border-radius: .6rem;
    line-height: .85rem;
}
.search2{
    background: #fff;
    border-radius: .6rem;
}
.wallet .money_box{
    width: calc(100% - .48rem);
    height: 2.7rem;
    background: url("../img/bg_01.png") no-repeat;
    background-size: 100% 100%;
}
.wallet .recharge{
    width: 1.8rem;
    line-height: .7rem;
    text-align: center;
    border-radius: .1rem;
}
.score_shop .record{
    line-height: .7rem;
    border: 1px solid #4c5680;
    color: #4c5680;
    border-radius: .1rem;
}
.score_shop .score_bg{
    width: 3.3rem;
    height: 2.2rem;
    background: url("../img/ico6.png") no-repeat;
    background-size: 100% 100%;
    line-height: 2.2rem;
    text-align: center;
}
.score_shop .list .item{
    width: 3.3rem;
    float: left;
    border-radius: .1rem;
    overflow: hidden;
    margin-right: .3rem;
    margin-bottom: .3rem;
}
.card_enchange .card_bg1{
    width: 100%;
    height: 100%;
    background: url("../img/card_bg1.png") no-repeat;
    background-size: 100% 100%;
}
.card_enchange .card_bg2{
    flex: 1;
    height: 100%;
    background: url("../img/card_bg2.png") no-repeat;
    background-size: 100% 100%;
}
.wash_card .list .item{
    height: 3.08rem;
    background: url("../img/card2.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.wash_card .list .item + .item{
    margin-top: .2rem;
}
.wash_card .list .item.using{
    background: url("../img/card1.png") no-repeat;
    background-size: 100% 100%;
}
.coupons .list .item {
    width: 3rem;
    height: 1.6rem;
    float: left;
    overflow: hidden;
    margin-right: .2rem;
    margin-bottom: .3rem;
    background: url(../img/ico6.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .3rem .2rem;
}
.sign .score{
    width: 5.7rem;
    height: 5.65rem;
    background: url("../img/ico10.png") no-repeat center center;
    background-size: 100% 100%;
}
.sign .btn{
    width: 3.64rem;
    line-height:.9rem;
    border-radius: .6rem;
    font-size: .3rem;
}
.sign .content{
    position: absolute;
    width: 5.98rem;
    background: #fff;
    left: 50%;
    margin-left: -2.99rem;
    top: 2rem;
    border-radius: .1rem;
}
.sign .close{
    position: absolute;
    right: 0;
    top: 0;
    font-size: .36rem;
    color: #999;
}
.evaluate .star + .star {
    margin-left: .2rem;
}
.evaluate .star img {
    width: .54rem;
}
.evaluate .content{
    width: 100%;
    height: 2.1rem;
}
.recharge .money .item{
    float: left;
    width: 3.4rem;
    height: 1.3rem;
    margin-right: .14rem;
    margin-bottom: .2rem;
}
.recharge .selected{
    height: 100%;
}
.card .score_bg {
    line-height: normal;
    background: url(../img/ico12.png) no-repeat center center;
    background-size: auto 100%;
}
.w460{
    width: 4.6rem;
}
.washing_box{
    position: relative;
    width: 5.8rem;
    height: 5.94rem;
    margin: .6rem auto 0;
    overflow: hidden;
}
.washing_car .washing1{
    position: absolute;
    width: 5.8rem;
    height: 5.94rem;
    background: url("../img/washing.png") no-repeat;
    background-size: 100% 100%;
    animation: spin 10s infinite linear;
}
@keyframes spin {
    0%   { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}
.washing_car .washing2{
    position: absolute;
    width: 4.94rem;
    height: 4.78rem;
    left: 50%;
    margin-left: -2.47rem;
    background: url("../img/washing2.png") no-repeat;
    background-size: 100% 100%;
    animation: spin2 3s infinite linear;
}
@keyframes spin2 {
    0% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity:1;
    }
}
.washing_car .time{
    position: absolute;
    width: 4.94rem;
    height: 4.78rem;
    left: 50%;
    margin-left: -2.47rem;
}
.washed .washed_bg{
    width: 5.8rem;
    height: 5.8rem;
    background: url("../img/washed.png") no-repeat;
    background-size: 100% 100%;
    margin: .2rem auto 0;
}
.washed .server{
    box-shadow: 2px 2px 20px #f3f3f3;
}
.shadow{
    box-shadow: 2px 2px 20px #f3f3f3;
}
.map .page2 .shadow{
    box-shadow: 2px 2px 20px #ccc;
}
.map .page2 .lists .lists_item + .lists_item{
    margin-top:.2rem;
}
.map .page2 .search_wrap{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
}
.map .page2 .lists{
    padding-top: 1.4rem;
    padding-bottom: .2rem;
}
.center .face{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
}
.server .nav .item{
    display: inline-block;
    line-height: .7rem;
    padding: 0 .24rem;
    color: #999;
}
.server .nav{
    white-space:nowrap;
    overflow-x: scroll;
}
.server .nav .item.active{
    color: #fff;
    background: #4c5680;
    border-radius: .6rem;
}
.server .goods_list .goods_item{
    float: left;
    width: 3.32rem;
    margin-right: .3rem;
    margin-bottom: .2rem;
}
.server .goods_list .goods_item .goods_img{
    border-radius: .1rem;
    width: 100%;
    height: 3.32rem;
}
.map .location{
    position: fixed;
    top: 1.1rem;
    background: #fff;
    width: 6.42rem;
    left: 50%;
    margin-left: -3.45rem;
}
.map .bottom_nav{
    position: absolute;
    bottom:0;
    width:100%;
    background: #fff;
}
.map .page{
    width: 100%;
    height: 100%;
}
.model_key{
    background: #ccc;
    padding: .3rem .24rem;
    position: fixed;
    width:100%;
    bottom: 0;
    left:0;
}
.model_key .el,.model_key .close,.model_key .reset,.model_key .noel{
    width: .82rem;
    height:.82rem;
    line-height: .82rem;
    text-align: center;
    background: #fff;
    margin-bottom: .2rem;
    border-radius: .1rem;
    font-size: .32rem;
    float: left;
    margin-right: .2rem;
}
.model_key .noel{
    background: transparent;
}
.model_key .el:active{
    background: #fff9f5;
}
.model_key .el:nth-of-type(7n){
    margin-right: 0;
}
.share_register .form_ipt{
    /*position: absolute;*/
    /*bottom: 1%;*/
    /*width: 100%;*/
}
.share_register .getCode{
    width: 2.22rem;
    background: #214972;
}
.share_register .page{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
}


















