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

/* background-color */
/*font color*/
.fc-black {
	color:#000000;
}
.fc-gray {
	color:#666666;
}
.fc-light-gray {
	color:#999999;
}
.fc-silver {
	color:#aaaaaa;
}
.fc-red {
	color:#cc3433;
}
.fc-blue {
	color:#0055cc;
}
.fc-white {
	color:#ffffff;
}
.fc-orange {
	color:#ff7800;
}
.fc-blue {
	color:#0055cc;
}
.fc-green {
	color:#459830;
}
/*text-align*/
.t-left {
	text-align:left;
}
.t-center {
	text-align:center;
}
.t-right {
	text-align:right;
}
.va-top {
	vertical-align:top;
}
.va-middle {
	vertical-align:middle;
}
.va-bottom {
	vertical-align:bottom;
}
.tip-default,.tip-right,.tip-wrong,.tip-warning,.time-direct,.people-direct,.btn-operator,.btn-to-operate,.plan-state,.unopened-plan {
	width:12px;
	height:12px;
}
.close-tag {
	background-image:url("../images/icon.png");
	display:inline-block;
}
.nav-main-page,.td-triangle-left,.td-triangle-right,.close-tag,.td-triangle-left,.td-triangle-right,.show-content,.hide-content,.btn-operator,.btn-to-operate,.left-list-show,.left-list-hide,.more-size,.export-excel,.magnifier,.ico-add,.btn-oval-open,.btn-oval-close,.magnifier-search {
	cursor:pointer;
}
/*webback里面的start*/
/* calender(日期),投放日期 */
.calender {
	width:16px;
	height:15px;
	background-position:0 0px;
}

/*webback里面的end*/
/* 表单元素输入之前默认的提示 */
.tip-default {
	background-position:0 -16px;
}
/* 输入后验证通过的提示 */
.tip-right {
	background-position:0 -32px;
}
/* 输入后验证错误提示 */
.tip-wrong {
	background-position:0 -48px;
}
/* 输入后警告提示 */
.tip-warning {
	background-position:0 -64px;
}
/* 面包屑中的主页 */
.nav-main-page {
	width:14px;
	height:13px;
	background-position:0 -80px;
}
/* 面包屑中的箭头 */
.nav-arrow {
	width:3px;
	height:5px;
	background-position:0 -96px;
}
/* 系统提醒和一些标题前使用的三角形图标 */
/* 三角形图标(箭头方向朝下) */
.title-triangle-bottom {
	width:9px;
	height:5px;
	background-position:0 -112px;
}
/* 三角形图标(箭头方向朝左) */
.td-triangle-left {
	background-position:0 -128px;
}
.td-triangle-left,.td-triangle-right {
	width:5px;
	height:9px;
}
/* 三角形图标(箭头方向朝右) */
.td-triangle-right {
	background-position:0 -144px;
}
/* 关闭-叉号表示 */
.close-tag {
	width:9px;
	height:9px;
	background-position:0 -160px;
}
/*webback里面的start*/

/* 时段定向(当前已选时段) */
.time-direct {
	background-position:0 -176px;
}
/*webback里面的end*/
/* 地域定向(当前已选地域) */
.area-direct {
	width:9px;
	height:12px;
	background-position:0 -192px;
}
/*webback里面的start*/

/* 人群定向(当前已选人群) */
.people-direct {
	background-position:0 -208px;
}
/* 人口属性 */
.personal-attibute {
	width:17px;
	height:18px;
	background-position:0 -224px;
}
/* 个人关注 */
.personal-attention {
	width:25px;
	height:18px;
	background-position:0 -256px;
}
/* 购买倾向 */
.tendency-buy {
	width:15px;
	height:19px;
	background-position:0 -288px;
}
/*webback里面的end*/
/* 展开收起(比如人群定向中类别菜单展开收起) */
.show-content {
	background-position:0 -320px;
}
.show-content,.hide-content {
	width:10px;
	height:10px;
}
.hide-content {
	background-position:0 -336px;
}
/*webback里面的start*/

