.car-number-license-box{
    width: 6.8rem;
    border-radius: 0.1rem;
    margin: 0 auto;
    overflow: hidden;
    background-color: #3385ff;
}

.car-number-license-box .car-number-license-title{
    height: 1.2rem;
    text-align: left;
    line-height: 0.6rem;
    font-size: 0.4rem;
    padding-left: 0.3rem;
    font-weight: 700;
    color: #ffffff;
    padding-top: 0.2rem;
}

.car-number-license-box .car-number-license-title .description {
    font-size: 0.28rem;
    font-weight: normal;
}
.car-number-license-box .car-number-license-content-box {
    margin-top: 0.2rem;
    padding-top: 0.8rem;
    padding-bottom: 0.2rem;
    background: #ffffff;
    border-top-left-radius: 6.8rem 2rem;
    border-top-right-radius: 6.8rem 2rem;
}
.car-number-license-box .car-number-license-main{
    width: 100%;
    height: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.4rem;
}

.car-number-license-box .no-plate-car-number-license-main{
    height: auto !important;
}

.car-number-license-box .car-number-license-main .description {
    display: block;
    width: 6.3rem;
    margin: 0 auto;
    font-weight: normal;
    text-align: left;

}

.car-number-license-box .car-number-license-main ul{
    width: 6.3rem;
    height: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 0.02rem solid #8799a3;
    border-radius: 0.1rem;
}
.car-number-license-box .car-number-license-main ul li{
    width: 0.78rem;
    height: 0.7rem;
    text-align: center;
    line-height: 0.7rem;
    float: left;
    color: #00154C;
}
/*.car-number-license-box .car-number-license-main ul li:last-of-type{*/
/*    margin: 0;*/
/*    display: none;*/
/*}*/

.car-number-license-box .car-number-license-main ul li:nth-child(2) {
    border-right: 0.02rem solid #8799a3;
}

.car-number-license-box .car-number-license-main ul li.active{
    /*border: 0.01rem solid greenyellow;*/
    /*border-radius: 0.05rem;*/
}
.car-number-license-box .car-number-license-main ul li.new-energy{
    /*background: url(../images/new-energy.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
}

.car-number-license-box .car-number-license-history {
    width: 6.3rem;
    font-weight: 700;
    font-size: 0.4rem;
    margin: 0 auto;
    overflow: hidden;
}

.car-number-license-box .car-number-license-history ul {
    width: 6.3rem;
    display: block;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    font-weight: normal;
    color: #bfbfbf;
    border-top: 0.01rem solid #bfbfbf;
}

.car-number-license-box .car-number-license-history ul li {
    display: block;
    width: 5.8rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    font-weight: normal;
    color: #bfbfbf;
    background: url(../images/history.png) no-repeat left;
    background-size: 0.45rem 0.4rem;
    padding-left: 0.5rem;
}

.car-number-license-box .car-number-license-history ul li .car-number {
    display: block;
    width: 5.3rem;
    height: 0.6rem;
    line-height: 0.6rem;
    float: left;
}

.car-number-license-box .car-number-license-history ul li .delete-car-number {
    display: block;
    float: left;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-top: 0.05rem;
    background: url(../images/close_3x.png) no-repeat center;
    background-size: 0.2rem 0.2rem;
    outline: none;
    border-style: none;
}

.keyboard-box {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.keyboard-box .keyboard-operation {
    width: 100%;
    height: 40px;
    line-height: 20px;
    background: #f4f4f6;
}

.keyboard-box .keyboard-operation button {
    height: 40px;
    line-height: 40px;
    float: right;
    color: dodgerblue;
    padding-right: 10px;
    outline: none;
    background: none;
    border-style: none;
}

.keyboard-box .province-box, .keyboard-box .text-box {
    width: 100%;
    background-color: #D0D5D9;
    padding-top: 10px;
    padding-bottom: 4px;
}

.keyboard-box .province-box ul, .keyboard-box .text-box ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
}

.keyboard-box .province-box ul:first-of-type, .keyboard-box .text-box ul:first-of-type{
    margin-top: 0px;
}

.keyboard-box .province-box ul li, .keyboard-box .text-box ul li{
    width: 30px;
    height: 43px;
    border-radius: 6px;
    text-align: center;
    line-height: 43px;
    float: left;
    background-color: #ffffff;
}

.keyboard-box .text-box {
    display: none;
}

.keyboard-box .province-box ul .change-btn, .keyboard-box .province-box ul .delete-btn, .keyboard-box .text-box ul .change-btn, .keyboard-box .text-box ul .delete-btn{
    width: 40px;
    height: 40px;
    background-color: #ACB3BB;
    text-align: center;
    line-height: 40px;
}

.text-box ul li:click{
    background: #0088CC;
}

.province-box ul li:click{
    background: #0088CC;
}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.3); /*放大1.1倍*/
    }
    50%{
        transform: scale(1.3);
    }
    100%{
        transform: scale(1);
    }
}

.active-key{
    background-color: #ACB3BB !important;
    /*background: #999 !important;*/
    opacity: 0.8;
    color: #fff;
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-duration: 0.2s; /*动画所花费的时间*/
}

.fapiao-box {
    display: flex;
    flex-direction: column;
    width: 6.4rem;
    margin: 0 auto;
    padding-bottom: 0.4rem;
}

.fapiao-box .fapiao-item {
    display: flex;
    flex-direction: row;
    height: 0.8rem;
    align-items: center;
}
.fapiao-box .fapiao-item .label {
    width: 2rem;
}
.fapiao-box .fapiao-item input {
    flex: 1;
    outline: none;
    border: none;
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: 1px solid #bfbfbf;
    color: #bfbfbf;
}
.fapiao-box .fapiao-item .label span {
    color: red;
}