@charset"utf-8";
 /*html, body {
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", '微软雅黑', '宋体', Tahoma, Arial, Helvetica, sans-serif !important;
}*/
* {
    scrollbar-face-color:#F3F3F3;
    /*面子*/
    scrollbar-arrow-color:#C0C0C0;
    /*箭头*/
    scrollbar-3dlight-color:#C0C0C0;
    /*最外左*/
    scrollbar-highlight-color:#FFFFFF;
    /*左二*/
    scrollbar-shadow-color:#FFFFFF;
    /*右二*/
    scrollbar-darkshadow-color:#C0C0C0;
    /*右一*/
    scrollbar-track-color:#F3F3F3;
    /*滑道*/
}
/*滚动条整体*/
 ::-webkit-scrollbar {
    width:15px;
    /*滚动条宽度*/
    height: 15px;
}
.resetPasswordTip{
	margin-left: 61px;
    font-size: 14px;
    color: #999;
}
/*滚动条按钮*/
 ::-webkit-scrollbar-button {
}
::-webkit-scrollbar-track {
    background-color:#F3F3F3;
    /*滑道全部*/
}
::-webkit-scrollbar-track-piece {
    background-color:#F3F3F3;
    /*滑道*/
    -webkit-border-radius: 0px;
    /*滑道圆角宽度*/
}
::-webkit-scrollbar-thumb {
    background-color:#F3F3F3;
    /*滑动条表面*/
    border:solid 1px #C0C0C0;
    /*滑动条边框*/
    border-radius: 0px;
    /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
 ::-webkit-scrollbar-corner {
    background-color: #F3F3F3;
}
/*横竖滚动条交角图案*/
 ::-webkit-resizer {
    /*background-image: url(/public/img/resizer-inactive.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠标滑过滑动条*/
 ::-webkit-scrollbar-thumb:hover {
    background-color:#F3F3E0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
.page-content {
    padding: 18px 10px 10px 10px !important;
}
.search_layout {
    padding-top: 8px;
    padding-bottom: 10px;
}
.search_layout .tableTools-container{
    padding: 0px;
    margin:0 20px;
    line-height: 32px;
}
.search_layout .tableTools-container a {
    color: #666;
    font-size: 14px;
    margin: 0 5px;
    text-decoration:none;
    cursor:pointer;
}
.search_layout .tableTools-container i {
    margin: 0 5px;
}

#searchCondition{
    font-size: 13px;
}

.dataTables_wrapper {
    border: 1px solid #ddd;
}
.dataTables_wrapper, .dataTables_wrapper tr, .dataTables_wrapper .dataTable_thead > tr {
    color: #666;
}

.dataTables_wrapper table td{
    white-space: nowrap;
    max-width: 250px;
}
@media (min-width: 1300px){
    .dataTables_wrapper table td{
        white-space: nowrap;
        max-width: 350px;
    }
}
@media (max-width: 1280px) {
  .hidden1280 {
    display: none !important;
  }
}
.dataTable_thead th {
    text-align: center;
    white-space: nowrap;
}
.dataTables_info {
    line-height: 14px;
    font-size: 14px;
}
.dataTables_paginate {
    text-align: right;
}
.dataTables_paginate .pagination {
    margin: 0 12px;
    top: -3px;
    position: relative;
}
.dataTables_wrapper label {
    display: inline-block;
    font-size: 13px;
}
.dataTables_wrapper .row {
    margin: 0 !important;
}
/*.tableContent{
	position: relative;
}*/
.dataTables_wrapper .row:first-child {
    /*display: none;*/
    /*padding-top: 12px;
    padding-bottom: 12px;*/
    background-color: #EFF3F8;
}
.dataTables_wrapper .row:first-child + .dataTable {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.dataTables_wrapper .row:last-child {
    /*border-bottom: 1px solid #e0e0e0;*/
    padding-top: 8px;
    padding-bottom: 8px;
    /*background-color: #EFF3F8;*/
}
.dataTables_wrapper .dataTables_scroll + .row {
    margin-top: -1px !important;
    border-top: 1px solid #e0e0e0;
}
.dataTable {
    margin-bottom: 0;
}
.dataTable > thead > tr > th{
    color: #666;
}

.dataTable > thead > tr > th[class*=sort] {
    cursor: pointer;
}
.dataTable > thead > tr > th[class*=sort]:after {
/*     float: right;*/
/*     letter-spacing:3px;
 */    display: inline;
    content:"\f0dc";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    color: #666;
    width: 0px;
}
.dataTable > thead > tr > th[class*=sort]:hover {
    color: #547EA8;
}
.dataTable > thead > tr > th[class*=sorting_] {
    /*color: #307ECC;*/
}
/*.dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
    background-image: -webkit-linear-gradient(top, #EFF3F8 0%, #E3E7ED 100%);
    background-image: -o-linear-gradient(top, #EFF3F8 0%, #E3E7ED 100%);
    background-image: linear-gradient(to bottom, #EFF3F8 0%, #E3E7ED 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
}*/
.dataTable > thead > tr > th.sorting_desc:after {
    content:"\f0dd";
    top: -6px;
    color: #307ECC;
}
.dataTable > thead > tr > th.sorting_asc:after {
    content:"\f0de";
    top: 4px;
    color: #307ECC;
}
.dataTable > thead > tr > th.sorting_disabled {
    cursor: inherit;
}
.dataTable > thead > tr > th.sorting_disabled:after {
    display: none;
}
.dataTables_scrollHead + .dataTables_scrollBody > .dataTable > thead > tr > th:after {
    display: none;
}
.dataTables_scrollHeadInner {
    width: auto !important;
}
.dataTables_scrollHeadInner > .dataTable > thead > tr > th {
    border-bottom-width: 0 !important;
}
.dataTables_borderWrap .dataTables_scrollBody, .dataTables_borderWrap .dataTables_scrollHead {
    border: 1px solid #ddd !important;
    border-width: 0 1px !important;
}
.dataTables_borderWrap .dataTables_scrollBody .table-bordered, .dataTables_borderWrap .dataTables_scrollHead .table-bordered {
    border-left-width: 0;
    border-right-width: 0;
}
.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:first-child, .dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:first-child, .dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:first-child, .dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:first-child {
    border-left-width: 0;
}
.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:last-child, .dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:last-child, .dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:last-child, .dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:last-child {
    border-right-width: 0;
}
table.dataTable {
    clear: both;
    max-width: none !important;
}
table.dataTable th:active {
    outline: none;
}
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%!important;
}
div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}
div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}
.dt-buttons {
    display: inline-block;
}
#searchConditionDiv .dropdown-menu {
    width: 350px;
    /*position: absolute;*/
    /*margin-left: 300px;*/
}

