@charset "utf-8";

/*车系选择模块*/
.car{  flex-basis:190px; max-width:190px; flex-shrink:1; padding:10px 15px 15px 15px; position:relative; z-index:51; box-sizing:border-box; }
.car .tab{ float:left; position:relative; height:32px; width:100%; background-color:#FFFFEE; margin:15px 0 5px 0;}
.car .tab .tab_mask{ position:absolute; background-color:#FFFFEE; width:12px; height:100%; right:0px; top:0; z-index:53; }
.car .tab .ItemRight{ float:right; margin:10px 8px 0 0;}
.car .tab .t{ float:left; width:calc(100% -20px); height:100%; line-height:32px; margin:0 0 0 10px; white-space:nowrap; }
.car .tab .CarManufName{ color:#CCC; font-size:12px;}
.car .tab_h{ border:2px solid #D32C2C; margin:14px 0 4px 0; cursor:default;}
.car .tab_h .t{ color:#333; overflow:hidden}
.car .tab_h .tab_mask{ display:block;}
.car .tab_h .ItemRight{ display:none;}
.car .tab_c{ border:1px solid #999; cursor:pointer; }
.car .tab_c .t{ color:#666; overflow:hidden }
.car .tab_c .tab_mask{ display:none;}
.car .tab_n{ border:1px solid #CCC; background-color:#F4F4F4}
.car .tab_n .t{ color:#CCC; overflow:hidden }
.car .tab_n .tab_mask{ display:none;}
.car .tab_n .ItemRight{ display:none;}
.car .choice{ position:absolute; width:680px; border:2px solid #D32C2C; min-height:200px; left:149px; top:5px; padding:15px 10px 10px 10px; background-color:#FFFFEE; border-radius:5px; z-index:51; visibility:hidden; transition:-webkit-transform 120ms; transition:transform 120ms;}
.car .choice_S{ top:20px; }
.car .choice .Icon_XClose12{ float:right; margin:-2px 4px 0 0;}
.car .choice .swap{ float:left; margin:0 0 0 11px; width:calc(100% - 30px); }
.car .choice .swap .c{ float:left; padding:0 3px; font-family:Arial, Helvetica, sans-serif; height:2rem; line-height:2rem; border:1px solid #FFFFEE; color:#666; cursor:default; font-size:1.4rem; margin:0 2px 12px 1.5px; border-radius:3px;}
.car .choice .swap .s{ background-color:#FFF; border:1px solid #D32C2C; color:#666; cursor:pointer; }
.car .choice .swap .on{ background-color:#A00; border:1px solid #A00; color:#FFF; cursor:pointer;}
.car .choice .swap .re{ float:left; margin:4px 0 0 5px;}
.car .choice .swap .re .a{ color:#006600; text-decoration:underline; }
.car .choice .swap .re .a:hover{ color:#D32C2C; cursor:pointer;}
.car .choice .swap .all{ float:left; text-decoration:underline; color:#999;  margin:1px 0 0 5px }
.car .choice .swap .all:hover{ color:#D32C2C; cursor:pointer;}
.car .choice .swap .allS{ margin:4px 0 0 10px; }
.car .choice .swap_all{ display:none; margin-left:0;}
.car .choice .swap_all .c{ padding:0 1px }
.car .choice .swap_all .back{ float:left; font-size:12px; margin:1px 0 0 5px;  }
.car .choice .swap_all .back:hover{ cursor:pointer; color:#900;}
.car .choice .swap_all .on{ margin:0 1px; padding:0 1px }
.car .choice .carlist{ float:left; width:100%; padding-left:5px; margin:0 0 10px 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.car .choice .carlist .defaultCS{ float:left; width:100%; margin-top:10px; display:none; }
.car .choice .carlist li{ float:left; width:100%; }
.car .choice .carlist .familyT{ color:#666; padding:0 20px; box-sizing:border-box; }
.car .choice .Bblock{ float:left; width:115px; height:45px; margin:0.8rem 0.6rem; border:1px solid #CCC; background-color:#F6F6F6;  display:flex; justify-content: center; align-items: center; border-radius:5px;}
.car .choice .Bblock:hover{ border-color:#D32C2C; background-color:#FFFF99; cursor:pointer; box-shadow:2px 2px 3px #666;}
.car .choice .Bblock img{ width:28px; height:28px; margin:0 3px 0 0;}
.car .choice .Bblock div{ width:auto; white-space:nowrap; font-size:1.2rem;}
.car .choice .hidden{ display:none;}
.car .choice .ManufName{ float:left; margin:0px 0 0 11px; width:550px;}
.car .choice .ManufName .Icon_Follow{ float:left; margin:4px 5px 0 0; }
.car .choice .ManufName .t{ float:left; color:#999;}
.car .choice .ManufName1{float:left; margin-top:10px;}
.car .choice .ManufName1 .Icon_Follow{ margin-right:5px;}
.car .choice .Sblock{ float:left; width:92px; height:40px; margin:0.6rem; border:1px solid #CCC; color:#336699; background-color:#F6F6F6; white-space:nowrap; overflow:hidden; font-size:1.1rem; display:flex; flex-direction:column; justify-content:space-around; align-items:center; border-radius:5px;}
.car .choice .Sblock:hover{ border-color:#D32C2C; background-color:#FFFF99; cursor:pointer; text-decoration:none; box-shadow:2px 2px 3px #666;}
.car .choice .Sblock1{ margin:2px 6px;}
.car .choice .Sblock .shallowgray{ font-size:0.9rem}
.car .choice .CPopular0{ color:#CCC; }
.car .historycar{ float:left; margin:0 0 0 5%; width:95%;}
.car .historycar li{ float:left; width:100%; margin-top:8px; color:#999;}
.car .historycar .list{ text-align:left; color: #006600; text-decoration:underline; }
.car .historycar .list:hover{ color:#666; text-decoration:underline; }
.car .historycar .ItemDelGray{ margin-left:8px; }
.car .historycar a:hover{ color:#D32C2C; text-decoration:underline;}

/* 弹出车型选择框 */
.popCarchoice{position:absolute; width:200px; padding-bottom:20px; left:18%; top:100px; background-color:#FFFFCC; z-index:51; border:#999 1px solid; display:none;}
.popCarchoice .car{ padding-top:5px}
.popCarchoice .popTitle{ float:left; margin:20px 0 0 15px; color:#999; }
.popCarchoice .car .choice{ top:-20px; }