﻿/*
	* Author: weishuheng
	* Time: 2015-10-21
	* plug.css 为插件类样式表，页面只有在使用插件的时候才需要引入
*/
/*表单*/
input[type="text"], input[type="password"], input[type="number"], textarea, .selectBox_show { font-size: 14px; line-height: 20px; background: rgba(0,0,0,0); border: 1px solid #494f56; color: #fff;border-radius:5px;  }
input[type="text"], input[type="password"], input[type="number"], .selectBox_show {  height: 20px;  }
input[type="text"], input[type="password"], input[type="number"], textarea {  display: inline-block;  padding: 5px 10px;  }	
input[type="text"]:focus, input[type="password"]:focus ,input[type="number"]:focus{  outline: none;}
textarea { resize: none; }
.tipBox span {color: #4da1ff;}
.errorBox span { color: #e25e15;}
.required{ color: #f00;}

.tipBox, .errorBox { line-height: 28px; height: 28px;  position: relative; border-radius:4px; margin-top:5px; color:#ed5565; padding:0 10px; right: 0 }
.tipBox{ border:1px solid #d9e9f2; background:#edf6fb;}
.tipBox .icon_tip, .errorBox .icon_error { vertical-align: top; margin-right:10px; margin-top:5px; }
.errorBox .icon_error{ display: none }
.required { vertical-align: middle;  }

/*页面各种loading*/
.loadingImg{ position: absolute; top:-2000px; }
.mainView_loading{ width:300px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left: -150px; background-image: url("/web7/basic/img/loading/page5.gif"); background-size: 100% 100%; }
.navLoading{ background:url('/web7/basic/img/loading/loading2.gif') center center no-repeat; width:16px; height:9px; overflow: hidden; }
.sidebarLoading{ position:fixed; }
.sidebarLoading i{  top:50%; left:80px; width:60px; height:60px; margin-top: -30px; background:url('/web7/basic/img/loading/loading11.gif') center center no-repeat; background-size:100% 100%;  position: absolute; display: block; }
.popLoading .pop_content{ padding: 40px 0; }
.popLoading_img{ width: 40px; height:40px; vertical-align: middle; background:url("/web7/basic/img/loading/loading7.gif") center center no-repeat; background-size: 100% 100%; display: inline-block; }
.tableLoading{ position: absolute; top:50px; left:0; width: 100%; background: url("/web7/basic/img/loading/loadingtab.gif") center center no-repeat rgba(0, 0, 0, 0.5); }
.wrapLoading{width:180px;height: 160px; background: url('/web7/basic/img/loading/page3.gif') center center no-repeat; border-radius: 10px;}



/* 选择日期插件 */
.datepicker{ background: url(/web7/basic/img/lib/date.png) right center no-repeat; }

/* 选择日期区域插件 */
.plug_timeAreaBox{display: inline-block;vertical-align: top;  position: relative;  height: 32px; }
.plug_timeAreaBox .timeArea{height:auto;border:1px solid #ccd1d9;background-color: #000;box-shadow: 1px 1px 2px #ccc;z-index: 100;position: absolute;border-radius: 5px; left:0; top:36px;}
.plug_timeAreaBox .timeCon{border-bottom:1px solid #ccd1d9;}
.plug_timeAreaBox .timeCon li{height:30px; font-size: 14px; line-height: 30px;vertical-align: middle;text-indent: 10px; }
.plug_timeAreaBox .timeCon li:hover{ cursor: pointer; background-color: #006773; color: #fff}
.plug_timeAreaBox .timeCon li.cur,.plug_timeAreaBox .timeCon li.cur:hover{background-color:#006773;color:#fff;}
.plug_timeAreaBox .timePlug{padding: 10px 10px 20px 10px; background-color: #000;}
.plug_timeAreaBox .timePlug .plugTit{padding-bottom: 8px; font-size: 14px; }
.plug_timeAreaBox .timePlug input{width: 90px;}
.plug_timeAreaBox .timeAreaTip{ left:90px; top:-34px; background-color: #fff; border: 1px solid #ff9008; padding:3px 8px; border-radius:5px; line-height: 20px; }
.plug_timeAreaBox .timeAreaTip .icon_arrowDownWhite{ left:50%; top:26px; }
.plug_timeAreaBox .timeAreaTip p{ color:#ff9008; }
.plug_timeAreaBox .timeBtn .btn_orange{ line-height:30px; padding: 0 15px; }
.plug_timeAreaBox .timeBtn .btn_gray{ padding: 0 15px; }

/* 自定义日期范围 */
.plug_selectBox.selectBox_opr .selectBox_show{ padding: 4px 20px 4px 10px; }
.plug_selectBox.selectBox_opr .selectBox_list{ top: 30px; }
.plug_selectBox .selectBox_choseTime {  display: inline-block; height: 30px;  cursor: pointer;  }
.plug_selectBox .selectBox_choseTime input {background-color: #e5e5e5;color:#444;border-color:#bbb;  width: 290px; font-weight:bold;padding: 4px 10px;  font-size: 12px;cursor: pointer;  }
.plug_selectBox .selectBox_.choseTime .icon_arrowDown {  position: absolute;  right: 10px;  top: 14px;  }

/** 图表 **/
.plug_chart {border-bottom:1px solid #eaeaea; font-size:0;}
.plug_chart .chart_cell .cell { text-align: center; }
.plug_chart .chart_cell .cell p{ font-size:14px; }
.plug_chart .chart_cell .cell.last { border:none;}
.plug_chart .chart_cell .cell .num { font-family: Arial; font-size: 18px; color:#aab2bd; display: inline-block; margin-top:10px; text-overflow: ellipsis; width:100%; white-space: nowrap; overflow: hidden;;}
.plug_chart .chart_cell .cell_line { border-bottom-width:2px; border-bottom-style:solid; position:absolute; bottom:-1px; width:100%; opacity: 0; }
.plug_chart .chart_cell.active .cell_line, .chart_cell:hover .cell_line {opacity:1;}
.plug_chart .chart_cell .cell_lineArrow { display: block; margin-right: auto; margin-left: auto; position: relative; width: 10px;}
.plug_chart .chart_cell .arrow_k { border-top: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; bottom: -2px;  height: 0; margin: 0; padding: 0; position: absolute; width: 0;}
.plug_chart .chart_cell .arrow_b { bottom: 0; position: absolute;}
.plug_chart .echart { height:300px; }

/*-- 模拟下拉框 --*/
.plug_selectBox {  display: inline-block; *display:inline; *zoom:1;  vertical-align: top;  position: relative; text-align:left;  }
.plug_selectBox.focus {  z-index: 500;}
.plug_selectBox .selectBox_show {  cursor: pointer;  padding: 9px 35px 9px 10px;  position: relative; }
.plug_selectBox .selectBox_show.focus{ border-color:#6fb2fd; }
.plug_selectBox .selectBox_show p {width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;  color: #fff; }
.plug_selectBox .selectBox_show p.unselect{ color: #aab2bd; }

.plug_selectBox .selectBox_listWrap.ng-hide{ display: block!important; height:0px; }
.plug_selectBox .selectBox_list {border:1px solid #ccc;background-color: #000; overflow: hidden; border-radius:5px; }
.plug_selectBox .selectBox_listLi:hover, .plug_selectBox .selectBox_listLi.hover{ background-color:#006773; color:#fff; }
.plug_selectBox .selectBox_listLi.dis{ color: #595353; }
.plug_selectBox .selectBox_listLi.dis:hover{ background-color: rgba(0,0,0,0); }
.plug_selectBox.dis .selectBox_show { background: rgba(0,0,0,0); border: 1px solid;  cursor: default;}
.plug_selectBox.dis .selectBox_show p { color: #fff; white-space: nowrap;  word-break: keep-all;  }
.plug_selectBox .selectList{ overflow-y:auto; }

.plug_selectBox .selectWidthInput{ font-size:14px; }
.errorTipColor{ color:#f00; }
/*-- 灰色下拉框 --*/
.plug_selectBox .plug_selectBox_ashy .selectBox_show p{ font-weight: bold; font-size: 12px; }
.plug_selectBox .plug_selectBox_ashy .selectBox_listLi{ font-size: 12px; }

/*-- 小型模拟下拉框 --*/
.plug_selectBox.selectSmall{ height: 26px; }
.plug_selectSmall .selectBox_show{ font-size:12px; padding:2px 15px 2px 5px; }
.plug_selectSmall .selectBox_show i{  right:5px;  top:11px; }
.plug_selectSmall .selectBox_list{ top:26px; }
.plug_selectSmall .selectBox_listLi{ font-size:12px; }


/*-- 月份选择 --*/
.plug_monthWrap{ position: absolute; z-index: 503;}
.plug_monthWrap .monthMain{ width: 200px; border:1px solid #ccc; background: #fff; }
.plug_monthWrap .monthMain input{ cursor: pointer; }
.plug_monthWrap .monthYear{ height:20px; padding:6px 10px 0 10px; font-size: 14px; }
.plug_monthWrap .monthYearSel{ padding-top: 2px; }
.plug_monthWrap .monthYear a{ color:#666; font-weight: bold; }
.plug_monthWrap .monthYear a.dis{ color:#eee; cursor: default; }
.plug_monthWrap .monthYear ul{ position: absolute; left:25px; top:60px; width: 150px; border:1px solid #ccc; background: #fff; }
.plug_monthWrap .monthYear li{display: inline-block; width:40px; height: 30px; line-height: 30px; cursor: pointer; color:#666;  }
.plug_monthWrap .monthYear li:hover{ color:#ff9008; }
.plug_monthWrap .monthList{ min-height:100px; padding:6px 0; font-size: 14px; }
.plug_monthWrap .monthList li{display: inline-block; width:80px; height: 30px; line-height: 30px; padding-left:12px;  }
.plug_monthWrap .monthList input,.monthList label{ vertical-align: middle;; display: inline-block; margin-right: 3px; }
.plug_monthWrap .monthList label{ color: #666; }
.plug_monthWrap .monthBot{ padding:6px 10px; text-align: center; background-color: #eee; border-top:1px solid #ccc; }
.plug_monthWrap .monthBot .btn_b,.monthBot .btn_c{ line-height: 20px; padding:0 10px; }

/* page */
.plug_page .fa{ color:#fff; }
.plug_page .prevPage{ border-top-left-radius:3px; border-bottom-left-radius:3px; margin-right:-1px }
.plug_page .nextPage{ border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:none; }
.plug_page .pageTit{height:32px;line-height: 32px;}
.plug_page .fb{ font-family: "Arial,Verdana,Sans-serif";}
.prevPage.dis i, .prevPage:hover.dis i, .nextPage.dis i, .nextPage.dis:hover i{ filter:alpha(Opacity=20);-moz-opacity:0.2; cursor:default; }

/* setAuthorit  */
.plug_setAuthority{ padding-left: 22px; line-height: 30px; }
.plug_setAuthority_arrow{ width :10px; overflow: hidden; height:12px; }
.plug_setAuthority_arrow i{width:0; height:0; line-height:0; border: 5px solid #000; float: left;}
.plug_setAuthority_arrow i.plug_setAuthority_botArrow{ border-top-color:#fff; vertical-align: text-top; margin-top:3px; }
.plug_setAuthority_arrow i.plug_setAuthority_leftArrow{ border-left-color:#fff; vertical-align: text-top; margin-top:2px; margin-left: 1px; }



/* switch开关  */
.plug_switchWrap{ display:inline-block; cursor:pointer; width:30px; overflow:hidden;vertical-align:middle; height:16px; position:relative;}
.plug_switchWrap .switchBox{ width:60px; position:relative; top:0;transition:0.4s all; -webkit-transition:0.4s all; -moz-transition:0.4s all; -o-transition:0.4s all;}
.plug_switchWrap .switchBox .icon_switchBtn{ position:absolute; left:0; top:0; width:30px; height:16px; background:none}
.plug_switchWrap .switchOn .icon_switchOff{ display:none;}
.plug_switchWrap .switchOff .icon_switchOn{ display:none;}
/* 复选框  */
.simulateBox{ display:inline-block; position:relative; width:14px; height:14px; overflow:hidden; vertical-align:middle; cursor:pointer}
.simulateBox input{ width:14px; height:14px; position:absolute; left:0; top:0; opacity:0; cursor:pointer}
.simulateBox i{ vertical-align:top}
/* 自定义搜索器 */
.customSearchLabel{ line-height:32px; }
.customSearchOpts{border:1px solid #ccc;border-radius: 4px;max-height: 400px;overflow-y: auto;}
.customSearchOpts .optTxt{min-width:100px;}
.customSearchOpts.active{background-color:#fbfbfb; }
.customSearchOpts:hover{background-color:#fbfbfb; }
.plugPlaceBox .icon_arrowDown,.singleTime .icon_arrowDown{position:absolute;right:10px;top:14px;}
.searchBtns{max-height:400px;overflow-y: auto; }
.optLabel{width:30%;}
.customSearchOpts .optItem{line-height: 32px}
.customSearchOpts .optBtnWrap{margin-bottom:5px;margin-top:5px; border-radius: 4px;}
.customSearchOpts .optBtnWrap .collapse{margin-bottom:2px;width:16px;height: 16px;line-height: 16px;cursor: pointer;}
.customSearchOpts .plug_selectBox .selectBox_listWrap{ position: relative; top: 0px;}
.optBtnWrap input[type=text]{width:168px;}
.customSearchOpts .plug_timeAreaBox .timeAreaInput{ width: 310px;}
.optBtnWrap input[type=text].dis{background-color:#e4e4e4;}

/** 遮罩层和pop公用样式 **/
.pop_cover{ opacity:0; filter:alpha(opacity=30); z-index:501; left:0; top:0; width:100%; position:fixed; height:5000px; background: #000;}
.pop_wrap{ position:fixed; left:0; top: 0; right: 0; bottom: 0; margin: auto;background-color: #fff; box-shadow: 0 0 3px #eaeaea;   z-index:502;border:1px solid #eaeaea;border-radius: 5px; overflow:hidden}
.pop_titleBox{ height: 44px;background-color: #f5f7fa;}
.pop_title{  color:#656d78; text-indent:20px; font:bold 16px/44px "simsun"; }
.pop_titleBox .icon_close{ margin:15px 20px 0 0; }
.popCont{ max-height:590px; overflow-y:auto}
.pop_wrap.popCustom{ background: rgba(0,0,0,0.8); z-index: 504 }
.pop_wrap.popCustom .pop_titleBox{ border-bottom: 1px solid #a5adb6 }
/** alert弹出框样式 **/
.pop_alertCon,.pop_confirmCon{ line-height:20px}
/** 超小号通用弹出框 **/
.ssPop{ width: 320px; }
/** 小号通用弹出框 **/
.sPop{ width: 460px; }
/** 中号通用弹出框 **/
.cPop{ width: 600px; }
/** 大号通用弹出框 **/
.bPop{ width: 740px; }
/** tips (成功提示)的样式 **/
.popTipsWrap { position:fixed; left:0; top: 0; right: 0; bottom: 0; margin: auto; z-index:503; border-width:1px;border-style:solid; border-radius: 3px; display: none; overflow:hidden}

/*弹出滑动效果*/
.popSlide{ background-color:rgba(0,0,0,0.9); color: #fff; font-size: 14px; margin-right: 0; top: 59px; border: none;border-radius: 0; left: auto; bottom: 0;transition : right 0.5s; }
.popSlide .pop_titleBox{ background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #8E989D; color: #fff }
.popSlide .pop_main{ margin:0 auto; }
.popSlide .pop_titleBox p{ color: #fff }
.popSlide .popSlideSubmit{ position: absolute; bottom: 0; padding-top: 15px }
.popSlideSubmit .btnBox{ padding:0 30px; }
.popSlide .pop_confirmCon{ text-align: left; }
.popSlide .popSuccess{ background:url("/web7/basic/img/lib/popTip.png") no-repeat; width: 200px; height: 200px; background-size: 100%; position: absolute; left: 30%; text-align: center; transition: bottom 0.5s  }
.popSlide .popSuccess span{ font-size: 24px; line-height: 170px }
.popSlide .editLoading{ position: absolute; top: 0; width: 100%; height: 100%; background:url("/web7/basic/img/loading/loadingEdit.gif") center center no-repeat rgba(20, 21, 23, 0.3);}
/*弹出自定义效果*/
.popCustom{ background-color: #111517 }
.popCustom .pop_titleBox{background-color: #111517; border-bottom: 1px solid #8E989D; color: #fff }
.popCustom .pop_titleBox p{ color: #fff }
/*弹出遮罩层自定义样式*/
.pop_cover_custom{ background: #696967; opacity: 0.4; z-index: 503; }

/*-- 地域选择 --*/
.hasPlacepicker{ background:url("/web7/basic/img/lib/place.png") right center no-repeat; }
.pop_place .popCont{ padding:25px 30px; }
.pop_placeMain{ padding: 10px 0 20px; }
.pop_placeFilter .btn_c{ padding:0 10px; line-height:20px; }
.pop_placeTab{overflow-x:hidden; overflow-y:auto; }
.pop_placeCountry{ height: 240px; margin-top:10px;  }
.pop_placeTab li, .pop_placeChina li, .pop_placeSearch li{ display: inline-block; width: 95px; height: 30px; line-height: 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.pop_placeTab li.long, .pop_placeChina li.long, .pop_placeSearch li.long{ width: 190px; }
.pop_placeTab li input, .pop_placeTab li label{ display:inline-block; vertical-align:middle; }
.pop_placeTab li label{ height: 30px; line-height: 30px; }
.pop_placeTab li input{ cursor:pointer; }
.pop_placeTab li a{ color:#333; }
.pop_placeTab li a.on{ color:#ff9008; }
.pop_placeArea{ height:40px; background-color:#f5f5f5; margin-top:20px; }
.pop_placeArea li{ display: inline-block; height: 36px; padding-top: 2px; border-bottom: 2px solid #f5f5f5; line-height:36px; margin:0 10px; }
.pop_placeArea li.cur{ border-bottom-color:#ff9008; position:relative; }
.pop_placeArea .icon_curTip{ position: absolute; bottom:0; left:50%; display: none; margin-left:-4px; }
.pop_placeArea .cur .icon_curTip{ display: block; }
.pop_placeArea li a{ color:#333; }
.pop_placeArea li a.on{ color:#6fb2fd; }
.pop_placeReturn{ line-height:28px; }
.pop_placeChina,.pop_placeSearch{ height:270px; }
.pop_placeBot .btn_b, .pop_placeBot .btn_c{ padding:0 18px; line-height:26px; }

/*-- 地域选择 --*/
.pop_regionOperate{ line-height: 32px; }
.pop_regionOperate input[type="radio"],.pop_regionOperate input[type="checkbox"]{ margin:10px 3px 0 0;}
.pop_regionOperate label{ margin-right:10px; }
.pop_regionDataList{ padding: 15px 0;}
.pop_regionDataList ul{ text-align: left; height: 200px; overflow-y:auto;  }
.pop_regionDataList li{ display: inline-block; width:110px; height: 30px; line-height: 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.pop_regionDataList li.long{ width: 220px; }
.pop_regionDataList li input, .pop_placeTab li label{ display:inline-block; vertical-align:middle; }
.pop_regionDataList li label{ height: 30px; line-height: 30px; cursor:pointer; }
.pop_regionDataList li input{ cursor:pointer; }
.pop_regionData_noSub{ cursor: default; }
.pop_regionDataList .pop_regionData_noSub label{ cursor: default; }
.pop_regionData_noSub .icon{ display: none; }
.pop_regionShowList ul{ height: 64px; overflow-y:auto; border: 1px solid #cdcdcd; background-color: #f9f9f9; padding: 5px; }
.pop_regionShowList li{ float: left; margin:0 3px 3px 0; height: 18px; line-height: 18px; border: 1px solid #cdcdcd; background-color: #f1f1f1; padding: 0 3px; }

/* 新地域控件 */
.plug_areaWrap{color:#656d78;border:1px solid #e6e9ed;background:#f5f7fa; min-width:340px; border-radius:3px}
.plug_areaWrap .simulateBox{ vertical-align:top; margin-top:6px}
.plug_areaList{     max-height:305px; overflow-y:auto;padding:10px;}
.plug_areaList dd{ padding-left:24px; position:relative}
.plug_areaItem{line-height:24px; display:inline-block}
.plug_areaList .icon_arrowDown{display:block; margin:8px 5px;}
.plug_areaList .icon_arrowRight{ display:block; margin:5px 8px;}
.plug_arrowBox{ position:absolute; left:2px; top:2px; width:20px; height:20px;}
.plug_areaAll{ height:36px; line-height:36px; border-bottom:1px solid #e6e9ed; background:#fff;padding:0 10px}
.plug_areaAll .simulateBox{ margin-top:11px}
.plug_allItem{ line-height:36px; display:inline-block}
.plug_areaWrap .plug_areaList label,.plug_areaWrap .plug_areaAll label{ display:inline-block; height:26px; line-height:26px; padding:0 0 0 6px; vertical-align:top; cursor:pointer; font-size:14px}
.plug_areaWrap .plug_areaAll label{ height:36px; line-height:36px}
/* 返回顶部 */
.backTop{ width:50px; height:50px;  position:fixed; right:30px; bottom:120px; display:none; z-index: 300;}
.backTop a{ display:block; width:50px; height:50px;background-position:-40px -120px;}



/*-- 模拟下拉框 --*/
.plug_selectBox .selectBox_show {  cursor: pointer;  padding: 5px 25px 5px 10px;  position: relative; }
.plug_selectBox .selectBox_show i {  position: absolute;  right: 10px;  top: 12px; }
.plug_selectBox .selectBox_listLi {color:#fff; display: block; height: 38px;  line-height: 38px; cursor: pointer;  text-indent: 10px;  white-space: nowrap;  word-break: keep-all;  overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.plug_selectBox .selectBox_listWrap{  position: absolute;  left: 0;  top: 40px;  z-index: 120; overflow: hidden;
	transition:height, top, 0.5s,0.5s;
	-moz-transition:height, top, 0.5s,0.5s;
	-webkit-transition:height, top, 0.5s,0.5s;
	-o-transition:height, top, 0.5s,0.5s;
}
.plug_selectBox .selectBox_bot{ padding: 8px 10px; text-align:left; border-top: 1px solid #777b80 }
.plug_selectBox .selectBox_bot .btn_b,.selectBox_bot .btn_c,.selectCheckBox_bot .btn_c{ line-height: 20px; padding:0 10px; }
.plug_selectBox .selectBox_bot label{ line-height:30px; font-size: 14px; }
.plug_selectBox .selectBox_bot .btn_orange{ background-color: #4da1ff; line-height: 28px; padding: 0 10px; }
.plug_selectBox .selectBox_bot .btn_tangerine{ line-height: 28px; padding: 0 10px; }
.plug_selectBox .selectWidthInput{ width:40px; height:20px; line-height:20px;  border:1px solid #ccc; padding:0 0 0 5px; color:#666; border-radius:2px; -webkit-border-radius:2px; margin:4px 5px 0 5px }
/*-- 模糊搜索下拉框 --*/
.plug_selectBox .selectFilter,.selectFixed{ background: #000; }
.plug_selectBox .selectFilter input{ width:90% !important; margin:10px auto; border-radius: 20px; padding:2px 5px; line-height: 24px; height: 24px; font-size: 12px; }
.plug_selectBox .selectFixed .selectWidthInput{ width:60px; margin:0}

/* page */
.plug_page{ font-size:14px; margin: 20px 0px; line-height: 40px; }
.plug_page .pageListNumber, .plug_page .pageCurNumber{ padding:9px 3px 9px 8px; width:40px; vertical-align: middle; }
.plug_page .pageGoto{display: inline-block; vertical-align: middle; text-decoration: none; width: 50px; line-height:38px; font-size: 14px; text-align: center; background: rgba(0,0,0,0); border: 1px solid #494f56; color: #fff; border-radius: 5px; }
.plug_page .prevPage,.plug_page .nextPage{display: inline-block; vertical-align: middle; text-decoration: none;width: 36px; line-height: 38px; text-align: center; background: rgba(0,0,0,0); border: 1px solid #494f56; color: #fff; }

/* searcher  */
.searchBox { padding:10px 30px 20px 30px; }
.searchBox .btn_orange,.searchBox .btn_gray{ line-height: 38px; padding: 0 20px; }
.searchBox:hover .customSearch{ display: block;}
.searchBox label{ line-height:30px; }
.searchName{ line-height: 32px; }
.searchTime input{ width:240px; cursor: pointer; }
.searchTime .icon_arrowDown{ position:absolute; right:10px; top:14px; }
.customSearch{ right: 0; top:-23px; color: #ff9008; line-height: 24px; height: 24px; width: 64px; text-align: center; background-color: #fbfbfb; border: 1px solid #f6f6f6; border-bottom: none; cursor: pointer; display: none; }	

/** 图表 **/
.plug_chart .chart_cell { display:inline-block; padding: 22px 0; position: relative; font-size:12px; cursor: pointer; *float:left;}

/* table */
.tableWrap{ position:relative; padding-top: 50px }
.tableWrap .cur { color: #333;  }
.table { overflow:auto; max-height:500px;  text-align: center;  border-radius: 5px;}
.tablePb{padding-bottom:41px}
.tableTitleWrap{ position:absolute; left:0; top:0; width:100%; height:50px; z-index:10}
.tableTitle { vertical-align: middle; position: relative; left:0px; top:0px; overflow:hidden;border-bottom:1px solid #494f56; }
.tableTitle .icon_sort,.tableTitle .icon_sortUp,.tableTitle .icon_sortDown{margin-bottom:2px;  vertical-align: middle; margin-left: 3px;}
.tableTitle span{ display: inline-block; text-indent:0; }
.table dd{border-bottom:1px solid #494f56; }
.autotable .item{border-top-color: #e6e9ed;}
.tableWrap .item {float: left; height:50px; line-height: 50px; font-size: 14px; text-align: left;  text-indent: 1em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.tableWrap .tableTitle .item { font-weight: bold; color:#FFF; }
.tableWrap .item.tar{ text-align: right;}
.tableTotalWrap{ position:absolute; left:0; bottom:17px; width:100%; overflow:hidden}
.tableTotal{ position: relative; bottom:0px; left:0px; border-top:1px solid #e6e9ed}
.tableTotal .item { color: #656d78; float: left;padding: 0px 0;text-align: left; text-indent: 1em; box-shadow:none; height:50px; line-height:50px;}
.tableTotal .item span {display: block;  line-height: 18px;padding-top: 2px;}
.tableTotal .item em {display: block;  font-style: normal;line-height: 18px;}
.tableNone{ height: 300px; background :rgba(0,0,0,0.5); border: 1px solid rgba(73,79,86,0.3); font:16px/300px "microsoft yahei"; }
.chartLineNone{ position: absolute; top: 86px; width: 100%; height: 300px; line-height: 300px; font:bold 14px/300px "simsun"; text-align: center; }

/*slider*/
slider, [slider] {display: inline-block;position: relative; height: 7px;width: 100%;vertical-align: middle;}
slider div, [slider] div {white-space: nowrap;position: absolute;}
slider div.bar, [slider] div.bar {width: 100%;height: 100%; border-radius: 7px;background: #444;overflow: hidden;}
slider div.bar .selection, [slider] div.bar .selection {width: 0%;height: 100%;background: #13b6ff;}
slider div.handle, [slider] div.handle {cursor: pointer;width: 20px;height: 20px;top: -8px;background-color: #fff;border: 1px solid #000; z-index: 2;border-radius: 100%;}
slider div.handle:after, [slider] div.handle:after {content: '';background-color: #777; width: 8px;height: 8px;position: absolute;top: 6px;left: 6px; border-radius: 100%;}
slider div.handle:after:hover, [slider] div.handle:after:hover { background-color: #000;}
slider div.handle.active:after, [slider] div.handle.active:after {background-color: #f00;}
slider div.bubble, [slider] div.bubble {cursor: default;top: -28px; padding: 1px 3px 1px 3px; font-size: 0.7em; font-family: sans-serif;}
slider div.bubble.active, [slider] div.bubble.active { display: inline-block;}
slider div.bubble.limit, [slider] div.bubble.limit {color: #777;}
slider div.bubble.high , [slider] div.bubble.high  {right: 0px}