.ng-modal-dialog .dataTables_wrapper{
    margin: 0;
}
.mainbg_white {
    background-color: #ffffff !important;
}
.base-nav-tabs{
    padding-left: 20px !important;
    margin-left: 0px !important;
}
.commonTable{
    border: 1px solid #d4d8e7 !important;
    border-radius: 5px;
    position: relative;
}
.fixedTr{
	position: absolute;
	top:0;
	left: 0;
	height: 51px !important;
	line-height: 51px !important;
	width:100%;
	font-size: 0;
	z-index: 2;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.tableThHead{
	font-size: 12px;
	color: #666666;
	text-align: center;
}
.dataTables_scrollHead .commonTable{
    /*border-bottom: 0px !important;*/
}
.commonTable thead tr{
    background: #ffffff !important;
    color: #666 !important;
    border: 0 !important;
    border-bottom: 1px solid #d4d8e7 !important;
}
.commonTable thead tr th{
    /*background-color: #ffffff !important;*/
    border: 0 !important;
}

.commonTable tbody tr{
    /*border-top: 1px solid #d4d8e7 !important;*/
    /*background-color: #ffffff !important;*/
    /*border: 0 !important;*/
}
.commonTable > tbody > tr:nth-of-type(odd) {
    background-color: white;
}
.commonTable > tbody > tr:nth-of-type(even) {
    background-color: #f9faff;
}
.commonTable > tbody > tr.trOdd{
    background: #f9faff;
}
.commonTable > tbody > tr.trEven{
    background: white;
}
.commonTable > tbody > tr.odd{
    background: #f9faff;
}
.commonTable > tbody > tr.even{
    background: white;
}
.commonTable tbody tr td{
    padding: 0px 8px !important;
    border: 0 !important;
}
.dataTables_scrollBody table thead{
    /*display: none;*/
}

#dataTable .tbody tr:hover ,#dataTable #tbody tr:hover,.commonTable tbody tr:hover,.dataTables_wrapper .dataTables_scrollBody table tr:hover,.commonTable .tbody tr:hover,#f7DataTable .tbody tr:hover{
    background: #ddf3ff;
}
#dataTable .formTableStyle tr:hover{
    background: #f9faff !important;
}
.rowbox,.rowbox-sm{
    zoom: 1;
    overflow: hidden;
    letter-spacing: 0px;
    padding: 2px 0px 2px 0px;
}
.rowbox .row-left {
    font-size: 13px;
    width: 100px;
    float: left;
    line-height: 26px;
    color: #666666;
    text-align: right;
    vertical-align: middle;
}
@media only screen and (max-height:768px ) {
	.rowbox div.row-left{
		font-size: 12px !important;
	 	line-height: 26px;
	}
	.rowbox div.row-right{
		font-size: 12px !important;
		line-height: 26px;
	}
	.rowbox-sm div.row-left{
		font-size: 12px !important;
		line-height: 26px;
	}
	.rowbox-sm div.row-right{
		min-height: 26px;
    	line-height: 26px;
    	font-size: 12px !important;
	}
}
.rowbox.heightAuto,.rowbox-sm.heightAuto{
	overflow: initial;
}
.rowbox.heightAuto  .row-right,.rowbox-sm.heightAuto .row-right{
	height: initial;
}
.rowbox .row-right {
    margin-left: 120px;
    color: #555;
    line-height: 26px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}
