ssp_web/src/main/webapp/assets/css/common.css

/************ CSS **************/
/* 设置页面的元素 内边距和外边距为0， 和字体的样式 */
*{
	padding: 0px;
	margin: 0px;
	font-family: "microsoft yahei";
	font-size:14px;
	font-style: normal;
}
body{
	width:100%;	
	background-color:#f5f5f5;
	color:#444444;
}

a{
	color:#36aeea;
	text-decoration:none;
	cursor:pointer;
}

a:hover,a:visited,a:active,a:link{
	text-decoration:none;
}

li{
	list-style: none;
}

/************ head CSS **************/
/* 设置头部背景宽度高度和最小宽度 */
#headDiv{
	background-image:url(../images/home_page_background.jpg);
	position:absolute;
	top:0px;	
    width:100%;
    height: 100px;
    min-width: 1300px;
}
/* 设置logo的位置和浮动 */
#headDiv .logo{
	margin-left:26px;
	margin-top:22px;
	margin-bottom:18px;
	float:left;
}
/* 设置ul的位置和浮动 */
#headDiv #menu{
	margin-left:35px;
	float:left;
}
/* 设置li文字水平垂直居中 */
#headDiv #menu li{
	float:left;
	text-align: center;
	line-height:78px;
}
/* 设置a链接为块，高度宽度样式 */
#headDiv #menu li a{
	display: block;
	height:78px;
	width: 89px;
	outline:none;
	color:#ffffff;	
}

/* 设置链接hover时的背景和鼠标样式 */
#headDiv #menu li a:hover,#headDiv #menu li a.menu_change{
	background-image:url(../images/tophover_bg.jpg);	
	text-decoration: none;
}
/**设置LOGO位置**/
#logoa{
	margin-top:13px;
	margin-left:30px;
	with:auto;
	display:inline-block;
	float:left;
}
.logo1{
	margin-right:20px;
}
.logo3{
	margin:3px 30px 0 20px;
}
/*******设置个人信息栏的样式*********/
/* 设置信息栏的位置背景色，透明 */
#divselect {
	position:relative;
  	float:right;
  	margin-top:15px;
  	margin-right:1.5%;
	width: 240px;
	height:50px;
	border-radius: 5px;	
	z-index:2;	
}
#currentOpa{
	opacity:0.5;
	filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;/*设置50%半透明;*/
	background-color:#000000;
	border-radius: 5px;	
	background-image: url(../images/ren.png);
	background-repeat:no-repeat;
	background-position:6% 50%;
}
/* 设置个人邮箱的位置背景 */
#divselect cite {
	height: 50px;
	display: block;
	color: #fff;
	cursor: pointer;
	padding-left:50px;	
	background: url(../images/triangle.png) no-repeat 90% 52%;	
	padding-top:5px;
}
#divselect cite li{
	 width:150px;
	 white-space:nowrap;
	 overflow:hidden; 
	 text-overflow:ellipsis;
	 font-size: 12px;
	 line-height:20px;
}

#divselect ul {
	margin-left:0px;
	width: 240px;
	display:none;
	
}
#divselect ul li {
	background-color:#344c67;
	text-align: center;
	border-bottom:solid #5c728a 1px;
	border-radius: 3px;
	width: 240px;
}

#divselect ul li a {
	display: block;
	height: 30px;
	line-height:30px;
	color: #fff;
	font-size: 12px;
}
#divselect ul li a:hover {
	background-color: #5b728a;
	border-radius: 3px;
}

/* 设置页面内容的位置宽度高度背景色和圆角 */
#pagecontent{
	position:relative;	
	margin-left: auto;
	margin-right: auto;
	margin-top:78px; 
	width:97%;
	height:auto;
	background-color:#ffffff;
	border-radius:5px;
	min-width: 1300px;
	border:1px solid #e5e5e5;
	border-top:none;
} 

#content{
	padding:20px;
}

#contentOther{
	padding:20px 20px 50px;
}

#cloneListP{
	font-size: 24px;
}

/* 面包屑 */
#navDiv ul#navDiv_ul li{
	float:left;
}

#navDiv ul#navDiv_ul li a{
	color:#444444;
}

#navDiv ul#navDiv_ul li.navDiv_currentLi,#navDiv ul#navDiv_ul li a:hover{
	color:#36aeea;
}

/* 选择报表页面*/
.selectBar span{
	float:left;
}

.selectBar a{
	float:left;	
	width: auto;
	border-bottom: 2px solid #f4f5f7;
	text-align:center;
	padding:0 10px 20px;
	margin-bottom:20px;
	text-decoration: none;
	color:#444444;
}

