/*-----公用-----*/
body, html { width: 100%; height: 100%; }
body { background-color: #000112; }
body.bg-lightblue { background-color: #f2f6fa; }
/*body{background:#000118 url(../img/bg.jpg) center top no-repeat;}*/
p, ul, li { margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
/*清除浮动*/
.fl { float: left; }
.fr { float: right; }
ul, li { list-style: none; }
a:hover, a:focus { text-decoration: none; }
.ellipsis { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.iconquestion_mark { color: #abd7ff; cursor: pointer; }
.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.p0 { padding: 0; }
.pt0 { padding-top: 0; }
.mr5 { margin-right: 5px; }
.mr15 { margin-right: 15px; }
.mt15 { margin-top: 15px; }
.mr35 { margin-right: 35px; }
.mb60 { margin-bottom: 60px; }
/*bootstrap-table*/
.table > tbody > tr > td { vertical-align: middle; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { background-color: #2a9aff; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #2a9aff; border-color: #2a9aff; }
.bootstrap-table .table thead > tr > th { border-left: 1px solid #ddd; }
.bootstrap-table .table > thead > tr > th { border-left: 1px solid #ddd; }
/*bootstrap-弹出框*/
a.popover-a { outline: none; }
/*-----图表首页-----*/
/*主标题*/
.ttl-main { width: 100%; height: 7.85%; position: absolute; top: 0; left: 0; background: url(/content/images/common/datattl.jpg) center center no-repeat; background-size: 100%; }
/*数据*/
.data { width: 49.479%; height: 5.37%; position: absolute; top: 9.9%; left: 26%; }
.data-item { width: 20%; height: 100%; }
.data-icon { width: 27.369%; height: 100%; }
.data-icon-1 { background: url(../img/icon1.jpg) center center no-repeat; background-size: 100%; }
.data-icon-2 { background: url(../img/icon2.jpg) center center no-repeat; background-size: 100%; }
.data-icon-3 { background: url(../img/icon3.jpg) center center no-repeat; background-size: 100%; }
.data-icon-4 { background: url(../img/icon4.jpg) center center no-repeat; background-size: 100%; }
.data-icon-5 { background: url(../img/icon5.jpg) center center no-repeat; background-size: 100%; }
.data-txt { margin-left: 10px; }
.data-ttl { color: #fff; font-size: 12px; }
.data-num { color: #07b0e6; font-size: 24px; }
/*按钮组*/
.selectG { width: 51%; height: 40px; position: absolute; top: 9.9%; left: 24.5%; }
.select-special { height: 40px; background-color: #0e2c47; border-radius: 3px; }
.selectG .blank { width: 1%; height: 40px; background-color: #000112; }
/*.selectG .select-location{width: 20%;position: relative;}*/
.selectG .select-month { width: 26%; position: relative; }
.selectG .select-word3 { width: 10%; height: 38px; position: relative; }
.selectG .select-word2 { width: 8%; height: 38px; position: relative; }
.selectG .btn-more { background-color: #4b9af8; display: block; width: 20%; height: 40px; color: #fff; text-align: center; line-height: 40px; overflow: hidden; position: relative; border-radius: 3px; }
.selectG .btn-more span { display: block; width: 100px; height: 16px; line-height: 16px; background-color: #dc4e2c; color: #fff; font-size: 10px; transform: rotate(-45deg); position: absolute; top: 2px; left: -40px; }
.selectG .iconlocation-fill, .selectG .iconcalendar-fill { color: #3379a2; font-size: 20px; position: absolute; left: 4%; top: 18%; z-index: 1; }
.select-special .iconcaret-down { color: #fff; position: absolute; line-height: 40px; top: 0; right: 8px; font-size: 12px; z-index: 1; }
.selectG input { width: 100%; height: 100%; background-color: transparent; border: transparent; position: absolute; top: 0; left: 0; padding-left: 30px; color: #fff; z-index: 2; }
.selectG input.select-month-input { padding-left: 35px; }
.selectG input.select-word-input { padding-left: 10px; }
/*中间大图表*/
.chart-center { width: 33%; height: 51.86%; position: absolute; top: 17.46%; left: 24.53%; }
/*中间大图表-右侧文字*/
.chart-center-txt { width: 17%; height: 51.86%; position: absolute; top: 17.46%; right: 24.53%; color: #ccc; border: 1px solid #29638c; padding: 0 10px 10px; }
.chart-center-txt-item { height: 14.2%; }
.chart-center-txt-caption { margin-top: 2px; }
.chart-center-txt-progress { height: 6px; border-radius: 4px; overflow: hidden; background-color: #292d41; margin-top: 10px; }
.text-red { color: #c55c4a; }
.progress-bar-red { background-color: #c55c4a; }
.text-green { color: #73f6b9; }
.progress-bar-green { background-color: #73f6b9; }
.text-lightpurple { color: #bc8dea; }
.progress-bar-lightpurple { background-color: #bc8dea; }
.text-yellow { color: #d8b155; }
.progress-bar-yellow { background-color: #d8b155; }
.text-lightblue { color: #76dced; }
.progress-bar-lightblue { background-color: #76dced; }
.text-blue { color: #56a1f8; }
.progress-bar-blue { background-color: #56a1f8; }
.text-purple { color: #7182d4; }
.progress-bar-purple { background-color: #7182d4; }
.chart-center-txt .corner-style { position: absolute; display: block; width: 8px; height: 8px; }
.chart-center-txt .corner-style.left-top { left: 0; top: 0; border-left: 1px solid #53bbef; border-top: 1px solid #53bbef; }
.chart-center-txt .corner-style.right-top { right: 0; top: 0; border-right: 1px solid #53bbef; border-top: 1px solid #53bbef; }
.chart-center-txt .corner-style.right-bottm { right: 0; bottom: 0; border-right: 1px solid #53bbef; border-bottom: 1px solid #53bbef; }
.chart-center-txt .corner-style.left-bottom { left: 0; bottom: 0; border-left: 1px solid #53bbef; border-bottom: 1px solid #53bbef; }
.chart-center-txt.china { display: block; }
.chart-center-txt ul { padding: 0; }
.chart-center-txt li { margin-top: 20px; }
@media only screen and (max-width: 1919px) {
    .chart-center-txt li { margin-top: 10px; }
}
.chart-center-txt p { line-height: 1; }
.chart-center-txt span.num { font-size: 38px; }
.chart-center-txt span.red { color: #F04864; }
.chart-center-txt span.green { color: #28A853; }
.chart-center-txt span.yellow { color: #D5B017; }
.chart-center-txt span.blue { color: #157DDF; }
.chart-center-txt span.purple { color: #723CC5; }
.chart-center-txt.province .all td { padding-top: 20px; padding-right: 15px; }
@media only screen and (max-width: 1919px) {
    .chart-center-txt.province .all td { padding-top: 5px; padding-right: 5px; }
}
.chart-center-txt.province .rank { width: 100%; margin-top: 20px; }
@media only screen and (max-width: 1919px) {
    .chart-center-txt.province .rank { margin-top: 5px; }
}
.chart-center-txt.province .rank th { color: #d9dbdd; }
.chart-center-txt.province .rank td { color: #9ba0a8; }
.chart-center-txt.province .rank th, .chart-center-txt.province .rank td { border: 1px solid #012d4b; padding: 6px 10px; }
@media only screen and (max-width: 1919px) {
    .chart-center-txt.province .rank td { border: 1px solid #012d4b; padding: 2px 10px; }
}
/*图表标题*/
.ttl { width: 100%; background: url(../img/ttl-bg.jpg) right top no-repeat; color: #fff; position: relative; }
.ttl .iconquestion_mark { color: #2e6e94; }
.ttl > div { position: absolute; left: 10px; top: 50%; margin-top: -7px; font-weight: 700; }
.ttl ul { height: 28px; position: absolute; right: 50px; top: 50%; margin-top: -14px; font-size: 12px; }
.ttl ul li { float: left; margin-left: -1px; }
.ttl ul li a { display: block; height: 28px; line-height: 28px; padding: 0 6px; border: 1px solid #335f76; color: #999; }
@media only screen and (max-width: 1919px) {
    .ttl ul { margin-top: -12px; }
    .ttl ul li a { height: 24px; line-height: 24px; padding: 0 3px; }
}
.ttl ul li.active a, .ttl ul li:hover a { color: #fff; background-color: #036f96; }
.ttl .more { text-decoration: underline; color: #07b0e6; position: absolute; right: 15px; top: 50%; margin-top: -10px; }
/*-----图表-----*/
.chartBox { position: absolute; background-color: #010f24; }
.chartBox .ttl > div { line-height: 100%; }
/*左1*/
.chartBox-left-1 { width: 21.98%; height: 26.86%; top: 7.85%; left: 1.56%; }
.chartBox-left-1 .ttl { height: 17.32%; }
.chart-left-1 { width: 100%; height: 82.68%; position: absolute; top: 17.32%; left: 0; }
/*左2*/
.chartBox-left-2 { width: 21.98%; height: 32.54%; top: 36.67%; left: 1.56%; }
.chartBox-left-2 .ttl { height: 14.6%; }
.chart-left-2 { width: 100%; height: 85.4%; position: absolute; top: 14.6%; left: 0; overflow: hidden; }
.chart-left-2 table { border: 1px solid #37393f; width: 90%; margin: 0 auto; margin-top: 3%; }
.chart-left-2 th { color: #d9dbdd; padding: 0 5px; }
.chart-left-2 td { color: #9ba0a8; padding: 0 5px; }
.tdNoLineR { border-left: 1px solid transparent; }
td .iconcaret-up { color: #7ad425; }
td .iconcaret-down { color: #cb0419; }
/*右1*/
.chartBox-right-1 { width: 21.98%; height: 30.68%; top: 7.85%; right: 1.56%; overflow: hidden; }
.chartBox-right-1 .ttl { height: 15.49%; }
.chart-right-1 { width: 100%; height: 84.51%; position: absolute; top: 15.49%; left: 0; }
.chart-right-1-txt { position: absolute; right: 10px; top: 56%; color: #fff; line-height: 1.2; margin-top: -74px; }
.chart-right-1-txt .item-2 { margin-top: 20px; }
.chart-right-1-txt .item span { font-size: 40px; }
.chart-right-1-txt .item span.yellow { color: #D5B018; }
.chart-right-1-txt .item span.blue { color: #07C3FC; }
/*右2*/
.chartBox-right-2 { width: 21.98%; height: 28.72%; top: 40.6%; right: 1.56%; }
.chartBox-right-2 .ttl { height: 16.55%; }
.chart-right-2 { width: 100%; height: 83.45%; position: absolute; top: 16.55%; left: 0; }
/*底1*/
.chartBox-bottom-1 { width: 21.98%; height: 25.41%; bottom: 3.1%; left: 1.56%; }
.chartBox-bottom-1 .ttl { height: 18.7%; }
.chart-bottom-1 { width: 100%; height: 81.3%; position: absolute; top: 18.7%; left: 0; }
/*底2*/
.chartBox-bottom-2 { width: 24.9%; height: 25.41%; bottom: 3.1%; left: 24.53%; }
.chartBox-bottom-2 .ttl { height: 18.7%; }
.chart-bottom-2 { width: 100%; height: 81.3%; position: absolute; top: 18.7%; left: 0; }
/*底3*/
.chartBox-bottom-3 { width: 24.9%; height: 25.41%; bottom: 3.1%; right: 24.58%; }
.chartBox-bottom-3 .ttl { height: 18.7%; }
.chart-bottom-3 { width: 100%; height: 81.3%; position: absolute; top: 18.7%; left: 0; }
/*底23*/
.chartBox-bottom-23 { width: 50.9%; height: 25.41%; bottom: 3.1%; left: 24.53%; }
.chartBox-bottom-23 .ttl { height: 18.7%; background-color: #0e2c49; }
.chart-bottom-2-1-1, .chart-bottom-2-2-1, .chart-bottom-2-3-1 { width: 33.3%; height: 81.3%; position: absolute; top: 18.7%; left: 0; }
.chart-bottom-2-1-2, .chart-bottom-2-2-2, .chart-bottom-2-3-2 { width: 33.3%; height: 81.3%; position: absolute; top: 18.7%; left: 33.3%; }
.chart-bottom-2-1-3, .chart-bottom-2-2-3, .chart-bottom-2-3-3 { width: 33.3%; height: 81.3%; position: absolute; top: 18.7%; left: 66.6%; }
/*底4*/
.chartBox-bottom-4 { width: 21.98%; height: 25.41%; bottom: 3.1%; right: 1.56%; }
.chartBox-bottom-4 .ttl { height: 18.7%; }
.chart-bottom-4 { width: 100%; height: 81.3%; position: absolute; top: 18.7%; left: 0; }

.competitor-closeBtn-img { height: 30px; width: auto; }
.competitor-closeBtn-img img { height: 100%; width: auto; }