.rowbox-sm .row-left {
    font-size: 14px;
    width: 70px;
    float: left;
    line-height: 26px;
    color: #888;
    text-align: right;
    vertical-align: middle;
}
.rowbox-sm .row-right {
    margin-left: 90px;
    min-height: 26px;
    line-height: 26px;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}

.aform-btn,.aform-btn-sm ,.btn-vice{
    margin: 0 10px;
	height: 28px;
	min-width: 78px;
	padding:0px 10px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #ffffff;
	background-color: #00a8ff;
	border-radius: 2px;
	outline: none;
	box-sizing: content-box;
	cursor: pointer;
	border:0px;
	display: inline-block;
}
div.btn-vice{
    color: #00a8ff;
    background-color: white;
    border: 1px solid #00a8ff;
}
.aform-btn-sm,.btn-vice{
	height: 26px;
	line-height: 26px;
	padding:0 8px;
	font-size: 12px;
}
.aform-btn:hover {
    text-decoration: none;
    background-color: #0097e5;
}
.aform-disablebtn:focus,.aform-btn:focus{
	box-shadow: inset 0px 1px 3px 1px rgba(0,0,0,0.1) !important;
}
.aform-disablebtn {
    margin: 0 10px;
	height: 26px;
	width: 78px;
	text-align: center;
	display: inline-block;
	line-height: 28px;
	font-size: 14px;
	background-color: #ffffff;
	border-radius: 2px;
	outline: none;
	box-sizing: content-box;
	cursor: pointer;
	color: #666;
	border: solid 1px #D4D8E7;
}
.aform-disablebtn:hover {
    text-decoration: none;
    color: #00a8ff !important;
    background:#f1f3fa;
    /*background-color: #ccc;*/
}

.aform-cancelbtn {
    font-size: 16px;
    text-decoration: none;
    height: 34px;
    line-height: 32px;
    margin-right: 10px;
    background-color: #d4d8e7;
    color: #FFF !important;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    border: 1px solid #d4d8e7;
    border-radius: 2px;
    cursor: pointer;
}

.aform-btn_sm{
    font-size: 12px !important;
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 10px !important;
}