.selectBar a:hover{
	border-bottom: 2px solid #36aeea;
	color: #36aeea;
}

.selectBar a.selectBar_all,.selectBar a.selectBar_change{
	border-bottom: 2px solid #36aeea;
}

#selectBar_industry,#selectBar_size,#selectBar_statusOther,#selectBar_clientaccount{
	padding-top:20px;
}

#selectBar_report,#selectBar_audit,#selectBar_apmac{
	margin-bottom:60px;
}

.selectBar,#navDiv,#myform,#navButtons,#navButtons_other,#button,#content_choose,#content_chooseOther,#placeDiv,#footBtn{
	clear:both;
}

#button{
	float:left;
}

/* 搜索框样式*/
#searchValueDiv{
	float:right;
}

#searchValueDiv input[type='text'],#searchValueDivOther input[type='text']{
	padding-left:20px;
	background-color: #f3f3f3;
	border-radius:5px;
	width:280px;
	height:34px;
	line-height:34px;
	margin-bottom:20px;
	color:#444444;
	font-size:12px;
}

#serachData_img{
	width:30px;
	height:34px;
	cursor: pointer;
	background: url(../images/fangdajing.png) no-repeat 0 10px;
	border:none;
	display: flex;
    margin: -58px 0 0 263px;
    position: absolute;
}

#serachData_img:focus{
	outline:none;
}

/* 按钮样式*/
.btn1,.btn2,.btn3,.btn-save,.btn-cancel,.btn_export,.btn-back,.btn-dimension,.btn-audit{
	height:34px;
	line-height:34px;
	border-radius:5px;
	font-size:12px;
    display: inline-block;
    text-align: center;
    cursor:pointer;
}

.btn1{
	width:150px;
	color:#ffffff;
	background-color:#36aeea;
	border:none;
}

.btn2{
	width:120px;
	color:#36aeea;
	background-color:#ffffff;
	border:1px solid #36aeea;
	margin-right:5px;
}

.btn2:hover{
	color:#ffffff;
	background-color:#36aeea;
}

.btn3{
	width:90px;
	color:#ffffff;
	background-color:#36aeea;
	margin-right:6px;
}

.btn-save{
	width:120px;
	color:#ffffff;
	background-color:#68ba31;
	border:none;
	margin-right:7px;
}

.btn-cancel{
	width:120px;
	color:#ffffff;
	background-color:#36aeea;
	border:none;
}

.btn_export{
	border:none;
	width:170px;
	color:#ffffff;
	background-color:#68ba31;
}

.btn-back{
	width:170px;
	color:#ffffff;
	background-color:#36aeea;
	margin-left:6px;
}

.btn-dimension{
	float:left;
	width:120px;
	margin-right:20px;
	color:#ffffff;
    background-color:#36aeea;
}

.btn3:hover,.btn-save:hover,.btn-cancel:hover,.btn_export:hover,.btn_export:active,.btn-back:hover,.btn-dimension:hover,#btn_formSubmit:hover,#btn_formExport:hover{
	color:#ffffff;
	background-color:#344c67;
}

.btn_export:visited{
	color:#ffffff;
	background-color:#68ba31;
}

.btn-audit{
	width:90px;
	color:#444444;
	background-color:#ffffff;
	border:1px solid #b9c5d9;
	margin-right:6px;
}


.btn-audit:hover,.btn-auditChange{
	color:#ffffff;
	background-color:#344c67;
}

/* 内容 */
#content_choose{
	width:100%;
	height:34px;
	line-height:34px;
	padding:20px 0;
}

#content_choose #calendar_span{
	margin-right:16px;
}

#selectuls,#footBtn_other{
	clear:both;
	padding-top:20px;
}

#selectuls .son_selectul{
	margin-bottom:20px;
}

#content_choose ul,#content_chooseOther ul,#selectuls ul,#selectuls_report ul,#content_choose span#dateChoose_span,#dashboard_top_advertiser ul,#dashboard_chartContent .chart-up .pull-down ul{
	float:left;
}

#content_choose ul,#selectuls ul,#selectuls_report ul,#content_chooseOther ul{
	margin-right:20px;
	z-index:9999;
}

#date-checkbox{
	float:right;
	font-size:12px;
	height:34px;
	line-height:35px;
}

#date-checkbox span,.input-group .input-checkbox-span,.input-group .input-radio-span{
	margin-right:20px;
	position: relative;
	top: -2px;
}

