@charset "UTF-8";
.error{ color:#f00; }
.com-pd{ padding: 0 0 20px 0;}
.page-bar{ margin-bottom: 20px!important;}
.pl8{margin-left:8px;}
.input-sm{ height: 34px; border: 1px solid #ccc;}
.btn{padding: 6px 12px!important;font-size: 14px!important;line-height: 1.44!important;}
.opt a{ padding: 0 3px;color:#2d8cf0}
.responce-img{display:block;max-width:100%;}
.red-color{color:#FF0000}
a{color:#2d8cf0;}
.h10{height:10px;}
.h20{ height: 20px;}
.h30{height:30px;}
.clear{font-size:0;line-height: 0;clear:both;width:100%;}
.pd15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pr15{padding-right:15px;}

.per-1 {
    width: 8.33333%; 
}
.per-2 {
    width: 16.66667%; 
}
.per-3 {
    width: 25%; }
.per-4 {
    width: 33.33333%; 
}
.per-5 {
    width: 41.66667%; 
}
.per-6 {
    width: 50%; 
}
.per-7 {
    width: 58.33333%; 
}
.per-8 {
    width: 66.66667%; 
}
.per-9 {
    width: 75%; 
}
.per-10 {
    width: 83.33333%; 
}
.per-11 {
    width: 91.66667%; 
}
.per-12 {
    width: 100%; 
}

/* 开始时的样式 */
.page-load.ng-enter {
	transition: 0.6s linear all; /* 当使用css transition实现动画效果时，在开始时的样式中必须包含transition的设置 */
    opacity: 0;
}

/* 结束时的样式 */
.page-load.ng-enter.ng-enter-active {
    opacity: 1; 
}

/*地图标注组件*/
.com-map{ position: relative; }
.com-mapbtn{width: 90px; padding-left: 20px!important; height:35px; line-height: 35px; text-align: center; color: #fff;  border:none;border-radius:5px!important; padding:0; margin: 0; position: absolute; bottom:10px; right: 10px; background:#c00 url(mapMark/img/addr.png) 4px center no-repeat; background-size:25px auto;} 
.BMapLabel{ background:#fff!important; width:150px!important; /*text-align: center;*/display: block!important;}
.BMap_Marker{width:150px!important; /*display: block!important*/;/*text-align: center;*/}
a.used{ margin-top: 5px; display: block;text-align: center;width: 80px;background:#F90!important;height:28px; line-height: 28px; text-align: center; color: #fff; text-decoration: none;border-radius:5px!important;}
.com-gridmodal{position:relative;}
.com-gridmodal .modalBtn{position: Absolute;right: 0;top: 0;border-left: 1px solid #c2cad8; margin-top:0;margin-bottom:0;}

/*文件上传*/
/* .file-del{ display: inline-block; *display:inline; *zoom:1; margin-left: 10px; position: relative;  top: 5px; text-decoration: underline; color: #f00;}   */
/* .file-del2{ display: inline-block; *display:inline; *zoom:1; margin-left: 10px;position: absolute;bottom: 18px;text-decoration: underline; color: #f00;} */

/*按钮*/
.modalWindowBtn{padding: 6px 12px!important;font-size: 14px!important;line-height: 1.44!important;margin: 5px 0;border:none;display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;border: 1px solid transparent;white-space: nowrap;}

/*左侧树形菜单组件*/
.page-sidebar-menu .sub-menu .ztree{    border-right: 1px solid #2C3542;padding: 5px 5px 9px 16px;}
.page-sidebar-menu .sub-menu .ztree li a{ display: inline!important; color: #fff!important;}
.page-sidebar-menu .ztree li a.curSelectedNode{border: 1px #fff solid;}
.page-sidebar-menu .ztree li a{padding: 1px 3px 0 0!important;}
.page-sidebar-menu .ztree li a.curSelectedNode {
    padding-top: 0px!important;
    background-color: none!important;
    color: #f1791e!important;
    height: 16px!important;
    border: none!important;
    opacity: 1;
}

/* 车型选择弹框*/
.carModelCon{padding:15px;}
.carModelCon li[class*='col-']{padding:0 10px;}
.carModelCon ul{padding:0;margin:0;}
.carModelCon ul,.carModelCon li{list-style: none;}
.carModelCon .brandFilter{overflow:hidden;line-height: 30px;text-align: center;margin-bottom:5px;}
.carModelCon .brandFilter .hot{float:left;width:50px;border:1px solid #dedede;border-right:none;}
.carModelCon .brandFilter .letter{overflow:hidden;}
.carModelCon .brandFilter ul{display:table;width:100%;margin:0;padding:0;list-style:none;table-layout: fixed;}
.carModelCon .brandFilter ul li{display:table-cell;margin:0;padding:0;list-style: none;font-family: Arial, Helvetica, sans-serif;cursor:pointer;}
.carModelCon .brandFilter ul li:first-child{width:50px;}
.carModelCon .brandFilter ul li.active,.carModelCon .brandFilter ul li:hover{background-color:#3a9dfb;color:#fff;}
.carModelCon .barnd ul{overflow:hidden;margin:0;padding:0;list-style: none;margin:0 -10px;}
.carModelCon .barnd ul li{line-height:40px;list-style:none;text-align: center;margin-top:20px;}
.carModelCon .barnd ul li span{display:block;border:1px solid #f2f3f4;cursor:pointer;}
.carModelCon .barnd ul li span:hover{border-color:#2d8cf0;}
.carModelCon .brandModel ul{overflow:hidden;margin:0;padding:0;list-style: none;margin:0 -10px;}
.carModelCon .brandModel ul li{line-height: 35px;list-style:none;text-align: center;margin-top:20px;}
.carModelCon .brandModel ul li span{display:block;border:1px solid #f2f3f4;cursor:pointer;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.carModelCon .brandModel ul li span:hover{border-color:#2d8cf0;}
.carModelCon .selected .title{float:left;line-height: 28px;}
.carModelCon .selected .choosed,.carModelCon .selected .choosed ul{overflow:hidden;}
.carModelCon .selected .choosed ul li{float:left;line-height: 26px;text-align: center;list-style:none;margin-bottom:15px;position: relative;color:#fff;}
.carModelCon .selected .choosed ul li em{position: absolute;right:0;top:50%;cursor: pointer;color:#3a9dfb;font-weight:300;margin-top:-7px;}
.carModelCon .selected .choosed ul li span{display:block;border:1px solid #3a9dfb;cursor:pointer;padding:0 30px 0 20px;color:#3a9dfb;}
.carModelCon .selected .choosed ul li+li{margin-left:15px;}
.carModelCon .brandYear ul{overflow:hidden;margin:0;padding:0;list-style: none;margin:0 -10px;}
.carModelCon .brandYear ul li{line-height: 35px;list-style:none;text-align: center;margin-top:20px;}
.carModelCon .brandYear ul li span{display:block;border:1px solid #f2f3f4;cursor:pointer;}
.carModelCon .brandYear ul li span:hover{border-color:#2d8cf0;}
.carModelCon .brandConfig .table-mod {margin:0 -15px;}
.carModelCon .brandConfig .table-mod table{border-spacing: 10px;border-collapse: separate;table-layout: fixed;width:100%;}
.carModelCon .brandConfig .table-mod table td{vertical-align: middle;text-align: center;border:1px solid #f2f3f4;background-color:#f8f8fa;cursor:pointer;padding:5px;}
.carModelCon .brandConfig .brandConfigList{margin:0 -10px;overflow:hidden;margin-top:10px;}
.carModelCon .brandConfig .brandConfigList li{margin:0;padding:0;display:table;border-spacing: 10px;}
.carModelCon .brandConfig .brandConfigList li span{display:table-cell;vertical-align: middle;text-align: center;height:60px;border:1px solid #f2f3f4;cursor:pointer;}
.carModelCon .brandConfig .brandConfigList li span:hover{border-color:#2d8cf0;}
.carModelCon .button-group{text-align: right;margin-top:40px;}
.carModelCon .carBrand{height:400px;overflow-y:auto;overflow-x:hidden;}
.carModelCon .carBrand .portlet>.portlet-body{border:none;}

/* 多图片上传 */
.multi-upload-img:after{content:"";width:100%;display:block;height:0;clear:both;}
.multi-upload-img .input{float:left;width:92px;height:92px;position: relative;border:1px dashed #dedede;margin-right:15px;}
.multi-upload-img .input em{display:block;width:100%;height:100%;position: absolute;left:0;top:0;text-align: center;line-height: 90px;font-size:30px;color:#666;}
.multi-upload-img .input input[type=file]{opacity:0;position: absolute;width:100%;height:100%;left:0;top:0;}
.multi-upload-img ul.img-list{margin:0;padding:0;list-style:none;overflow:hidden;}
.multi-upload-img .img-list li{margin:0;padding:0;list-style:none;float:left;border:1px solid #dedede;}
.multi-upload-img .img-list li+li{margin-left:5px;}
.multi-upload-img .img-list li img{display:block;width:120px;height:90px;}
.uploads-img:after{content:"";clear:both;display:block;font-size:0;line-height:0;}

/*相片上传*/
.uploads-photo-core{ 
    /* float: left;     */
    height: 150px;
    width: 150px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background:#ffffff;
    border: 1px solid #d9d9d9;
    text-align: center;
    margin-right: 14px;
    margin-bottom: 10px;
}
.uploads-img img{ 
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}

.upload-close{width:16px;height:16px;right:0px;top:0px;position:absolute;display:block;background-color:#000;font: normal normal normal 14px/1 FontAwesome;text-align: center;border-bottom-left-radius: 5px !important;font-size:12px;line-height: 16px;}
.upload-close:after{content:"\f00d";color:#fff;}
.upload-btns{
    float: left;
    width:100px; 
    height:32px; 
    background:#2d8cf0; 
    color:#fff; 
    line-height:32px; 
    text-align:center; 
    font-size:14px; 
    position:relative; 
    border-radius:5px !important;
    margin-top: 10px;
}
.upload-btns input{position: absolute; cursor: pointer;background: transparent;opacity: 0;filter:alpha(opacity=0); width: 100%; height: 100%; }
.mod-files {
    line-height: 32px;
}
.mod-files .file_name{display:inline-block;vertical-align: middle;}
.mod-files .img-wrap{    
    height: 100px;
    width: 150px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* border-radius: 5px; */
    background:#dcdfe4;
    border: 1px solid #d9d9d9;
    text-align: center;
}
.mod-files .img-wrap img{    
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.del-btns .file-del{
    height:32px;
    line-height: 32px;
    display:inline-block;
    vertical-align:middle;
    margin: 10px 0px 0px 10px;
    color: red;
}

.file-btns{ 
    width:100px; 
    height:32px; 
    background:#2d8cf0; 
    color:#fff; 
    line-height:32px; 
    text-align:center; 
    font-size:14px; 
    position:relative; 
    border-radius:5px !important;

}
.file-btns input{ 
    left:0; 
    top:0; 
    height:100%; 
    width:100%; 
    position:absolute; 
    background:transparent; 
    opacity:0; 
    filter:alpha(opacity=0); 
    z-index:999; 
    cursor:pointer;
}

/* 自动补全 */
.tangram-suggestion-main{z-index:9999;}
.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50,50,50,.64);
    -moz-box-shadow: 1px 4px 3px rgba(50,50,50,.64);
    box-shadow: 1px 4px 3px rgba(50,50,50,.64)
}
.autocomplete-suggestion {padding: 2px 5px;white-space: nowrap;overflow: hidden}
.autocomplete-no-suggestion {padding: 2px 5px}
.autocomplete-selected {background: #f0f0f0}
.autocomplete-suggestions strong {font-weight: 700;color: #000}
.autocomplete-group {padding: 2px 5px}
.autocomplete-group strong {font-weight: 700;font-size: 16px;color: #000;display: block;border-bottom: 1px solid #000}

/* 复选框 */
.checkbox-list-inline{font-size:0;line-height: 20px;}
.checkbox-list-inline label{display:inline-block;vertical-align: middle;margin:0;padding:6px 0;white-space: nowrap;}
.checkbox-list-inline label+label{margin-left:15px;}
.checkbox-list-inline label input{vertical-align: middle;margin:0;}
.checkbox-list-inline label input[type=raido],.checkbox-list-inline label input[type=checkbox]{display:none;}
.checkbox-list-inline label span{display:inline-block;vertical-align: middle;width:15px;height:15px;margin-right:5px;background:url(../../images/checkbox.png) no-repeat 0 0 !important;}
.checkbox-list-inline label input[type=checkbox]+span{background:url(../../images/checkbox.png) no-repeat 0 0;}
.checkbox-list-inline label input[type=radio]+span{background:url(../../images/radio.png) no-repeat 0 0;}
.checkbox-list-inline label input:checked+span{background:url(../../images/checkbox_focus.png) no-repeat 0 0;}
.checkbox-list-inline label input[type=checkbox]:checked+span{background:url(../../images/checkbox_focus.png) no-repeat 0 0;}
.checkbox-list-inline label input[type=radio]:checked+span{background:url(../../images/radio_focus.png) no-repeat 0 0;}
.checkbox-list-inline label input:checked+span{background:url(../../images/checkbox_focus.png) no-repeat 0 0 !important;}
.checkbox-list-inline font{vertical-align: middle;font-size:14px;line-height: normal;display:inline-block;}
.checkbox-list-block label{display:block;}
.checkbox-list-block label input{vertical-align: middle;margin:0;}
.checkbox-list-block label input[type=raido],.checkbox-list-block label input[type=checkbox]{display:none;}
.checkbox-list-block font{vertical-align: middle;font-size:14px;line-height: normal;display:inline-block;}
.checkbox-list-block label span{display:inline-block;vertical-align: middle;width:15px;height:15px;margin-right:5px;background:url(../../images/checkbox.png) no-repeat 0 0;}
.checkbox-list-block label input:checked+span{background:url(../../images/checkbox_focus.png) no-repeat 0 0;}
.checkbox-list-label label{display:inline-block;vertical-align: middle;line-height: 22px;border:1px solid #2d8cf0;color:#2d8cf0;border-radius: 3px !important;padding:0 10px;margin-right:10px;}

/* 单选框 */
.radio-list-inline{font-size:0;line-height: 20px;}
.radio-list-inline label{display:inline-block;vertical-align: middle;margin:0;padding:6px 0;}
.radio-list-inline label+label{margin-left:15px;}
.radio-list-inline label input{vertical-align: middle;margin:0;}
.radio-list-inline label input[type=radio],.radio-list-inline label input[type=checkbox]{display:none;}
.radio-list-inline label span{display:inline-block;vertical-align: middle;width:15px;height:15px;margin-right:5px;background:url(../../images/radio.png) no-repeat 0 0;}
.radio-list-inline label input[type=radio]+span{background:url(../../images/radio.png) no-repeat 0 0;}
.radio-list-inline label input[type=checkbox]+span{background:url(../../images/checkbox.png) no-repeat 0 0;}
.radio-list-inline label input:checked+span{background:url(../../images/radio_focus.png) no-repeat 0 0;}
.radio-list-inline label input[type=radio]:checked+span{background:url(../../images/radio_focus.png) no-repeat 0 0;}
.radio-list-inline label input[type=checkbox]:checked+span{background:url(../../images/checkbox_focus.png) no-repeat 0 0;}
.radio-list-inline font{vertical-align: middle;font-size:14px;line-height: normal;display:inline-block;}
.radio-list-block label{display:block;}
.radio-list-block label input{vertical-align: middle;margin:0;}
.radio-list-block label input[type=radio],.radio-list-block label input[type=checkbox]{display:none;}
.radio-list-block font{vertical-align: middle;font-size:14px;line-height: normal;display:inline-block;}
.radio-list-block label span{display:inline-block;vertical-align: middle;width:15px;height:15px;margin-right:5px;   background:url(../../images/radio.png) no-repeat 0 0;}
.radio-list-block label input:checked+span{background:url(../../images/radio_focus.png) no-repeat 0 0;}
.radio-list-block label .input-group-addon,.radio-list-inline label .input-group-addon{display:table-cell;}
.radio-list-label label{display:inline-block;vertical-align: middle;line-height: 22px;border:1px solid #2d8cf0;color:#2d8cf0;border-radius: 3px !important;padding:0 10px;margin-right:10px;}

/* 标签样式 */
.label-success{background-color:#80848f;}
.label-inline{margin:0;vertical-align:middle;margin-bottom:10px;position: relative;user-select: none;display:inline-block;margin-right:6px;}
.label-inline input[type=checkbox],.label-inline input[type=radio]{display:none;}
.label-inline span{font-weight:normal;display:block;min-width:82px;height:28px;border:1px solid #dddee1;line-height: 26px;padding:0;background-color:#fff;color:#80848f;position: relative;font-size:12px;padding:0 10px;}
.label-inline input+span{border-color:#333;color:#333;font-family:'Microsoft YaHei';}
.label-inline input:checked+span{border-color:#2d8cf0;color:#2d8cf0;}
.label-inline input:checked+span:after{content:"";position: absolute;right:0;bottom:0;width:14px;height:14px;background:url(../../images/check.png) no-repeat 0 0;}