.editbox{
    width: 300px;
    height: 32px;
    color: #333333 !important;
    line-height: 22px;
    background-color: #FFF;
    padding: 5px 10px 5px 10px !important;
    font-size: 14px;
    background: #fff;
    outline: none!important;
    border: 1px solid #dedede !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}
.editbox-sm{
    width: 178px;
	height: 26px;
	line-height: 26px;
    color: #333333 !important;
    background-color: #FFF;
    padding: 4px 4px 4px 4px !important;
    font-size: 14px;
    background: #fff;
    outline: none!important;
    border: 1px solid #D4D8E7 !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
}
@media only screen and (max-height:768px) {
	.editbox-sm{
		height: 26px !important;
		line-height: 26px !important;
		font-size: 12px !important;
	}
	textarea.editbox-sm{
		height: auto !important;
	}
	span.input-icon{
		line-height: 26px !important;
	}
	div.brandHeight{
		height: 26px;
		line-height: 26px;
	}
}
.editbox-xs{
    width: 87px;
    font-size: 13px;
    padding: 5px 3px 5px 3px !important;

}
.editbox-square{
    width: 180px;
    height: 26px;
    color: #333333 !important;
    background-color: #FFF;
    padding: 5px 4px 5px 10px !important;
    font-size: 12px;
    background: #fff;
    outline: none!important;
    border: 1px solid #dedede !important;

}
@media only screen and (max-height: 768px) {
	.editbox-square{
		height: 26px;
	}
}
.input-icon-right .editbox{
    padding: 5px 30px 5px 10px !important;

}
input.editbox:focus,input.editbox-sm:focus{
    box-shadow: inset 0 0 3px 0 #56cbfb !important
}
/* .input-icon-right .editbox-sm{
    padding: 5px 20px 5px 10px !important;
}
.input-icon-left .editbox{
    padding: 5px 10px 5px 30px !important;

}
.input-icon-left .editbox-sm{
    padding: 5px 6px 5px 30px !important;
} */
.fs10{
    font-size: 10px !important;
}

.fs12{
    font-size: 12px !important;
}
.fs14{
    font-size: 14px !important;
}
.fs16{
    font-size: 16px !important;
}

.initbgcolor{
    background-color: #f1f3fa !important;
}
.defaultblue{
    color:#25b3fe !important;
}

@media only screen and (max-height:667px ) {
	.collectBox{
		bottom:15px !important;
	}
}
.defaultmodal{
    padding: 80px 0px;
    border-radius: 5px;
    margin: 0px auto;
}   

.defaultmodal .modal-header{
    line-height: 42px;
    height: 42px;
    background-color: #00a8ff;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    padding: 0px;
}

.defaultmodal .modal-header .close {
    width: 24px;
    height: 24px;
    line-height: 42px;
    display: inline-block;
    margin-top: 8px;
    margin-right: 15px;
    background: url(../carfix/imgs/modal_close.png) no-repeat;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
}
.defaultmodal .modal-header .close span{
    display: none;
}
.defaultmodal .modal-title{
    font-size: 16px;
    font-weight: bold;
    padding-left: 14px;
    line-height: 42px;
    cursor: move;

}
.defaultmodal .modal-content{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 0px;
}
.defaultmodal .modal-footer{
    text-align: center;
    background-color: #FFF;
}

.tableForminfo{
    font-size:14px;
    border: 1px solid #e3e6f0;
    border-radius: 5px;
    background-color: #FFF;
    padding: 10px 0 10px 20px;
    text-align: left;
    margin-bottom: 12px;
    box-shadow: 0px 5px 5px 0 rgba(52, 136, 201, 0.05) !important;
}
.tableForminfo:hover{
    box-shadow: 0px 5px 5px 0 rgba(52, 136, 201, 0.1) !important;
}
.tableForminfo .info_header{
    line-height: 32px;
}
#repairOrder{
    text-align: justify;
}
/* #repairOrder:before{
    content: "";
    height: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
#repairOrder:after{
    content: "";
    height: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
} */
.tableForminfo .info_content{
    font-size: 0px;
    line-height: 32px;
    margin: 16px 0;
}

.tableForminfo .info_content>div{
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot?v=1.3');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../iconfont/iconfont.woff?v=1.3') format('woff'),
        url('../iconfont/iconfont.ttf?v=1.3') format('truetype'),
        url('../iconfont/iconfont.svg#star') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
}

.formhead{
	font-size: 14px;
	height: 38px;
	line-height: 38px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
}
::-ms-clear,::-ms-reveal{display:none;
}
.formhead_col-12{
	padding-bottom: 10px!important;
}
.pageFooterStyle{
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #F8F9FD;
    border: 1px solid #EAEAEA;
    margin: 0px 10px;
    margin-bottom: 20px;
}
select,select.editbox,select.editbox-sm{
    line-height: 21px;
    border: solid 1px #dedede;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 20px !important;
    background: url(../carfix/imgs/selectUp.png) no-repeat scroll right center transparent !important;
}
.advanceSelect{
    background: white;
    border-radius: 5px;
    width: 178px;
}
/*IE浏览器hack*/
@media screen\0 {
    select,select.editbox,select.editbox-sm{
        padding-right: 5px !important;
        background: none !important;
    }
}

input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{
    display: none;
    width : 0;
    height: 0;
}

/*checkbox选择框新样式------------start*/
.checkboxbase{
    display: none;
}
.checkboxbase__Label {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    border: 1px solid #C1CACA;
    border-radius: 3px;
    position: relative;
    vertical-align: middle;
}