/* 人群定向拖拽提示 */
.people-drag {
	width:12px;
	height:14px;
	background-position:0 -352px;
}
/*webback里面的end*/
/* 操作按钮hover状态 */
.btn-operator {
	background-position:0 -368px;
}
/* 操作按钮默认样式 */
.btn-to-operate {
	background-position:0 -384px;
}
/* 左侧菜单收缩 */
.left-list-hide {
	background-position:0 -400px;
}
.left-list-hide,.left-list-show {
	width:10px;
	height:10px;
}
/* 左侧菜单展开 */
.left-list-show {
	background-position:0 -416px;
}
/* 新数据提醒(带有'new'的icon) */
.tip-new {
	width:22px;
	height:14px;
	background-position:0 -432px;
}
/* 表格中计划状态(标题) */
.plan-state {
	background-position:0 -448px;
}
/* 表格中未开启计划 */
.unopened-plan {
	background-position:0 -464px;
}
/* 表格中数据区段说明 */
.td-data-introduction {
	width:4px;
	height:7px;
	background-position:0 -480px;
}
/* 计划表格数据字段投放周期 */
.td-data-release-period {
	background-position:0 -496px;
}
.td-data-release-period,.td-data-budget {
	width:5px;
	height:11px;
}
/* 计划表格数据字段总预算 */
.td-data-budget {
	background-position:0 -512px;
}
/* 计划表格数据字段到达地址URL */
.edit-ico {
	width:13px;
	height:13px;
	background-position:0 -528px;
}
/* 创意尺寸 */
.more-size {
	width:5px;
	height:11px;
	background-position:0 -544px;
}
/* 导出Excel */
.export-excel {
	width:11px;
	height:13px;
	background-position:0 -560px;
}
/* 放大镜 */
.magnifier {
	width:12px;
	height:13px;
	background-position:0 -576px;
}
/* 按钮上的'+' */
.ico-add {
	width:13px;
	height:13px;
	background-position:0 -592px;
}
/* 序号 */
.icon-number1 {
	background-position:0 -608px;
}
.icon-number1,.icon-number2 {
	width:16px;
	height:16px;
}
.icon-number2 {
	background-position:0 -624px;
}
/* 系统提醒-mail */
.mail-tip {
	width:14px;
	height:10px;
	background-position:0 -640px;
}
/* 开启和关闭按钮(椭圆形的) */
.btn-oval-open {
	width:63px;
	height:23px;
	background-position:0 -656px;
}
.btn-oval-close {
	width:63px;
	height:23px;
	background-position:0 -688px;
}
/* 页码中用到的三角形箭头(上一页、下一页) */
.page-arrow-left {
	background-position:0 -720px;
}
.page-arrow-left,.page-arrow-right {
	width:4px;
	height:7px;
}
.page-arrow-right {
	background-position:0 -736px;
}
/* 创建计划成功和失败 */
.fail-plan {
	background-position:0 -752px;
	width:30px;
	height:30px;
}
.success-plan {
	background-position:0 -784px;
	width:36px;
	height:27px;
}
/* 表格中的td全部状态*/
.all-state {
	background-position:0 -816px;
	width:7px;
	height:4px;
}
/* 地域设定已选择的地区 */
.area-selected {
	background-position:0 -832px;
	width:10px;
	height:10px;
}
.icon-search {
	background-image:url("../images/search.png");
	width:20px;
	height:17px;
	background-position:0 0;
}
/* 搜索框后面的搜索icon */
.magnifier-search {
	background-position:0 -848px;
	width:24px;
	height:19px;
}
/* background-color */
/*webback里面的start*/

