body{color: #333333;font-family: PingFangSC,Roboto-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;font-size: 14px;}
.subpage_bg{background-color:#f2f2f3;padding: 10px;font-family: PingFangSC,Roboto-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;font-size: 14px; }
.subpage_content{background-color:#fdfdfd ;padding: 15px;width: 100%;height: 100%;}
.margin_right_10{margin-right: 15px;}
.margin_left_10{margin-left: 10px;}
.margin_bootom_10{margin-bottom: 0!important;}
.margin_bootom10{margin-bottom: 10px!important;}
.margin_bootom8{margin-bottom: 8px!important;}
.margin_bootom_40{margin-bottom: 40px!important;}
.margin_bootom_5{margin-bottom: 5px;}
.padding_top_42{padding-top: 42px!important;}
.padding_right_20{padding-right: 20px;}
.none{display: none;}
ul {padding-left:0;
}
ul li{list-style: none;}
.padding_left_right_0{padding: 0!important;}
.block{display: block;}
.width70{width: 70%;}
.width65{width: 65%!important;}
.width50{width: 50%;}
input{padding-left: 1rem;}
.bg_gray{background-color: #FAFAFA;}
.padding_right_0{padding-right: 0;}
.padding_top_10{padding-top: 10px;}
.padding_top_35{padding-top: 35px!important;}
.width20{width: 20%;}
.border_blue{border: 1px solid #108CEE!important;}
.border_bottom0{border-bottom: 1px solid #DDDDDD;}
.border_right_none{border-right: none!important;}
.border_bottom0_l{border-bottom: 0!important;}
.margin_bootom_20{margin-bottom: 20px;}
.margin_top_0{margin-top: 0!important;}
.padding_left_20{padding-left: 20px;}
.margin_top_30{margin-top: 30px;}
.border_none{border: transparent!important;}
.width_260{width: 260px!important;}
.width_260_100{width: calc(100% - 260px)!important;}
/*按钮*/
/*数据推送*/
.border_left_none{border-left: none!important;}
/*.new_add a,.newR a{text-decoration: none;color: #333333;}*/

.date_plagin{
	background-position:98% 50% ;
	background-repeat: no-repeat;
}

.top_button_list{margin-bottom:13px ;}
.top_button_list > div{float: left;}
.top_button_list > div >a{display: block;text-decoration: none;color: #333333;}
/*icon 一、*/
.newRefresh a, .new_add a, .newR a, .edit a, .Revoke a, .export a, .save_santint a, .reset a, .close_santint a, .import a, .save_as a, .delete a, .Secret a, .user_right a, .search_single a, .disable a, .add_td a, .copy a {
	background-position: 12px 50%;
	background-repeat: no-repeat;
}
.delete_td{
	background-position:50% 50% ;
	background-repeat: no-repeat;
}
.newRefresh a, .new_add a, .newR a, .edit a, .Revoke a, .export a, .top_button_list div > a, .add_td a {
	padding: 8px 15px 8px 35px;
	border: 1px solid #E6E6E6;
}
.search a,.Secret a,.user_right a,.search_single a,.add_td a{padding: 8px 25px 8px 35px!important;border: 1px solid #E6E6E6;}


	.newRefresh a:hover, .new_add a:hover, .newR a:hover, .edit a:hover, .Revoke a:hover, .export a:hover, .search a:hover, .top_button_list div > a:hover, .Secret a:hover, .user_right a:hover, .search_single a:hover, .disable a:hover, .add_td a:hover {
		background-color:;
		color: #108CEE;
	}

.model_btn_list >div>a:hover{background-color: transparent!important;color: #108CEE!important;}
.top_button_list >div>a:hover{background-color: #108CEE;color: #FFFFFF;}
.top_button_list >div>a{padding: 5px 10px 5px 32px!important;border: 1px solid #E6E6E6;border-radius: 2px;}

/*icon*/
/*X*/
.X:after{content: "\2716";
	width: 20px;
	height: 20px;
	color: #999999;
	margin-left: 5px;
	}
/*新增创建*/
.new_add a{background-image: url(../img/subpage_icon/new.png);}
/*新增*/
.add_td a{background-image: url(../img/subpage_icon/add_td.png);}
.newR a{background-image: url(../img/subpage_icon/newR.png);}
/*编辑*/
.edit a{background-image: url(../img/subpage_icon/edit.png);}
/*撤销*/
.Revoke a{background-image: url(../img/subpage_icon/Revoke.png);}
/*刷新*/
.newRefresh a {
	background-image: url(../img/tester/ic_refresh.png);
}
/*导出*/
.export a{background-image: url(../img/subpage_icon/export.png);}
/*查询*/
.search a{background-image: url(../img/subpage_icon/search.png) ,url(../img/subpage_icon/Arrow_down.png);}
.search_single a{background-image: url(../img/subpage_icon/search.png) ;}
/*保存*/
.save_santint a{background-image: url(../img/subpage_icon/save.png);}
/*重置*/
.reset a{background-image: url(../img/subpage_icon/Reset.png);}
/*关闭*/
.close_santint a{background-image: url(../img/subpage_icon/Close.png);}
/*日期*/
.date_plagin{background-image: url(../img/subpage_icon/calendar.png);cursor:pointer ; }
/*导入*/
.import a{background-image: url(../img/subpage_icon/import.png);}
/*另存*/
.save_as a{background-image: url(../img/subpage_icon/save_as.png);}
/*删除*/
.delete_td{background-image: url(../img/subpage_icon/delete_td.png)}
.delete a{background-image: url(../img/subpage_icon/delete.png);}
/*重置密码*/
.Secret a{background-image: url(../img/subpage_icon/Secret.png);}
/*用户权限*/
.user_right a{background-image: url(../img/subpage_icon/user_right.png);}
/*禁用*/
.disable a{background-image: url(../img/subpage_icon/disable.png);}
/*复制*/
.copy a{background-image: url(../img/subpage_icon/copy.png);}

/*鼠标经过icon*/
/*新增创建*/
.new_add a:hover{background-image: url(../img/subpage_icon/new_h.png);}
/*新增*/
.add_td a:hover{background-image: url(../img/subpage_icon/add_td_h.png);}
.newR a:hover{background-image: url(../img/subpage_icon/newR_h.png);}
/*编辑*/
.edit a:hover{background-image: url(../img/subpage_icon/edit_h.png);}
/*撤销*/
.Revoke a:hover{background-image: url(../img/subpage_icon/Revoke_h.png);}
/*刷新*/
.newRefresh a:hover {
	background-image: url(../img/tester/ic_refresh_select.png);
}
/*导出*/
.export a:hover{background-image: url(../img/subpage_icon/export_h.png);}
/*查询*/
.search a:hover{background-image: url(../img/subpage_icon/search_h.png),url(../img/subpage_icon/Arrow_up_b.png);;}
.search_single a:hover{background-image: url(../img/subpage_icon/search_h.png) ;}
/*保存*/
.save_santint a:hover{background-image: url(../img/subpage_icon/save_h.png);}
/*重置*/
.reset a:hover{background-image: url(../img/subpage_icon/Reset_h.png);}
/*关闭*/
.close_santint a:hover{background-image: url(../img/subpage_icon/Close_h.png);}
/*导入*/
.import a:hover{background-image: url(../img/subpage_icon/import_h.png);}
/*另存*/
.save_as a:hover{background-image: url(../img/subpage_icon/save_as_h.png);}
/*删除*/
.delete a:hover{background-image: url(../img/subpage_icon/delete_h.png);}
.delete_td:hover,.delete_td:active{background-image: url(../img/subpage_icon/delete_td_h.png);}
/*重置密码*/
.Secret a:hover{background-image: url(../img/subpage_icon/Secret_h.png);}
/*用户权限*/
.user_right a:hover{background-image: url(../img/subpage_icon/user_right_h.png);}
/*禁用*/
.disable a:hover{background-image: url(../img/subpage_icon/disable_h.png);}
/*复制*/
.copy a:hover{background-image: url(../img/subpage_icon/copy_h.png);}

/*箭头*/
.search a{
	background-position:15px 50% ,96% 50%;
	background-repeat: no-repeat;
}
.arrow_down,.arrow_down:focus{
	background-image: url(../img/subpage_icon/Arrow_down.png) ;
	
	}
.arrow_up{background-image: url(../img/subpage_icon/Arrow_down.png) ;}
/*关闭按钮*/
.close_btn{
	width: 20px;height: 20px;display: block;position: absolute;top:105px;right: 46px;
	background-image: url(../img/subpage_icon/Close.png);
	background-position: 50%  50%;
	background-repeat: no-repeat;
}
/*钟表*/
.alarm .caret{width: 20px;height: 20px;background: url(../img/subpage_icon/Alarm.png) 50% 50% no-repeat;border: none;top: 24%!important;}

/*表格*/
.btn{border-radius: 2px!important;}
.btn:hover{box-shadow: rgb(164, 164, 164) 1px 1px 1px;}
.table{color: #333333;}
.table thead tr,.table tbody tr{height: 44px;}
.table thead tr th,.table tbody tr td{vertical-align: middle;padding:0 0 0 10px !important;}
.bootstrap-table .table thead tr th,.bootstrap-table .table tbody tr td{vertical-align: middle; padding:8px !important}
.table thead tr{background-color: #f2f2f2;background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);}
.table a{color: #333333; cursor: pointer;}
.table a:hover{color: #108cee;}
.pagination-detail{margin-top: 0px!important;margin-bottom: 0px!important;}
.fixed-table-container{border: none!important;}
.table-hover>tbody>tr:hover{background-color: #f2f2f2!important;}
.fixed-table-pagination{padding-left: 10px;border-right: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.fixed-table-pagination .pagination-detail{margin-right: 15px;padding-top: 5px;}
.fixed-table-pagination .pagination{margin: 0px 0px 0px 0px!important;padding-top: 5px;}
.fixed-table-pagination .page-list .btn{padding: 0px 12px;}
.fixed-table-pagination .pagination li a{padding: 2px 12px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #108cee;border-color: #108cee;}
.fixed-table-pagination .dropdown-menu>li>a{padding: 3px 15px;}
.fixed-table-pagination .dropdown-menu{min-width: 47px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color: #108cee;}
.pagination>li>a, .pagination>li>span{color: #333333;}
.dele_data_push >a,.edit_data_push>a{background-position: 50% 50%;background-repeat: no-repeat;width: 25px;height: 25px;display: inline-block;}
.dele_data_push >a{background-image:url(../img/subpage_icon/delete.png) ;margin-left: 20px;}
.edit_data_push >a{background-image: url(../img/subpage_icon/edit.png);margin-left: 15px;}
/*鼠标经过*/
.dele_data_push >a:hover{background-image:url(../img/subpage_icon/delete_h.png);background-color: #108cee;border-radius: 50%;}
.edit_data_push >a:hover{background-image: url(../img/subpage_icon/edit_h.png);background-color: #108cee;border-radius:50% ;}
/*列表*/
.pagination>li>a, .pagination>li>span{border: none!important;}
.yes_no{width: 20px;height: 20px;margin: 0 auto;}
.right_icon{background: url(../bootstrap_table/icon/right_icon.png) 50% 50% no-repeat;}
.wrong_icon{background: url(../bootstrap_table/icon/wrong_icon.png) 50% 50% no-repeat;}
/*表头toolbar*/
.height_38 .fixed-table-toolbar{height: 38px;}
.fixed-table-toolbar{border-top: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;}
.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{padding: 5px 12px!important;}
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin: 4px 10px 4px 10px!important;}
.sortable_tb{position: absolute;margin-top: 5px; right: 112px;}
.sortable_tb select{border: 1px solid #DDDDDD;height: 32px;
  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	padding-left: 10px;
    padding-right: 14px;

    background: url(../img/subpage_icon/borrow_d.png) no-repeat scroll 96% center transparent;}
option::-ms-expand{ display: none; }
select::-ms-expand{ display: none; }

option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
/* --背景色字体颜色--*/
option:hover{
    color:#fff!important;
    background-color:#108cee!important;
}
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner{line-height: 14px;padding: 0px!important;font-weight: normal !important;}
.bs-checkbox input[type=checkbox]{float: left;}
.fixed-table-toolbar .dropdown-menu li:hover{background-color: #F5F5F6;}
.dropdown-menu::-webkit-scrollbar{width: 2px;height: 2px;}
.dropdown-menu::-webkit-scrollbar-thumb{background: #9c9c9c;}
/*查询条件*/
.search_k input,select,textarea,.form_input input{border: 1px solid #DDDDDD;height: 28px;}
textarea{min-height: 120px;}
.search_k{float: left;margin-bottom: 15px;width: calc(30% - 85px);padding-right: 40px;position:relative;}
@media only screen and (min-width: 1200px)  and (max-width: 1400px)  {
	.search_k{float: left;margin-bottom: 15px;width: calc(33.3%);padding-right: 50px;}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.search_k{float: left;margin-bottom: 15px;width: calc(50%);padding-right: 50px;}
}
.search_btn{/*margin-right: 5px!important;*/padding-top: 24px;padding-right: 15px!important;width: 260px;}
.search_btn button{padding: 5px 20px;font-size: 12px;}
.search_k input{width: 100%;}
.search_list{/*padding: 20px 20px 0 20px;*/margin: 0px auto 10px auto;/*border: 1px solid #DDDDDD;*/display: block;}
.search_k >.search_lable,.label_santint,.search_lable{font-family: PingFangSC,Roboto-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;font-size: 14px;font-weight: normal;display: block;}
.searchitem{ color:black}
.left_search .search_k{position: relative;}
.search_k ul li{padding: 0px 12px;line-height: 30px;font-size: 12px;cursor:pointer}
.search_k ul li:hover{background-color: #F2F2F2;}
.search_k .input_list{position: absolute;top: 54px;z-index: 99;background-color: #FFFFFF;}
.search_k ul li i{float: right;}
.search_k ul li p{margin: 0;display: inline-block;}
.search_k ul li p:after{
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/subpage_icon/diffrential_color.png) 50% 50% no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5rem;
}
.label_santint{position: relative;}
.label_santint span{margin-bottom: 5px;}
.btn_blue{color: #FFFFFF;background-color: #108cee;}
.btn_blue:hover,.btn_blue:active,.btn_blue:visited,.btn_blue:focus{color: #FFFFFF;}
.btn_white{background-color: #FFFFFF;}
.border{border: 1px solid #DDDDDD;}
.border-top{border-top: 1px solid #DDDDDD;}
.left_search{width:calc(100% - 260px);}
.right_search button{display: inline-block;}
.load_more {
    cursor: pointer;
    margin: 43px 15px 0px 12px !important;
    height: 27px;
    float: left;
    padding: 4px 15px 4px 40px;
    background-image: url(../img/subpage_icon/load_more.png);
    background-repeat: no-repeat;
    background-position: 10% center;
}
.load_more:hover{background-image: url(../img/subpage_icon/load_more_h.png); color: #108CEE;}

/*——新增 编辑*/
#data_push_myTab li{border-left:1px solid #DDDDDD;border-top:1px solid #DDDDDD;border-radius: 0;}
#data_push_myTab > li > a{border: none;padding: 10px 20px;margin-right: 0; text-align: center;line-height: 14px; color: #333333;}
#data_push_myTab > li > a:hover{background-color: #FFFFFF;}
#data_push_myTab li:last-child{border-right:1px solid #DDDDDD;}
#data_push_myTab li.active>a,
#data_push_myTab>li.active>a:focus, 
#data_push_myTab>li.active>a:hover{
	color: #108cee;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #FFFFFF;
	border-radius: 0;
}
.data_push_tab_content{
	/*padding-top: 20px;
	padding-left: 20px;
	padding-bottom:20px ;*/
	padding: 20px 48px 20px 48px;
	border-left:1px solid #DDDDDD;
	border-top: none;
	border-right: 1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;

}
#pzfa ul{padding-left: 0;}
#pzfa ul li{list-style: none;}
#pzfa ul li label{font-weight: normal;margin-right: 20px;text-align: right;}
#pzfa ul li div{display: inline-block;}
.pzfa_name>.pzfa_input{width: calc(20%);}
.pzfa_name .pzfa_input > input{border: 1px solid #DDDDDD;width: 100%;display: inherit;}
.pzfa_name .tip{color: #999999;}
.lable_width_all{width: 100%;text-align: left!important;}
/*表单*/
.content_form{padding: 20px 48px;width: 60%;}
.form_input{margin-bottom: 10px;display: inline-block;}
.form_input input{width: 100%;}
.form_input select,.form_input textarea{width: 100%;}
.form_input textarea{min-height: 56px;}
.textarea_height_110 textarea{min-height: 105px;}
.form_input {width: calc(49%);vertical-align: top;}
.form_input:nth-child(odd){padding-right:65px;}
.form_input:nth-child(even){padding-left: 65px;}
input[readonly="readonly"],textarea[readonly="readonly"],select[disabled="disabled"],.chosen-disabled {background-color: #f1f1f1;opacity:0.5;}
/*.must_tip{display: block;color: red;position: absolute;padding-top: 3px;}*/
.form_input .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.search_k  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.form_input .bootstrap-select button,
.search_k .bootstrap-select button,.bootstrap-select button{padding: 3px 12px!important;}
.top_button_list .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: auto;}
.top_button_list .bootstrap-select > .dropdown-toggle{padding-right: 25px!important;border: none;}
.top_button_list .top_title {line-height: 28px; color:gray}
.btn_h{width: 80px;border-radius: 20px;margin-top: 10px;}
.btn_blue_b{background-color: #108cee;border: 1px solid #108cee;}
.btn_blue_w{background-color: #FFFFFF;color: #333333!important;border: 1px solid #DDDDDD;}
.btn_blue_w .no{color: #333333;}
.margin_top_20{margin-top: 20px;}
.btn_h{position: relative;}
.yes,.no{text-align: center; width: 46%;vertical-align: middle;line-height: 30px;color: #FFFFFF;}
.btn_h span{display: inline-block;vertical-align: middle;height: 30px;cursor: pointer;}
.btn_h .ring{width: 20px;height: 20px;border-radius: 50%;position: absolute;top:5px;}
.btn_h .ring_yes{left: 8px;background-color: #CFCFCF;}
.btn_h .ring_no{right: 8px;background-color: #FFFFFF;}
.red_font{color: red;}
.red_tip{color: red;position: absolute;left:-11px;}
.red_tip i{position: absolute;}
a,b{cursor: pointer;}
/*重新渲染表单中的单选框*/
/*.form_input input[type="radio"]{width: 20px;height:20px;display: ;border: 1px solid #DDDDDD;}*/
.form_input .radio_santint{position: absolute;top: 20px;}
/*.form_input .radio_santint .radio_sub_div{width: 4rem;height: 28px;}*/
/*隐藏默认的复选框样式*/
.radio_santint .radio{
  display: none;
}
/*自定义未选中的复选框样式*/
.radio_santint .radio[type=radio]+b{
  width: 4rem;
  height: 28px;
  display: inline-block;
  border: 1px solid #DDDDDD;
}
/*自定义选中时的复选框样式*/
.radio_santint .radio[type=radio]:checked+b{
  background-image: url(../img/subpage_icon/bottom_right_icon.png);
  background-position: 99% bottom;
  background-repeat: no-repeat;
  background-color: #108cee;
  color: #FFFFFF;
  box-shadow:0px 2px 0.5px 0.5px #DDDDDD;
} 
/*重新渲染表单中的单选框——圆形*/
.radio_santint_r .radio{
  display: none;
}
/*自定义未选中的复选框样式*/
.radio_santint_r .radio[type=radio]+b{
  /*width: 3rem;*/
  height: 28px;
  display: inline-block;
  /*border: 1px solid #DDDDDD;*/
  background-image: url(../img/subpage_icon/radio.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
/*自定义选中时的复选框样式*/
.radio_santint_r .radio[type=radio]:checked+b{
  background-image: url(../img/subpage_icon/radio_h.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  /*background-color: #108cee;*/
  /*color: #FFFFFF;*/
  /*box-shadow:0px 2px 0.5px 0.5px #DDDDDD;*/
} 
.radio_santint_r .radio_sub_con b{text-align: center;font-weight: normal;line-height: 28px;padding-left: 22px;}

/*重新渲染表单中的复选框*/
/*隐藏默认的复选框样式*/
.checkbox_santint .checkbox{
  display: none!important;
}
/*自定义未选中的复选框样式*/
.checkbox_santint .checkbox[type=checkbox]+b{
  width: 24px;
  height: 24px;
  display: inline-block;
  /*border: 1px solid #DDDDDD;*/
  background-image: url(../img/subpage_icon/checkbox.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
/*自定义选中时的复选框样式*/
.checkbox_santint .checkbox[type=checkbox]:checked+b{
  background-image: url(../img/subpage_icon/checkbox_h.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  /*background-color: #108cee;*/
  color: #FFFFFF;
  /*box-shadow:0px 2px 0.5px 0.5px #DDDDDD;*/
} 
.checkbox_santint .checkbox_sub_con b{text-align: center;font-weight: normal;line-height: 28px;}
.checkbox_santint .checkbox_sub_con span{line-height: 28px;font-weight: normal;vertical-align: middle;}
.radio_santint .radio_sub_con b{text-align: center;font-weight: normal;line-height: 28px;}

.select_con  .select_drop_down{position: absolute;z-index: 999;background-color: #FFFFFF;padding: 20px;display: none;}
.select_con  #plugin_jstree_search{position: static;}
.select_con .shop_searh{right: 20px;top: 22px;}
.select_con .input_text ul{padding: 0; margin: 0;position: relative;top: -11px;}
.time_alarm_fa{padding: 0; margin: 0;position: relative;top: -14px;}
.select_con .input_text ul li,.input_select ul li{display: inline-block;border: 1px solid #aaa;padding: 3px 10px 3px 5px!important;border-radius:3px;margin: 3px 5px 3px 0!important;font-size: 12px;line-height:13px;}
/*表单——3列*/
.modal_list_3l .search_k{width:calc(33%) ;margin-bottom: 15px;}
.modal_list_3l .search_lable{font-weight: bold;}
.modal_list_3l .search_k input{border: none;color: #666666;}
.modal_list_3l .search_k:nth-child(3n+3){padding-left: 53px;padding-right: 0;}
.modal_list_3l .search_k:nth-child(3n+1){padding-right: 53px;}
.modal_list_3l .search_k:nth-child(3n-1){padding-right: 26.5px;padding-left: 26.5px;}
.modal_list_3l .search_k:last-child{width:calc(66%) ;padding-right: 0;}
.form_input_row_block .form_input{display: block!important;padding: 0!important;}
.car_form{padding: 15px;}
.car_form .main > .form_input{width:calc(33% - 2px) ;}
.car_form .main > .form_input:nth-child(3n){padding-left: 3rem;padding-right: 0;}
.car_form .main > .form_input:nth-child(3n-2){padding-right: 3rem;padding-left: 0;}
.car_form .main > .form_input:nth-child(3n-1){padding-right: 1.5rem;padding-left: 1.5rem;}
/*表单一整行*/
.form_row_all .form_input{width: 100%!important;padding: 0!important;}
.form_input_row_one_single{padding: 20px 20px;}
.form_input_row_one_single .form_input{width: 100%;padding: 0;}
.form_input_row{width: 100%;margin-bottom: 20px;position: relative;}
.form_input_row .img_tip{display: block;}
.form_input_row .big_img{position: absolute;top: -185px!important;left: 160px;}
.form_input_row textarea{width: 100%;}
.form_input_row_all{padding-right: 0px!important;}
.rights_group_new .form_input{padding: 0;display: block;}
.form_input_row_h .form_input{display: block;}
/*新增物料弹窗 表单——2列*/
.modal_list_w{padding-top: 42px;}
.modal_list_w .search_k{width: calc(50% - 20px);}
.modal_list_w .search_k:nth-child(odd){padding-right: 30px;}
.modal_list_w .search_k:nth-child(even){padding-left: 30px;padding-right: 0;}
.modal_list_w .form_input{width: calc(50% - 4px);}
.modal_list_w .form_input:nth-child(odd){padding-right: 30px;}
.modal_list_w .form_input:nth-child(even){padding-left: 30px;padding-right: 0;}
/*导入*/
.modal_list_import .search_k{width:calc(100% - 210px) ;padding-right: 40px;}
.modal_list_import .model_btn_list_search button{vertical-align: middle;position: relative;top:23px;padding: 3px 12px;}
.input_file{position: absolute;top: 0;left: 0px;height: 28px;filter: alpha(opacity : 0);opacity: 0;width: 100%;padding: 0;cursor:pointer}
.input_text{position: relative;padding: 3px 12px;top: 0px;}
.input_text_santint{padding: 3px 12px;height: 28px;}
.cancel_X .father:after{
	content: "\2716";
	width: 20px;
	height: 20px;
	color:#108cee ;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	float: right;
	cursor: pointer;
	position: relative;
	top:-23px;
	margin-right: 5px;
}
/*图片上传*/
.wu-example {
	position: relative;
	padding: 45px 15px 15px;
	margin: 15px 0;
	background-color: #fafafa;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
	border-width: 1px 0;
}
.thumbnail {
	width:65px;
	height: 65px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	margin: 0 5px 20px 0;
}

.info {display: none;}

.thumbnail .error {
	position: absolute;
	bottom: 4px;
	left: 4px;
	z-index: 100;
	background-color: red;
	color: #FFFFFF;
	text-align: center;
	text-indent: 5px;
	width: 93%;
	font-size: 12px;
}

.big_img {
	position: relative;
	top: -360px;
	left: 50%;
	background-color: red;
	width: 200px;
	height: 200px;
	display: none;
}

.big_img img {
	width: 100%;
	height: 100%;
}

.thumbnail .cancel {
	position: absolute;
	top: 0px;
	left: 4px;
	z-index: 100;
	color: #FFFFFF;
	text-align: center;
	text-indent: 5px;
	width: 93%;
	height: 20px;
	opacity: 0.5;
}
 .thumbnail>img{max-height: 100%;}
.retry_span,.retry {display: none;cursor: pointer;}
.retry_span {position: absolute;padding-top: 10px;}
#filePicker {display: inline-block;}
a {text-decoration: none!important;}
.img_tip{color: #999999!important;display: inline-block;}
.shop_searh{
	width: 28px;height: 28px;
	background-image: url(../img/subpage_icon/search.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;top: 25px;right: 0px;
	cursor: pointer;
}
.shop_searh_left{right: 66px;}
.relative{position: relative;}
.webuploader-pick{padding: 5px 22px!important;}
/*select*/
.sortable_tb .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: auto!important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #108cee;color: #FFFFFF;}
/*.caret{background: url(../img/subpage_icon/Arrow_down.png) 50% 50% no-repeat!important;border: none!important;}*/
/*layer*/
.model_btn_list{background-color:#F2F2F2 ; margin-bottom: 0!important;width: 100%;position: fixed;z-index: 99;}
/*.model_btn_list{background-color:#F2F2F2 ; padding: 0px!important;margin-bottom: 0!important;position: fixed;width: 100%;z-index: 99;}*/

.model_btn_list div >a {border: none;padding: 0px 25px!important;border-radius: 0px;margin: 7px 0px;}
.model_btn_list div:first-child >a{border-right: 1px solid #333;}
.model_btn_list div:nth-child(2) >a{border-left: none!important;}
.model_btn_list div:not(:first-child) >a{border-left: 1px solid #333;}
.modal_list_t .bootstrap-table >.fixed-table-toolbar,.modal_list_3l .bootstrap-table >.fixed-table-toolbar{display: none;}
.modal_list_t .search_k{width: calc(49% - 20px);padding-right: 40px;}
.modal_list_t .btn_model{margin-top: 24px;padding: 3px 12px!important;}

input:focus, button:focus,*:focus,button{
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*-webkit-user-modify: read-write-plaintext-only;*/
    outline: none!important;
    box-shadow: none;
    }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
.bootstrap-select .btn-default,.bootstrap-select .btn-default{background-color: #FFFFFF;border-radius:0 ;}
/*切换按钮*/
.tab_btn{height: 28px;line-height: 28px;padding: 0 30px;display: block;float: left;}
.tab_btn_active{background-color:#108cee ;color: #FFFFFF;border: 1px solid #108cee;}
.height_20{height: 20px;}
/*故障类型*/
/*蓝色标*/
.label_blue_bordr{border-bottom: 1px solid #DDDDDD; border-left: 4px solid #108cee;padding-left: 5px;}
.fault_content{padding: 20px 90px; }
.fault_content .search_k{width: calc(50% - 30px);padding-right: 30px;}
.fault_content button{ background-color:#FFFFFF ;color: #333333;border: 1px solid #DDDDDD;margin-right: 5px;}
.button_padding_3_12{padding: 3px 12px;}
.btn_list_top{vertical-align: middle;display: inline-block;padding-top: 25px;}
.btn_list_top button:hover{background-color: #108cee;color: #FFFFFF;}
/*.btn_list_top button:first-child{left: 0;}
.btn_list_top button:nth-child(2){left:92px;}
.btn_list_top button:nth-child(3){left:184px;}*/
.Dictionaries{padding-top: 20px;}
.Dictionaries span{padding:10px 15px ;margin-right: 10px;margin-bottom:10px;background-color: #daeff4;display: inline-block;}
.Dictionaries span:hover{background-color: #108cee;color: #FFFFFF;}
/*产品字典关联*/
.container_santint{}
.ex_dictionary{background-color: #FAFAFA;width: 20%;float: left;}
.border_bottom{border-bottom: 1px solid #DDDDDD;padding-left: 15px;height: 40px;line-height: 40px;font-size: 16px;}
.jstree{padding-left: 10px;padding-right: 20px;padding-bottom: 20px;/*padding-top: 10px;*/}
.border_right{border-right: 1px solid #DDDDDD;}
.Dictionaries_p_t .jstree .jstree-anchor{width: 90%;line-height: 24px!important;box-shadow: none!important;border-radius: 0!important;}
.Dictionaries_p_t .jstree .jstree-anchor:hover{background-color: #EEEEEE;}
.Dictionaries_p_t .jstree .jstree-clicked{background-color: #108cee!important;color: #FFFFFF!important;}
.line_shu{background: url(../img/subpage_icon/line_s.png) 21px 50% no-repeat;height: 9px;}
.ex_dictionary_right{width: 79%;float: left;padding:0px 20px 0px 40px;}
.ex_dictionary_right_top{height: 40px;line-height: 40px;font-size: 16px;}
.bootstrap-select ul li{list-style: none;}
/*左侧树*/
.left_tree{width: 30%;float: left;}
.left_tree .jstree-default .jstree-clicked,
.left_tree .jstree-default .jstree-anchor:hover,
.select_drop_down .jstree-default .jstree-clicked,
.select_drop_down .jstree-default .jstree-anchor:hover,
.jstree-default .jstree-clicked,
.jstree-default .jstree-anchor:hover
{background: none!important;border: none!important;box-shadow: none!important;}
.content_form_right{float:left;width:69% ;}
.width_100{width: 100%!important;}
.input_select{min-height: 28px;height: auto!important;}
.form_input_select{position: relative;}
.form_input_select .input_select{position: absolute!important;width: 100%;}
.form_input_select .input_select ul{margin: 0;padding: 0;}
.form_input_select .input_select ul li{display: inline-block;padding-right:10px ;margin: 0;}
.form_input_select .select_drop_down{position: relative;width: 100%;padding: 0 15px 15px 15px;}
 #plugin_jstree_search{position: relative;top: -12px;padding: 0 5px;}
.form_input_select .select_drop_down .shop_searh{top: 13px!important;right: 15px!important;}
.select_drop_down{display: none;}

/*正确验证*/
.relative{position: relative;}
.right_test:after{
	content: "\2714";
	width: 20px;
	height: 20px;
	background-color:#108cee ;
	color: #FFFFFF;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	right: -25px;
	top: 28px;
}
.wrong_test:after{
	content: "\2716";
	width: 20px;
	height: 20px;
	background-color:red ;
	color: #FFFFFF;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	right: -25px;
	top: 28px;
}
/*组织架构*/
.organization .pull-left{width: 100%;}
/*用户权限——步骤导向*/
.user_right_name{position: absolute;top: 11px;right:48px;}
/*chosen——用户权限*/
.rights .chosen-container{width: 100%!important;}
.rights .chosen-container-multi .chosen-choices{border: #DDDDDD 1px solid!important;}
.rights .chosen-container-multi .chosen-choices{background-image: none;/*min-height:120px ;*/}
.rights .chosen-container .chosen-results li:hover,.rights .chosen-container .chosen-results .highlighted{background-color: #108cee!important;}
.rights .chosen-container-multi .chosen-choices li.search-choice{background-color:#FFFFFF!important;}
.chosen-container-multi .chosen-choices li.search-choice{background-image: none!important;}
/*日历*/
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{background-color:#108cee !important;background-image:none!important;}
.e_time{padding: 0;}
.e_time .time_alarm{width: 6rem;padding-left: 25px;background: url(../img/subpage_icon/alarm_blue.png) 0.3rem 50% no-repeat;margin-right:1rem ;margin-bottom: 1rem;position: relative;}
.e_time b{width: 15px;height: 15px;color: #FFFFFF;background-color: red; position: absolute;top: -11px;left: 63px;border-radius: 50%;line-height: 15px;text-align: center;font-size: 12px;}
.e_time b{display: none;}
.add_time{width: 28px;height: 28px;display: inline-block;background:url(../img/subpage_icon/plus.png) 50% 50% no-repeat ;/*position: relative;top:-6px;*/line-height: 28px;text-align: center;cursor: pointer;}
/*计划任务*/
#year .left_con{width: 20%;border-right:1px solid #DDDDDD ;float: left;}
#year .left_con .checkbox_sub_con{width:100%;}
#year .right_con{width: 75%; float: left;padding-left: 15px;}
#year .right_con .checkbox_sub_con{width:30% ;}
/*遮罩*/
.Mask_bg{width: 100%;height: 100%;background-color:#000000 ;opacity: 0.35;position: fixed;top: 0;left: 0;}
.Mask_con{padding: 22px 0 40px 0; margin: 0 auto;width: 532px;height:166px;background-color: #FFFFFF;vertical-align: middle;position: absolute;top: 35%;left: 35%;text-align: center;color: #;}
.loading_explain p{margin: 0 0 6px;}
/*导入完成*/
.import_over{margin: 0 auto;width: 532px;height:166px;padding-top: 37px;padding-left: 5rem;}
.import_logo{background:url(../image-upload/loading_over.png) 50%  50% no-repeat;width: 50px;height: 50px;display: inline-block;}
.import_p{display: inline-block;vertical-align:top ;}
.import_p p{margin: 0 0 5px;}
.import_p p:first-child{font-size: 16px;font-weight: bolder;}
.blue_font{color: #108cee;}
/*login*/
.bg{background-image:url(../img/login_bg.jpg); background-repeat:no-repeat; background-attachment:fixed;background-size: cover;background-position: center center; }
.login{position: absolute;top: 25%;left: 39%;}
@media only screen and (max-width: 1024px) {
	.login{position: absolute;top: 20%;left: 30%;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.login{position: absolute;top: 20%;left: 35%;}
}
.logo_flower{background:url(../img/login_icon/logo_santint.png) 5.5rem 50% no-repeat ;font-size: 34px;font-weight: bolder;color: #FFFFFF;padding-left: 11rem;height: 58px;margin-bottom: 45px;}
.login div{width:395px ;}
.height_46{height: 46px;}
.fa_div_login{height: 46px;position: relative;}
.fa_div_login input,.fa_div_login label{display: inline-block;height: 100%;position: absolute;}
.fa_div_login input{background-color:rgba(255,255,255,0.2);border-radius: 25px;width: 100%;padding-left: 68px;color: #666666;border: #4e5156 solid 1px;}
.fa_div_login label{width: 58px;border-right: 1px solid #999999;height: 30px;vertical-align: middle;margin-top: 10px;z-index:99;}
.user_login_icon{background: url(../img/login_icon/user.png) 15px 50% no-repeat;}
.user_login{margin-bottom: 37px;}
.password_login{margin-bottom:48px ;}
.login_login{margin-bottom: 20px;}
.login_login input{background-color:#108cee ;color: #FFFFFF;text-align: center;opacity: 1;border: 1px solid #108cee;padding-left: 0rem;font-size: 20px;letter-spacing: 0em;}
.p_login,.p_login a{text-align: center;color: #9bb0c7;position:absolute;bottom:0;width:100%;display:block;}
/*设置*/
.setting_radio .radio_sub_con{margin-right: 30px;}
.report_setting_con .select_report{font-size: 16px;}
.report_setting_con #js_tree{margin: 0 auto;}
.report_setting_con .left_con{width: calc(48% - 20px);}
.report_setting_con .right_con{padding: 20px 48px;}
#d1 td {padding: 0px 10px!important;}
.add_td a{color: #333333; padding: 5px 15px 5px 35px !important;}
#d1 td .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),#d1 td input{width:100% ;}
#d1 td .bootstrap-select button{padding: 1px 12px!important;}
#d1 td input{border: 1px solid #DDDDDD;height: 24px;}
#d1 td .delete_td{height: 24px;}
.last_tr td{text-align: center;}
/*配方体系*/
.formula_system_table thead td{padding: 2px 8px!important;}
.formula_system_table  td label{margin-bottom: 0;}
/*列表*/
.table .color_cube,.differential_color{width: 20px;height: 20px;display: inline-block;margin-top: 2px;border: #e6e6e6 1px solid;}
.table .color_cube,.custom_color{width: 20px;height: 20px;display: inline-block;margin-top: 2px;border: #e6e6e6 1px solid;}
.color_cube{background-color: pink;}
.differential_color{background:url(../img/subpage_icon/diffrential_color.png) 50% 50% no-repeat;margin-left: 1.5rem;}
.custom_color{background:url(../img/subpage_icon/self_user.png) 50% 50% no-repeat;margin-left: 1.5rem;}
.search_btn .arrow_down{background-position: 95% 50%;background-repeat: no-repeat;}
/*自定义查询*/
.t-widget{border: 1px solid #DDDDDD;box-shadow: 3px 3px 12px #989898;width: 30rem;position: absolute;top: 34px;background-color: #fff;z-index: 99;right: 0;display: none;}
.t-table td a{display: inline-block;width: 20px;height: 30px;}
.movedown,.moveup{background-position: 50% 50%;background-repeat: no-repeat;}
			
.movedown{background-image: url(../img/subpage_icon/down_sort.png);}
.movedown:active,.movedown:hover,.movedown:focus{background-image: url(../img/subpage_icon/down_sort_h.png);}
			
.moveup{background-image: url(../img/subpage_icon/up_sort.png);}
.moveup:active,.moveup:hover,.moveup:focus{background-image: url(../img/subpage_icon/up_sort_h.png);}
.t_status_text{padding: 10px 15px;}
.t_status_text a{color: #333333;padding: 5px 20px;font-size: 12px;}
/*配方详情*/
.differential_color_d label{font-weight: normal;font-size: 14px;margin-bottom: 0;border-bottom:#108CEE 2px solid ;padding: 0px 2px;margin-top: 10px;}
.formula_brand_select{position: absolute;top: 45px;right:40px;}
.formula_brand_select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: auto;}
.formula_brand_select .bootstrap-select > .dropdown-toggle{padding-right: 2rem!important;border: none!important;}
.formula_brand_select.btn-default.active.focus, 
.formula_brand_select .btn-default.active:focus, 
.formula_brand_select .btn-default.active:hover, 
.formula_brand_select .btn-default:active.focus, 
.formula_brand_select .btn-default:active:focus, 
.formula_brand_select .btn-default:active:hover, 
.formula_brand_select .open>.dropdown-toggle.btn-default.focus, 
.formula_brand_select .open>.dropdown-toggle.btn-default:focus, 
.formula_brand_select .open>.dropdown-toggle.btn-default:hover, 
.formula_brand_select .bootstrap-select .btn-default, 
.formula_brand_select .bootstrap-select .btn-default{border: none!important;outline: none!important;}
.formula_brand_select .bootstrap-select .dropdown-toggle:focus{outline: none!important;}
.differential_color_cube 
.cube{width: 16rem;padding-right: 5rem;padding-top: 20px;display: inline-block;cursor: pointer;}
.cube p i{margin-right: 0.3rem;font-size: 12px;color: #108CEE;}
.cube div{width: 9rem;height: 3rem;background-color:#006DCC ;border-radius: 5px;margin: 0 auto;}
.cube p{color: #666666;font-weight: normal;text-align: center;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.cube_h p,.cube:hover p{color: #108CEE;font-weight: bold;}
.cube_h div,.cube:hover div{box-shadow:1px 1px 25px #535050;}
.formula_detaile{padding-top: 15px;}
.formula_detaile h5{margin-top: 0px;}
.formula_detaile .left,.formula_detaile .middle,.formula_detaile .right{display: block;float: left;}
.formula_detaile .left{width:calc(30%);}
.formula_detaile .middle{width:calc(50%);}
.formula_detaile .left{padding-right: 4rem;}
.formula_detaile .left .color{background-color: #182b82;height: 3rem;}
.formula_detaile .right{width: calc(20%);padding-left: 48px;}
.con{width: calc(50%);padding-top: 10px;font-size: 1.3rem;float: left;}
.con label,.con span{width: 100%;padding-left: 0;padding-right: 3rem;display: block;}
.con span{border: none;background-color:#FFFFFF ;word-break: break-all;/*min-height: 28px;*/ }
.formula_main_con .con span{min-height: 28px;
}
.con_row{width: calc(100%);}
.mian .color_message ul{padding: 0;}
.mian .color_message ul li{border-top: 1px solid #DDDDDD;line-height: 28px;}
.mian .color_message ul li:last-child{border-bottom:1px solid #DDDDDD ;}
.formula_detaile .middle {padding-left: 24px;padding-right: 24px;}
.formula_detaile .right .edition ul,
.formula_detaile .right .layer ul{padding-left: 0;}
.formula_detaile .right .edition ul li,
.formula_detaile .right .layer ul li{border-top: 1px solid #DDDDDD;line-height: 28px;padding-left: 2rem;background-color: #F9F9F9;}
.formula_detaile .right .edition ul li:hover{background-color: #EBEBEB;color: #333;}
.formula_detaile .right .edition_h{background-color: #108CEE!important;color: #FFFFFF!important;}
.border_top_bottom{border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.formula_detaile .right .layer ul li:hover{background-color: #EBEBEB;color: #333333;}
.form_input .inline_row > input,
.form_input .inline_row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: calc(50%);display: block;float: left;}
.form_input .inline_row  .bootstrap-select .dropdown-toggle:focus{border-radius: 0!important;border: 1px solid #DDDDDD;outline: none!important;outline-offset: 0;}
.form_input .inline_row .btn{border-radius: 0!important;}
.left_search  .search_k .dropdown-menu li {padding: 0;}
.select_oem{/*height: 40px;*/ vertical-align: middle;}
.padding_left_10{padding-left: 10px!important;}
.padding_top_7{padding-top: 7px;}
.list_table_top{padding: 10px 10px 10px 10px;}
.auto_select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: auto;min-width: 130px;}
.auto_select .dropdown-toggle{padding: 3px 20px 3px 12px!important;}
/*表格*/
/*.tooltable .fixed-table-toolbar{border-top: 0!important;}*/
/*加载的小汽车*/
.load_car{width: 100%;height: 100%;background-color: #000000;opacity:0.5 ;position: fixed;z-index: 999999;}
.load_car  .car_driving{margin: 0 auto; margin-top: calc(55%);width: 185px;height: 85px;}
/*自定义配方*/
.con_main .left{width: calc(70% - 5px);}
.con_main .right{width: calc(30% - 45px);}
/*颜色新增    录入*/
.color_oem input{display:block;width: calc(70% - 10px);margin-right: 10px;}
.color_oem_half input{width: calc(80% - 10px);padding-right: 0;}
.color_oem  button{height: 24px;line-height:22px; padding:0 6px;display: block;max-width:calc(30% - 10px);overflow: hidden;background-color: #FFFFFF;background-image: none;border: 1px solid #108CEE; color: #108CEE;}
.color_oem  button:hover{background-color: #108CEE;color: #FFFFFF;}
.color_class .btn_b,.color_class .btn_search{border: 1px solid #DDDDDD; background-color: #FFFFFF;height: 28px;padding:0 6px;margin-top: 1px;}
.color_class .btn_b:hover,.color_class .btn_search:hover{background-color: #108CEE!important;color: #FFFFFF!important;}
.color_class .btn_search{background:url(../img/subpage_icon/search.png) 50% 50% no-repeat ;width: 26px;}
.color_class .btn_search:hover{background:url(../img/subpage_icon/search_h.png) 50% 50% no-repeat ;}

.color_class .btn_b:after{
	content: "\271A";
	text-align: center;
	color: #333;
}
.color_class .btn_b:hover:after{color: #FFFFFF;}

.color_class .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: calc(100% - 38px)!important;display: block;float: left;}
.date_lagin_d input{width: calc(50% - 10px);}
.date_lagin_d div{width: 20px;text-align: center;line-height: 28px;}
/*chosen*/
.padding_15{padding: 15px;}
.height_28{min-height: 28px!important;}
.chosen-container-single .chosen-single,
.chosen-container-active .chosen-single{height: 28px!important;background: none!important;line-height: 28px!important;border: 1px solid #DDDDDD!important;}
.chosen-container a{line-height: 28px!important;border-radius: 0!important;}
.chosen-container-active.chosen-with-drop .chosen-single,.chosen-container .chosen-drop{border: 1px solid #DDDDDD!important;}
.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.highlighted{background-color: #108CEE!important;color: #FFFFFF;}
.chosen-container-single .chosen-search input[type="text"]{padding: 0 0 0 8px;line-height: 20px;border: 1px solid #DDDDDD;}
.chosen .chosen-container{width: calc(100% )!important;}
.sele_w_38 .chosen-container,.sele_w_38 input{width: calc(100% - 38px)!important;}
.chosen-container-single .chosen-single div b{background: url(../chosen/chosen-sprite.png) no-repeat 3px 5px!important;}
.sele_w_50 input{width: calc(50% - 38px)!important;}
.margin_right_40{margin-right: 40px;}
/*多选*/
/*.chosen-container-active .chosen-choices,
.chosen-container-multi .chosen-choices{border: 1px solid #DDDDDD!important;}
.form_input_inline label{font-weight: normal;}
.form_input_inline .chosen-container{min-width: calc(20%);}*/
/*白色按钮*/
.car_w_btn{border: 1px solid #DDDDDD;background: none;padding: 0 8px 0 8px!important;line-height: 26px;}
.car_w_btn:hover{background: #108CEE;color: #FFFFFF;}
.margin_top_10{margin-top: 10px;}
input{border: 1px solid #DDDDDD;}
/*table 内的chosen*/
.table_chosen .chosen-container{width: calc(65%)!important;}
.table_chosen .chosen-container-single .chosen-single{height: 27px!important;line-height: 27px!important;}
.table_chosen .chosen-container-single .chosen-single div b{background: url(../chosen/chosen-sprite.png) no-repeat 3px 3px!important;}
.chosen-container-single .chosen-search input[type="text"]{padding: 0px 20px 0px 5px!important;line-height: 20px!important;}
.sum span{border: none;padding: 0 6px;line-height: 28px;width: auto;display: inline-block;}
.val{height: 26px;}
.formula_entry_message  .car_w_btn{line-height: 20px;}
.content_message label{width: 100%;}
.content_message{padding: 15px;margin-top: 15px;background-color: #F9F9F9;}
.content_message .checkbox_santint .checkbox_sub_con span{display: inline-block;width: calc(100% - 24px)!important;min-width:6rem;padding: 0px 6px;line-height: 20px;}
.content_message .checkbox_santint .checkbox_sub_con span:focus,.content_message .checkbox_santint .checkbox_sub_con span:hover{background-color: #FFFFFF;border: 1px solid #DDDDDD;}
/*chosen 无搜索*/
.chosen_no_search .chosen-container-single .chosen-drop{padding-top:10px !important;}
.chosen-container{width: calc(100%)!important;}
#RGB{background: url(../img/subpage_icon/RGB.png) 98% 50% no-repeat;}
.float_none{float: none!important;}
.chosen_w_99 .chosen-container{width: calc(100% - 99px)!important;}
.con_main .w_80{width: calc(80%);}
/*全局搜索*/
.false_tab div {float: left;}
.false_tab div > a{padding: 6px 28px!important;float: left;color: #333333;display: block;}
.false_tab div > a:hover{background-color: #108CEE;color: #FFFFFF;}
/*数据管理 date_m*/
.fixed_table_toolbar_none .fixed-table-toolbar{border: none!important;}
.fixed_table_pagination_none_border .fixed-table-pagination{border: none!important;}
.subpage_content .con_left{width: calc(15%);}
.subpage_content .con_right{width: calc(85%);}
@media only screen and (min-width: 1001px) and (max-width: 1350px) {
	.subpage_content .con_left{width: calc(20%);}
	.subpage_content .con_right{width: calc(80%);}
}
@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.subpage_content .con_left{width: calc(23%);}
	.subpage_content .con_right{width: calc(77%);}
}
.padding_top_bottom_0{padding-top: 0;padding-bottom: 0;}
.padding_top_20{padding-top: 20px;}
.padding_bottom_20{padding-bottom: 20px;}
.nav_left{padding: 20px 10px 20px 10px;}
.padding_left_0{padding-left: 0!important;}
.nav_left li a{margin-bottom: 8px;padding:0px 8px ;border-radius: 3px;line-height: 28px;cursor: pointer;width: 100%;height: 100%;display: block;color: #333333;}
.nav_left li a:hover{background-color: #F2F2F2;}
.bg_blue,.bg_blue:hover{background-color: #108CEE!important;color: #FFFFFF!important;}
.car_form_min{padding: 42px 20px 20px 20px!important;}
/*登录*/
/*left*/
.cloud_login .login_left{padding: 40px 20px 20px 20px;margin-right: 8rem;width: 548px;overflow: hidden;}
.cloud_login .login_left h2{border-bottom:1px solid #656464 ;width: 100%;padding-bottom: 15px;font-size:39px ;font-weight: bolder; color: #FFFFFF;}
.cloud_login .login_left ul li{color: #9E9D9D;margin:14px 0 ;padding-left: 20px;background: url(../img/login_icon/yes.png) 0 50% no-repeat;font-size: 18px;}
/*right*/
.cloud_password_login_icon{background: url(../img/login_icon/cloud_password.png) 15px 50% no-repeat;}
.cloud_login_icon{background: url(../img/login_icon/cloud_user.png) 15px 50% no-repeat;}
.cloud_login .login_right{background-color:#F1F2F4 ;border-radius:4px ;padding:0px 35px 35px 35px;}
.cloud_login .login_right div{width: 355px;}
.cloud_login .login_right .logo_flower{font-size:25px;color: #6E6E6F;height: 58px;margin-bottom: 6px;padding-left: 0;text-align: center;margin-top: 30px;font-weight: 400;}
.cloud_login .login_right div input{border: 1px  solid #DDDDDD;border-radius: 3px;}
.margin_bootom_20{margin-bottom: 20px!important;}
.cloud_login .login_right label.font_blue{line-height: 27px;cursor: pointer;color: #108CEE;font-weight: normal;}
/*login*/
.top_login{background: url(../img/login_icon/logo_car_login.png) 2rem 50% no-repeat;border-bottom: 1px solid #757779;height: 60px;line-height: 60px;padding-left: 7rem;color: #FFFFFF;font-size: 22px;font-weight: bolder;width: calc(100%);color:transparent;}
.cloud_bg{background-image:url(../img/login_icon/bg-car.png); background-repeat:no-repeat; background-attachment:fixed;background-size: cover;background-position: center center; }
.cloud_login{position: absolute;top: 25%;left: 15%;}
@media only screen and (min-width: 1541px) {
	.cloud_login{left: 15%!important;}
}
@media only screen and (min-width: 1281px) and (max-width: 1540px){
	.cloud_login{left: 13%;}
}
@media only screen and (min-width: 1161px) and (max-width: 1280px) {
	.cloud_login{left: 5%;}
	.cloud_login .login_left{margin-right:3rem ;}
}
@media only screen and (min-width: 1024px) and (max-width: 1160px) {
	.cloud_login{left: 2%;}
	.cloud_login .login_left{margin-right:2rem ;}
}
@media only screen and (max-width: 1024px) {
	.cloud_login{left:0%;}
	.cloud_login .login_left{margin-right:0rem ;}
	.cloud_login .login_left h2{font-size: 35px;}
}
/*注册*/
.register a{color: #666666;}
.register .font_blue{color: #108CEE;}
.register .pull-right{text-align: right;}
.cloud_login{color: #666666;}
.login_input label{font-weight: normal;color: #333333;}
.login_input input{background-color:rgba(255,255,255,0.2);border-radius: 25px;width: 100%;color: #666666;border: #4e5156 solid 1px;}
.language_con {
	padding-right: 30px;
	height: 59px;
	font-size: 14px;
	font-weight: normal;
	color: #777;
}
.language_con span{padding-left: 45px;
background-color: transparent;
background-repeat: no-repeat;
background-position:  2rem 50%,95% 50% ;
background-image:url(../img/login_icon/global.png),url(../img/subpage_icon/Arrow_down_h.png) ;
border: none;height: 100%;min-width: 158px;display: block;
}
.language_con .list{display: none;}
.language_con .list li:last-child{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.language_con .list ul li{background-color: #262626;line-height: 40px;padding-left: 45px;cursor: pointer;}
.language_con .list ul li:hover{background-color: #474747;}

.width50_chosen .chosen-container{width: calc(50%)!important;}
.tip_blue{font-size:12px; margin-bottom:15px; color: #108CEE;padding-left: 2rem;background: url(../img/subpage_icon/tip.png) left 50% no-repeat;display: block;}


/*设置*/
.section_con .title{font-weight: bold;line-height: 28px;}
.section_con .checkbox_santint label{margin-bottom: 0!important;margin-right: 15px;}
.section_con .sub_checkbox{padding-left: 20px;}
.section_con .form_input .chosen-container:nth-child(2){display: none!important;}
.padding_20{padding: 20px;}
.padding_15{padding: 15px;}
.padding_10{padding: 10px;}
.width80{width: calc(80%)!important;}
.setting_syestem .btn_blue_w:hover{border: #108CEE solid 1px!important; color:#108CEE!important;}
.setting_syestem .btn_blue_w{padding: 3px 12px;}
.con_system .btn_blue_w{display: inline-block; }
/*消息*/
.message_title h3{font-weight: bolder;text-align: center;width: calc(100%);line-height: 25px;}
.message_title .re_title {
	color: #999999;
	position: absolute;
	top: 27px;
	left: 50%;
	background-color: #FFFFFF;
	padding: 0px 20px;
	transform: translateX(-50%);
}
.text_con p{text-indent: 20px;font-size: 12px;line-height:2.5rem;margin-bottom: 0;}
@media only screen and (min-width: 100px) and (max-width: 750px) {
	.message_title .re_title {
		color: #999999;
		position: absolute;
		top: 27px;
		left: 50%;
		background-color: #FFFFFF;
		padding: 0px 20px;
		transform: translateX(-50%);
	}
}
.head_none  thead >tr{display: none!important;}
.checkbox_head_none .bs-checkbox {width: 30px!important;}
.head_none>tbody>tr{cursor: pointer;}
.head_none>tbody>tr>td{border: none;} 
.head_none>tbody>tr>td:last-child{padding-right: 20px!important;}
.con_message {color: #333333;margin-bottom:15px;margin-top: 15px;}
.con_message dd{color: #999999;font-size: 12px;}
.con_message b{display: inline-block;background-color: #108CEE;color: #FFFFFF;font-size: 12px;padding:1px 3px;border-radius: 3px;margin-left: 15px;font-weight: normal;line-height: 12px;}

/*选取标准色号*/
.container_select .left,.container_select .right{ width: calc(50% - 30px);height: 250px;background-color: #FAFAFA;}

.container_select  ul{padding-left: 5px;padding-right: 5px; overflow: auto;height: 100%;}
.container_select li {
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	cursor: pointer;
	width:max-content;
}
	.container_select li:hover, .button_h {
		background-color: #F0F0F0;
		color: #108CEE;
	}

.container_select .middle{width: 60px;padding-top: 30px;}
.container_select .middle button{padding: 0 20px;background-position: 50% 50%; background-repeat: no-repeat;background-color: #F9F9F9;border: 1px solid #DDDDDD;height: 30px;margin: 0 auto 15px;display: block;}
.container_select .middle button:hover{border: 1px solid #108CEE;background-color: #eef7ff;}
.container_select .middle button:nth-child(1){background-image:url(../img/subpage_icon/right.png) ;}
.container_select .middle button:nth-child(1):hover{background-image: url(../img/subpage_icon/right_h.png);}
.container_select .middle button:nth-child(2){background-image:url(../img/subpage_icon/left.png) ;}
.container_select .middle button:nth-child(2):hover{background-image: url(../img/subpage_icon/left_h.png);}
.container_select .middle button:nth-child(3){background-image:url(../img/subpage_icon/right_s.png) ;margin-top: 35px;}
.container_select .middle button:nth-child(3):hover{background-image: url(../img/subpage_icon/right_s_h.png);}
.container_select .middle button:nth-child(4){background-image:url(../img/subpage_icon/left_s.png) ;}
.container_select .middle button:nth-child(4):hover{background-image: url(../img/subpage_icon/left_s_h.png);}
/*2018/12/19 sunny 修改*/
.normlable label {font-weight:normal;}
.normlable .form-control {height:26px;padding:0;}
/*2018/12/27 sunny*/
#skip:active,#skip{
    margin-top:15px;
    letter-spacing:0.2rem;
   background: #FFFFFF;
    color: #333;
    display: block;
    padding: 3px 1rem;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    font-size:14px;
}
/*2019/2/22 suuny*/
.tel_email label {margin-bottom:0PX;
}
.tel_email label span:first-child a{margin-left:0;
}
.tel_email label span a {margin:0 12px; display:inline-block;color:#333;
}
.a_border_blue {border-bottom:2px solid #108CEE;
}
.r_btn,.r_btn:hover,.r_btn:active,.r_btn:visited {position:absolute;right:0;padding:0 12px;top:15px;color:#666666; border-left:1px solid #666666;
}
.sent_agin {color:#999999;
}
.search_icon {background-image:url(../img/subpage_icon/ic_search_for.png);background-position:50% 50%;background-repeat:no-repeat;height:28PX;width:28PX;position:absolute;top:0;right:50px;cursor :pointer ;
              
}
.chonsenHeight .chosen-container .chosen-results {
    height:100%;
}
.chonsenHeight .chosen-container.chosen-with-drop .chosen-drop ,.chonsenHeight .chosen-container-single .chosen-drop {
    height:110px;
}
/*
 * 2020/09/18
 * sunny
 * 测试仪
 * */
.fl{float: left;}
.fr{float: right;}
.relative{position: relative;}
.absolute{position: absolute;}
.cons{padding:0 15px;width: 100%;height: 100%;}
.topCon{padding: 10px 0;border-bottom: 1px solid #DDDDDD;}
.topCon .titleCon{font-size: 2rem;}
.topCon .titleCon b{font-weight: normal;}



.testerCon{padding: 0;}
.testerCon .topCon .titleCon{padding:0 15px ;}
.testerCon .btnConnection{right: 10px;top: 2px;color: #FFFFFF;background-color: #2D7AFD;background-image:url(../img/tester/dwon.png) ;background-position:18px 50%;background-repeat: no-repeat;background-size: 13%;font-size: 14px;padding:5px 15px 5px 40px;border-radius: 3px;}

.testerCon .oneTester .left{width: 20%;border-right: 1px solid #DDDDDD;}
.testerCon .oneTester .right{width: calc(80%);}
.testerCon .oneTester .left .liTitle{padding-top: 10px !important;}
.testerCon .oneTester .left .li{padding: 0 15px ;}
.testerCon .oneTester .left .liTitle span{font-weight: bold;font-size: 15px;width: calc(100% - 30px);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.testerCon .checkbox_santint .checkbox[type=checkbox]+b{width:14px ;height: 14px;background-size: contain;}
.testerCon .checkbox_santint .checkbox_sub_con span{padding-left: 8px;line-height: 28px;font-weight: normal;vertical-align: middle;font-size: 12px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: calc(100% - 30px);display: inline-block;}
.testerCon .checkbox_santint .checkbox_sub_con span .cube{height: 17px;width: 17px;vertical-align: text-bottom;display: inline-block;}
.testerCon .checkbox_santint .checkbox_sub_con .on{background-color: #F2F2F2!important;}
.testerCon .oneTester .left .list_con .li:hover{background-color: #F2F2F2;}
.testerCon .btnGroups {position: absolute; top: 7px;right: 15px;}
.testerCon .btnGroups a {width: 30px; height: 30px;margin-left:3px ;background-position:50% 50% ;background-repeat: no-repeat;background-size:62% ;display: inline-block;vertical-align: middle;}
.testerCon .btnGroups .refresh{background-image: url(../img/tester/refresh.png);}
.testerCon .btnGroups .delete{background-image: url(../img/tester/delete.png);}


.padding_left_rigt_20 {padding-left:20px;padding-right:20px;}
.testerCon .oneTester .right{padding: 20px 0;}
.testerCon .oneTester .right .titleCon .title,
.testerCon .oneTester .left .titleCon .title{border-left: 3px solid #2D7AFD;padding-left:5px ;font-size: 16px;font-weight: bold;}
.testerCon .oneTester .left .leftTopCon{border-bottom: 1px solid #DDDDDD;padding: 15px 15px 0 15px;}
.testerCon .oneTester .left .leftTopCon .selectCon  .layui-form-item{display: inline-block;width: calc(100% - 80px);}
.testerCon .oneTester .left .leftTopCon .selectCon .layui-input{height: 30px;line-height: 30px;}
.testerCon .oneTester .left .leftTopCon .refrush,
.testerCon .oneTester .left .leftTopCon .connect{display: inline-block;width: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;text-align: center;line-height: 28px;padding: 0 15px;border: 1px solid #DDDDDD;vertical-align: top;margin-left:15px ;}
.testerCon .oneTester .left .leftTopCon .name{text-align: right;margin-bottom:10px ;line-height: 30px;display: inline;padding-right: 0;}
.testerCon .oneTester .left .conInputBtn{width: calc(100% - 50px);display: inline-block;}
.testerCon .layui-form-select dl dd.layui-this{background-color:#2D7AFD !important;}
.testerCon .layui-form-select dl dd{line-height: 30px;}

.testerCon .oneTester .right .productList{margin: 10px 0;}
.testerCon .oneTester .right .productList .name{display: inline-block;margin-right: 15px;vertical-align: middle;width: auto;padding-right: 0;}
.testerCon .oneTester .right .productList .li{display: inline-block;vertical-align: middle;padding: 0 15px;cursor:pointer ;}
.testerCon .oneTester .right .productList .on{color: #2D7AFD;}
.testerCon .oneTester .right .searchConTester .groups{width: calc(25% - 20px);float: left;margin-right:20px ;}
.testerCon .oneTester .right .searchConTester .groups input{border: 1px solid #DDDDDD;line-height: 25px;padding: 0 8px;width: 100%;}
.testerCon .oneTester .right .searchConTester .groups .name{margin-bottom: 8px;}
.testerCon .oneTester .right .searchConTester .btnGroup{margin-right:0 ;}
.testerCon .oneTester .right .searchConTester .btnGroup button{margin-top: 27px;padding: 0 15px;line-height: 25px;margin-left: 15px;background-image:none;box-shadow: none;outline: none;background-color:#FFFFFF ;border: 1px solid #DDDDDD;}
.testerCon .oneTester .right .searchConTester .btnGroup button:first-child{background-color: #2D7AFD;color: #FFFFFF;}

.testerCon .oneTester .right .tableCon{margin-top: 20px;}
.testerCon .oneTester .right .tableCon table{border: 1px solid #DDDDDD;}
.testerCon .oneTester .right .tableCon table thead{background-color:#F7F7F7!important;}
.testerCon .oneTester .right .tableCon table thead th{text-align: center;background-color:#F7F7F7 !important;padding: 8px!important;vertical-align: bottom;}
.testerCon .oneTester .right .tableCon table tbody td{padding: 8px!important;}
.testerCon .oneTester .right .tableCon table tbody td .cube{width: 20px;height: 20px;border: 1px solid #DDDDDD;margin: 0 auto;}
.testerCon .status {width: 45px;height: 22px;margin: 0 auto;background-position:50% 64% ;background-repeat:no-repeat ;background-size: 34%;border: 1px solid #DDDDDD;border-radius: 25px;}
.fix{background-image: url(../img/tester/ic_fix_normal.png);}
.fix:hover{background-image: url(../img/tester/ic_fix_selected.png);background-color:#7AAAFB ;}
.load_fix {background-image: url(../img/tester/loading.gif);background-color: #2D7AFD;}
.fix_over {background-image: url(../img/tester/ic_carry_out.png);background-color: #2D7AFD;}

/*连接设备*/
.linkDevice{margin: 0px auto;max-width: 400px;min-height: 200px;padding:40px 20px ;}
.linkDevice .btnCon{margin: 15PX 0;}
.linkDevice .btnCon button{margin: 0 auto;display: block;color: #FFFFFF;outline: none;border: 1px solid #2D7AFD;
    background-color: #2D7AFD;
    background-image: url(../img/tester/dwon.png);
    background-position: 18px 50%;
    background-repeat: no-repeat;
    background-size: 13%;
    font-size: 14px;
    padding: 5px 15px 5px 40px;
    border-radius: 3px;}
.linkDevice .text{font-size: 16px;font-weight: bold;margin: 10px 0;}
.testerCon .twoTester .left{width: 30%;padding: 15px 20px;}
.testerCon .twoTester .right{width: 70%;padding: 0;}
.testerCon .twoTester .left .title span{border-left: 3px solid #2D7AFD;padding-left: 6px;font-size: 14px;font-weight: bold;}
.testerCon .twoTester .left .colorBar{border-radius: 5px;border: 1px solid #DDDDDD;height: 40px;margin: 15px 0;}
.testerCon .twoTester .left .groups{margin-bottom: 10px;font-size: 14px;}
.testerCon .twoTester .left .groups .name{width: 30%;float: left;color: #666;}
	.testerCon .twoTester .left .groups .text {
		width: 70%;
		float: right;
		white-space: break-spaces;
		word-break: break-all;
	}
.testerCon .twoTester .right .rightTopCon{padding-top: 10px;padding-left:30px ;}
.testerCon .nav-tabs>li>a:hover{background-color:#FFFFFF;border-color:transparent;border-bottom-color: #DDDDDD;}
.testerCon .nav-tabs>li.active>a,
.testerCon .nav-tabs>li.active>a:focus, 
.testerCon .nav-tabs>li.active>a:hover{border-top: none;border-left: none;border-right: none;border-bottom:2px solid #2D7AFD;font-weight: bold;}
.testerCon .twoTester .right .topConTester li{padding:6px 16px;background-color: #F1F1F1;color: #333333;border-radius: 3px;float: left;border-bottom: none;margin-right: 15px;}
.testerCon .twoTester .right .topConTester ul{padding: 10px 0;}
.testerCon .twoTester .right .topConTester .on{background-color:#2D7AFD ;color: #FFFFFF;}
.testerCon .colorCubeCon .leftSub,
.testerCon .colorCubeCon .rightSub{width: calc(50% - 25px);text-align:center ;float: left;}
.testerCon .colorCubeCon .leftSub .cube,
.testerCon .colorCubeCon .rightSub .cube{height: 210px;margin-bottom: 10px;}
.margin_right_10{margin-right:10px ;}
.testerCon .leftCon{width: calc(60% - 15px);}
.testerCon .leftCon .title,
.testerCon .rightCon .title{font-weight: bold;margin: 10px 0;}
.testerCon .leftCon  table thead{background-color:#BADDF9;}
.testerCon .rightCon{width: calc(40% - 15px);padding-right:30px ; margin-top:30px;}
.testerCon .cengCon  li{border: 1px solid #DDD;padding: 5px 6px;}
.testerCon .cengCon  .on{background-color: #F2F2F2;color: #2D7AFD;}
.testerCon .cengCon  li:hover{background-color: #F2F2F2;}
.testerCon .formala .groups{margin-bottom: 20px;}
.testerCon .formala .groups input,
.testerCon .formala .groups select{border: 1px solid #DDDDDD;height: 25px;}
.testerCon .formala .groups input{width: calc(70% - 0px);padding-left: 5px;}
.testerCon .formala .groups select{width:calc(30% - 0px);border-left: none;}
.testerCon .formala .btnGroup button{background-color:#2D7AFD ;color: #FFFFFF;outline: none;border:1px solid #2D7AFD;box-shadow: none;padding: 3px 6px;border-radius: 3px;margin-right:10px ;}
.testerCon .formala  .num{padding-left: 15px;font-weight: normal;}
.testerCon .formala .btnGroup button[disabled]{color: #FFFFFF;background-color: #C4C4C4;border: 1px solid #C4C4C4;}
.testerCon span{width: auto;padding-right: 0;display: inline-block;}
/*.color_cube{background-color: pink!important;}*/

.lineBoottom {height:0;border-bottom:1px solid #ddd;}
.lineTwobtn {margin-bottom:15px;}
.lineTwobtn button {width:calc(50% - 8px);background-color:#fff;border:1px solid #ddd;padding:6px 0;
    }
.table-striped > tbody > tr:nth-of-type(odd) {background-color:#ffffff!important;
}
.table-striped > tbody > tr:nth-of-type(even) {background-color:#f9f9f9!important;
}
.tabCon2021 {display:block;padding-left:15PX;margin-top:15PX;margin-bottom:0PX;
}
    .tabCon2021 li {margin-right:20PX;display:inline-block;cursor:pointer;
    }
    .tabCon2021 .on span {color:#178CEB;border-bottom:1PX solid #178CEB;
    }
.testerCon .oneTester .left .leftTopCon {padding:15PX!important;
}
.tabConSub2021 .leftTopCon {display:none;
}
.tabConSub2021 .show {display:block!important;
}
.testerCon .oneTester .left .leftTopCon .inputCon {display:inline-block;width:calc(100% - 80px);height:30px;
}
.testerCon .oneTester .left .leftTopCon .conInputBtn {width:calc(100% - 57px)!important;
}
.testerCon .oneTester .left .tabConSub2021 .leftTopCon .refrush {height:28px;
    background-image: url('../img/tester/refresh.png');background-position:50% 50%;background-repeat:no-repeat;background-size:auto;
}
.testerCon .oneTester .left .tabConSub2021 .leftTopCon .connect {height:28px;
    background-image: url('../img/tester/connect.png');background-position:50% 50%;background-repeat:no-repeat;background-size:auto;
}
.car_color {width:25px;height:25px;border:1px solid #ddd;
}
#messages .table,
#settings .table{border:1px solid #ddd;
}
/*2021/3/9 sunny*/
.colorDeviceTask .checkbox_sub_con {padding-right:0;
}
    .colorDeviceTask .checkbox_sub_con b {margin-right:8px;
    }
.colorDeviceTask .checkbox_santint .checkbox_sub_con .on {background-color:#2D7AFD!important;color:#ffffff;
}
.colorDeviceTask .checkbox_santint .checkbox_sub_con span {width:calc(100% - 24px);cursor:pointer;
}
.colorDeviceTask .oneTester .left .list_con .li:hover {background-color:#FFFFFF;
}
.colorDeviceTask .checkbox_santint .checkbox[type=checkbox]:checked + b {
    background-image: url('../img/tester/color_check.png');
}
/*2021/3/15 sunny */
.connectDevice {
 position: absolute;
    bottom: 30px;
    left: 46px;}
.connectDevice {
    background-color: #168BEA;
    color: #fff;
    border: 1px solid #168BEA;
    padding: 8px 15px 8px 40px;
    background-image: url('../img/tester/download.png');
    background-position:56px 50%;
    background-repeat:no-repeat;
    background-size:17px;
    min-width:200px;
    text-align:center;
}
.windowCon {padding:20px;
}
.windowCon .connectDevice1,
.windowCon .connectDevice1:hover,
.windowCon .connectDevice1:visited
 {
    margin:0 auto;color:#ffffff!important;display:inline-block;
    color: #fff;
    border: 1px solid #168BEA;
    padding: 8px 15px 8px 40px;
    background-color: #168BEA;
    background-image: url('../img/tester/download.png');
    background-position:30px 50%;
    background-repeat:no-repeat;
    background-size:auto;
    position:absolute;
    left:30%;
    min-width:200px;
    text-align:center;
}
.relative {position:relative;
}
.windowCon .li {margin-bottom:10px;font-size:16px;
}


/*2021/3/16 sunny */
.imgOn {width:100%;height:100%;background-color:rosybrown;display:none;background-color:rgba(0,0,0,0.3);position:fixed;top:0;left:0;z-index:999;
}
.imgConDiv {position:absolute;width:100%;height:100%;top:10%;
}
    .imgOn .imgCon {width:70%;height:70%;margin:0 auto;z-index:9999999999;
    }
 .imgOn .imgCon .img-responsive {margin:0 auto;
        }
.suibian {width:60%!important;
}
    .suibian .item img {width:100%;display:block;height:100%;
    }
/*2021/3/26 sunny*/
.testerCon .oneTester .left .leftTopCon .conInputBtnNew {width:100%;
}
    .testerCon .oneTester .left .leftTopCon .conInputBtnNew .usbConnect {display:block;width:100%;background-color:#178CEB;color:#ffffff;text-align:center;padding:4px 0;
    }
.margin_top20 {margin-top:20px;}
#task {overflow:auto;
}
/*2021/4/15 sunny*/
.newFa_div_login .iconLogin {width:68px!important;height:100%;float:left;background-color:#f5f5f5;background-position: 20px 50%;
    background-repeat: no-repeat;
}
 .newFa_div_login input {width:calc(100% - 68px);float:left;padding-left:0!important;
}
.newFa_div_login input:-webkit-autofill{
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s;
    /*caret-color: #acfff2;*/
}

 .newFa_div_login input:focus { outline: none; }/*外边框线去除*/
.en {background-position:32px 50%!important;
}

.margin_top50 {
    margin-top:50px !important;
}


.save_santint{
    float:right !important;
}

.radioH{
        display: inline-block;
    float: right;
}

.radio_sub_con b {
        vertical-align: middle;
}

.radio_sub_con{
        display: inline-block !important;
        width:auto !important;
}

.disabled  > .radio_sub_con > span {color:#ccc!important;
}

.measureButton {
    display: inline-block !important;
    background-color: rgb(16, 140, 238)!IMPORTANT;
    color: #ffffff !important;
    border-radius: 2px;
    padding: 0 12px !important;
    margin-right: 15px;

}

.measureSpan {
    
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;

}

.HardenerLabel {
    
    border-left: 4px solid #108CEE!important;
    padding-left: 8px;

}

.HardenerDiv {

    border-bottom: 1px solid #ddd;
    padding: 5px 0;

}

.choseHard {

    background-color: #108CEE!important;
    outline: auto;
    border: 1px solid #108CEE!important;
    color: #ffffff;
    padding: 4px 15px;
    margin-top: 15px;

}

.margin_right_30 {
margin-right:25px;
}

.checkRow {
background-color:#108CEE!important;
}
.margin_left_450 {
margin-left:450px;
}

.margin_right_70 {
margin-right:60px;
}

.margin_left_300 {
margin-left:300px;
}

.form_input_upload{margin-bottom: 10px;display: inline-block;}
.form_input_upload input{width: 100%;}
.form_input_upload select,.form_input_upload textarea{width: 100%;}
.form_input_upload textarea{min-height: 56px;}
.form_input_upload {width: calc(90%);vertical-align: top;}

.thumbnail .cancel {
        position: absolute;
        top: 0px;
        /*left: 4px;*/
        z-index: 100;
        /*background-color: #fdfdfd;*/
        /*color: red;*/
        text-align: center;
        /*text-indent: 5px;*/
        width: 100%;
        height: 20px;
        /*opacity: 0.5;*/
        /*background:url(../image-upload/icons.png) no-repeat ;*/
        /*background-image: url(img/delete_td.png);*/
        background-position: 90% 50%;
        background-repeat: no-repeat;
    }

        .thumbnail .cancel:after {
            content: "\2715";
            color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background-color: #00C1DE;
            position: absolute;
            right: 2px;
            top: 2px;
            cursor: pointer;
            text-align: center;
            font-size: 12px;
        }

        .thumbnail .cancel:hover {
            /*background-image: url(img/delete_td_h.png);*/
        }

        .thumbnail .cancel:after:hover {
            /*background-image: url(img/delete_td_h.png);*/
            color: red;
        }
.webuploader-pick {
background-color:transparent !important;
font-size:38px !important;
border:1px solid #ddd;
color:#938e8e !important;

}

.search_btn1{/*margin-right: 5px!important;*/padding-top: 24px;padding-right: 150px!important;width: 260px;}
.search_btn1 button{padding: 5px 20px;font-size: 12px;}

.checkbox_span {
	width: auto !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

.checkbox_b {
	width: 20px !important;
	height: 20px !important;
}

/*汽车用量手机版*/
/*
 * 汽车
 * sunny 
 * 2023/2/16
 * */
.fl {
	float: left;
}

.fr {
	float: right;
}

.carUsercon {
	width: 100%;
}

	.carUsercon .left {
		width: 230px;
		position: relative;
	}

	.carUsercon .right {
		width: calc(100% - 230px);
	}

	.carUsercon .carM {
		width: 220px;
		height: 176px;
		background: url(../img/carImg/carAll.png) 50% 50% no-repeat;
		background-size: contain;
	}

	.carUsercon .right .leftSub,
	.carUsercon .right .rightSub {
		width: 130px;
	}

		.carUsercon .right .leftSub .li,
		.carUsercon .right .rightSub .li {
			display: block;
			width: 100%;
			text-align: center;
			color: #dcdcdc;
			font-size: 13px;
			line-height: 1.5;
			font-weight: normal;
			margin-top:3px;
		}

	.carUsercon .right .on {
		color: #666 !important;
	}

.rear_bumper, .front_bumper,
.hood,
.right_rear_fender, .left_rear_fender,
.right_front_fender, .left_front_fender,
.left_front_door, .left_black_door,
.right_front_door, .right_black_door,
.roof_cover {
	position: absolute;
	z-index: 10;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
/*后保险杠*/
.rear_bumper {
	background-image: none;
	top: 57px;
	left: -6px;
	width: 51px;
	height: 61px;
}

.carUsercon .left .rear_bumper_con .on {
	background-image: url(../img/carImg/rear_bumper.png) !important;
}
/*前保险杠*/
.front_bumper {
	background-image: none;
	top: 57px;
	right: -6px;
	width: 51px;
	height: 61px;
}

.carUsercon .left .front_bumper_con .on {
	background-image: url(../img/carImg/front_bumper.png) !important;
}
/*引擎盖*/
.hood {
	background-image: none;
	top: 63px;
	right: 30px;
	width: 51px;
	height: 50px;
}

.carUsercon .left .hood_con .on {
	background-image: url(../img/carImg/hood.png) !important;
}
/*右后翼子板*/
.right_rear_fender {
	background-image: none;
	bottom: 6px;
	left: 36px;
	width: 50px;
	height: 50px;
	z-index: 9 !important;
}

.carUsercon .left .right_rear_fender_con .on {
	background-image: url(../img/carImg/right_rear_fender.png) !important;
}
/*左后翼子板*/
.left_rear_fender {
	background-image: none;
	top: 6px;
	left: 36px;
	width: 50px;
	height: 50px;
}

.carUsercon .left .left_rear_fender_con .on {
	background-image: url(../img/carImg/left_rear_fender.png) !important;
}
/*右前翼子板*/
.right_front_fender {
	background-image: none;
	bottom: 3px;
	right: 31px;
	width: 51px;
	height: 52px;
}

.carUsercon .left .right_front_fender_con .on {
	background-image: url(../img/carImg/right_front_fender.png) !important;
}
/*左前翼子板*/
.left_front_fender {
	background-image: none;
	top: 3px;
	right: 31px;
	width: 51px;
	height: 54px;
}

.carUsercon .left .left_front_fender_con .on {
	background-image: url(../img/carImg/left_front_fender.png) !important;
}
/*左前门*/
.left_front_door {
	background-image: none;
	top: 22px;
	right: 75px;
	width: 40px;
	height: 20px;
}

.carUsercon .left .left_front_door_con .on {
	background-image: url(../img/carImg/left_front_door.png) !important;
}
/*左后门*/
.left_black_door {
	background-image: none;
	top: 10px;
	left: 72px;
	width: 40px;
	height: 44px;
}

.carUsercon .left .left_black_door_con .on {
	background-image: url(../img/carImg/left_back_door.png) !important;
}
/*右前门*/
.right_front_door {
	background-image: none;
	bottom: 10px;
	right: 76px;
	width: 37px;
	height: 42px;
}

.carUsercon .left .right_front_door_con .on {
	background-image: url(../img/carImg/right_front_door.png) !important;
}
/*右后门*/
.right_black_door {
	background-image: none;
	bottom: 20px;
	left: 71px;
	width: 42px;
	height: 23px;
}

.carUsercon .left .right_black_door_con .on {
	background-image: url(../img/carImg/right_back_door.png) !important;
}
/*车顶盖*/
.roof_cover {
	background-image: none;
	bottom: 69px;
	left: 69px;
	width: 61px;
	height: 38px;
}

.carUsercon .left .roof_cover_con .on {
	background-image: url(../img/carImg/roof_cover.png) !important;
}

.usage_calculation {
	padding: 30px 15px;
	margin: 0 auto;
}

	.usage_calculation .title {
		margin-bottom: 20px;
	}

	.usage_calculation .useNumCon {
		width: 100%;
		margin-top: 20px;
	}

		.usage_calculation .useNumCon .left,
		.usage_calculation .useNumCon .right {
			width: 100%;
			margin: 15px 0;
		}

		.usage_calculation .useNumCon label {
			font-weight: normal;
		}

	.usage_calculation .dosageCon {
		font-size: 32px;
		color: red;
		font-weight: bold;
		text-align: center
	}

	.usage_calculation .radio_sub_con {
		margin-right: 15px;
	}

.autoPartsChooseTitle {
	width:calc(33.33% - 0px);
	float:left;

}

.deThead tr th {
	font-weight: 400;
}

.fontweight700 {
	font-weight: 700 !important;
}

/*评论模态*/

.yatuFiveWeb .tab-content {
	border: none !important;
	padding: 0px;
}

.yatuFiveWeb .modal-body {
	max-height: 600px;
	padding-top:55px;
}

.yatuFiveWeb .modal-header {
	padding: 0 15px !important;
}

.yatuFiveWeb .nav-tabs {
	border-bottom: none !important;
	top: 3px;
}

.yatuFiveWeb .modal-dialog {
	width: 1000px !important;
}

.yatuFiveWeb .nav-tabs > li > a,
.yatuFiveWeb .nav-tabs > li > a:hover {
	font-size: 16px;
	box-shadow: none;
	background-color: #fff;
	border: none;
}

.yatuFiveWeb .nav-tabs > li.active > a,
.yatuFiveWeb .nav-tabs > li.active > a:focus,
.yatuFiveWeb .nav-tabs > li.active > a:hover {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #2D7AFF;
	color: #2D7AFF;
	box-shadow: none;
}

.yatuFiveWeb .modal-header .close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 9999
}

.iCommentCon {
	padding: 0 30px 50px 30px;
}

	.iCommentCon .selectCon {
		top: 0;
		right: 0;
	}

		.iCommentCon .selectCon select,
		.iCommentCon .selectCon .layui-form-item .layui-input {
			border: none;
			color: #666;
			line-height: 40px;
			height: 40px;
		}

		.iCommentCon .selectCon .layui-form-select dl dd.layui-this {
			background-color: #fff;
			color: #2D7AFF;
		}

		.iCommentCon .selectCon select option {
			padding: 5px 0;
		}

	.iCommentCon .commentRult {
		margin: 10px 0;
	}

		.iCommentCon .commentRult textarea {
			width: 100%;
			display: block;
			border: none;
			margin: 10px 0;
			min-height: 50px;
		}

	.iCommentCon .groups {
		width: 50%;
	}

.groups .inputGroups {
	border-bottom: 1px solid #DDDDDD;
	line-height: 50px;
}

	.groups .inputGroups input {
		border: none;
		width: 85%;
		padding-left: 15px;
		text-align: right;
		float: right;
	}

.iCommentCon .btnCon {
	margin: 0 auto;
}

	.iCommentCon .btnCon button {
		background-color: #2D7AFF;
		color: #FFF;
		border: none;
		margin: 0 auto;
		padding: 8px 30px;
		border-radius: 5px;
		display: block;
	}

.yatuFiveWeb .modal-dialog {
	width: 1000px !important;
}

.width_50 {
	width: calc(50% - 10px);
}

.newLayOut .selectCon {
	right: 50%;
}

	.newLayOut .selectCon input {
		background-color: #ffffff !important;
	}

.comment_calculation {
	padding: 30px 40px;
	width: 100% !important;
	margin: 0 auto;
}

.width15{
	width:15%
}

.fatherGroups .groups {
	width: 100%;
}

/*我的评论*/
.conComment {
	padding: 0 15px;
	width: 100%;
	height: 100%;
}

.topCon {
	padding: 10px 0;
	border-bottom: 1px solid #DDDDDD;
}

	.topCon .titleCon {
		font-size: 2rem;
	}

		.topCon .titleCon b {
			font-weight: normal;
		}
/*.leftCon{float: left;width: calc(50% - 0px);}
.rightTop{float: right;width: calc(50% - 0px);padding-right: 30px;}
.rightTop .brandFive {width: 200px;float: right;overflow: hidden;white-space:nowrap ;text-overflow: ellipsis;margin-bottom: 0;}
.rightTop .brandFive .layui-input{border: none;color: #2D7AFF;}
.rightTop .brandFive .layui-form-select dl dd.layui-this{background-color:#fff ;color: #2D7AFF;}
.rightTop .brandFive .layui-form-select .layui-edge{border-top-color:#2D7AFF;}*/

.mainCon .liConFa {
	padding: 8px 0;
	border-bottom: 1px solid #DDDDDD;
}

.mainCon .liCon {
	display: block;
	padding: 15px 0;
}

	.mainCon .liCon:hover {
		background-color: #F9F9F9;
		display: block;
	}

		.mainCon .liCon:hover .left_con .title a {
			color: #2D7AFF;
			text-decoration: underline;
			font-weight: bold;
		}

	.mainCon .liCon .left_con {
		width: calc(60% - 0px);
	}

		.mainCon .liCon .left_con .time {
			color: #999999;
			font-size: 12px;
			padding: 6px 8px;
		}

	.mainCon .liCon .right_con {
		width: calc(40%);
	}

	.mainCon .liCon .left_con .title a {
		border-left: 3px solid #2D7AFF;
		padding-left: 8px;
		width: 100%;
	}

	.mainCon .liCon .left_con .oneLine {
		margin: 8px;
	}

.oneLine .li {
	margin-right: 30px;
}

	.oneLine .li .name {
		color: #666;
	}

	.oneLine .li .text {
		color: #333;
	}

.mainCon .liCon .right_con {
	padding-right: 80px;
}

	.mainCon .liCon .right_con .imgCon {
		height: 100%;
		width: 120px;
		float: right;
		margin-right: 15px;
	}

		.mainCon .liCon .right_con .imgCon img {
			width: 100%;
			height: 100%;
		}

.commentDelete {
	border-left: none !important;
	cursor: pointer;
	padding: 0 15px 1px 15px !important;
	background-image: url('../img/carImg/delete.png');
	background-position: 100% 100%;
	background-repeat: no-repeat;
}


/*2017.10.27æ·»åŠ pageæ ·å¼*/
/*
              * å¤–é¢ç›’å­æ ·å¼---è‡ªå·±å®šä¹‰
              */

.page_div {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
	font-family: "microsoft yahei";
	color: #666666;
	margin-right: 10px;
	padding-left: 20px;
	box-sizing: border-box;
	float: right;
}
	/*
             * é¡µæ•°æŒ‰é’®æ ·å¼
             */
	.page_div a {
		min-width: 30px;
		height: 28px;
		border: 1px solid #dce0e0 !important;
		text-align: center;
		margin: 0 4px;
		cursor: pointer;
		line-height: 28px;
		color: #666666;
		font-size: 13px;
		display: inline-block;
	}

#firstPage,
#lastPage {
	width: 50px;
	color: #2879ff;
	border: 1px solid #2879ff !important;
}

#prePage,
#nextPage {
	color: #2879ff;
	border: 1px solid #2879ff !important;
}

.page_div .current {
	background-color: #2879ff;
	border-color: #2879ff;
	color: #FFFFFF;
}

.totalPages {
	margin: 0 10px;
}

	.totalPages span,
	.totalSize span {
		color: #2879ff;
		margin: 0 5px;
	}

.bigimg {
	width: 600px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9998;
	border: 10px solid #fff;
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	z-index: 98;
	transition: all 1s;
	display: none;
	z-index: 9997;
}

.bigbox {
	width: 100%;
	overflow: hidden;
	padding: 10px;
}

	.bigbox .big_img_con {
		position: absolute;
		left: 145px;
		top: -222px;
		height: 200px;
		width: 200px;
		display: none;
	}

		.bigbox .big_img_con img {
			width: 100%;
			height: 100%;
		}

	.bigbox > .imgbox {
		width: 65px;
		height: 65px;
		float: left;
		overflow: hidden;
		margin: 0 5px 10px 5px;
	}

		.bigbox > .imgbox > img {
			width: 100%;
		}

.imgbox:hover {
	cursor: pointer
}

.mask:hover {
	cursor: pointer
}

.mask > img {
	position: fixed;
	right: 10px;
	top: 10px;
	width: 60px;
}

	.mask > img:hover {
		cursor: pointer
	}

.commentNav > li {
	padding-right: 50px;
}

.commentTileColor{
	color:#919191;
}

.commentSelect .chosen-container > a {
	border: none !important; /* 取消边框样式 */
	box-shadow: none !important; /* 取消阴影效果 */
	outline: none !important; /* 取消选中时的外边框样式 */
}

.selectCon .commentSelect .chosen-container-single.chosen-container-active.chosen-with-drop > a {
	border: none !important; /* 取消边框样式 */
	box-shadow: none !important; /* 取消阴影效果 */
	outline: none !important; /* 取消选中时的外边框样式 */
}
/* 自定义 CSS 样式 */
.truncate-cell {
	display: inline-block;
	width: 120px; /* 设置最大宽度 */
	white-space: nowrap; /* 防止文本换行 */
	overflow: hidden; /* 隐藏溢出内容 */
	text-overflow: ellipsis; /* 显示省略号 */
}
.car_product_select span {
	line-height: 30px;
	cursor: pointer;
	padding: 0px 12px;
	/* border-radius: 20px; */
	display: inline-block;
	height: 28px;
}
.car_product_select .on {
	color: #2878ff;
	border-bottom: 2px solid;
}
.car_product_select {
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
	height: 49px;
	display: inline-flex;
	min-width: 150px;
	width:750px;
}

.selectProductDiv {
	height: 28px;
	display: inline-flex;
	min-width: 150px;
}

.detail_product_list {
	white-space: nowrap;
	overflow-y: auto;
	height: 120px;
}


.p_ipcrecord, .p_ipcrecord a {
	text-align: center;
	color: #9bb0c7;
	bottom: 0;
	width: 100%;
	margin-top: 10px;
}

.commentTopDiv{
	position:fixed;
	width:100%;
	top:0;
	height:45px;
	z-index:999999;
	background-color:white;
}

	.color_code_left li {
		white-space: nowrap;
	}

.color_code_right li {
	white-space: nowrap;
}

#deail_remarks li {
	overflow-wrap: break-word;
}
.box {
	width: 900px;
	height: 300px;
	display: flex;
	justify-content: space-between;
}

.box_left, .box_right {
	width: calc(50% - 10px);
	height: 100%;
	display: flex;
	flex-wrap: wrap; /* 允许子元素换行 */
}

.box_left {
	background-color: #ffffff;
}

.box_right {
	background-color: #ffffff;
}

.inner, .right_inner {
	width: 50%; /* 每个区块占据父容器的一半宽度 */
	height: 50%; /* 每个区块占据父容器的一半高度 */
}

	.inner img {
		width: 100%;
		height: 100%;
	}
.boximage {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap; /* 允许子元素换行 */
}

.imagetext{
	width:100%;
	text-align:center;
}

.imageTitle{
	padding:10px 0;
}

.targetParticle {
	color: #2D7AFD;
	font-weight:700;
}

.targetParticleTitle{
	font-size:12px;
}
.floatRight{
	float:right !important;
}

.inputColorTask {
	height: 30px;
	width: auto;
	min-width:100px;
	background-color: white;
	border-radius: 18px !important;
}

.colorTaskDiv .on {
	background-color: #108CEE;
	color:white;
}

.border_bottom_20 {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 20px;
}

.colorantRGB {
	width: 25px;
	height: 25px;
	border: #e6e6e6 1px solid;
}