.checkboxbase:checked+.checkboxbase__Label {
    background-color: #00a8ff;
    cursor: pointer;
}
.checkboxbase:checked + .checkboxbase__Label:before {
    content: '\2714';
    position: absolute;
    z-index: 100;
    left: 3px;
    top: -1px;
    color: white;
    font-size: 13px;
    line-height: initial;
}
/*checkbox选择框新样式*-------------end/

/*状态选择样式------------start*/
.searchItemStyle{
	display: inline-block;
}
.searchItemStyle:first-child .selModule {
	margin-left: 0px;
}
.selModule{
    margin: 0 1px;
    height: 22px;
    padding: 0px 4px;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #333;
    border: solid 1px #D4D8E7;
}
.selModule.mlCancel{
    margin-left: -3px;
}
.selModule:hover{
	color:#00a8ff
}
.adSearchOption:checked+.adSearchOptionLabel{
	color: #00a8ff;
    border: 1px solid #00a8ff;
}
.selModule:focus{
	box-shadow: inset 0px 1px 3px 1px rgba(0,0,0,0.1)
}
.selModule.action{
    color: #00a8ff;
    border: 1px solid #00a8ff;
    background: #F3FBFF;
}

/*状态选择样式------------end*/

/*dataTable搜索查询searchModule样式---------start*/
.k_searchWrap {
	position: relative;
    padding: 0px 10px;
    border: 1px solid #eaeaea;
    background-color: #fafafa;
    /*margin-bottom: 10px;*/
    transition: height ease 1s;
    /*box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);*/
    /*margin: 18px 18px 0 18px;*/
}
.k_searchWrap .searchWrap_containCalc {
    position: relative;
    overflow: hidden;
    color: #999;
    height: 40px;
    /*box-sizing: border-box;*/
    /*padding-right: 15%;*/
    /*font-size: 12px !important;*/
    /*transition: height ease 1s;*/
}
.k_searchWrap .rowbox-sm{
    display: inline-block;
    /*width: 25%;*/
    float: left;
    /*margin-right: 10px;*/
    /*height: 28px;
    line-height: 28px;*/
}
.k_searchWrap .rowbox-sm.db{
    display: block;
}
.k_searchWrap .rowbox-sm.dn{
    display: none;
}
.k_searchWrap .rowbox-sm .row-left{
    font-size: 12px;
    float: left;
    width: unset;
    min-width: 60px;
}
.k_searchWrap .rowbox-sm .row-right{
    float: left;
    margin-left: 4px;
    height: 26px;
    /*margin-right: 26px;*/
}
.k_searchWrap .widthAdapte_advance{
    
}
.k_searchWrap .rowbox-sm .row-right input{
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    width: 170px;
}
.k_searchWrap .searchWrap_Down {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #999;
    cursor: pointer;
}
.searchWrap_up{
	position: absolute;
    bottom: 10px;
    right: 20px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}
.advanceButton{
	position: absolute;
    right: 14px;
    top: 5px;
    transition: height ease 1s;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}
.advanceButton .aform-btn{
    padding: 0;
    margin: 0;
    min-width: 68px;
}
.advanceButton .search-way-list{
    position: relative;
    top: 0px;
    left: -25px;
    background-color: white;
    border: 1px solid #dedede;
    border-radius: 4px;
    z-index: 99;
    color: black;
    text-align: left;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 6px 0px;
}
.advanceButton .search-boxMark{
    position: relative;
    height: 10px;
    width: 10px;
    top: 6px;
    left: 116px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: white;
    border:0px;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    z-index: 102;

}
.advanceButton .search-way-list>li {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer;
}
.advanceButton .search-way-list>li:hover {
    background: #f5f5f5;
}
.advSearchBtn{
    margin: 0 4px 0 0;
    height: 26px;
    padding: 0px 10px;
    min-width: 56px;
    text-align: center;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #666;
    border: solid 1px #D4D8E7;
}
.advSearchBtn .clearBtn{
    margin-left: 4px;
}
.advSearchBtn:hover{
    color: #00a8ff;
    background: #f1f3fa;
}
.k_searchWrap .searchWrap_calcCondition {
    background-color: #fafafa;
    color: #999;
    line-height: 1;
    padding: 4px 0px;
    font-size: 12px;
}
.searchResultItem{
	display: inline-block;
    background-color: #EAF3FF;
    border: 1px solid #D3E1FE;
    color: #666;
    line-height: 1;
    padding: 6px 8px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.btn2Main {
    position: relative;
    display: inline-block;
    padding: 5px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #28AEE2;
    border-radius: 5px;
    line-height: 16px;
    cursor: pointer;
    border: 1px solid #28AEE2;
}
/*高级搜索Style*/
.searchModule{
    /*position: relative;*/
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    /*margin-left: 20px;*/
    z-index: 300px;
    display: none;
}
.searchModuleContent{
    padding-right: 100px;
}
.searchModuleContent .rowbox-sm{
	margin-top: 0px;
	/*padding-left: 12px;*/
}
.searchModuleContent .justify_fix{
	width: 0px;
}
#searchModule_searchBtn{
	display: none;
}
.searchModuleContent>.rowbox-sm:first-child{
    box-sizing: border-box;
    margin-right: 0px;
}
.advanceSearchBlock .row-right .selModule:first-child{
	margin-left: 0px;
}
.searchModule_common{
    height: 30px;
    display: inline-block;
    border-radius: 2px;
    border: solid 1px #D4D8E7;
    background: white;
}
.searchModule_common input:focus{
    box-shadow: 0 0 0 2.5px rgba(179, 225, 255, 0.5) !important
}
.searchModule_common .searchModule_btn{
    float: right;
    width: 28px;
    color: #D4D8E7;
    line-height: 28px;
    border-left: 1px solid #D4D8E7;
    text-align: center;
    cursor: pointer;
    height: 28px;
    box-sizing: content-box;
}

