/*
	* Author: weishuheng
	* Time: 2015-10-21
	* plug.css 为插件类样式表，页面只有在使用插件的时候才需要引入
*/

/* 选择日期插件 */
.timeArea{height:auto;border-width:1px;border-style:solid;z-index: 100;position: absolute;border-radius: 2px;}
.timeCon{border-bottom-width: 1px;border-bottom-style:solid;}
.timeCon li{height:30px;line-height: 30px;vertical-align: middle;text-indent: 10px;}
.timeCon li:hover{ cursor: pointer; }
.timePlug{padding: 10px 10px 20px 10px;}
.timePlug .plugTit{padding-bottom: 8px;}
.timePlug input{width: 90px;}
.timeAreaTip{ left:90px; top:-34px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ff9008; padding:3px 8px; border-radius:5px; line-height: 20px; }
.timeAreaTip .icon_arrowDownWhite{ left:50%; top:26px; }
.timeAreaTip p{ color:#ff9008; }
/** 图表 **/
.chart { border-style:solid; border-width:1px; font-size:0;}
.chart_cell { display:inline-block; padding: 12px 0; position: relative; font-size:12px; cursor: pointer; *float:left;}
.chart_cell .cell { border-right-width:1px; border-right-style: solid; padding-left:10px;}
.chart_cell .cell.last { border:none;}
.chart_cell .cell .num { font-family: arial; font-size: 16px; display: inline-block; margin-top:5px; text-overflow: ellipsis; width:100%; white-space: nowrap; overflow: hidden;;}
.chart_cell .cell_line { border-bottom-width:2px; border-bottom-style:solid; position:absolute; bottom:-1px; width:100%; opacity: 0; }
.chart_cell.active .cell_line, .chart_cell:hover .cell_line {opacity:1;}
.chart_cell .cell_lineArrow { display: block; margin-right: auto; margin-left: auto; position: relative; width: 10px;}
.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;}
.chart_cell .arrow_b { bottom: 0; position: absolute;}
.echart { height:300px; }