.ml1 {
	margin-left:10px;
}
.ml2 {
	margin-left:20px;
}
.ml3 {
	margin-left:30px;
}
.ml4 {
	margin-left:40px;
}
.ml5 {
	margin-left:50px;
}
.ml6 {
	margin-left:60px;
}
.ml7 {
	margin-left:70px;
}
.ml8 {
	margin-left:80px;
}
.ml9 {
	margin-left:90px;
}
.ml10 {
	margin-left:100px;
}
.ml11 {
	margin-left:110px;
}
.ml12 {
	margin-left:120px;
}
.ml13 {
	margin-left:130px;
}
.ml14 {
	margin-left:140px;
}
.ml15 {
	margin-left:150px;
}
.ml16 {
	margin-left:160px;
}
.ml17 {
	margin-left:170px;
}
.ml18 {
	margin-left:180px;
}
.ml19 {
	margin-left:190px;
}
.ml20 {
	margin-left:200px;
}
.mt1 {
	margin-top:10px;
}
.mt2 {
	margin-top:20px;
}
.mt3 {
	margin-top:30px;
}
.mt4 {
	margin-top:40px;
}
.mt5 {
	margin-top:50px;
}
.mt6 {
	margin-top:60px;
}
.mt7 {
	margin-top:70px;
}
.mt8 {
	margin-top:80px;
}
.mt9 {
	margin-top:90px;
}
.mt10 {
	margin-top:100px;
}
.mr1 {
	margin-right:10px;
}
.mr2 {
	margin-right:20px;
}
.mr3 {
	margin-right:30px;
}
.mr4 {
	margin-right:40px;
}
.mr5 {
	margin-right:50px;
}
.mr6 {
	margin-right:60px;
}
.mr7 {
	margin-right:70px;
}
.mr8 {
	margin-right:80px;
}
.mr9 {
	margin-right:90px;
}
.mr10 {
	margin-right:100px;
}
.mb1 {
	margin-bottom:10px;
}
.mb2 {
	margin-bottom:20px;
}
.mb3 {
	margin-bottom:30px;
}
.mb4 {
	margin-bottom:40px;
}
.mb5 {
	margin-bottom:50px;
}
.mb6 {
	margin-bottom:60px;
}
.mb7 {
	margin-bottom:70px;
}
.mb8 {
	margin-bottom:80px;
}
.mb9 {
	margin-bottom:90px;
}
.mb10 {
	margin-bottom:100px;
}
/*webback里面的end*/
/* border bottom dashed */
.bb-dashed-gray {
	border-bottom:1px dashed #666666;
}
.bb-dashed-light-gray {
	border-bottom:1px dashed #999999;
}
.bb-dashed-light-silver {
	border-bottom:1px dashed #cccccc;
}
.bb-dashed-bright-silver {
	border-bottom:1px dashed #fbfbfb;
}
/* border bottom solid */
.bb-solid-gray {
	border-bottom:1px solid #666666;
}
.bb-solid-light-gray {
	border-bottom:1px solid #999999;
}
.bb-solid-light-silver {
	border-bottom:1px solid #cccccc;
}
.bb-solid-bright-silver {
	border-bottom:1px solid #fbfbfb;
}
/* border top dashed */
.bt-dashed-gray {
	border-top:1px dashed #666666;
}
.bt-dashed-light-gray {
	border-top:1px dashed #999999;
}
.bt-dashed-light-silver {
	border-top:1px dashed #cccccc;
}
.bt-dashed-bright-silver {
	border-top:1px dashed #fbfbfb;
}
/* border top solid */
.bt-solid-gray {
	border-top:1px solid #666666;
}
.bt-solid-light-gray {
	border-top:1px solid #999999;
}
.bt-solid-light-silver {
	border-top:1px solid #cccccc;
}
.bt-solid-bright-silver {
	border-top:1px solid #fbfbfb;
}
/* border top bottom left right solid */
a {
	text-decoration:none;
	color:#0055cc;
}
a:hover {
	text-decoration:none;
}
a.disabled {
	color:#999999;
	cursor:text;
}
/*webback里面的start*/

