::after{font-family: "Arial" !important; font-size: 12px !important; display: block;}
.header .hd .hd_rg{width: auto;}
.header .hd .hd_rg .hd_nav{height: 22px;}
.hd_nav a{float: left; text-align: center;}
.hd_nav span{float: left;}
.hd_nav a:nth-of-type(1)::after{content: "Car rental";}
.hd_nav a:nth-of-type(2)::after{content: "Help";}
.hd_nav a:nth-of-type(3)::after{content: "Complain";}
.hd_nav a:nth-of-type(4)::after{content: "Navigation";}

.header .nav a{height: 100%; line-height: 1; display: flex; flex-direction: column; justify-content: center;}
.header .nav a::after{ padding-top: 4px;}
.header .nav a:nth-of-type(1)::after{content: "Home";}
.header .nav a:nth-of-type(2)::after{content: "Services";}
.header .nav a:nth-of-type(3)::after{content: "Short rent";}
.header .nav a:nth-of-type(4)::after{content: "Long rent";}
.header .nav a:nth-of-type(5)::after{content: "Company News";}
.header .nav a:nth-of-type(6)::after{content: "Member zone";}
.header .nav a:nth-of-type(7)::after{content: "Model price";}
.header .nav a:nth-of-type(8)::after{content: "Rental process";}
.header .nav a:nth-of-type(9)::after{content: "Interaction";}
.header .nav a:nth-of-type(10)::after{content: "About us";}

.main_lf .reserve h3{line-height: 1; padding-top: 5px; box-sizing: border-box;}
.main_lf .reserve h3::after{content: "Quick booking"; padding-top: 2px;}

.form h4{height: auto; line-height: 1; padding-bottom: 5px;}
.reserve .form .form1 .form_box:nth-of-type(1) h4::after{content: "Pickup shop";}
.reserve .form .form1 .form_box:nth-of-type(2) h4::after{content: "Pickup time";}
.reserve .form .form1 .form_box:nth-of-type(3) h4::after{content: "Return shop";}
.reserve .form .form1 .form_box:nth-of-type(4) h4::after{content: "Return time";}

.form .form_box .lf h4::after{content: "Brand";}
.form .form_box .rg h4::after{content: "Vehicle type";}

.reserve .form .form3 .form_box:nth-of-type(1) h4::after{content: "Name";}
.reserve .form .form3 .form_box:nth-of-type(2) h4::after{content: "Phone";}
.reserve .form .form3 .form_box:nth-of-type(3) h4::after{content: "Code";}

.form .form_box .get{text-align: center; margin: 0;}
.form .form_box .get::after{content: "Get code";}

.reserve .form .form3 .btn{background: #3982d7; border-radius: 3px; height: auto; line-height: normal; padding: 5px 0 20px 0;}
.reserve .form .form3 .btn:hover{color: #fff;}
.reserve .form .form3 .form_box:last-child{position: relative;}
.reserve .form .form3 .form_box:last-child::after{content: "Reserve"; position: absolute; left: 0; bottom: 3px; width: 100%; text-align: center; color: #fff; pointer-events: none;}
.reserve .form .form3 .form_box:hover::after{color: #ed6200;}
.reserve .form .form3 .form_box:hover .btn{color: #ed6200;}

.main_ct .js_nav ul{padding-left: 15px;}
.main_ct .js_nav li{ line-height: 1; overflow: initial; padding-left: 30px;}
.main_ct .js_nav li a{margin-top: 8px; padding-bottom: 15px; display: inline-block; position: relative;}
.main_ct .js_nav li a::after{  position: absolute; left: -5px; bottom: 0; font-weight: normal;}
.main_ct .js_nav li:nth-of-type(1) a::after{content: "Reserve";}
.main_ct .js_nav li:nth-of-type(2) a::after{content: "Identification";}
.main_ct .js_nav li:nth-of-type(3) a::after{content: "Sign a contract"; width: 100px; left: -15px;}
.main_ct .js_nav li:nth-of-type(4) a::after{content: "Payment";}
.main_ct .js_nav li:nth-of-type(5) a::after{content: "Depart";}
.main_ct .js_nav li:nth-of-type(6) a::after{content: "Settlement"; left: -10px;}

.ct_bd1 .three{height: auto;}
.ct_bd1 .three h3{line-height: 1;}
.ct_bd1 .three h3::after{content: "Vehicle type"; padding-top: 4px;}
.ct_bd1 .three a::after{content: "More"; display: inline-block; padding-left: 4px;}

.ct_ct li h4 a::after{ padding-top: 4px;}
.ct_ct li:nth-of-type(1) h4 a::after{content: "Passat -1.8T";}
.ct_ct li:nth-of-type(2) h4 a::after{content: "Elantra-1.6L";}
.ct_ct li:nth-of-type(3) h4 a::after{content: "Buick GL8-3.0L";}
.ct_ct li:nth-of-type(4) h4 a::after{content: "Buick GL8-2.4L";}
.ct_ct li:nth-of-type(5) h4 a::after{content: "Andy A6-2.4";}

.ct_ct li{background-position: -33px 0; background-color: #f2f7fd;}
.ct_ct li .wz{width: 180px;}
.ct_ct li .money{position: relative;}
.ct_ct li .money::after{content: "Average daily"; position: absolute; left: 40px; bottom: 0px; width: 100px;}
.ct_ct li .money p span{position: relative; margin-left: 15px;}
.ct_ct li .money p span::after{content: "￥"; position: absolute; left: -19px; bottom: 3px; font-size: 19px !important;}

.ct_ct li .btn{background-image: linear-gradient(#ffc12d, 50%, #fe7011); height: auto; line-height: 1; border-radius: 5px; margin-top: 12px;}
.ct_ct li .btn::after{content: "Reserve"; padding-top: 2px; font-weight: normal;}

.ct_ct .ct_wz::after{content: "*The website quotes are all standard prices, and the specific prices will be adjusted according to the actual rental situation. For details, please call 400-676-3616."; padding-top: 5px;}


/* 租车流程 */
.reserve h3 a{position: relative;}
.reserve h3 .lf::after{content: "Personal reserve"; position: absolute; left: 5px; bottom: -15px;}
.reserve h3 .rg::after{content: "Enterprise reserve"; position: absolute; left: 5px; bottom: -15px;}

.reserve .form_qy .form1 .form_box:nth-of-type(1) h4::after{content: "Enterprise name";}
.reserve .form_qy .form1 .form_box:nth-of-type(2) h4::after{content: "Intended vehicle";}
.reserve .form_qy .form1 .form_box:nth-of-type(3) h4::after{content: "Return time";}
.reserve .form_qy .form1 .form_box:nth-of-type(4) h4::after{content: "Remark";}

.flow .li1::after{content: "Reserve";}
.flow .li2::after{content: "Identification";}
.flow .li3::after{content: "Sign a contract";}
.flow .li4::after{content: "Payment";}
.flow .li5::after{content: "Depart";}
.flow .li6::after{content: "Settlement";}
.flow li{padding-top: 30px; height: 93px;}