#date-checkbox input,.input-group .input-checkbox,.input-group .input-radio{
	margin-right:5px;
}

.input-group .input-password{
	margin:0 5px 0 20px;
}

.input-group .input-password-span{
	position: relative;
	top: -2px;
}

#navButtons{
	padding-top:20px;
}

/* 下拉框样式 */
ul .select_box{
	width:150px;
	height:34px;
	background:#F3F3F3 url(../images/triangle.png) no-repeat 130px;
	border:none;
	border-radius:5px!important;
	cursor: pointer;
}

ul .select_box span{
	display:block; 
	line-height:34px; 
	height:34px;
	overflow:hidden;
	margin-left:20px;
	font-size:12px;
}

span.spanVaildate{
	margin-left:20px;
	color:#ff0000;
	position: absolute;
}

span.help-inline{
	margin-left:20px;
	position: absolute;
	color:#444444;
}

span.spanVaildate_ul{
	margin-left:170px;
	color:#ff0000;
	position: absolute;
}

ul.mainChange{
	box-shadow:0 0 6px #ff0000;
	width:150px;
}

ul .son_ul{
	width:150px;
	color:#b8c6d6;
	background-color:#344c67!important;
	border-radius:5px!important;
	position: absolute;
	z-index:9999;
}

.son_ul_change{
	height:210px;
	overflow-y:scroll;
	overflow-x:hidden;
}

ul .son_ul li{
	padding-left:20px; 
	height:35px;
	line-height:35px; 
	border-radius:5px!important;
	font-size:12px;
}

ul .son_ul li:hover{
	background-color:#5b728a!important;
}

#content_choose span#dateChoose_span{
	margin:0 5px 0 -5px;
}

#content_choose span#dateChoose_span a{
	margin:5px;
	cursor: pointer;
	color:#36aeea;
}

#content_choose span#dateChoose_span a.dateChange{
	color:#344c67;
}

/* 日历样式  */
span#calendar_span i,span#input-calendar i{
	position: absolute;
	margin-left:7px;
}

span#calendar_span input[type="text"],span#input-calendar input[type="text"]{
	padding-left:20px;
	font-size: 12px;
    padding: 0 0 0 25px;
}

span#calendar_span input[type="text"]{
	 width:165px;
	 height:30px;
	 border-radius: 5px;
}

span#input-calendar input[type="text"]{
    width:275px;
    height:34px;
	border-radius: 3px;
	border: 1px solid #d4d9df;
	color:#444444;
}

/* 表单查询,导出按钮 */
#btn_formSubmit,#btn_formExport{
	font-size:12px; 
	border-radius: 5px;
	border:none;
	color: #fff;
	cursor: pointer;
	height: 34px;
    line-height: 34px;
	width:90px;
}

#btn_formSubmit{
	background:#36aeea none repeat scroll 0 0;
}

#btn_formExport{
	display: inline-block;
	text-align:center;
	background:#68ba31 none repeat scroll 0 0;
	position: relative;
	top:-1px;
	margin-left: 6px;
}

/* 表格 */
table.tableFig{
	margin-top:20px;
	width:100%;
}

table.tableReport-advertiser,table.tableFigOther{
	width:100%;
}

table.tableUpdate{
	margin-top:36px;
}

table.tableReport{
	display:inline-table;
	margin-top:20px;
}

table.tableDimension{
	display: inline-table;
	padding-bottom:20px;
}

table.tableClientAccount{
	clear: both;
    margin-top: 54px;
    width: 700px;
}

table.tableFig,table.tableFig th,table.tableFig td,.uploadTable,.uploadTable th,.uploadTable td,table.tableReport,table.tableReport th,table.tableReport td,table.tableReport-advertiser,table.tableReport-advertiser th,table.tableReport-advertiser td,table.tableFigOther,table.tableFigOther th,table.tableFigOther td{
	border:thin solid #b9c5d9;
}

table.tableFig th,table.tableFigOther th{
	height:80px;
	border:none;
	background-color: #f3f3f3;
}

table.tableFig td,table.tableFigOther td{
	height:60px;
	border:none;
	border-top:thin solid #b9c5d9;
}

table.tableReport th,table.tableReport td{
	border:thin solid #b9c5d9;
}

table.tableReport-advertiser th{
	height:80px;
	background-color: #f3f3f3;
}

table.tableReport-advertiser td{
	height:60px;
}

table td{
	text-align: center;
}

table.tableFig td a.tableTdStyle,table.tableFigOther td a.tableTdStyle{
	text-decoration: underline;
}

table td a.tableTdStyle:hover{
	color:#36aeea;
}