input[type=text] {
	border-radius:0;
	margin:0;
}
/*webback里面的end*/
.hidden {
	display:none;
}
ul p {
	margin:0;
	padding:0;
}
.clear-both {
	clear:both;
}
.transparent {
	opacity:0;
}
.required {
	color:#ff7800;
}
.table-layout {
	display:table;
	width:100%;
}
.relative {
	position:relative;
}
#loading {
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url("../images/loading.gif");
	margin-left:10px;
}
/******************************************************************/
/* bootstrap patch                                                 /
/******************************************************************/
/* 下拉菜单的按钮如果在页面右边的话点击之后下拉菜单依然是靠左的，如果文字比较宽就会把横向滚动条撑出来，所以加了下面这个class，将.dropdown-right添加到.btn-group的标签上就好了 */
.dropdown-right .dropdown-menu:after {
	left:auto;
	right:13px;
}
.dropdown-right .dropdown-menu {
	left:auto;
	right:0;
}
/* 覆盖 .btn-group 及 .dropdown-menu 的默认字体样式 */
.btn-group > .btn {
	font-size:14px;
	color:#666666;
}
.btn {
	border-radius:0;
}
.dropdown-menu {
	border-radius:0;
}
.dropdown-menu li > a {
	color:#666666;
	font-size:12px;
}
label {
	display:inline-block;
	font-size:14px;
}
.area-set {
	font-size:12px;
	width:710px;
	height:340px;
}
.area-set .name {
	height:34px;
	line-height:34px;
	/*background-image:url("../images/geo-title-bg.png");
	*/
}
.area-set .name a {
	float:right;
	margin-right:17px;
}
.area-set .list-con,.area-set .selected-con {
	color:#666666;
	height:285px;
}
.area-set .list-con .title,.area-set .selected-con .title {
	height:33px;
	line-height:33px;
	/*background-image:url("../images/area_title_bg.png");
	*/
  color:#999999;
	border-bottom:1px solid #cccccc;
}
.area-set .list-con > .name,.area-set .selected-con > .name {
	padding-left:18px;
}
.area-set .area-bottom {
	background-color:#fbfbfb;
	padding:0px;
}
.area-set .search {
	border:1px solid #cccccc;
	overflow:hidden;
	margin-top:5px;
	width:303px;
}
.area-set .search input {
	width:273px;
	line-height:20px;
}
.area-set .search span {
	cursor:pointer;
	margin-right:0px;
}
.area-set .con {
	overflow-y:scroll;
	height:250px;
}
.area-set .list-con {
	width:400px;
	float:left;
}
.area-set .list-con .children {
	width:263px;
	padding:0 10px;
	background:#f4f4f4;
	overflow:hidden;
	margin-left:82px;
}
.area-set .list-con .children .children-area {
	float:left;
	overflow:hidden;
	line-height:24px;
	margin:0 5px 10px 5px;
}
.area-set .list-con .children .children-area .area {
	border:1px solid #ccc;
	cursor:pointer;
}
.area-set .list-con .children .children-area .select-city {
	border:1px solid #ff6600;
}
.area-set .list-con .children .children-area .area .corner {
	width:8px;
	height:8px;
	margin:16px 0 0 0;
}
.area-set .list-con .con {
	overflow-y:scroll;
	margin-left:18px;
	border-top:1px solid #ccc;
}
.area-set .list-con .con .area {
	overflow:hidden;
}
.area-set .list-con .con .area-bg {
	background:#f4f4f4;
}
.area-set .list-con .con .area:hover {
	background:#f4f4f4;
}
.area-set .list-con .con input {
	margin:0;
	padding:0;
	border:0;
	background:none;
	box-shadow:none;
	height:24px;
}
.area-set .list-con .con span,.area-set .list-con .con input {
	display:inline-block;
	float:left;
	margin-right:5px;
	outline:none;
}
.area-set .list-con .con span {
	line-height:24px;
}
.area-set .list-con .con span.shrinked-gray,.area-set .list-con .con span.extended-gray {
	margin-top:6px;
	float:right;
	cursor:pointer;
}
.area-set .list-con .con .double-arrow {
	margin-top:10px;
}
.area-set .list-con .con input[type=checkbox] {
	margin-top:5px;
}
.area-set .selected-con {
	padding-left:400px;
	width:340px;
}
.area-set .selected-con .con {
	margin-left:18px;
	border-top:1px solid #ccc;
}
.area-set .selected-con .selected,.area-set .selected-con .removed {
	background-color:#fbfbfb;
	border:1px solid #cccccc;
	/*			height:19px;
	*/

  /*			line-height:19px;
	*/

  overflow:hidden;
	margin:2px 0;
	padding:0 5px;
}
.area-set .selected-con .close-tag {
	float:right;
	margin-top:5px;
	margin-right:10px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.area-set .selected-con .close-tag:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.area-set .selected-con .area-selected {
	margin-right:5px;
}
.area-set .shrinked {
	background-image:url("../images/icon.png");
	display:inline-block;
	cursor:pointer;
	background-position:0 -320px;
	width:10px;
	height:10px;
}
.area-set .extended {
	background-image:url("../images/icon.png");
	display:inline-block;
	cursor:pointer;
	width:10px;
	height:10px;
	background-position:0 -336px;
}
.area-set .placeholder {
	background-image:url("../images/icon.png");
	display:inline-block;
	cursor:pointer;
	background-position:0 -320px;
	width:10px;
	height:10px;
	background:none;
	cursor:default;
}
.search {
	background:#f3f3f3;
	overflow:hidden;
	padding:7px 18px;
	border-bottom:1px solid #cccccc;
	position:relative;
}
.search span {
	line-height:30px;
	float:left;
	font-size:12px;
}
.search .search-input {
	width:410px;
	height:30px;
	margin-top:3px;
	border-radius:5px 5px 5px 5px;
	border:1px solid #CCCCCC;
	overflow:hidden;
	float:left;
	background:#fff;
}
.search .search-input input {
	width:380px;
	border:0;
	float:left;
	box-shadow:none;
	outline:none;
}
.search .search-input .close-tag {
	float:left;
}
.search .search-btn {
	float:left;
	font-size:12px;
	border-radius:5px 5px 5px 5px;
	border:1px solid #36aeea;
	width:58px;
	height:31px;
	color:#36aeea;
	background:white;
	text-align:center;
	cursor: pointer;
	line-height:30px;
	margin-left:5px;
	margin-top:3px;
}
.search-result {
	display:none;
	width:390px;
	height:240px;
	position:absolute;
	overflow-x:hidden;
	overflow-y:auto;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	left:90px;
	z-index:100;
	background:#fff;
	padding:0 10px;
}
.search-result div {
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.search-result div span {
	display:inline-block;
	float:left;
	color:#666;
}
.search-result .add-area {
	float:right;
	cursor:pointer;
	margin:10px 0 0 5px;
}
.search-result .add-all {
	text-align:right;
	border-top:1px solid #e5e5e5;
}
.search-result .add-all a {
	font-size:12px;
	color:#666;
}