header{border-bottom: 1px solid #E9E9E9;border-bottom: 5px solid #A72430}
.top{height:100px;overflow: hidden;padding:0 15%}
.top .logo{display: flex;align-items: center;height: 100%;}
.top .logo img{max-height: 80px;}
.sl{overflow: hidden;position: relative}
.sl .swiper-slide img{width: 100%;height: 100%;object-fit: cover}

.sl .sl-txt{position: absolute;width: 100%;height: 100%;left: 0;top:0}
.sl .sl-txt .sl-tcont{width:100%;height: 100%;display: flex;align-items: center;justify-content: center;color:#fff;font-size:36px}


.sl .swiper-pagination{display: flex;align-items: center;justify-content: center}
.sl .swiper-pagination-bullet{display: flex;width: 10px;height: 10px;border: 1px solid rgba(167,36,48,0.8);text-shadow: 0 3px 10px rgb(0 0 0 / 85%);border-radius: 50%;color:#fff;align-items: center;justify-content: center }
.sl .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(167,36,48,0.8)}
.sr{padding:0 15px;margin:30px auto;width: 70%;}
.footer{padding:20px 0;background:#181616;color:#dedede}
.footer.bottom{position: fixed;left: 0;bottom: 0;width: 100%}
.copyright{font-size: 14px;color:#dedede;padding:10px;text-align: center}
.app-suc{margin:8% auto;text-align: center;display: none;}
.app-suc p{color:#ccc;text-align: center;margin-top: 20px}

.appErrToast{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 500;background: rgba(0,0,0,0.5);display: none}
.erbg{width: 100%;height: 100%;z-index: 510;position: absolute;left: 0;top:0}
.ercontbox{z-index: 520;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%}
.arcontt{z-index: 600;background: #fff;width: 40%;padding:20px;border-radius: 10px;box-shadow: 0 0 2px 2px #f1f1f1;height: 35vh;position: relative;}
.ercont{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%}
.close-btn{position: absolute;right: -25px;top:-25px}
.close-btn img{width: 30px;}
.ercont-tb{text-align: center;width: 100%}
.ercont-tb img{max-width: 100px;margin-bottom: 50px}
.ercont-tb p{display: flex;align-items: center;justify-content: center}
.stnum{font-weight: bold;color:#A72430;margin-left:5px}
.stnum1{width: 20px;height: 20px;line-height: 20px;z-index: 2;border-radius: 100%;background: #A72430;color:#fff;display: inline-block;text-align: center;font-size: 12px}
.errbtn{cursor: pointer}

.tit1{text-align: center;color:#A72430;font-size: 18px;font-weight: bold;position: relative;margin: 30px 0}
.tit1>span{color:#A72430;background: #fff;z-index: 2;position: relative;padding: 0 10px}
.tit1::before{display: block;content:'';height: 1px;width: 50%;position: absolute;left:0;top:50%;background: #A72430}
.tit1::after{display: block;content:'';height: 1px;width: 50%;position: absolute;right:0;top:50%;background: #A72430}
.tit2{font-size: 18px;font-weight: bold;text-align: center;margin:30px 0}
.rodio-box{display: flex;align-items: center;justify-content: space-between}
.rodio-box  .radio_form{flex-grow: 1;}

.step-cont{width: 70%;margin: 0 auto;}
.step-ul{display: flex;align-items: center;margin-bottom:30px;justify-content: center}
.step-li{display: flex;position: relative;flex-grow: 1}
.step-li:last-child{flex-grow: 0}
.step-li:not(:last-child)::before{display: block;content:'';height: 1px;width: 95%;position: absolute;left:0;top:50%;background: #ccc}
.step-li .stn{width: 20px;height: 20px;z-index: 2;border-radius: 100%;background: #CCCCCC;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 12px}
.step-li .stt{display:block;color:#ccc;background: #fff;z-index: 2;padding:0 10px}
.step-li.active::before{background:#A72430}
.step-li.active .stn{background:#A72430}
.step-li.active .stt{color:#A72430}
.step-li.success::before{background:#A72430}
.step-li.success .stn{background:#A72430}
.step-li.success .stt{color:#A72430;cursor: pointer}



.sec-form{width: 50%;margin: 0 auto;}
.app_type{display: flex;align-items: center;justify-content: center;margin-bottom: 30px}
.app_type li{height: 45px;width: 100px; margin:0 20px}
.app_type li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #f0f0f0;transition: 0.3s all;}
.app_type li.active a,.app_type li:hover a{background:#A72430;color:#fff}

.g_form{margin-bottom: 20px}
.g_form>label{display: block;color:#333;font-size: 16px;margin-bottom: 10px}
.g_form>label>i{color:#f00;font-style: normal}
.g_form input{color:#333;border:0.5px solid #ccc;width: 100%;height:35px;outline: unset;border-radius: 4px;padding-left: 8px;box-shadow: 0 1px 4px #ddd; }
.g_form textarea{color:#333;border:0.5px solid #ccc;width: 100%;height:100px;outline: unset;border-radius: 4px;padding-left: 8px;box-shadow: 0 1px 4px #ddd; }
.g_form input[type=submit]{background:#A72430;color:#fff;transition:all 0.3s ease;border:1px solid #A72430;width:100%;margin:0 auto;margin-top: 40px;padding-left: 0;display: block;border-radius: unset;height: 45px}
.g_form input[type=submit]:hover{background:#fff;color:#A72430;}
.g_form select{color:#333;border:1px solid #B7B7B7;width: 100%;height: 35px;outline: unset;padding-left: 10px;border-radius: 4px;}
.g_form select option{color:#333;}

.g_form input[type=radio]{border:0;background: unset;box-shadow: unset;width: 15px;height: 15px;}
.g_form input::placeholder{font-size: 14px;color:#ccc}

.g_form a{color:#1490E2;display: inline}
.g_form a.file-del{color:#fff;display: flex}

.radio_form{display: flex;align-items: center;margin-bottom: 10px;}
.radio_form>label{display: flex;align-items: center}
.sumarr{height: 200px; overflow: hidden;overflow-Y: scroll;border: 1px solid #ccc;padding:10px;margin-bottom: 10px}
.sumarr h5{color: #333;font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.sumarr p{color: #333;font-size: 12px;}
.date_line{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.date_line #month,.date_line #year{width: 45%;margin-bottom: 10px;}

.bd_f00{border:1px solid #F00!important;}


.radio_form input[type='radio']{opacity: 0}
.radio_form input[type='radio']+span{position: relative;display: flex;align-items: center;color:#333}

.radio_form input[type='radio']+span::before{content: "";display: inline-block;width:15px;height:15px;border:1px solid #A72430;
   margin-right: 1em;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;
}
.radio_form input[type='radio']:checked+span::before{background: url('../images/gou.png');background-size: 100% 100%;}


.g_form input[type=checkbox]{border:0;background: unset;box-shadow: unset;width: 15px;height: 15px;}
.radio_form input[type='checkbox']{opacity: 0}
.radio_form input[type='checkbox']+span{position: relative;display: flex;align-items: center;color:#333}
.radio_form input[type='checkbox']+span::before{content: "";display: inline-block;width:15px;height:15px;border:1px solid #A72430;
   margin-right: 1em;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;
}
.radio_form input[type='checkbox']:checked+span::before{background: url('../images/gou.png');background-size: 100% 100%;}



.card_box{position: relative;}
.ccicon{height: 30px; position: absolute; right: 2px;  top: 2px; width:50px;display: none}
.notice{margin-top: 20%}

.filebox{display: flex;align-items: center;}
.files-cont{display: flex;align-items: center;}
.files-cont li{width: 80px;height: 80px;margin:20px;margin-left: 0;position: relative;display: flex;align-items: center;justify-content: center;border:1px solid #ddd}
.files-cont li img{width: 100%;height: 100%;object-fit: cover}

.xclist{display: flex;align-items: center;}
.xclist li{width: 80px;height: 80px;margin:10px;margin-left: 0;position: relative}
.xclist li img{width: 100%;height: 100%;object-fit: cover}

.add-file{border:1px dashed #ccc;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.add-file .jia{font-size: 60px;color:#ccc}
.add-file:hover{border: 1px dashed #A72430}
.add-file:hover .jia{color:#A72430}
.add-car{height: 45px;width: 100px;display: flex;align-items: center;justify-content: center;background: #808285;transition: 0.3s all;cursor:pointer;margin:20px 0;color:#fff }
.add-car:hover{background:#A72430;color:#fff}

.nextbox{display: flex}

.btn1{height: 45px;width: 100%;display: flex;align-items: center;justify-content: center;background: #A72430;transition: 0.3s all;cursor:pointer;margin:50px 0;color:#fff;
border: 1px solid #A72430;}
.btn1:hover{color:#A72430;background: #fff}

.prev{margin-right: 10px}
.next,.next:hover{background: #ccc;border: 1px solid #ccc;color:#fff;cursor: not-allowed}
.smbtn,.smbtn:hover{background: #ccc;border: 1px solid #ccc;color:#fff;cursor: not-allowed}
.submitbtn.active{display: flex}
.err{font-size: 10px;}
.errmsg{font-size: 10px;color:#f00}
.mr50{margin-right: 50px}
.w50{width: 50%}
.part{display: none}
.part.active{display: block}
.w0{width: 0!important;}
.posr{position: relative}
.cargou{position: absolute;right:-25px;top:40px;width: 25px;display: none}

.webuploader-pick{background: unset;padding:0;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center}
.progress-bar{position: absolute;top:0;left:0;width:100%;margin: 0 auto;height:100%;background: linear-gradient(to right, #84797D, #84797D);opacity: 90%;font-size: 10px;z-index: 2;display: flex;
   align-items: center;justify-content: center;}
.file-del{position: absolute;right: -5px;top:-5px;z-index: 5;color:#fff;width: 20px;height: 20px;display: none;align-items: center;justify-content: center;border-radius: 100%;background: #A72430;cursor: pointer}
.caritem{border-bottom: 1px dashed #ccc;position: relative}
.caritem:not(:first-child){padding-top: 30px}
.caritem:first-child .del-car{display: none}
.clonebox{display: none}
.del-car{position: absolute;top:30px;right:0;width: 20px;height:20px;background: #A72430;cursor: pointer;transition: all 0.3s;z-index: 100;border-radius: 100%;display: flex;align-items: center;justify-content: center }
.del-car::after{display: block;width: 12px;height: 2px;background: #fff;position: absolute;right:4px;top:9px;content: '';}


.addr-box{padding:10px;border: 1px solid #f2f2f2 ;border-radius: 4px;box-shadow: 0 1px 4px #f5f5f5; }
.addrlist-1{display: flex;margin-bottom: 10px;align-items: center}
.addrlist-1>label{width: 150px;}
.addrlist-1 input{width: auto;flex-grow: 1}
.addrlist-2{display: flex;align-items: center;margin-bottom: 10px;justify-content: space-between}
.addrlist-2 .adl1 label{width: 20px;}
.addrlist-2 .adl1 input{width: calc(100% - 20px);}
.adl1{display: flex;align-items: center;flex-grow: 1;margin-right: 10px}
.adl1:last-child{margin-right: 0}

.ind-block{min-height:40vh}
.inav-list{display: flex;align-items: center;justify-content: center}
.inav-item{height: 50px;width: 300px;margin: 50px auto;}
.inav-item a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #A72430;transition: 0.3s all;color:#FFF;border:1px solid #A72430}
.inav-item a:hover{background:#FFF;color:#A72430}
.idslist{display: flex;align-items: flex-end;justify-content: flex-start;position: relative}

.idslist input{width: 40px;margin-right: 5px;text-align: center;padding:0;z-index: 10 }
.idslist input:focus{ box-shadow: 0 1px 4px rgba(131,192,253,.5);border:1px solid #97CEE5}
.inpkh{position: relative;margin-left: 9px}
.inpkh::before{display: block;width: 12px;height:35px;position: absolute;right:44px;top:-2px;content: '(';z-index: 100;color:#ccc;font-size: 26px}
.inpkh::after{display: block;width: 12px;height: 35px;position: absolute;right:-10px;top:-2px;content: ')';z-index: 100;color:#ccc;font-size: 26px}
.logoc{margin-left: 30px;}