@charset "utf-8";
.cl_car_top{ padding:2.6% 0 2.2% 0;}
.cl_conts .cl_car_top{padding:2.6% 0 2.5% 0; margin:0 4%; border-bottom:1px solid #ededed;}
.cl_car_top h3{ color: #565656; margin-bottom: 1.5%;}
.cl_car_top span{width:100%;color: #8A8A8A;}
.cl_car_top span em{margin: 0 1%;}
.cl_car_top span em:first-child{margin-left: 0}
.cl_car_list h3{ color: #333; margin-top:15px; margin-bottom:5px; margin-left:4%;}
.cl_car_list ul{ padding:0 1%;}
.cl_car_list ul li{ margin:10px 3% 0; text-align: center; width: 26.7%;padding:1.8% 0; background: #fbfbfb; float: left; border-radius: 4px; height: 32px; border:1px solid #EDEDED;}
.cl_car_list ul li.active{ background: #f5f8ff; color: #5990f4; border:1px solid #aec9fa;}
.cl_choice{ margin:0 4%; width: 90.6%; position: relative;}
.cl_choice h3{ color: #222; margin-bottom:1.5%; margin-top:15px;}
.cl_select_borde{ margin:1.5% 4% 1.5% 0;}
.cl_yzm,.cl_phone{/*border-top: 1px solid #EDEDED;*/border-bottom: 1px solid #EDEDED; padding:2.5% 0; margin:0 4%;}
.cl_yzm span,.cl_phone input{ float: left;}
.cl_yzm input,.cl_phone span{float: right;}
.cl_yzm input{ height: 2.2%; margin-right:2%; text-align: right;}
.cl_phone span{ display: block;   margin-right: 2%; background:#F5F8FA; border-radius:6px; text-align: center; padding:1.1% 2.2%;}
.cl_choice_car{ display: block;color: #565656; width:90.6%; margin:0 auto;height:40px;line-height:40px; text-align:center;border-radius: 50px;margin-top:4.3%; z-index: 100;background: #5990F4;
	box-shadow: 0 2px 4px 0 rgba(222,222,222,0.65);border: 1px solid #5990F4; color: #fff;}

/*active_car*/
.cl_modify{ position: absolute; top: 2.2%; right:2%; color:#8a8a8a;}
.cl_modify_list{border:1px solid #ededed;margin-top:15px;  border-radius: 8px;}
.cl_modify_list ul{ padding:7px 0; }
.cl_modify_list ul li{ width: 20%;float: left;text-align: center;}
.cl_modify_list ul li img{ display: block; width:26px;height:26px; border:1px solid #ddd;padding:5px;box-sizing: border-box;margin:0 auto; border-radius: 50%; }
.cl_modify_list ul li:last-child{ margin-right:0;}
.cl_modify i{ display: inline-block; width: 8px; height: 8px; border-top:1px solid #848484; border-right: 1px solid #848484; transform:rotate(45deg);}
.cl_modify em{ margin-right:5px; color: #598FF3; }

.cl_car_select_list{width:80%;margin:0 auto;}
.cl_car_select_list li{ width: 10%; margin-right:20%;margin-top:10px; text-align: center;float: left;position: relative;}
.cl_car_select_list li:nth-child(4n+4){margin-right:0%;}
.cl_car_select_list li span{ display: block; font-size: 12px; color: #222; text-align: center;}
.cl_car_select_list li span:nth-child(1){width:25px; height:25px;border-radius: 50%; border:1px solid #ddd; text-align: center;overflow: hidden; margin:0 auto 5px;padding:3px; }
.cl_car_select_list li span:nth-child(1) img{ display:block; width: 100%; height: 100%; margin:0 auto;}
.cl_car_select_list li span:nth-child(2) {height:16px;line-height:16px;overflow:hidden;text-align:center;}
.cl_car_select_list li em{ display: none; width: 33px; height: 33px; background: url(../images/add_active.png) no-repeat; background-size: 100%; margin-left:-17px; position: absolute; left:50%; top:0px;}
.cl_car_select_list li.active em{display: block;}

.cl_car_select_list_5{width:90%;margin:0 auto;}
.cl_car_select_list_5 li{ width: 20%; margin-right:0%;margin-top:10px; text-align: center;float: left;position: relative;}
.cl_car_select_list_5 li:nth-child(4n+4){margin-right:0%;}
.cl_car_select_list_5 li:nth-child(5n+5){margin-right:0%;}

.cl_all{ display: block; width: 122px;text-align: center; margin:20px auto 0; color: #8a8a8a;}
.cl_coll{ color: #ccc;}
.cl_car_del{  background:#F5F8FA; height: 56px; padding-left:10px;}
.cl_car_del .cl_car_select_list li{ margin-top:10px; width: 19%; height: 50px; box-sizing:border-box;}
.cl_car_del .cl_car_select_list li em{  display: block; width: 15px; height: 15px; position: absolute; right: -7px;top:0; background: url(../images/add_del.png) no-repeat; background-size: 100%; left: auto;}


/*owner*/
.cl_owner_top{padding:15px 5% 20px;}
.cl_owner_top_img{ width: 90px; height: 60px; margin-right: 10px; float: left; border:1px solid #f3f3f3; }
.cl_owner_top_img img{display: block; width: 100%; height: 100%; }

.cl_owner_top_title{ color:#565656; }
.cl_owner_top_information{ color: #8A8A8A; font-size:12px; display: block; margin-top:4px;}
.cl_grays{ height: 10px; background: #f3f3f3; }
.cl_tab{box-sizing:border-box;}
.cl_tab a{ display:block; float: left; width: 50%; border-bottom: 1px solid #f5f5f5; padding:15px 0 10px; position: relative; text-align: center; color: #565656;box-sizing:border-box;}
.cl_tab a.active{ color: #5990f4; border-color:#5990f4; }
.cl_tab a:first-child span{ display: block; width:1px; height: 12px; background: #f5f5f5; position: absolute; right: -1px; bottom:14px; }
.cl_car_title{ display:block;padding:15px 15px 0; font-size:12px; color: #8A8A8A; margin-bottom: 30px; }
.cl_carlist{border-bottom: 1px solid #ededed;}
.cl_carlist li{width:25.5%; float: left; margin-right: 3.1%; position: relative;}
.cl_carlist li .cl_carlist_top{box-sizing: border-box; padding:11px; background: #f9f9f9; box-shadow:0 2px 6px 0 rgba(222,222,222,0.65); border-radius: 13px; text-align: center; color: #565656; line-height: 20px; position: relative; margin-bottom:29px; }
.cl_carlist li:last-child{margin-right: 0;}
.cl_carlist li.active { width:42.5%; }
.cl_carlist li.active .cl_carlist_top{ padding:12px 20px;background: #5990f4;box-shadow: 0 2px 6px 0 rgba(89,144,244,0.65); color: #fff;margin-top:-20px;}
.cl_carlist_top span{ display: block; }
.cl_carlist_top em{ display: block; }
.cl_carlist_top em.cl_center{margin:5px 0;}
.cl_carprice{ font-size:25px; }
.cl_border{ width: 40px; height: 1px; background: #e5e5e5; margin:0 auto 0; position: absolute; bottom:-17px; left:50%; margin-left:-20px;}
.cl_border i{ display: block; width:0; height: 0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom: 4px solid #e5e5e5; position: absolute; top:-10px; left:50%; margin-left:-4px;}
.cl_carlist li.active .cl_border{ background: #5990f4; bottom:-1px;}
.cl_carlist li.active .cl_border i{ border-left:4px solid transparent; border-right:4px solid transparent; border-bottom: 4px solid #5990f4;  }

.cl_range{ background: #f9f9f9; text-align: center; padding:15px 0; color: #565656;}
.cl_range span{font-size:15px; color: #ff7d00; margin-left:5px; font-weight: 600;}
.cl_range span em{ font-weight: 600; }
.cl_owner_bottom{border-top:1px solid #ededed;padding-top:17px;}
.cl_owner_bottom h3{ border-left:1px solid #5990f4; padding-left:5px; color: #565656; font-size:12px; margin-left:15px;}
.cl_sell_car{ text-align: center; padding:10px 15px 0; margin-top:15px; height: 60px; position: fixed;bottom:0; background: #fff; width: 100%; box-sizing: border-box;}
.cl_sell_car_1{position:absolute;}
.cl_sell_car_2{position:relative;margin-top:20px;}
.cl_sell_car a{ display:block; float: left; width:50%; height: 40px; line-height: 40px; color: #565656; box-shadow: 0 2px 4px 0 rgba(222,222,222,0.65); border-radius: 100px 0 0 100px;box-sizing:border-box;}
.cl_sell_car a:last-child{border-radius: 0 100px 100px 0;}
.cl_sell_car a.active{ background: #5990f4; color: #fff;box-shadow: 0 2px 4px 0 rgba(89,144,244,0.65);}
.cl_ownerbottom_main{  margin-top:15px; color: #565656; text-align: center;}
.cl_ownerbottom_main span,.cl_ownerbottom_main a{ display: inline-block;  text-align: center; float: left; }
.cl_owner_detail{margin-left:5px; color: #8A8A8A;float: right;}
.cl_ownerbottom_main span{margin-left: 15px;}
.cl_ownerbottom_main a{float: right;margin-right: 15px;}
.cl_owner_detail i{ display: inline-block;width:8px; height: 8px; border-top:1px solid #848484; border-right: 1px solid #848484; transform: rotate(45deg); margin-left:3px; }
.cl_owner_wan{ color: #ff7d00; font-size:13px; font-weight: 600; }
.cl_owner_wan em{ font-size:15px; font-weight: 600;}



.cl_sellcar02 a.active{ width: 100%; border-radius:100px;}
.cl_loan a:first-child{color: #565656;}
.cl_loan a:first-child em{font-size:12px; color: #5990f4; margin-left:5px;}

.cl_padding{ margin-top:29px; }

.cl_state{ text-align: left; padding-left:15px;}
.cl_state .cl_owner_detail{ text-align: left; display: block; margin-left:0; margin-top:4px;}
.cl_state_loan a{ background: #f9f9f9; }
.cl_state_loan a.cl_state_zh{border-radius:0; width:33%; position: relative; float: left;}
.cl_state_loan a.cl_state_zh span{}
.cl_state_loan a:first-child{ width:33%; line-height: 18px; padding-top:4px;}
.cl_state_loan a:first-child em{ display: block; margin-left:0; font-size:12px;}
.cl_state_loan a.active{ width:33%}

.cl_download{ padding:15px 15px; background: rgba(0,0,0,0.6); position: fixed; bottom:60px; z-index:10; width: 100%; box-sizing: border-box;}
.cl_download a{ font-size:12px; color: #fff; background: none; text-align: center; border-radius: 100px; border:1px solid #fff; height:22px;  padding:2px 13px; float:right;}
.cl_icon{ float: left; }
.cl_icon i{ background: url(../images/cl_imgicon.png) no-repeat; width: 22px; height: 22px; background-size:100%; float: left; margin-right:5px;}
.cl_icon span{ font-size:12px; color: #fff; }
.cl_close{ width: 14px; height: 14px; display: block; float: left; background: url(../images/cl_close.png) no-repeat; background-size:100%; margin-top:5px; margin-right:10px;}



/*extended*/
.cl_extended_top{ padding:15px 5% 20px; }
.cl_extended_top_title{ border-bottom:1px solid #ededed; padding-bottom: 15px;}
.cl_extended_top_title h3{color: #565656; margin-bottom: 4px;}
.cl_extended_top_title span{ font-size:12px; color: #8A8A8A; }
.cl_extended_label{ padding:0; }
.cl_extended_verification{width:100%;height: 40px; position:relative;}
.cl_extended_code{ float: left;margin-right:5px; border-bottom: 1px solid #ededed; width: 66%;}
.cl_extended_ma{ display: inline-block; margin:10px 0; color: #565656; float: left;}
.cl_extended_code input{ min-height: 16px; text-align:right; float: right; padding:10px 0; width:79%;}

.cl_extended_img{ display: block; float:right;width:29.7%;margin-top:5px;background: #ededed; text-align: center; line-height:36px; height:36px; border-radius: 8px; text-align: center;}
.cl_extended_img_active{ background: #5990F4;color:#fff;}
.cl_active .cl_extended_img{ background:#5990F4; color:#fff;}
.cl_minute .cl_extended_img{ color: #797979; }
.cl_extended_img img{ display: block; margin:0px auto 0; }
.cl_extended_phone{ width:100%;overflow:hidden;height: 40px; line-height: 40px; border-bottom: 1px solid #ededed; }
.cl_extended_phone span{ display: inline-block; float: left; color: #565656;}
.cl_extended_phone input{ float: right; min-height: 15px;width:80%;text-align:right; font-size:14px; padding:9px 0; }
.cl_extended_code input.cl_extended_message{ width:58% !important;}


.cl_extended_bottom{ padding:15px 5% 20px 5%; }
.cl_extended_bottom h3{ color: #565656; border-left: 1px solid #5990f4; padding-left:10px; margin-bottom: 5px;}
.cl_extended_list li{ margin-top:10px; width: 31%; height:30px; margin-right: 10px; border:1px solid #ededed; border-radius: 4px; float: left; overflow: hidden;}
.cl_extended_list li a{ display: block; width: 100%; height: 100%; }
.cl_extended_list li img{ display: block; width: 100%; height: 100%; }
.cl_extended_list li:nth-child(3n+0){margin-right: 0;}
.cl_extended_text{line-height:22px;margin-top:5px;}

.cl_car_rep{width: 100%; margin: 0 auto;overflow-y: auto;}
.cl_owner_top_text {width: 70%;float: left;}
.cl_owner_top_title{max-height: 40px;overflow: hidden;display: block;}
.cl_onBottom{ height: 30px; line-height: 30px; width: 100%;}
@media screen and (min-width:320px) {
	.cl_owner_top_text {width: 65% !important;float: left; }
}


/*modify*/
.cl_yzm span.cl_sex{ float: right; display: block; }
.cl_yzm span.cl_sex em{ display: block; width:42px; height:26px; line-height: 26px; text-align: center; margin-left:12px; background: #FBFBFB;border: 1px solid #EDEDED;border-radius: 3px; float: left; font-size:12px; }
.cl_yzm span.cl_sex em.active{background: #F5F8FF;border: 1px solid #AEC9FA; color: #5990F4;}
.cl_conts .cl_car_rep{width:100%;}

.cl_modify_carList li{padding:0 10px;  background: #FBFBFB; border: 1px solid #EDEDED;border-radius: 4px; float: left; margin-right:10px; margin-top:10px;}
.cl_modify_carList li em{ font-size:12px; color: #565656; margin-right:5px; line-height:32px; margin-right:5px; display: inline-block; float: left;}
.cl_modify_carList li .cl_del{ width:24px; height: 24px; display:inline-block; 
	background: url(../images/cl_del.png) no-repeat 50%; background-size: 12px; margin-top:4px;}