table tr:hover,table.tableFig tr.trChange{
	background-color: #f3f3f3;
}

.checkboxStyleTh,.checkboxStyleTd{
	width:12px;
	height:12px;
	border-radius:3px 3px 3px 3px;
	border:thin solid #b9c5d9;
	margin:auto;
	cursor: pointer;
}

.checkboxStyle_change{
	border:thin solid #36aeea;
	background:url(../images/bluegou.png) 1px no-repeat;
}

/* 导出按钮 */
#exportReport{
	margin-top:20px;
}

/* 分页 */
#pageDiv{
	float:right;
	margin-top: -55px;
}

#pageDiv-other{
	float:right;
}

/* 创建，编辑页面样式 */

#validateForm,#apmacListForm{
	clear:both;
	padding-top:20px;
}

.input-group{
	line-height:34px;
  	margin-bottom:20px;
}

.input-group span.lbl-yes{
	color: #36aeea;
}

.input-group span.lbl-no{
	margin-left:7px;
}

.input-group input.input-text{
	width:280px;
   	line-height:34px;
  	height:34px;
	padding-left:20px;
	border-radius:3px !important;
	border:1px solid #d4d9df;
	font-size: 12px;
	color:#444444;
}

input.input-text-small{
	width:120px;
   	line-height:34px;
  	height:34px;
	padding-left:20px;
	border-radius:3px !important;
	border:1px solid #d4d9df;
	font-size: 12px;
	color:#444444;
}

.input-group input.input-text:focus,span#input-calendar input[type="text"]:focus,.input-group-td input.input-text-edit:focus{
	 box-shadow: 0 0 6px #ff0000;
}

.input-group label.input-label{
	float:left;
	width:100px;
}

.input-group label.input-label-other{
	float:left;
	width:123px;
}

.input-group span.input-span{
	margin-left:10px;
}

.input-group label.input-label-apmac{
	margin-right: 20px;
}

.input-group ul#main_industryul,.input-group ul#main_advertiserul,.input-group ul#main_agentListUl,.input-group ul#main_operatorUl,.input-group ul.mainUl{
	margin-left:100px;
}

.input-group ul#main_perClickul,.input-group ul#main_perImpressionul{
	float:left;
	margin-right:20px;
}

.input-group ul#main_operatorListUl,.input-group ul#main_agentUl{
	float:left;
	margin-left:0px;
	margin-right:80px;
}
.input-group #upload-click{
	width:300px;
	height:34px;
	display:block;
	margin-left:123px;
	border: 1px solid #d5dadf;
	border-radius: 3px !important;
	font-size: 14px;
	line-height: 34px;
	text-align:center;
	text-dcoration:none;
	color:#36aeea;
}

.input-group #input-file,#all-input-file,.banner-file{
	display:none;
}

.input-group .uploadTable{
	width:500px;
	font-size:12px;
	margin-left:100px;
}

.input-group .uploadTable th{
	height:50px;
}

.input-group .uploadTable td{
	font-size:12px;
}

.input-group .uploadTable button.uploadOrView {
    background-color: #36aeea;
    border: 1px solid #36aeea;
    color: #ffffff;
    float: left;
    height: 30px;
    margin: -40px 0 0 290px;
    width: 40px;
    font-size:12px;
}

.input-group .uploadTable div.ace-file-input{
    height: 30px;
    line-height: 30px;
    margin: 10px 0 10px 53px;
}

.input-group .uploadTable div.ace-file-input label::before{
	 z-index: 99;
}

.input-group .uploadTable div.ace-file-input label span{
	margin-left: -104px;
    position: absolute;
    z-index:9;
}

.input-group .uploadTable div.ace-file-input label.selected span {
    margin-left: -96px;
}

.input-group-td input.input-text{
	width:280px;
   	line-height:30px;
  	height:30px;
	padding-left:20px;
	border-radius:3px !important;
	border:1px solid #d4d9df;
	font-size: 12px;
	color:#444444;
}

.input-group-td{
	margin-bottom:10px;
}

#input-group-td-first{
	margin-top:10px;
}

.input-group-td input.input-text-edit{
   	line-height:34px;
  	height:34px;
	border:none;
	font-size: 12px;
	color:#444444;
	width:150px;
	border-radius:3px !important;
	background-color: transparent;
}

.input-group-td input.input-text-change{
	border:1px solid #d4d9df;
	background-color: #F3F3F3;
}

/*** 维度管理 ***/
#dimension-chooseing{
	float:left;
}