.searchModule_common #filter {
    padding-left: 10px;
    height: 28px;
    line-height: 28px;
    width: 200px;
    color: #666;
    font-size: 14px;
    border: 0 ;
    outline: none !important;
    border-radius: 2px;
    font-size: 12px;
}
.searchModule_common .filter{
	padding-left: 10px;
    height: 28px;
    line-height: 28px;
    width: 150px;
    color: #666;
    font-size: 14px;
    border: 0 ;
    outline: none !important;
    border-radius: 2px;
    font-size: 12px;
}
.searchModule #searchModule_advBtn{
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    color: #D4D8E7;
    border: 1px solid #D4D8E7;
    margin-left: -5px;
    width: 28px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    vertical-align: bottom;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff;
}

.search_layout #searchModule_extend_btn,
.search_layout #searchModule_add_btn{
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    color: #D4D8E7;
    border: 1px solid #D4D8E7;
    margin-left: -5px;
    width: 28px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    vertical-align: bottom;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff;
}
.search_layout #searchModule_add_btn {
    margin-left: 0px;
}
.searchModule #searchModule_advBtn:hover,.searchModule_common .searchModule_btn:hover{
    color:#00a8ff;
}
.searchModule .searchModule_advfoot{
    text-align: center;
    margin-top: 5px;
    display: none;
}

.searchModule_advContent .rowbox .row-left,.searchModule_advContent .rowbox-sm .row-left{
    text-align: left;
}
.searchModule_advContent .rowbox .row-right{
    margin-left: 105px;
}
.searchModule_advContent .rowbox-sm .row-right{
    margin-left: 75px;
}
/*dataTable搜索查询searchModule样式------------end*/

/*报表类可伸缩搜索查询searchModule样式---------start*/
.searchModule_report_box{
    margin: 0px 18px 0 18px;
}
.searchModule_report{
    width: 100%;
    padding: 8px 18px;
    line-height: 25px;
    margin-top: 18px;
    display: inline-block;
    border-radius: 2px;
    border: solid 1px #9dd7ee;
    background: #ECF6FD;
    height: 44px;
}
#searchModule_reportFilter{
    border: 1px solid #d4d8e7;
    padding-top: 10px;
    margin-top: 18px;
    background: #fff;
}
.pageTipMsg {
    width: calc(100% - 60px);
}
#searchPackUp_btn{
    position: absolute;
    right: 0px;
    bottom: 5px;
}
/*报表类可伸缩搜索查询searchModule样式---------end*/

