body{
 background: linear-gradient(0deg,#f4f6f8,#e6f2ff 51%);
}
.padding10{padding:10px;}
.w800{width:100%;}
.main{
    background: #fff;
    width: 345px;
    border-radius: 5px;
    padding: 21px 5px 20px 5px;
    box-sizing: border-box;
    margin-left:auto;
     margin-right:auto;
}
@media screen and (max-width:600px){
 .main{width:97%;}   
}
.banner{
    width: 100%;
    padding: 16px 31px 0;
    box-sizing: border-box;
    display: flex;
    height: 72px;
    justify-content: space-between;
    text-align: center;
    color: #667287;
    font-size: 11px;
}
.banner div{
    font-size: 14px;
    line-height: 1.8;
}
.banner{ margin-bottom:10px;
}
.banner .inCircle{
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    background: #1677ff;
    border-radius: 50%;
}
.banner .circleWrap{
    position: relative;
}
.banner .circleWrap::before {
    position: absolute;
    z-index: 10;
    right: 46px;
    top: 11px;
    display: block;
    content: "";
    width: 55px;
    height: 3px;
    background: #d2e5fa;
    border-radius: 1px;
}
.banner .circleWrap:first-child::before{
   display:none; 
}
.banner .activeCicle{
    width: 24px;
    height: 24px;
    background: #c7e8fd;
    border-radius: 50%;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
    overflow:hidden;
}
.banner .activeText{
    color: #05153f;
    font-weight: 700;
    display: block;
}
.banner .circleWrap{
    position: relative;
}
.banner .bannerCircle{
    width: 17px;
    height: 17px;
    background: #7789a5;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin: 3px 0 11px;
}
.banner .circleWrap .Text{display:block;}
.popBg{text-align:center;height: 170px;width:60%;margin-left:auto;margin-right:auto; overflow:hidden;}
.popBg img{width:100%;height:auto;}
.bottom-btn-bar{
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 10;
    box-shadow: 0px -2px 2px 0px rgb(25 112 255 / 10%);
    vertical-align: middle;
    
    left: 0;
    bottom: 0;
}
.bottom-btn-bar .submit-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    margin: 10px auto;
    height: 50px;
    line-height: 50px;
    
   
    background: #0e77ff;
}
.bottom-btn-bar .submit-btn{    
    /* background: #1970ff; */
    background: linear-gradient(270deg,#1677ff,#66a6ff);
    color: #fff;
    border-radius: 30px;
    
}
.btmBtn{

    position: relative;
    width: 300px;
    height: 52px;
    background: linear-gradient(0deg,#1677ff,#4a95ff);
    box-shadow: 0 7px 14px 0 rgb(22 119 255 / 40%);
    border-radius: 26px;
    color: #fff;
    font-weight: 500;
    line-height: 52px;
    width: 240px;
    margin: 10px auto;
    font-size: 17px; text-align: center;
}
.btmBtn .tipsImg{
    background-image: url('data:image/png;base64,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'); background-position: 0% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 10;
    width: 45px;
    height: 28px;
    top: -13px;
    right: 56px;
}
.checkTitle{
   text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #1677ff;
    margin-bottom: 18px;
     background-color:transparent!important;
}
.carNum{
    display:flex;
    flex-direction:row;
    width:211px;
    margin-left:auto;margin-right: auto;
    justify-content:space-between;
    
}
.carNum div{
    
    width: 24px;
    height: 29px;
    background: #fff;
    border: 1px solid #1677ff;
    border-radius: 3px;
    font-size: 13px;
    color: #333;
    line-height: 29px; text-align: center;
}