.top {
    width: 100% !important;
    height: 50px;
    line-height: 50px;
    color: white;
    font-size: 16px;
    text-align: center;
    position: fixed;
    top: 0px;
    z-index: 999;
}

.top-back {
    bottom: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    background-image: url(../../Images/back-icon.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center center;
}

.info-box {
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 70px;
}

.info-box1 {
    width: 100%;
    height: auto;
    margin-top: 28px;
}

.info-box-padding {
    padding-top: 10px;
}

/* 注册 */

.reg-box {
    width: 100%;
    text-align: center;
    position: relative;
    background: white;
}

.reg-title-box {
    width: 100%;
    text-align: center;
    position: relative;
    background: white;
    padding: 10px 0;
}

.reg-title {
    width: 87%;
    height: 40px;
    line-height: 40px;
    color: #859AA9;
    font-size: 16px;
    margin: 0 auto;
    text-align: left;
}

.reg-input {
    width: 80%;
    height: 40px;
    background: url(../images/reg-phone.png) no-repeat left center !important;
    background-size: 14px !important;
    border-bottom: 1px solid #CCD6DD !important;
    padding-left: 27px;
    font-size: 14px;
    color: #859AA9;
}

.reg-read {
    width: 87%;
    height: 40px;
    line-height: 40px;
    left: 23px;
    font-size: 14px;
    color: #859AA9;
    margin: 0 auto;
}

.reg-no, .reg-yes {
    float: left;
    width: 18px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
}

.reg-no {
    background-image: url(../images/reg_01.png);
}

.reg-yes {
    background-image: url(../images/reg_02.png);
}

.reg-read-p {
    width: 80%;
    height: 40px;
    line-height: 40px;
    padding-left: 27px;
    font-size: 12px;
    color: #859AA9;
    text-align: left;
}

.reg-read-p p {
    float: left;
}

.reg-read-p a {
    color: #747BF2;
}

.reg-next {
    width: 86%;
    line-height: 40px;
    margin-top: 80px;
    display: inline-block;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: #fff;
    border-radius: 30px;
}
/*完成注册*/
.reg-suc-box {
    width: 100%;
    text-align: center;
    position: relative;
    background: white;
    padding: 10px 0;
}

.reg-suc-zh {
    width: 80%;
    height: 40px;
    background: url(../images/reg-suc_01.png) no-repeat left center !important;
    background-size: 14px !important;
    border-bottom: 1px solid #CCD6DD !important;
    padding-left: 27px;
    font-size: 14px;
    color: #859AA9;
}

.reg-suc-pwd {
    width: 80%;
    height: 40px;
    background: url(../images/login-password.png) no-repeat left center;
    background-size: 14px;
    border-bottom: 1px solid #CCD6DD;
    padding-left: 27px;
    font-size: 14px;
    color: #859AA9;
}

.reg-yz-btn {
    width: 32%;
    height: 40px;
    position: absolute;
    top: 5%;
    right: 6%;
    border-radius: 8px;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: white;
}

.reg-confirm {
    width: 86%;
    height: 40px;
    margin-top: 80px;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: white;
    font-size: 16px;
    border-radius: 30px;
}

/* 登录main */
.login-box {
    width: 100%;
    height: auto;
}

.login-top {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
}

.login-return {
    width: 100%;
    height: 40px;
    background: url(../images/back.png) no-repeat 18px center;
    background-size: 10px;
}

.login-logo {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0;
}

.login-main {
    width: 94%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.input-row {
    width: 94%;
    height: auto;
    position: relative;
}

.user-input,
.pwd-input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    font-size: 14px;
    border-bottom: 1px solid #ececec !important;
    background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    color: #859AA9;
    box-sizing: border-box;
}

.user-input {
    background-image: url(../images/login-phoneico.png) !important;
}

.pwd-input {
    background-image: url(../images/login-password.png) !important;
}

.eyes-open,
.eyes-close {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 20%;
    right: 0;
    background-size: 23px !important;
}

.eyes-open {
    background: url(../images/login-eyes-open.png) no-repeat center center;
}

.eyes-close {
    background: url(../images/login-eyes-close.png) no-repeat center center;
}

.actions {
    width: 90%;
    height: auto;
}

.fast-reg,
.forget-pwd {
    font-size: 13px;
    top: 100px;
    color: #859AA9;
    padding: 15px 0;
}

.fast-reg {
    float: left;
    left: 0px;
}

.forget-pwd {
    float: right;
    right: 0px;
}

.login-btn {
    width: 80%;
    height: 40px;
    background: -webkit-linear-gradient(left, #6880F1, #8474F3);
    background: -o-linear-gradient(right, #6880F1, #8474F3);
    background: -moz-linear-gradient(right, #6880F1, #8474F3);
    background: linear-gradient(to right, #6880F1, #8474F3);
    border-radius: 30px;
    color: white;
    margin: 5% 0;
}

.login-foot {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background-color: #fff;
    margin-top: 45px;
}

/*@media screen and (min-height: 500px) {
    .login-foot {
        position: fixed;
        bottom: 0;
        left: 0;
        height:calc((100% - 420px)/2);
    }
}*/



.other-main {
    width: 100%;
    bottom: 80px;
}

.other-login-span {
    display: block;
    position: relative;
    color: #859AA9;
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
}

.other-login-span::before,
.other-login-span::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #ececec;
    width: 20%;
    height: 1px;
}

.other-login-span::before {
    left: 18%;
}

.other-login-span::after {
    right: 18%;
}

.other-login-list {
    width: 95%;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}

.other-login-list li {
    width: 33%;
    display: block;
    height: 50px;
    float: left;
}

.login-email {
    background: url(../images/login-way-email.png) no-repeat center center;
    background-size: 25px 18px;
}

.login-wechat {
    background: url(../images/login-way-wechat.png) no-repeat center center;
    background-size: 28px 23px;
}

.login-weibo {
    background: url(../images/login-way-weibo.png) no-repeat center center;
    background-size: 25px 25px;
}

/* 订单详情 */

.details-box {
    width: 100%;
    height: auto;
    background-color: white;
    margin-bottom: 10px;
}

.details {
    width: 100%;
    height: 50px;
}

.bot-line {
    border-bottom: 1px solid lightgray;
}

.details li {
    float: left;
    width: 45%;
    height: 50px;
    line-height: 50px;
}

.details li span {
    margin-left: 5px;
}

.details li:nth-child(1) {
    text-align: left;
    color: gray;
    margin-left: 5%;
}

.details li:nth-child(2) {
    text-align: right;
    color: #859AA9;
}

.details .li-co {
    color: red !important;
}


/* 附近车库 */

.garage-box {
    margin: 0 auto;
    width: 93%;
    height: 160px;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}

.garage-title {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px;
}

.garage-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 100px;
    height: 36px;
    color: white;
    border-radius: 30px;
    background: -webkit-linear-gradient(left, #569AFF, #0BC7F8);
    background: -o-linear-gradient(right, #569AFF, #0BC7F8);
    background: -moz-linear-gradient(right, #569AFF, #0BC7F8);
    background: linear-gradient(to right, #569AFF, #0BC7F8);
}

.surplus {
    position: absolute;
    right: 20px;
    top: 25px;
    color: gray;
}

.surplus span {
    font-size: 24px;
    color: #639CFF;
    margin-right: 5px;
}

.garage-money {
    position: absolute;
    top: 50px;
    left: 20px;
    width: 80px;
    height: 60px;
}

.garage-money .p-top {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: gray;
}

.garage-money .p-top span {
    font-size: 22px;
    color: #639CFF;
}

.garage-money .p-bot {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: gray;
}

.garage-distance {
    position: absolute;
    top: 115px;
    left: 30px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    background-image: url(../../Images/distance_03.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    color: #639CFF;
}


/* 我的车辆 */

.mycar-box {
    margin: 0 auto;
    width: 96%;
    margin-bottom: 10px;
    background-color: white;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px 15px;
}

.mycar-box.icon-link {
    background: #fff url(../images/next-icon.png) no-repeat 95% 14px;
}

.mycar-top {
    line-height: 24px;
    padding: 10px 0px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.mycar-title {
    font-size: 20px;
    line-height: 34px;
}

.mycar-top button {
    position: absolute;
    top: 12px;
    right: 60px;
    height: 30px;
    padding-right: 6px;
    line-height: 30px;
    background: url(../images/car-note.png) no-repeat 3px center;
    background-size: 15px;
    padding-left: 22px;
    color: #859AA9;
}

.mycar-note {
}

.mycar-top .mycar-del {
    right: 0px;
    background-image: url(../images/car-del.png);
}

.mycar-type {
    color: #849DAE;
}

.mycar-bot {
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.mycar-bot.text-l {
    text-align: left;
}

.mycar-bot a {
    color: #3DB1FF;
    text-decoration: underline;
    text-decoration-line: #859AA9;
}

.addcar-btn {
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 80%;
    height: 40px;
    color: white;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
}


/* 优惠券 */

.discount {
    margin: 0 auto;
    width: 92%;
    height: 110px;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 10px;
}

.discount-left {
    float: left;
    width: 20%;
    height: 110px;
    color: white;
    text-align: center;
    background-image: url(../images/discount.png);
    background-repeat: no-repeat;
    background-size: 58px 100%;
    position: relative;
}

.discount-left p {
    position: absolute;
    top: 24px;
    left: 18px;
    width: 20px;
    height: 60px;
    text-align: center;
    font-size: 16px;
}

.discount-right-one {
    margin-left: 3%;
    float: left;
    width: 74%;
    height: 69px;
    border-bottom: 1px dashed #859AA9;
    position: relative;
}

.discount-money {
    position: absolute;
    left: 10px;
    top: 14px;
    color: #A487EA;
}

.discount-money span {
    font-size: 40px;
}

.discount-name {
    color: #859AA9;
    position: absolute;
    top: 20px;
    left: 90px;
}

.discount-use {
    color: #A487EA;
    left: 90px;
    top: 44px;
    position: absolute;
}

.discount-right-two {
    margin-left: 3%;
    float: left;
    width: 74%;
    height: 40px;
    position: relative;
    color: #859AA9;
}

.discount-end {
    position: absolute;
    top: 10px;
    left: 10px;
}

.discount-time {
    position: absolute;
    top: 10px;
    right: 0px;
}


/* 全部明细 */

.all-dropdown {
    background-image: url(../../Images/dropdown-ico.png);
    background-size: 12px;
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    position: absolute;
    top: 38px;
    left: 60%;
}

.sub-menu {
    position: absolute;
    display: none;
    top: 67px;
    left: 36%;
    padding-left: 0 !important;
}

.sub-menu li {
    height: 40px;
    line-height: 40px;
    width: 100px;
    color: #fff;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
}

.sub-menu li:hover {
    background-color: #666666;
}

.all-bg {
    padding-bottom: 30px;
    background-color: white;
}

.all-box {
    overflow: hidden;
    background-color: white;
    /* clear: both; */
}

.all-box li {
    padding: 10px 0px;
    padding-left: 36px;
    background: url(../images/icon/all-one.png) no-repeat 10px center;
    background-size: 18px auto;
    border-top: 1px solid #f2f2f2;
    position: relative;
}

.all-box.pay-item li {
    background: url(../images/icon/all-two.png) no-repeat 10px center;
}

.all-box li:last-child {
    border-bottom: 1px solid #f2f2f2;
}

.all-box li .all-time {
    font-size: 12px;
    color: gray;
}

.all-box li .all-money {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 18px;
}

/*.all-box li:nth-child(1) {
    float: left;
    width: 12%;
    height: 50px;
}

.all-box li:nth-child(2) {
    float: left;
    width: 88%;
    height: 49px;
    border-bottom: 1px solid lightgray;
    position: relative;
}

.all-box li:nth-child(2) .all-title {
    position: absolute;
    top: 10px;
    left: 0px;
}

.all-box li:nth-child(2) .all-time {
    position: absolute;
    top: 30px;
    left: 0px;
    font-size: 12px;
    color: gray;
}

.all-box li:nth-child(2) .all-money {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 18px;
}*/


/* 车牌录入 */

.input-bg {
    width: 100%;
    height: 100px;
    /*background-image: url(../images/input_03.png);*/
    background-image: url(../images/input.gif);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center center;
}

.input-title {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    text-align: center;
    color: #859AA9;
    font-size: 16px;
}

.input-number {
    margin: 0 auto;
    width: 90%;
    height: 50px;
    margin-top: 20px;
}

.input-number li {
    float: left;
    width: 14%;
    height: 34px;
    position: relative;
}

.input-number li input {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    border: 1px solid #83A3BB;
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 6px;
}

.chatext li {
    width: 12%;
}

.input-choice {
    margin: 0 auto;
    width: 90%;
    height: 30px;
    margin-top: -30px;
    display: none;
}

.input-choice .choice-btn {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #28B338;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 2px;
}

.input-choice .choice-btn img {
    width: 16px;
}

.input-choice .choice-text {
    float: right;
    margin-top: 2px;
    margin-right: 5px;
    color: #787878;
}

.input-btn {
    /*margin-top: 20px;*/
    width: 90%;
    height: 40px;
    margin: 0px 5%;
    border-radius: 30px;
    color: white;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
}

.content-nor {
    margin-top: 10px;
    padding: 0px 5%;
}

.content-nor h4 {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.content-nor h4 span {
    font-size: 12px;
    color: #6880F1;
}

.nor-link {
    padding: 5px 0px;
}

.nor-link a {
    float: left;
    width: 33%;
    display: block;
    line-height: 44px;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #e2e2e2;
    background: #fff;
}

.nor-link a:nth-child(3n+2) {
    margin: 0px .5%;
}

.car-banner {
    margin-top: 10px;
    padding: 10px;
}

.car-banner img {
    width: 100%;
    border-radius: 0px;
}
.phone-continer {
    width:100%;
    height:50px;
    padding:0 20px;
    margin-bottom:10px;
/*    border:1px solid #999;*/
}
    .phone-continer input {
        border:1px solid #e2e2e2;
        width:100%;
        height:50px;
        line-height:50px;
        background-color:#fff;
        padding:0 15px;
        font-size:18px;
    }
.car_input_a {
    color:#f01b2d;
}
/* 订单 */
.order-box {
    margin: 0 auto;
    width: 94%;
    height: auto;
    background-color: white;
    border-radius: 8px;
    margin-bottom: 10px;
    padding-top:5px;
    padding-bottom:10px;
}

.order-top {
    margin: 0 auto;
    width: 95%;
    height: 40px;
    border-bottom: 1px solid #ABC3D2;
    position: relative;
}

.order-title {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 14px;
}

.order-address {
    position: absolute;
    top: 14px;
    right: 5px;
    color: #849DAE;
}

.order-bot {
    margin: 0 auto;
    width: 94%;
    height: auto;
    position: relative;
}

.order-bot p:nth-child(-n+3) span {
    color: #6B808D;
    margin-right: 5px;
}

.order-bot div p {
    height: 25px;
    line-height: 25px;
    color: #859AA9;
}

/*.order-start {
        position: absolute;
        top: 10px;
        left: 5px;
        color: #859AA9;
    }

.order-end {
    position: absolute;
    top: 30px;
    left: 5px;
    color: #859AA9;
}

.order-time {
    position: absolute;
    top: 50px;
    left: 5px;
    color: #859AA9;
}
*/
.order-money {
    color: red !important;
    position: absolute;
    top: 6px;
    right: 5px;
}

.order-money span {
    font-size: 18px;
}

.order-btn {
    position: absolute;
    top: 44px;
    right: 5px;
    width: 60px;
    height: 24px;
    border: 1px solid #859AA9;
    color: #859AA9;
    border-radius: 30px;
}


/* 充值 */
.re-much {
    width: 100%;
    height: 120px;
    background-color: white;
    padding-top: 30px;
}

.re-title {
    margin: 0 auto;
    width: 86%;
    height: 30px;
    color: #859AA9;
}

.re-money {
    width: 80%;
    margin-left: 7%;
    margin-top: 10px;
    height: 40px;
    background-image: url(../images/rmb.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
    padding-left: 24px;
}

.re-money input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
}

.re-way {
    width: 100%;
    height: auto;
    margin-top: 10px;
    background-color: white;
    padding-top: 10px;
}

.re-way-title {
    margin: 0 auto;
    width: 86%;
    height: 30px;
    color: #859AA9;
    margin-bottom: 10px;
}

.re-box {
    margin: 0 auto;
    width: 86%;
    height: 50px;
}


.re-box li {
    float: left;
    height: 50px;
}

.re-box li:first-child {
    width: 15%;
    background: url(../images/icon/icon_pay.png) no-repeat left center;
    background-size: 30px;
}

.re-box li:last-child {
    width: 85%;
    position: relative;
}

.re-box li.li-line {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 5px;
    box-sizing: border-box;
}

.re-box li .re-one {
    font-size: 14px;
}

.re-box li .re-two {
    color: #859AA9;
    font-size: 12px;
}

.re-box.disabled li .re-two {
    display: none;
}

.re-box li .re-none {
    display: none;
}

.re-box.disabled li .re-none {
    display: block;
}

.re-box li .re-three {
    border: 1px solid #859AA9;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 15px;
    right: 0px;
    border-radius: 100%;
}

.re-box.re-choice li .re-three {
    background: url(../images/re-choice.png) no-repeat;
    background-size: 100%;
    border: none;
    width: 20px;
    height: 20px;
}

.re-box.weixin-bg li:first-child {
    background-image: url(../images/wx-pay.png);
}

.re-box.alipay-bg li:first-child {
    background-image: url(../images/bao-pay.png);
}

.re-box.bank-bg li:first-child {
    background-image: url(../images/bank-pay.png);
}

.re-box.disabled, .re-box.disabled li .re-two {
    color: #ccc;
}

.re-box.disabled li .re-three {
    border-color: #ccc;
}

.re-box.disabled li:first-child {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.re-btn {
    margin-top: 30px;
    margin-left: 10%;
    width: 80%;
    height: 40px;
    color: white;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    border-radius: 30px;
}


/* 兑换 */

.ex-top {
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
}

.ex-much {
    text-align: center;
    font-size: 26px;
    color: white;
}

.ex-use {
    text-align: center;
    color: white;
}

.ex-btn-box {
    margin: 0 auto;
    width: 200px;
    height: 32px;
    margin-top: 24px;
}

.ex-btn-left {
    float: left;
    width: 80px;
    height: 30px;
    border: 1px solid white;
    border-radius: 6px;
    color: white;
}

.ex-btn-right {
    float: right;
    width: 80px;
    height: 30px;
    border: 1px solid white;
    border-radius: 6px;
    color: white;
}

.ex-bot {
    width: 100%;
    height: auto;
    background-color: white;
    padding-bottom: 10px;
}

.ex-title {
    height: 40px;
    line-height: 40px;
    margin-left: 5%;
}

.ex-ex {
    width: 100%;
    height: 120px;
}

.ex-ex li {
    float: left;
    width: 50%;
    height: 110px;
}

.ex-ex li .ex-card {
    margin: 0 auto;
    width: 140px;
    height: 110px;
    border: 1px solid lightgray;
    position: relative;
}

.ex-card .ex-bg {
    position: absolute;
    top: 10px;
    left: 7px;
    width: 126px;
    height: 60px;
    background-image: url(../images/ex_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 10px;
}

.ex-card .ex-bg p {
    color: white;
    font-size: 12px;
    text-align: center;
}

.ex-card .ex-bg p span {
    font-size: 20px;
}

.ex-yes {
    position: absolute;
    top: 85px;
    left: 35%;
    color: #E2AD39;
    font-size: 12px;
}


/* 个人信息 */

.personal-out {
    width: 100%;
    height: auto;
    background-color: white;
    margin-bottom: 10px;
    color: #464f56;
}

.personal-box {
    width: 95%;
    height: 50px;
    margin-left: 5%;
    position: relative;
}

.personal-attr {
    position: absolute;
    left: 0px;
    top: 50%;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    font-size: 14px;
}

.personal-val {
    position: absolute;
    right: 30px;
    top: 50%;
    min-width: 50%;
    text-align: right;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin-top: -15px;
    color: #464f56;
}

.personal-select {
    padding-right: 50px;
    color: #fff;
}

.off .personal-select {
    color: #333;
}

.input-select {
    border: none;
    width: 105%;
    height: 100%;
    text-align: right;
    padding-right: 30px;
    box-sizing: border-box;
    background: none;
    text-align-last: right;
}

.input-select option {
    direction: ltr;
}

.select-val {
    padding-right: 30px;
}

.personal-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 20px;
    height: 30px;
    margin-top: -15px;
    background-image: url(../images/next-icon.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center center;
}

.personal-img {
    width: 95%;
    height: 80px;
    margin-left: 5%;
    position: relative;
}

.personal-attr label {
    line-height: 50px;
}

.personal-img-val {
    position: absolute;
    right: 30px;
    top: 10px;
    width: 60px;
    height: 60px;
    background-color: #0BC7F8;
    border-radius: 50%;
    overflow: hidden;
}

.personal-img-val img {
    width: 100%;
}

.personal-line {
    border-bottom: 1px solid #f3f3f3;
}

.exit-login {
    margin-top: 30px;
    margin-left: 7%;
    width: 86%;
    height: 40px;
    color: #fff;
    cursor: pointer;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    border-radius: 30px;
}

.select-box {
    position: absolute;
    right: 10px;
    top: 8px;
}

.select-box a {
    display: inline-block;
    line-height: 30px;
    padding: 0px 5px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e2e2e2;
    background: #f2f2f2;
    min-width: 20px;
    float: right;
    margin-left: 1px;
}

.off .select-box a {
    display: none;
}

.select-box a.selected {
    background: rgb(0,199,0);
    color: #fff;
    border-color: rgb(0,199,0);
}

.select-box a.select-btn {
    width: 20px;
    font-size: 20px;
    display: block;
    text-align: center;
}

.off .select-box a.select-btn {
    background: url(../images/icon/icon_bgn_back.png) no-repeat center center;
    background-size: 66% auto;
    text-indent: -99999em;
}
/* 停车记录 */

.stop-choice {
    width: 100%;
    height: 40px;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    position: fixed;
    z-index: 999;
}

.stop-choice li {
    float: left;
    width: 25%;
    height: 38px;
    line-height: 40px;
    text-align: center;
    color: white;
}

.stop-choice .choice-co {
    border-bottom: 2px solid #FDE304;
    color: #FDE304;
}

.stop-out-box {
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 10px;
}

.stop-box {
    margin: 0 auto;
    width: 92%;
    height: 120px;
    background-color: white;
    margin-top: 10px;
    border-radius: 8px;
}

.stop-top {
    width: 90%;
    margin: 0 auto;
    height: 40px;
    border-bottom: 1px solid #C1D5E2;
    position: relative;
}

.stop-title {
    position: absolute;
    left: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.stop-bot {
    width: 90%;
    margin: 0 auto;
    height: 79px;
    position: relative;
}

.stop-bot p {
    color: #ABC3D2;
}

.stop-bot p span {
    color: #6B808D;
}

.stop-number {
    position: absolute;
    left: 0px;
    top: 16px;
}

.stop-time {
    position: absolute;
    left: 0px;
    top: 40px;
}

.stop-money {
    position: absolute;
    top: 30px;
    right: 0px;
    color: red !important;
}

.stop-money span {
    font-size: 20px;
    color: red !important;
}

.stop-suc {
    position: absolute;
    right: 0px;
    top: 10px;
    border-radius: 30px;
    color: white;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    background-color: #D0D6D9;
}

.stop-will {
    position: absolute;
    right: 0px;
    top: 10px;
    border-radius: 30px;
    color: white;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    background-color: #7DC9F4;
}

.stop-end {
    position: absolute;
    right: 0px;
    top: 10px;
    border-radius: 30px;
    color: white;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    background-color: #8CDC7F;
}


/* 消息 */

.infor-box {
    width: 100%;
    height: auto;
    /*padding-bottom: 60px;*/
    background-color: white;
}

.infor {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
}

.infor-img {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.infor-circle {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    left: 45px;
    background-color: red;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    border-radius: 50px;
}

.infor-hide {
    display: none;
}

.infor-img img {
    width: 100%;
}

.infor-title {
    position: absolute;
    top: 18px;
    left: 75px;
    font-size: 16px;
}

.infor-details {
    position: absolute;
    top: 44px;
    left: 75px;
    color: gray;
}

.infor-time {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 12px;
    color: gray;
}

/* 关于 */

.about-logo {
    width: 100%;
    height: auto;
    padding: 30px 0;
    text-align: center;
}

.about-logo img {
    width: 60px;
    margin-bottom: 10px;
}

.about-box {
    width: 96%;
    height: 46px;
    margin-left: 4%;
    border-bottom: 1px solid #f3f3f3;
    font-size: 12px;
    color: gray;
}

.about-left {
    height: 46px;
    line-height: 46px;
    float: left;
}

.about-right {
    height: 46px;
    line-height: 46px;
    float: right;
    margin-right: 10px;
}

.about-box .co {
    color: #2CC221;
}

.about-right button {
    width: 20px;
    height: 46px;
    background-image: url(../images/next-icon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
}

.about-bot {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 12px;
}

.about-bot a {
    color: #499FF7;
    line-height: 20px;
}

.about-bot p {
    line-height: 20px;
}


/* 设置 */

.system-line {
    border-bottom: 1px solid #f3f3f3;
}

.system-box {
    width: 100%;
    height: auto;
    background-color: white;
    margin-bottom: 10px;
}

.system {
    width: 96%;
    margin-left: 4%;
    height: 50px;
}

.sys-info,
.sys-dx,
.sys-idea,
.sys-bb,
.sys-about {
    float: left;
    height: 50px;
    line-height: 50px;
    width: 100px;
    padding-left: 28px;
    color: #859AA9;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
}

.sys-info {
    background-image: url(../images/icon/sys-info.png);
}

.sys-dx {
    background-image: url(../images/icon/sys-dx.png);
}

.sys-idea {
    background-image: url(../images/icon/sys-idea.png);
}

.sys-bb {
    background-image: url(../images/icon/sys-bb.png);
}

.sys-about {
    background-image: url(../images/icon/sys-about.png);
}

.sys-right {
    height: 50px;
    float: right;
    width: 100px;
    position: relative;
    right: 10px;
    text-align: right;
    line-height: 50px;
    color: #859AA9;
}

.sys-right button {
    width: 20px;
    height: 50px;
    background-image: url(../images/next-icon.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right center;
}

.login-out-btn {
    width: 86%;
    height: 40px;
    margin-left: 7%;
    margin-top: 20px;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: white;
    font-size: 16px;
    border-radius: 30px;
}

.sys-choice {
    width: 48px;
    height: 24px;
    border-radius: 30px;
    background-color: #859AA9;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    padding: 1px;
}

.sys-choice-co {
    background-color: #23D227 !important;
}

.sys-btn {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-color: white;
}


/* 意见反馈 */

.feed {
    margin: 0 auto;
    width: 82%;
    height: 200px;
    background-color: white;
    padding: 16px;
}

.feed textarea {
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    outline: none;
}

.feed-btn {
    width: 86%;
    height: 40px;
    margin-left: 7%;
    margin-top: 50px;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: white;
    font-size: 16px;
    border-radius: 30px;
}


/*基本信息*/

.basic-bg {
    width: 100%;
    background-color: #fff;
    height: 330px;
}

.basic-box {
    width: 90%;
    height: 55px;
    margin: 0 auto;
    border-bottom: 1px solid #DDE4E9;
}

.basic-bg .basic-box:nth-child(1) {
    background-image: url(../../Images/basic-num.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.basic-bg .basic-box:nth-child(2) {
    background-image: url(../../Images/basic-call.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.basic-bg .basic-box:nth-child(4) {
    background-image: url(../../Images/basic-name.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.basic-box input {
    padding-left: 30px;
    height: 55px;
    width: 90%;
}

.basic-box input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #A4AEB4;
}

.basic-bg button {
    width: 86%;
    height: 40px;
    margin-left: 7%;
    margin-top: 65px;
    border-radius: 30px;
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: #fff;
    font-size: 17px;
}


/*验证*/

.proving-bg {
    width: 100%;
    background-color: #fff;
    height: 330px;
}

.proving-box {
    width: 85%;
    height: 55px;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 5%;
    border-bottom: 1px solid #DDE4E9;
}

.proving-bg .proving-box {
    background-image: url(../../Images/proving-ico.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.proving-box input:nth-child(1) {
    padding-left: 30px;
    height: 55px;
    width: 60%;
}

.proving-box input:nth-child(2) {
    padding-left: 0px;
    /*height: 55px;
	width: 60%;*/
}

.proving-box input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #A4AEB4;
}

.proving-sent {
    margin-left: 5%;
    color: #97A0A5;
    margin-top: 15px;
    font-size: 13px;
}

.proving-sentting {
    background-color: #BFCAD2;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    line-height: 45px;
    height: 45px;
    margin-top: -3px;
    float: right;
    margin-right: -15px;
    width: 30%;
}

#btn {
    background-color: #BFCAD2;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    line-height: 45px;
    height: 45px;
    margin-top: -3px;
    float: right;
    margin-right: -15px;
    width: 30%;
    outline: none;
}

input {
    background: none;
    outline: none;
    border: 0px;
}

.proving-bg button {
    width: 86%;
    height: 40px;
    margin-left: 7%;
    margin-top: 85px;
    border-radius: 30px;
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: #fff;
    font-size: 17px;
}


/*预约支付*/

.mask {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: rgba(10, 10, 10, 0.3);
}

.content {
    height: 395px;
    width: 70%;
    border: none;
    background-color: #fff;
    position: relative;
    top: 19%;
    left: 15%;
    z-index: 1001;
    border-radius: 10px;
    overflow: hidden;
}

.content-top {
    height: 20%;
    width: 100%;
    background-image: url(../../Images/appoint-bg.png);
    background-repeat: no-repeat;
    background-size: 101%;
    text-align: center;
    color: #fff;
}

.content-top p:first-child {
    padding-top: 17px;
    font-size: 14px;
}

.content-top p span {
    font-size: 18px;
}

.content-top .p-co {
    color: red;
}

.content-top p:last-child {
    font-size: 12px;
    padding-top: 5px;
}

.content-bot {
    height: 80%;
    width: 100%;
    background-color: #fff;
    text-align: center;
}

.content-bot > p:nth-child(1) {
    color: #6880F2;
    font-size: 22px;
    padding-top: 10px;
}

.content-bot p span {
    color: #6880F2;
    font-size: 16px;
}

.content-cue {
    text-align: left;
    color: #9DA5AA;
    width: 88%;
    height: 28%;
    font-size: 12px;
    line-height: 22px;
    margin: 0 auto;
    padding-top: 15px;
    border-bottom: 1px solid #e7ecf3;
}

.content-bot ul li p {
    color: #818D94;
    font-size: 22px;
    padding-top: 10px;
}

.repay-box {
    margin: 0 auto;
    width: 86%;
    height: 40px;
}

.repay-box li {
    float: left;
    height: 40px;
}

.repay-box li:nth-child(1) {
    width: 15%;
}

.repay-box li:nth-child(2) {
    width: 85%;
    position: relative;
}

.repay-box .li-line {
    border-bottom: 1px solid lightgray;
}

.repay-box li:nth-child(2) .re-one {
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 0px;
}

.repay-box li:nth-child(2) .re-two {
    color: gray;
    position: absolute;
    top: 25px;
    left: 0px;
    font-size: 12px;
}

.repay-box li:nth-child(2) .re-three {
    border: 1px solid gray;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    right: 0px;
    border-radius: 50%;
}

.repay-box.re-choice li .re-three {
    background-image: url(../../Images/re-choice.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    width: 20px;
    height: 20px;
}

.repay-box.weixin-bg li:first-child {
    background-image: url(../../Images/wechatpay.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 23px;
}

.repay-box.leftpay-bg li:first-child {
    background-image: url(../../Images/left-pay.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 23px;
}

.repay-btn {
    margin-top: 30px;
    width: 55%;
    height: 40px;
    color: white;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    border-radius: 30px;
}


/*预约成功*/

.orderok-bg {
    width: 100%;
    height: 100%;
    text-align: center;
}

.order-position {
    color: #000;
    padding-top: 15px;
    font-size: 17px;
}

.order-carnum {
    background-image: url(../images/order-success.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 130px;
    width: 75%;
    margin: 0 auto;
    border-radius: 10px 10px;
    margin-top: 20px;
    color: #fff;
}

.order-carnum > p:nth-child(1) {
    font-size: 13px;
    padding-top: 25px;
}

.order-carnum > p:nth-child(2) {
    font-size: 28px;
    padding-top: 15px;
}

.order-condition {
    color: #000;
    font-size: 16px;
    margin-top: 25px;
}

.order-cue {
    color: #8A98A0;
    font-size: 13px;
    margin-top: 15px;
}

.orderok-bg ul {
    text-align: left;
    width: 240px;
    margin: 0 auto;
}

.orderok-bg ul li:nth-child(1) {
    background-image: url(../images/position-ico.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    padding-top: 5px;
    padding-left: 30px;
    margin: 0 auto;
    margin-top: 40px;
    color: #000;
    font-size: 12px;
}

.orderok-bg ul li:nth-child(2) {
    background-image: url(../images/ordertime-ico.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    padding-top: 5px;
    padding-left: 30px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 12px;
}

.orderok-bg ul li span {
    color: #8A98A0;
}

.order-leftbtn {
    margin-top: 30px;
    width: 39%;
    height: 40px;
    border: 1px solid #7879F3;
    border-radius: 30px;
    color: #767AF3;
    margin-top: 60px;
}

.order-rightbtn {
    margin-top: 30px;
    width: 39%;
    height: 40px;
    color: white;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    border-radius: 30px;
    margin-left: 5%;
    margin-top: 60px;
}


/*活动公告*/

.event-bg {
    width: 100%;
    height: auto;
}

.event-box {
    width: 90%;
    height: 175px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.event-top {
    height: 130px;
    background-image: url(../../Images/event-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.event-bot {
    line-height: 20px;
}

.event-bot p:nth-child(1) {
    color: black;
    font-size: 15px;
    margin-left: 5%;
}

.event-bot p:nth-child(2) {
    color: gray;
    font-size: 12px;
    margin-left: 5%;
}


/*活动详情*/

.eventdetails-bg {
    width: 100%;
    height: auto;
}

.edetails-banner {
    width: 100%;
    height: 170px;
    background-image: url(../../Images/eventdetails.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.edetails-title {
    width: 25%;
    height: 30px;
    color: white;
    background: -webkit-linear-gradient(left, ##6194FF, #70D8FA);
    background: -o-linear-gradient(right, #6194FF, #70D8FA);
    background: -moz-linear-gradient(right, #6194FF, #70D8FA);
    background: linear-gradient(to right, #5B97FF, #16C1F9);
    border-radius: 30px;
    font-size: 14px;
    margin-left: 5%;
    margin-top: 15px;
    text-align: center;
    line-height: 30px;
}

.eventdetails-bg p {
    color: #61686D;
    font-size: 13px;
    margin-left: 10%;
    margin-bottom: 20px;
    margin-top: 10px;
}


/*停车通知*/

.parking-notice {
    width: 100%;
    height: auto;
}

.parking-box {
    padding-top: 0px;
    width: 100%;
}

.parking-message {
    height: auto !important;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 10px;
}

.message-top {
    width: 100%;
    height: 40px;
}

.message-bot {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    overflow: hidden;
}

.notice-title {
    color: #757D83;
    font-size: 15px;
    width: 60%;
    float: left;
    margin: 10px 0px 10px 20px;
    word-break: break-all;
}

.notice-time {
    color: #A7B3BB;
    font-size: 14px;
    width: 20%;
    text-align: right;
    float: right;
    margin: 10px 20px 10px 0px;
}

.notice-message {
    color: #A7B3BB;
    font-size: 13px;
    width: 90%;
    margin: 1px 20px;
    word-wrap: break-word;
    word-break: break-all;
}

.notice-car {
    color: #21A4FC;
}


/*支付通知*/

.payment-bg {
    width: 100%;
    height: auto;
}

.payment-box {
    width: 100%;
    margin: 0 auto;
}

.payment-message {
    width: 94%;
    margin: 0 3%;
    height: 170px;
    background-color: #fff;
    border-radius: 10px;
}

.payment-top {
    width: 95%;
    height: 40px;
    margin: 0 2.5% auto;
}

.payment-mid {
    width: 90%;
    height: 90px;
    margin: 0 5% auto;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.payment-bot {
    width: 95%;
    height: 30px;
    margin: 0 2.5% auto;
    background-image: url(../../Images/headon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: 97% 10%;
}

.payment-title {
    color: #687279;
    font-size: 15px;
    width: 30%;
    float: left;
    margin: 10px 2.5%;
}

.payment-time {
    color: #9BAEBA;
    font-size: 13px;
    width: 40%;
    text-align: right;
    float: right;
    margin: 10px 2.5%;
}

.payment-sum {
    font-size: 22px;
    color: #687279;
    margin: 10px 5px 5px 0px;
}

.payment-success {
    font-size: 12px;
    color: #9BAEBA;
    margin: 0px;
}

.payment-order {
    font-size: 12px;
    color: #9BAEBA;
    margin: 0px;
}

.payment-order > span {
    font-size: 12px;
    color: #687279;
    margin: 0px;
}

.payment-details {
    color: #667782;
    margin: 10px 2.5%;
    font-size: 12px;
}
/*账单详情*/

.billdetails-bg {
    width: 100%;
    height: auto;
}

.billdetails-topbg {
    margin: o auto;
    text-align: center;
    background-color: #fff;
    height: 180px;
}

.billdetails-topbg > img {
    height: 55px;
    width: 60px;
    margin-top: 35px;
}

.bdtop-payway {
    color: #869097;
    font-size: 15px;
    margin: 12px;
}

.bdtop-sum {
    font-size: 22px;
    color: #687279;
}

.billdetails-midbg {
    background-color: #fff;
    width: 100%;
    height: 210px;
    margin-bottom: 15px;
}

.billdetails-mid {
    width: 90%;
    margin: 0 5% auto;
    padding-top: 15px;
    text-align: left;
    border-top: 1px solid #DAE4EB;
}

.billdetails-mid > li > p {
    width: 25%;
    float: left;
    color: #A8B3BA;
    margin-bottom: 10px;
}

.billdetails-mid > li > span {
    width: 75%;
    float: left;
    color: #616D75;
    margin-bottom: 12px;
}

.billdetails-botbg {
    background-color: #fff;
    width: 100%;
    height: 80px;
}

.billdetails-bot {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.billdetails-bot li:first-child {
    text-align: left;
    height: 40px;
    color: #616D75;
    line-height: 40px;
    background-image: url(../images/headon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
}

.billdetails-bot li:last-child {
    text-align: left;
    height: 40px;
    color: #616D75;
    line-height: 40px;
    border-top: 1px solid #DAE4EB;
    background-image: url(../../Images/headon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
}
/* 设置新密码 */
.set-password {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.setpwd-box {
    width: 100%;
    text-align: center;
    position: relative;
    background: white;
}

.pwd-box {
    width: 100%;
    text-align: center;
    position: relative;
    background: white;
    padding: 10px 0;
}

.set-password-input {
    width: 80%;
    height: 40px;
    background: url(../images/login-password.png) no-repeat left center;
    background-size: 14px;
    border-bottom: 1px solid #CCD6DD;
    padding-left: 27px;
    font-size: 14px;
    color: #859AA9;
}

.set-password-input::-webkit-input-placeholder {
    color: #859AA9;
    letter-spacing: 0px;
}

.setpwd-eyes-open,
.setpwd-eyes-open2,
.setpwd-eyes-open3 {
    position: absolute;
    background: url(../images/login-eyes-open.png) no-repeat left center;
    background-size: 23px;
    height: 40px;
    width: 40px;
    top: 20%;
    right: 4%;
}

.setpwd-eyes-close,
.setpwd-eyes-close2,
.setpwd-eyes-close3 {
    position: absolute;
    background: url(../images/login-eyes-close.png) no-repeat left center;
    background-size: 23px;
    height: 40px;
    width: 40px;
    top: 20%;
    right: 4%;
}

.setpwd-box button {
    width: 86%;
    height: 40px;
    margin-top: 80px;
    border-radius: 30px;
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: #fff;
    font-size: 15px;
}

/* 请输入手机号码 */
.input-tel {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.inputtel-box {
    width: 100%;
    text-align: center;
}

.inputtel-cue {
    color: #859AA9;
    font-size: 15px;
    margin: 15px 5%;
    text-align: left;
}

.inputtel-input {
    outline: none;
    border: none;
    background: none;
    width: 80%;
    height: 40px;
    letter-spacing: 5px;
    background-image: url(../../Images/setpwd-ico.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 1px solid #C1CBD1;
    padding-left: 27px;
    font-size: 14px;
}

.inputtel-input::-webkit-input-placeholder {
    color: #aab2bd;
    letter-spacing: 0px;
}

.inputtel-box button {
    width: 86%;
    height: 40px;
    margin-top: 50px;
    border-radius: 30px;
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: #fff;
    font-size: 15px;
}
/* 忘记密码获得手机验证码 */
.forget-password-proving {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.forgetpwd-proving-box {
    width: 100%;
    text-align: center;
}

.forgetpwd-proving-cue {
    color: #859AA9;
    font-size: 14px;
    width: 80%;
    margin: 15px 10%;
}

.send-proving {
    width: 86%;
    height: 40px;
    margin-top: 50px;
    border-radius: 30px;
    background: linear-gradient(to right, #6880F2, #8474F3);
    color: #fff;
    font-size: 17px;
}

.send-noproving {
    width: 86%;
    height: 40px;
    margin-top: 50px;
    border-radius: 30px;
    background: linear-gradient(to right, #6880F2, #8474F3,);
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    font-size: 17px;
}

.input-proving {
    width: 70%;
    height: 50px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
}

.input-proving li {
    width: 12%;
    margin-left: 4%;
    float: left;
    border-bottom: 1px solid #66727A;
    height: 30px;
}

.proving-text {
    outline: none;
    border: none;
    background: none;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.forgetpwd-reproving {
    margin-top: 20px;
    font-size: 13px;
    color: #859AA9;
}
/*卡包*/
.card-holder {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}

.card-holder-box {
    width: 83%;
    height: 60px;
    margin-left: 8%;
    border-bottom: 1px solid #CCD6DD;
    font-size: 14px;
    color: #000;
    line-height: 60px;
    padding-left: 30px;
}

.card-holder-box:last-child {
    border: none;
}

.card-holder-box img {
    height: 13px;
    width: 9px;
    margin-left: 77%;
}

.card-holder-bank {
    background-image: url(../../Images/card-bank.png);
    background-position: left center;
    background-size: 17px;
    background-repeat: no-repeat;
}

.card-holder-count {
    background-image: url(../../Images/card-count.png);
    background-position: left center;
    background-size: 17px;
    background-repeat: no-repeat;
}

.card-holder-park {
    background-image: url(../../Images/card-park.png);
    background-position: left center;
    background-size: 18px;
    background-repeat: no-repeat;
}
/*银行卡*/
.bank-card {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    /*padding-top: 60px;*/
}

.bank-card-top {
    height: 170px;
    width: 100%;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
    margin: 0 auto;
    position: relative;
}

.bank-card-details {
    height: 130px;
    width: 86%;
    position: absolute;
    border-radius: 20px;
    background: -webkit-linear-gradient(left, #F6816B, #F95A76);
    background: -o-linear-gradient(right, #F6816B, #F95A76);
    background: -moz-linear-gradient(right, #F6816B, #F95A76);
    background: linear-gradient(to right, #F6816B, #F95A76);
    margin: 0 auto;
    top: 20px;
    left: 7%;
    box-shadow: 0px 5px 20px #4a4a4a;
}

.bank-card-details img {
    position: absolute;
    top: 15px;
    left: 25px;
    height: 50px;
    width: 50px;
}

.bank-card-details p {
    color: #fff;
    margin-left: 30%;
    font-size: 15px;
    margin-top: 30px;
}

.bank-card-box {
    width: 83%;
    height: 50px;
    margin-left: 8%;
    border-bottom: 1px solid #CCD6DD;
    font-size: 14px;
    color: #7A8288;
    line-height: 50px;
    padding-left: 30px;
}

.bank-card-box:last-child {
    border: none;
}

.bank-card-box img {
    height: 13px;
    width: 9px;
    margin-left: 77%;
}

.bank-card-transfer {
    background-image: url(../../Images/card-transfer-ico.png);
    background-position: left center;
    background-size: 17px;
    background-repeat: no-repeat;
}

.bank-card-untying {
    background-image: url(../../Images/card-untying-ico.png);
    background-position: left center;
    background-size: 17px;
    background-repeat: no-repeat;
}
/*免密支付*/
.pay-withoutpwd {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}

.pay-withoutpwd-box {
    width: 83%;
    height: 60px;
    margin-left: 8%;
    border-bottom: 1px solid #CCD6DD;
    font-size: 14px;
    color: #000;
    line-height: 60px;
    padding-left: 30px;
}

.pay-withoutpwd-box:last-child {
    border: none;
}

.pay-withoutpwd-box img {
    height: 13px;
    width: 9px;
    float: right;
    margin-right: 20px;
    margin-top: 25px;
}

.pay-withoutpwd-alipay {
    background-image: url(../../Images/without-ico1.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.pay-withoutpwd-wechat {
    background-image: url(../../Images/without-ico2.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.pay-withoutpwd-card {
    background-image: url(../../Images/without-ico3.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
}
/*添加银行卡*/
.addcard-cue {
    color: #859AA9;
    font-size: 14px;
    margin: 15px 8%;
    padding-top: 15px;
    text-align: left;
}

.add-card {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
}

.add-card-box {
    width: 92%;
    height: 60px;
    margin-left: 8%;
    border-bottom: 1px solid #CCD6DD;
    font-size: 14px;
    color: #000;
    line-height: 60px;
}

.add-card-box:last-child {
    height: 70px;
    line-height: 70px;
}

.add-card-box:last-child {
    border: none;
}

.add-card-box-left {
    width: 20%;
    float: left;
}

.add-card-box-right {
    width: 80%;
    float: left;
}

.card-own-info {
    height: 60px;
    width: 20%;
    float: right;
    background-image: url(../../Images/card-own-info.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    padding-right: 20px;
}

.take-card-picture {
    height: 70px;
    width: 20%;
    float: right;
    background-image: url(../../Images/take-photo.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px 17px;
    padding-right: 20px;
}

.add-card-box-right input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #A4AEB4;
}

.addcard-btn {
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 80%;
    font-size: 14px;
    height: 40px;
    color: white;
    background: -webkit-linear-gradient(left, #6880F2, #8474F3);
    background: -o-linear-gradient(right, #6880F2, #8474F3);
    background: -moz-linear-gradient(right, #6880F2, #8474F3);
    background: linear-gradient(to right, #6880F2, #8474F3);
}
/*月卡*/
.month-card-bg {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
}

.month-card-box {
    width: 100%;
    height: 180px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
}

.month-card-top {
    width: 94%;
    height: 180px;
    margin-left: 3%;
    margin: 0px auto;
    background-image: url(../../Images/month-card.png);
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
}

.month-card-top p:nth-child(1) {
    font-size: 25px;
    margin-left: 10%;
    padding-top: 30px;
}

.month-card-top p:nth-child(2) {
    font-size: 15px;
    margin-left: 10%;
    padding-top: 10px;
}

.month-card-top p:nth-child(3) {
    font-size: 15px;
    margin-left: 10%;
    padding-top: 0px;
}


.park-menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 24px;
    text-align: center;
    background: #fff;
    padding: 40px 0px;
    z-index: 99;
}

.park-menu a {
    display: block;
    font-family: Arial;
    padding: 5px 0px;
}

.park-item {
    background: #fff;
    margin-bottom: 5px;
}

.park-item:last-child {
    margin: 0;
}

.park-item h4 {
    line-height: 26px;
    padding: 0px 15px;
    border-bottom: 1px solid #e8e8e8;
}

.park-item dl {
    line-height: 30px;
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
    background: url(../images/next-icon.png) no-repeat 90% center;
    background-size: auto 18px;
}

.park-item dt {
    font-size: 18px;
}

.park-item dd {
    color: #999;
    line-height: 24px;
}