#dimension-chooseing li,#dimension-selected li{
	width:150px;
	height:34px;
	line-height:34px;
	border:1px solid #d4d9df;
	margin-bottom:10px;
	text-align: center;
	cursor: pointer;
}

#dimension-selected{
	padding-top:10px;
	width:190px;
	height:274px;
	margin-left:170px;
	border:1px solid #d5dee8;
}

#dimension-selected li{
	margin-left:20px;
}

#dimension-selected  input{
	float: right;
	border:none;
	width: 20px;
	height: 20px;
	margin-top:7px;
	cursor: pointer;
}

#dimension-selected  input.movedel{
	background: url(../images/ui-icons_cd0a0a_256x240.png) -30px -190px;
}
#dimension-selected  input.moveup{
	background: url(../images/ui-icons_cd0a0a_256x240.png) -158px -190px;	
}
#dimension-selected  input.movedown{
	background: url(../images/ui-icons_cd0a0a_256x240.png) -126px -190px;
}

#dimension-showspan{
	float:left;
	margin:131px 0 0 54px;
	color:red;
	display:block;
}

#selectuls .selectuls_finance_div,#selectuls .selectuls_finance_span{
	float:left;
}

#selectuls .selectuls_finance_div{
	height:34px;
	line-height:34px;
}

#selectuls .selectuls_finance_div #calendar_span,#selectuls #avail_money{
	margin-right:20px;
}

.input-group .input-checkboxsDiv{
	margin:-34px 0 0 123px;
	display: inline-block;
}

.input-checkboxsDiv .single_div{
	float:left;
}

.input-group .input-checkboxsDiv .single_div input.single_div_checkbox{
	float: left;
    position: relative;
    top: 10px;
}

.input-group .input-checkboxsDiv .single_div span.single_div_span{
	float: left;
    margin-left: 5px;
    position: relative;
    width: 150px;
}

.input-group .otherspan{
	margin-left:5px;
}

.input-group .area-direct{
	margin-right:5px;
}

/*** 媒体报表 ***/
#content_dataFrame{
	height:150px;
	margin-bottom:20px;
}

#content_dataFrame .dataFrame_style,#content_dataFrame .dataFrame_last_style{
	float:left;
	width:19.2%;
	height:150px;
	color: #4c637b;
	font-size: 17px;
	cursor: pointer;
	border:1px solid #d5dee8;
	border-radius:5px;
}

#content_dataFrame .dataFrame_change{
	color: #ffffff;
	background-color:#36aeea;
}

#content_dataFrame .dataFrame_style{
	margin-right:0.8%;
}

#content_dataFrame .dataFrame_name{
	height:46px;
	line-height:46px;
	border-bottom:1px solid #d5dee8;
	padding-left:20px;
}

#content_dataFrame .dataFrame_data{
	height:103px;
	line-height:103px;
	text-align: center;
	font-size: 23px;
	font-weight:bold;
}

#chartDivs{
	z-index:9999;
	border:1px solid #d4d9df;
	overflow:visible;
	height:auto;
}

#content_chartLender{
	height:30px;
	line-height:30px;
	text-align: center;
	margin: 20px auto 0;
    width: 77%;
}

#content_chartLender div.chartLender_name{
	float:left;
	margin-right: 5%;
	cursor: pointer;
}

#content_chartLender .chartLender_box{
	float:left;
	width:12px;
	height:12px;
	text-align: center;
	font-size: 17px;
	background-color:#ffffff;
	border:1px solid #36aeea;
	border-radius:4px 4px 4px 4px;
	margin:9px 5px 0 0;
}

#content_chartLender .chartLender_change{
	background-color:#36aeea;
}

#hourrpt {
    height: 0;
    overflow: hidden;
    width: 90%;
}

/**** 素材审核 ****/
.auditDiv{
	clear:both;
	padding-top:20px;
}

.auditDiv span{
	margin-right:20px;
}

/*** 后台财务管理-需求方充值 ***/
#navFinances span{
	height:34px;
	line-height:34px;
}

/**** 后台客户账号管理-创建编辑账号 ****/
.hideClientAccount{
	display:none;
}

/**** 后台热点管理-场景对应关系 ****/
table.tableApmac{
	clear: both;
	margin-top:20px;
	width:700px;
}

table.tableApmac,table.tableApmac th,table.tableApmac td{
	border:thin solid #b9c5d9;
}

table.tableApmac th{
	height:60px;
	border:none;
	background-color: #f3f3f3;
}

table.tableApmac td{
	height:40px;
	border:none;
	border-top:thin solid #b9c5d9;
}