/*遮罩层 提交------------------start*/
.submitMask,.updateMask{
    width: 100%;
    height: 100%;
    z-index: 1;
}
.submitMask .submitMask__bg,.updateMask .updateMask__bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity:0;
    z-index: 999991;
}
.submitMask .submitMask__content{
    width: 300px;
    height: 100px;
    display: inline-block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0.8);
    border-radius: 10px;
    margin: auto;
    z-index: 999999;
}
.submitMask .submitMask__content .submitMask__content__load{
    font-size: 24px;
    color: #707070;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.submitMask .submitMask__content .submitMask__content__tips{
    /*line-height: 50px;*/
    font-size: 16px;
    color: #FFF;
    text-align: center;
    width: 80%;
    margin: auto;
}
/*遮罩层 提交------------------end*/
/*datatables刷新弹出层样式*/
.updateMask .updateMask__bg{
    opacity:0.1;
}
.updateMask .updateMask__content{
    width: 228px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0.8);
    border-radius: 10px;
    margin: auto;
    z-index: 999999;
    text-align: center;
}
.updateMask .updateMask__content .updateMask__content__load{
    font-size: 24px;
    color: #707070;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.updateMask .updateMask__content .updateMask__content__tips{
    font-size: 16px;
    color: #FFF;
    width: 80%;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
/*表格 操作按钮----------------start*/
    .clickButtonList{
        color:#3e3c32;
        font-size: 14px;
    }
    .clickButtonList:hover{
        color: #00a8ff
    }
/*表格 操作按钮----------------end*/
.repairEditTable{
    width: 100%;
    min-width: 1100px;
    overflow: scroll;
}
.repIndex{
	z-index: 2003;
}
/**start----  repPick下拉 -----start**/
.repPickTable{
	background-color: #ffffff;
  	box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
  	border-collapse: collapse;
  	display: none;
  	width:295px;
  	height:186px;
  	position: fixed;
  	font-size:18px;
  	border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
}
.repPickTable tr{
	background: white !important;
}
.repPickTable tr .repPickItems{
	text-align: center !important;
}
.repPickItems{
	width: 42px;
	height: 32px;
	text-align:center !important;
	color:#585858;
	font-size: 18px;
	cursor: pointer;
	vertical-align: middle;
	border: solid 1px #d4d8e7;
}
.repPickItems:hover{
	background: #f2f3f7;
	color:#00a8ff
}
.repPickItemsSelected{
	background: #f2f3f7;
	color:#00a8ff
}
/**start----  repSelct下拉 -----start**/
.repSelectUl{
  min-width: 178px;
  max-height: 272px;
  overflow-y: auto;
  background-color: #ffffff;
  box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #d4d8e7;
  position: fixed;
  margin: 0px;
  overflow-x: -moz-hidden-unscrollable;
}
.repSelectUl li{
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  color: #666;
  padding:0 15px 0 18px;
  white-space: nowrap;
  text-align: left;
}
.repSelectUl li:hover{
  background: #f2f3f7 !important;
}
.repSelected{
	background: #f2f3f7 !important;
	color:#00a8ff !important;
}
/**start----  repTree -----start**/
.repTreeUl{
  min-width: 178px;
  max-height: 272px;
  overflow-y: auto;
  background-color: #ffffff;
  box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #d4d8e7;
  position: fixed !important;
  margin: 0px;
  padding-left: 20px !important;
}
.treeDataLoad{
  color: #333;
  font-size: 18px;
}
/**start----  repF7Selct下拉 -----start**/
.detatilInfo{
    min-width:144px;
    border:solid 1px #d4d8e7;
    box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: fixed;
    background: white;
    text-align: left;
    max-height: 300px;
    overflow: auto;	
}
.detailInfoList{
	width:100%;
}
.detailInfoList tr{
	background: white !important;
}
.dataLoad{
	height: 34px;
    line-height: 34px;
    padding-left:14px;
    font-size: 14px;
    text-align: center;
}
.emptySearch{
    height: 34px;
    line-height: 34px;
    padding-left:14px;
    font-size: 14px;
    text-align: center;
}
.searchListChoosed{
    background: #f1f3fa;
}
.repSelectCol{
    height: 34px;
    line-height: 34px;
    padding-left:14px;
    font-size: 14px;
    min-width: 133px;
    padding:0 10px;
    table-layout: fixed;
}
.repSelectRowed{
	background: #f2f3f7 !important;
	color:#00a8ff !important;
}

.provinceShort{
	width:38px;
	height: 32px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.downMark{
	width:20px;
	color:#d4d8e7;
	font-size: 12px;
	position: absolute;
	cursor: pointer;
}
.brandFontBox{
	width: 60px;
	height: 34px;
	border: solid 1px #d4d8e7;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	vertical-align: top;
	position: relative;
}
.itemActive{
	color:#00a8ff;
	background: #f4efff;
}
.selectItemList{
	vertical-align: top;
}

.brandHeight{
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}
.dataTr{
	border:1px solid red;
	width: 100%;
}
.dataTr td{
	width:100%;
}
.selectedItemsContent{
	padding:0px 10px;
	font-size: 14px;
    font-weight: bold;
    color: #666666;
    height: 38px;
    line-height: 38px;
    background: #d4d8e7;
}
.treePosition{
	position:fixed;
	width:220px;
	height: 100%;
	background:white;
}
.rightTablePosition{
	margin-left: 220px;
}
.wechatOrder{
	outline: none;
	background: white;
	height:24px;
	line-height: 24px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	padding:0px 10px;
	border:1px solid #09BB07;
	position: relative;
	box-sizing: content-box;
	cursor: default;
}
.invalidOrder{
    background: white;
    height:24px;
    line-height: 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    padding:0px 10px;
    box-sizing: content-box;
    cursor: default;
    border: 1px solid #ddd;
}
#wxrepairbook div.dib{
	border: 1px solid #09BB07;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:0px 10px;
	color: #09BB07;
}
#wxrepairbook p.dib{
	color: #666;
}
.manipulateButtonBorder div{
	border-right:1px solid #ddd;
}
.manipulateButtonBorder div:last-child{
	border:0px;
}
.wechatOrder p{
	color: #09BB07;
    height: 15px;
}
.underlineOrder{
	border:1px solid #f7855c !important;
	width:58px;
}
.underlineOrder p{
	color:#f7855c !important;
}
.countTip{
	width: 16px;
    height: 16px;
    background-color: #f04b4b;
    line-height: 16px;
    border-radius: 50%;
    right: 0px;
    top: 0px;
    color: white;
    font-size: 12px;
    text-align: center;
}
@media only screen and (max-height:700px ) {
	.modal-body{
		max-height: 500px !important;
	}
}

