﻿/*     * Author: shanjing
       * Time: 2015-11-17
       * angular.css 为angular项目样式表，所包含的样式都为项目样式
       * angular.css 包含数据展示、图表、表格
*/
input.timeAreaFilter{ padding: 2px 10px; background:#f1f1f1; color:#666;width: 310px; }
/*.timeAreaInput{ width: 310px; }*/

/* 常规前台-首要数据展示 */
.importanceData{ width:100%; display:table; table-layout:fixed; }
.importanceDataBox{ width:50%; display: table-cell; border-right-width:1px; border-right-style:solid;border-right-color:#ccc; }
.importanceData .last{ border-right:none; }
.importanceData li{ line-height:28px; }
.importanceDataNumber{ font-size:28px; }

/* 常规前台表格 */
.searchInputBig{ width:350px}
.appManageItem1{ width:16%}
.appManageItem2{ width:10%}
.appManageItem3{ width:14%}
.appManageItem4{ width:8%}
.appManageItem5{ width:14%}
.appManageItem6{ width:14%}
.appManageItem7{ width:10%}
.appManageItem8{ width:14%}

/* 图表tab切换 */
.tabWrap{ border: 1px solid #dbdbdb; background: #f2f2f2; height:38px;}
.tabWrap .icon_tab{ margin:13px 12px}
.singleTit{ border-left: 1px solid #dbdbdb; height: 38px; line-height: 38px;}
.tabBox li{ float:left; padding:0 24px; height:38px; line-height:38px; cursor:pointer; border: 1px solid #dbdbdb; color: #666;}
.tabBox .cur{ height:39px; margin-bottom:-1px; background: #fff; color: #333; position:relative; font-weight: bold;}
.echartWrap{ border: 1px solid #dbdbdb; border-top:none; }  
.paiChart420{height:420px;}
.percent50{ width:50%;}
.echartWrap .chartL,.echartWrap .chartR {padding-top:10px;}
.echartWrap .echart{ position:absolute; left:0; top:0; width:100%; visibility:hidden}
.echartWrap .echart.cur{ visibility:visible;}
.pieChartMenu{ position:absolute; left:20px; top:20px; border-radius:2px; width:auto; display:inline-block;z-index:1;}
.pieChartMenu li{float:left; width:74px; border: 1px solid #cdcdcd; background: #fff; color: #333; height:28px; line-height:28px; text-align:center; margin-left:-1px; cursor:pointer;}
.pieChartMenu li.first{ border-radius: 3px 0px 0px 3px;}
.pieChartMenu li.last{ border-radius: 0px 3px 3px 0px;}
.pieChartMenu .cur{ border: 1px solid #e78105; position: relative; background: #ff9008; color: #fff;}
.chartNone { text-align: center; position:absolute; top: 194px; width:100%; font: 16px/40px "microsoft yahei"; }
.chartLineNone {text-align: center;position:absolute;top: 92px;width:100%;font: 16px/40px "microsoft yahei";background: #fff;z-index: 101;line-height: 300px;}
.echart{ width:100%}

/* 图表点击 */
.indexCell1{ width:15%; }
.indexCell2{ width:14%; }
.indexCell3{ width:14%; }
.indexCell4{ width:14%; }
.indexCell5{ width:14%; }
.indexCell6{ width:14%; }
.indexCell7{ width:15%; }
.j_textarea{width:400px;height: 200px;}

/*20170417 财务管理 */
.finance{ border: 1px solid #e6e6e6; }
.finaceRule { line-height:30px;}
.finaceRule .rule { width:40%;}
.finaceRule .taxrate { width:40%;}
.finaceRule .taxrate dd { max-width: 700px; border-bottom: 1px solid #ccc;}
.finaceRule .taxrate dd.borderT { border-bottom-width: 2px;}
.finaceRule .taxrate dd.borderNone { border:none;}
.finaceRule .taxrate .col1 { display: inline-block; width:50%;}
.finaceRule .taxrate .col2 { display: inline-block; width:50%;}
.finance .importanceDataBox{ width: 33%; }
.financeNumber{ font-size: 28px; }
.financeAdd{ height: 40px;color:red; }
.financeText{ font-size: 20px; height: 40px; }
.tableTab{ display:inline-block; background:#f4f4f4; line-height: 30px; height:30px; border-radius: 3px; border:1px solid #ccc;}
.tableTab a { cursor: pointer; font-weight: bold; text-align: center; display: inline-block; padding:0 15px;}
.tableTab a.cur { background:#ff9008; color:#fff;}
.financeItem1{ width:15%; }
.financeItem2{ width:12%; }
.financeItem3{ width:12%; }
.financeItem4{ width:12%; }
.financeItem5{ width:12%; }
.financeItem6{ width:12%; }
.financeItem7{ width:10%; }
.financeItem8{ width:15%; }
.financeMonthItem1 {width:50%;}
.financeMonthItem2 {width:50%;}
.dataShowBox{ padding:0 7px;}
.ecpmDataBox{ width:30%;}
.adDataWrap{ width:70%}
.dataShowTitle{ font-size:18px; line-height:36px; padding-bottom:9px; border-bottom-style:solid; border-bottom-width:2px; font-weight:bold}
.ecpmTitle{ height:58px; line-height:58px; font-weight:bold; font-size:18px;}
.ecpmNum{ font:30px/60px 'Arial';}
.adDataBox{ width:50%; }
.adDataLine{ margin-top:18px; width:1px; height:102px; margin-left:-1px;}
.adDataCon div{ line-height:30px;font-size:14px}

.icon_question{ position:relative; top:2px;}
.tipBoxShow{ width: 400px;padding-top: 15px;}
.tipBoxShow .icon_boxArrow{ position: absolute; display:inline-block; left: 100px; top: 15px;}
.tipWrap{width:260px; position: absolute; top:400px;left:400px;}
.tip_Wrapinner{ border:1px solid #ccc; padding:15px 15px 15px 20px; background:#fcfcfc; border-radius: 3px;position:relative; z-index: 9;top: 7px; font-size:14px; word-break: break-word;}

/*20170515 内网passport*/
.aboutTitle{ height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; font-size: 18px;}
.aboutConntent{ font-size: 14px; line-height: 27px; text-indent: 2em; padding-top: 15px;}
.welcomeText{ width: 744px; margin: 20px auto 0px; font-weight: normal;}
.loginWrap{ width: 744px; height: 400px; border: 1px solid #c8c8c8; background: #fff; border-radius: 5px; margin:50px auto 0; overflow: hidden; }
.forgetWrap{ margin-top: 20px;}
.forgetFormBox{ width: 530px; margin: 80px 50px 0px;}
.forgetFormBox li{ width: 650px; }
.forgetFormBox .tipBox{ position: absolute; border: 1px solid #ccc; height: 28px; line-height: 25px; right: 0px; top: 1px; width: 305px; padding: 1px 5px; color: #999; background: #fefefe; }
.forgetFormBox .tipBox span{ line-height: 28px; }
.forgetFormBox label{ width: 100px; text-align: right; margin-right: 5px;}
.forgetFormBox .input_pass{ width: 200px; height: 20px; padding: 6px 10px;}
.forgetBtnWrap{ padding-left: 108px;}

.loginWrap { width: 744px;height:400px; border: 1px solid #c8c8c8; margin: 50px auto 0px;border-radius: 5px; overflow:hidden }
.loginBox {margin: 40px auto 0px;width: 222px;}
.loginBox .tit{font-size: 18px;margin-bottom: 40px;}
.loginBox .input_wrap{width:220px; height:32px; border:1px solid #ccc; border-radius: 5px; overflow:hidden}
.loginBox .input_user {width:118px; height:20px; padding:6px 10px;border: none;}
.loginBox .domain_play{display:inline-block;width:81px;text-align: center; padding:6px 0px;border-left:1px solid #ccc; border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.loginBox .input_pass {width:200px; height:20px; padding:6px 10px;}
.loginBox .code{width:118px; height:20px; padding:6px 10px;}
.loginBox .btn_a i{padding: 0px 77px;}
.loginBox .por .tipBox{position: absolute; top:28px;left:5px;}
.loginBox .por .errorBox{ position: absolute; top:28px;left:5px;}
.mb40{ margin-bottom: 40px;}
.loginBox .forget{cursor: pointer;padding-left: 162px;}


/* table1 */
.tableWrap1{ position:relative; border:1px solid #ccc; }
.tableBox1{ overflow-x: hidden; }
.table1{margin-left: 0px; display: table; width: 100%; box-sizing:border-box;}
.tableWrap1 .tableDR{ display: table-row; }
.tableTitle1{font-weight: bold; background-color: #eee; vertical-align: middle;  position: relative; left:0px; top:0px; white-space: nowrap; overflow: hidden; }
.tableTitle1 .tableDD{ position: relative; }
.tableTitle1.tableDR .tableDD:last-child{ z-index: 10; }
.tableWrap1 .tableDD,.tableWrap1 .tableLastDD{ line-height: 36px; height: 36px; padding-top: 2px; padding-bottom:2px; border-bottom: 1px solid #f3f3f3; text-align: left; }
.tableWrap1 .tableDD{ display: table-cell; white-space: nowrap; padding-left:10px; }
.tableWrap1 .tableTitle1.tableTitleFixed{ display: none; position: fixed; top:0; z-index: 10; border-top: 1px solid #ccc; }
.tableWrap1 .tableTitleFixed .tableDD{ display: inline-block; }
.tableCont1.tableDR:hover{ background-color: #f1f1f1; }
.tableWrap1 .tableDR .tableDD:last-child{ padding-right:10px; }
.tableWrap1.fixLastDD .tableDR.tableTitle1 .tableDD:last-child{ position: absolute; right: 0; top:0; display: block; background-color: #eee; }
.tableLastDDBox{ position: absolute; right: 0; display: block;background-color: #fff; top:41px;  }
.tableLastDDBox .tableLastDD{ padding-left: 10px; padding-right: 10px; }
.last_shadow .tableLastDDBox{ box-shadow: 0px 0px 3px #999; }
.tableScroll_box{ display: none; position: absolute; bottom: 0px; height: 10px; overflow-x: auto; overflow-y:hidden; }
@-moz-document url-prefix(){.tableScroll_box{height:17px;}}
.tableScroll_box::-webkit-scrollbar {height: 10px;}
.tableScroll_box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #999;}
.tableScroll_box::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #e1e1e1;}
.tableScroll_tab{ height: 10px; }