﻿input[type="date"]::-webkit-clear-button{display:none;}
::-webkit-inner-spin-button{visibility:hidden;}
.radio{margin-right:110px;}
.radio input[type="radio"]{position:absolute;opacity:0;width:22px;}
.radioBox .radio-label:after {
  content: '';background: #f4f4f4;border-radius:100%;border:1px solid #ddd;display:inline-block;
  width:20px;height:20px;position:relative;top:9px;margin-left:10px;vertical-align:top;
  cursor:pointer;text-align:center;-webkit-transition: all 250ms ease;transition:all 250ms ease;
}
.radioBox .active .radio-label:after {background-color:#d40300;box-shadow:inset 0 0 0 0px #f4f4f4;}
.radioBox .radio-label:after{outline:none;border-color:#f4f4f4;border:1px solid #ddd;}
/*  */
#quality-form .container{position:relative;}
.odd_number{width:100%;background:#fff;border-top:1px solid #DDDDDD;}
.even_number{width:100%;background:#F9F9F9;border-top:1px solid #DDDDDD;}
.form-title{background:url(../image/title_bg.png) no-repeat;width:120px;height:30px;background-size:100%;position:absolute;left:0;top:-60px;display:flex;line-height:30px;color:#fff;}
.form-title span:nth-child(1){width:22px;display:block;padding-left:8px;font-size:20px;font-weight:bold;}
.form-title span:nth-child(2){width:90px;display:block;text-align:center;font-size:16px;}
.common_input{display:flex;line-height:40px;position:relative;padding-bottom:30px;}
.common_input label{width:240px;font-size:16px;color:#333;}
.common_input label i{color:#d40300;padding-right:33px;}
.common_input input{width:320px;height:40px;border-radius:3px;background:#eee;border:1px solid #ddd;padding:0 20px;color:#333;}
.common_input .error_tip{position:absolute;top:45px;left:240px;color:#d40300;font-size:14px;line-height:14px;display:none;}
.faultDescription .error_tip{bottom:10px;top:inherit;}
.measures .error_tip{bottom:30px;top:inherit;}
.carCode,.faultAssembly,.accident,.carOwner{margin-top:39px;}
.mileage,.measures,.casualties{padding-bottom:50px;}
/*  */
#buyDate{width:220px;}
.radioBox{display:flex;}
.selected{position:relative;width:150px;height:40px;border-radius:3px;background:#eee;border:1px solid #ddd;padding:0 10px;color:#333;}
.faultAssembly .selected{width:340px;}
.selected .iconfont{font-size:26px;}
.select_icon{position:absolute;height:36px;line-height:36px;width:36px;text-align:center;right:2px;top:2px; -webkit-transition:-webkit-transform linear .2s; transition:-webkit-transform linear .2s; -o-transition:-o-transform linear .2s; transition:transform linear .2s; transition:transform linear .2s,-webkit-transform linear .2s,-o-transform linear .2s;}
.faultAssembly.active .select_icon,.provBox.active .select_icon,.cityBox.active .select_icon,.certificateBox.active .select_icon{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;}
.faultBox,.cityList,.provNav,.certificateList{display:none;position:absolute;background:#fff;left:240px;top:45px;z-index:99;border-radius:3px;clear:both;}
.faultList, .faultNav{float:left;width:200px;border:solid 1px #bfbfbf;padding:0 5px;height:400px;overflow-x:hidden;overflow-y:auto;}
.faultList{display:none;}
.provBox{margin-right:20px;}
.provNav,.cityList,.certificateList{width:160px;max-height:400px;padding:0 5px;overflow-x:hidden;overflow-y:auto;border:solid 1px #bfbfbf;}
.faultAssembly.active .faultBox,.cityBox.active .cityList,.provBox.active .provNav,.certificateBox.active .certificateList{display:block;}
.faultList li a, .faultNav li,.provNav li,.cityList a,.certificateList li{display:block;border-bottom:solid 1px #e5e5e5;}
.faultNav li:last-child,.certificateList li:last-child{border-bottom:none;}
.faultList li a:hover{color:#d40300;}
.cityList{left:430px;border:none;}
/*  */
.common_textarea textarea{width:760px;resize:none;height:26px;line-height:26px;color:#333;padding:7px 20px;background:#eee;overflow:hidden;}
.casualties input[type="number"]{width:100px;margin-right:30px;margin-left:-70px;}
/*  */
.certificateType{padding-bottom:70px;}
.certificateBox .selected{margin-bottom:20px;}
.certificateType .error_tip{top:105px;}
.certificateType #certificateType{position:absolute;left:240px;top:60px;}
/*  */
#submit{width:300px;height:60px;text-align:center;line-height:60px;border-radius:3px;background:#d40300;display:block;margin:60px auto 0;font-size:24px;color:#fff;font-weight:bold;cursor:pointer;}
.shadow{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.75);position:fixed;z-index:100;display:none;}
.smsPopup{width:780px;height:480px;position:fixed;left:50%;margin-left:-390px;top:50%;margin-top:-240px;background:#fff;z-index:101;display:none;}
.smsPopup h3{font-size:18px;line-height:18px;padding:71px 0 82px;text-align:center;}
.send_smsBox{width:380px;height:80px;background:#F4F4F4;margin:auto;padding:0 80px;display:flex;text-align:justify;justify-content:space-between;}
.send_smsBox .smsCode{width:200px;background:none;height:100%;line-height:80px;}
.send_smsBox .sendSms{width:160px;height:40px;line-height:40px;text-align:center;background:#eee;border:1px solid #ddd;margin-top:20px;cursor:pointer;}
.popupSub{padding:80px 185px 0;display:flex;text-align:justify;justify-content:space-between;font-size:24px;font-weight:bold;text-align:center;line-height:60px;}
.popupSub input[type="submit"]{width:300px;height:60px;background:#d40300;border-radius:3px;color:#fff;cursor:pointer;}
.popupSub .close{width:100px;height:60px;background:#EEEEEE;border-radius:3px;color:#999;cursor:pointer;}
.sms_errorTip{font-size:16px;color:#d40300;text-align:center;padding-top:10px;position:absolute;left:0;right:0;}
.total_tip{color:#d40300;font-size:16px;line-height:14px;display:none;text-align:center;position:absolute;left:0;right:0;margin-top: 20px;}
#myIframehead{width: 100%;  border: none;  height: 100px;}
#myIframefooter{width: 100%;  border: none;  height: 330px; margin-top: 10px; background-color: #000;}
.footer_h1{ font-size: 28px;}