/*输入框placeholder的样式*/
input::-webkit-input-placeholder{
	color: #ccc;
	font-size: 12px;
}
input::-moz-placeholder{
	color: #ccc;
	font-size: 12px;
}
input:-ms-input-placeholder{
	color: #ccc;
	font-size: 12px;
}

textarea::-webkit-input-placeholder{
	color: #ccc;
}
textarea::-moz-placeholder{
	color: #ccc;
}
textarea:-ms-input-placeholder{
	color: #ccc;
}

.dataTables_length {
	width: 165px;
	float: left;
	margin-left: 15px;
	margin-top: -5px;
}
.dataTables_info {
	float: left;
	line-height: 26px;
}
.pagination>li>a{
	border:0px !important;
	min-width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
	text-align: center !important;
	font-size: 12px !important;
	color: #0088FE !important;
	padding:0px !important;
	background:transparent !important ;
	margin:0  5px !important;
}
.dataTables_info,.dataTables_length>label{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.pager>li.disabled>a, .pager>li.disabled>a:hover, .pagination>li.disabled>a, .pagination>li.disabled>a:hover{
	background:transparent  !important;
}
.pagination > li.active > a{
	background: #00a8ff !important;
	border-radius: 10px !important;
	color:white !important;
	border-left: 5px solid #00a8ff !important;
	border-right: 5px solid #00a8ff !important;
}
.pagination>li.disabled>a{
	color:#999 !important
}
.paginate_button.previous>a,.paginate_button.next>a{
	width: 40px !important;
	margin: 0 10px;
}
select.input-sm.form-control {
	line-height: 1;
	position: relative;
    top: -2px;
    margin-right: 3px;
}

/*.dataTableBox{
	max-height: 610px;
	overflow-y: auto;
	border: 1px solid #d4d8e7;
}*/
.dataTables_wrapper .bottom{
	padding-top: 10px;
	border-top: 1px solid #d4d8e7;
}
.dataTables_scroll{
	overflow-x: auto;
}
.form-border{
	border-bottom: 1px solid #EAEAEA;
}
.form-super-title{
	font-size: 16px;
	font-weight: bold;
	color:#666;
	display: block;
	height: 64px;
	line-height: 66px;
	background: #f1f3fa;
	padding-left: 18px;
}
.tip-mark-style{
    height: 10px;
    width: 10px;
    position: absolute;
    top: -14px;
    left: -2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: white;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.05);
    z-index: 102;
}
.tip-style{
    position: absolute;
    text-align: center;
    padding: 10px;    
    border: solid 1px #dedede;
    z-index: 101;
    top: -46px;
    left: -62px;
    background: white;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #666;
}
.tip-style>span:first-child{
    color:#999
}
.tip-style>span:last-child{
    color:#666
}
.tip-style>div{
    overflow: hidden;
    white-space: nowrap;
}
.tip-style>div>span{
    float: left;
    width: initial !important;
}
.tip-style>div>span:first-child{
    min-width: 60px;
    text-align: right;
    color:#999
}
.tip-style>div>span:last-child{
    text-align: left;
    color:#666
}
.tip-style>span{
    white-space: nowrap !important;
}
.ungetMaterial{
	display: inline-block;
    border: 1px solid #f7855c;
    border-radius: 2px;
    padding: 0px 2px;
    color: #f7855c;
    font-size: 12px;
}
.tip-form-style{
    width: 800px;
    position: fixed;
    text-align: center;
    padding: 10px;    
    border: solid 1px #dedede;
    background: #fff;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    color: #666;
    z-index: 999;
}
.tableBody table td .tip-form-style span{
    width: 100%;
}
.tableBody table td .tip-form-style input{
     width: 146px;
}
li.letter-style{
	width: 28px;
	text-align: left;
}
li .hoverLetterStyle{
	text-align: center;
}