/*-- 模拟下拉框 --*/
.selectBox {  display: inline-block; *display:inline; *zoom:1;  vertical-align: top;  position: relative;  height: 32px; text-align:left;  }
.selectBox.focus {  z-index: 500;}
.selectBox_show {  cursor: pointer;  padding: 5px 20px 5px 10px;  position: relative; }
.selectBox_show p {width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.selectBox_show i {  position: absolute;  right: 10px;  top: 12px;  }
.selectBox_list {  position: absolute;  left: 0;  top: 32px;  z-index: 120;  overflow: hidden;  border-width: 1px;border-style: solid; border-radius:3px; }
.selectBox_listLi {  font-size: 14px;  height: 30px;  line-height: 30px; cursor: pointer;  text-indent: 10px;  white-space: nowrap;  word-break: keep-all;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.selectBox.dis .selectBox_show {  cursor: default;}
.selectBox.dis .selectBox_show p {white-space: nowrap;  word-break: keep-all;  }
.selectList{ overflow-y:auto; }
.selectBox_bot{ padding: 6px 10px; text-align: center; border-top-width: 1px; border-top-style: solid; }
.selectBox_bot .btn_b,.selectCheckBox_bot .btn_c{ line-height: 20px; padding:0 10px; }

/*-- 灰色下拉框 --*/
.selectBox_ashy .selectBox_show p{ font-weight: bold; font-size: 12px; }
.selectBox_ashy .selectBox_listLi{ font-size: 12px; }

/*-- 小型模拟下拉框 --*/
.selectBox.selectSmall{ height: 26px; }
.selectSmall .selectBox_show{ font-size:12px; padding:2px 15px 2px 5px; }
.selectSmall .selectBox_show i{  right:5px;  top:11px; }
.selectSmall .selectBox_list{ top:26px; }
.selectSmall .selectBox_listLi{ font-size:12px; }

/*-- 维度下拉框 --*/
.filterSelect .selectBox_show{ border-top-left-radius: 2px; border-bottom-left-radius: 2px;  border-top-right-radius:0px; border-bottom-right-radius:0px; }
.filterSelect .selectBox_list{ box-shadow:none; border-radius:0; top:25px; }
.filterAdd .selectBox_show{ border:none; }
.filterAdd .selectBox_list{ width:150px; box-shadow:none; border-radius:0; }
.filterAdd .selectBox_listLi.dis:hover{ cursor: default; }



/*-- 模糊搜索下拉框 --*/
.selectFilter input{ width:80%; margin:5px auto; padding:2px 5px; font-size: 12px; }

/*-- 模糊搜索多选下拉框 --*/
.selectFilter{ background-color: #eee; border-bottom:1px solid #ccc; }
.selectMulti_listLi{ line-height:28px; text-indent: 10px; }
.selectMulti_bot{ padding:6px 10px; text-align: center; background-color: #eee; border-top:1px solid #ccc; }
.selectMulti_bot .btn_b,.selectMulti_bot .btn_c{ line-height: 20px; padding:0 10px; }

/*-- 月份选择 --*/
.pop_monthWrap{ position: absolute; z-index: 503;}
.pop_monthMain{ width: 200px; border:1px solid #ccc; background: #fff; }
.pop_monthMain input{ cursor: pointer; }
.pop_monthYear{ height:20px; padding:6px 10px 0 10px; font-size: 14px; }
.pop_monthYearSel{ padding-top: 2px; }
.pop_monthYear a{ color:#666; font-weight: bold; }
.pop_monthYear a.dis{ color:#eee; cursor: default; }
.pop_monthYear ul{ position: absolute; left:25px; top:28px; width: 150px; border:1px solid #ccc; background: #fff; }
.pop_monthYear li{display: inline-block; width:40px; height: 30px; line-height: 30px; cursor: pointer; color:#666;  }
.pop_monthYear li:hover{ color:#ff9008; }
.pop_monthList{ min-height:100px; padding:6px 0; font-size: 14px; }
.pop_monthList li{display: inline-block; width:80px; height: 30px; line-height: 30px; padding-left:12px;  }
.pop_monthList input,.pop_monthList label{ vertical-align: middle;; display: inline-block; margin-right: 3px; }
.pop_monthList label{ color: #666; }
.pop_monthBot{ padding:6px 10px; text-align: center; background-color: #eee; border-top:1px solid #ccc; }
.pop_monthBot .btn_b,.pop_monthBot .btn_c{ line-height: 20px; padding:0 10px; }

/*-- 地域选择 --*/
.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:#ff9008; }
.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; }

/* page */
.page{  margin: 20px 0px; vertical-align: middle; }
.prevPage,.nextPage{display: inline-block; text-decoration: none;width: 36px; padding:8px 0; height:14px; text-align: center; border-width: 1px;  border-style: solid; }
.prevPage{ border-top-left-radius:3px; border-bottom-left-radius:3px; }
.nextPage{ border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:none; }
.pageTit{height:32px;line-height: 32px;}
/* searcher  */
.searchBox { border-width:1px; border-style:solid; padding: 0 10px 10px 10px; }
.searchBox label{ line-height:30px; }
.searchName{ line-height: 32px; }
.searchTime input{ width:240px; cursor: pointer; }
.searchTime .icon_arrowDown{ position:absolute; right:10px; top:14px; }

/* 维度  */
.filterTitle{ width:50px; left:0px; top:8px; position: absolute; }
.filterCont{ border-style: solid; border-width: 1px; margin-left:50px; min-height: 24px; padding:5px 0 0 5px; }
.filter{ float:left; margin:0 5px 5px 0; height: 26px; }
.filterClosed{ border-style: solid; border-width: 1px; border-left: none; height: 24px; line-height: 22px; width: 18px; text-align: center; color: #666; border-top-right-radius:2px; border-bottom-right-radius:2px; }
.filterBox .btn_d{ line-height: 24px; }
input.placeBox{ width:100px; height:14px; border-top-right-radius:0; border-bottom-right-radius:0; }

/* switch开关  */
.switchWrap{ display:inline-block; cursor:pointer; width:80px; border:1px solid #bfbfbf; border-radius:5px; overflow:hidden; vertical-align:middle; height:24px; position:relative;}
.switchBox{ width:120px; position:relative; top:0;transition:0.4s all; -webkit-transition:0.4s all; -moz-transition:0.4s all; -o-transition:0.4s all;}
.switchBox .icon_switchBtn{ margin:0 -1px; position:relative; z-index:1; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.switchOn{ left:0;}
.switchOff{ left:-50%;}


/* 选择城市  */
.pop_cityWrap{ background:#efefef; border:1px solid #e5e5e5; padding:20px; color:#666}
.pop_cityInput{ width:260px}
.pop_cityCon{ border:1px solid #ccc; background:#fff; border-radius:1px; width:600px;overflow-x:hidden; overflow-y:auto; min-height:272px; max-height:272px; position:relative }
.pop_cityLoad{ position:absolute; left:50%; margin-left:-8px; top:128px}
.pop_cityAllBox{ padding-left:27px; display:none}
.pop_cityCon input{ display:inline-block; vertical-align:middle; margin:0 10px 0 17px}
.pop_cityCon label{ display:inline-block; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:22px; line-height:22px;}
.pop_cityList .hasSelected{ background:#f1f1f1}
.pop_cityList .searchCor{ color:#f00}
.pop_levelTit{ height:22px; padding:0 20px; overflow:hidden}
.pop_levelTit .icon{ vertical-align:middle}
.pop_levelTit span{ display:inline-block; vertical-align:middle; width:7px; height:7px; overflow:hidden}
.j_popLevelTit,.j_popLevelTit label,.pop_cityList input{ cursor:pointer;}
.pop_level{ display:none}
.pop_level .pop_levelTit{ padding-left:44px;}
.pop_level .pop_level .pop_levelTit{ padding-left:68px; cursor:default}


.pop_citySelected{ border:1px solid #ccc; background:#fff; border-radius:1px; padding:10px 20px 0 20px; min-height:28px; max-height:190px;overflow-x:hidden; overflow-y:auto}
.pop_citySelected p{ height:28px; line-height:28px; color:#666; text-align:center; padding-bottom:10px;font-size: 20px;}
.pop_citySelected span{ float:left; padding:0 10px; height:26px; line-height:26px; border:1px solid #ccc; background:#f5f5f5; color:#4a4a4a; font-weight:bold; margin:0 10px 10px 0;}