div { box-sizing: border-box; } .clearfix { clear: both; } .container-header { width: 100%; height: 90px; line-height: 90px; text-align: center; box-sizing: border-box; } .container-header h3 { font-size: 40px; color: #fff; font-weight: 800; } .com-screen-content { width: 100%; height: auto; } .count-base, .count-resource, .count-topic { position: relative; padding: 20px; margin-top: 10px; box-sizing: border-box; } .count-base { margin-left: 90px; float: left; /*浮动*/ width: 36%; /* background-color:saddlebrown ; */ padding: 10px 3px; } .count-resource { margin-left: 10px; float: left; width: 28.8%; /* background-color: #034C6A; */ padding: 10px 3px; } .count-share { /* margin-left:10px; */ float: left; width: 100%; /* width:48.4%; */ height: 290px; background-size: cover; } * { margin: 0px; padding: 0px; font-family: '微软雅黑'; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } li { list-style: none } img { border: none } a { text-decoration: none; } .time_statistics .fixed-table-container thead th .th-inner,.test_rank .fixed-table-container thead th .th-inner{ line-height: 20px !important; } .time_statistics .fixed-table-container tbody td ,.test_rank .fixed-table-container tbody td{ line-height: 20px !important; border-left: none !important; } .tool_downs { margin: 0; padding: 0; list-style: none; } .tool_downs li { display: inline-block; } .tool_downs li .aBtn { min-width: 35px; } body { width: 100%; height: 100%; background-image: url(../images/background.png); } .count-resource { margin-top: 15px; } .call_situation, .accept_statistics, .accept_channel, .key_word, .time_statistics, .test_rank { background-image: url(../images/model_background1.png); background-repeat: no-repeat; } .call_situation, .accept_statistics, .accept_channel, .key_word, .time_statistics, .test_rank { position: relative; margin-bottom: 25px; width: 100%; height: 290px; cursor: pointer; } #main{ position: absolute; top: 47px; } .call_situation h3, .accept_statistics .title, .accept_channel h3, .key_word h3, .time_statistics h3, .test_rank h3 { position: absolute; left: 213px; top: 8px; color: #fff; z-index: 12; } .call_line{ position: absolute; width: 85%; top: 58px; left: 47px; /* margin-left: 10px; */ border-top: 1px solid #53697c; z-index: 567966; } .accept_statistics div { float: left; } .accept_statistics div h3 { background-image: url(../images/title_background.png); background-repeat: no-repeat; background-position: center; color: #fff; font-size: 14px; } .accept_channel div { position: absolute; bottom: 0; } .time_statistics>div, .test_rank>div { position: absolute; bottom: -65px; } #main4 { /* position: absolute; top: -45px; */ } .count-base { text-align: center; } .acceptance_state { background-image: url(../images/model_background2.png); background-size: 100% 100%; width: 109%; height: 140px; margin-top: 44px; margin-left: -70px; /* background-color: #03DA8D; */ position: relative; } .acceptance_state h3 { position: absolute; left: 300px; top: 8px; color: #fff; z-index: 12; } .acceptance_state ul { padding-top: 58px; padding-left: 25px; } .acceptance_state ul li { float: left; } .acceptance_state ul li div { width: 100%; } .acceptance_state ul li:nth-child(2), .acceptance_state ul li:nth-child(4), .acceptance_state ul li:nth-child(6) { background-image: url(../images/line.png); width: 2px; height: 54px; margin-top: 10px; } .acceptance_state ul li:nth-child(1), .acceptance_state ul li:nth-child(3), .acceptance_state ul li:nth-child(5), .acceptance_state ul li:nth-child(7) { width: 24%; } .num { font-size: 35px; font-weight: 700; color: #00f0ff; } .cont { color: #fff; font-weight: 700; font-size: 15px; } .map { background-image: url(../images/map.png); background-repeat: no-repeat; background-size: 100% 100%; /* background-color: #F0ECE2; */ margin-left: -33px; position: relative; } .lzmap { background-image: url(../images/map/linzhou.png); background-size: 100% 100%; /* width: 219px; */ /* height: 440px; */ width: 36%; height: 61%; opacity: 0; position: absolute; top: -1px; left: -6px; cursor: pointer; } .lzmap:hover { background-image: url(../images/map_active/linzhou.png); background-size: 100% 100%; width: 36%; height: 61%; opacity: 1; position: absolute; top: -1px; left: -6px; cursor: pointer; color: rgba(255, 255, 255, 0); } .aymap { background-image: url(../images/map/anyang.png); background-size: 100% 100%; width: 62.4%; height: 36.7%; opacity: 0; position: absolute; top: -6px; left: 137px; cursor: pointer; } .aymap:hover { background-image: url(../images/map_active/anyang.png); background-size: 100% 100%; width: 62.4%; height: 36.7%; opacity: 1; position: absolute; top: -6px; left: 137px; cursor: pointer; color: rgba(255, 255, 255, 0); } .lamap { background-image: url(../images/map/longan.png); background-size: 100% 100%; /* width: 52px; height: 50px; */ width: 9%; height: 8.7%; opacity: 0; position: absolute; top: 119px; left: 289px; cursor: pointer; } .lamap:hover { background-image: url(../images/map_active/longan.png); background-size: 100% 100%; /* width: 52px; height: 50px; */ width: 9%; height: 8.7%; opacity: 1; position: absolute; top: 119px; left: 289px; cursor: pointer; color: rgba(255, 255, 255, 0); } .bgmap { background-image: url(../images/map/beiguan.png); background-size: 100% 100%; /* width: 50px; height: 47px; */ width: 9.9%; height: 6.9%; opacity: 0; position: absolute; top: 120px; left: 332px; cursor: pointer; } .bgmap:hover { background-image: url(../images/map_active/beiguan.png); background-size: 100% 100%; /* width: 50px; height: 47px; */ width: 9.9%; height: 6.9%; opacity: 1; position: absolute; top: 120px; left: 332px; cursor: pointer; color: rgba(255, 255, 255, 0); } .gxmap { background-image: url(../images/map/gaoxin.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 7.6%; height: 5.5%; opacity: 0; position: absolute; top: 160px; left: 328px; cursor: pointer; z-index: 5555; } .gxmap:hover { background-image: url(../images/map_active/gaoxin.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 7.6%; height: 5.5%; opacity: 1; position: absolute; top: 160px; left: 328px; cursor: pointer; color: rgba(255, 255, 255, 0); } .ydmap { background-image: url(../images/map/yindu.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 18%; height: 13.4%; opacity: 0; position: absolute; top: 167px; left: 238px; cursor: pointer; } .ydmap:hover { background-image: url(../images/map_active/yindu.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 20%; height: 14.4%; opacity: 1; position: absolute; top: 162px; left: 229px; cursor: pointer; color: rgba(255, 255, 255, 0); } .wfmap { background-image: url(../images/map/wenfeng.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 15.9%; height: 14%; opacity: 0; position: absolute; top: 159px; left: 339px; cursor: pointer; } .wfmap:hover { background-image: url(../images/map_active/wenfeng.png); background-size: 100% 100%; width: 15.9%; height: 14%; opacity: 1; position: absolute; top: 159px; left: 339px; cursor: pointer; color: rgba(255, 255, 255, 0); } .tymap { background-image: url(../images/map/tangyin.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 36%; height: 23%; opacity: 0; position: absolute; top: 221px; left: 288px; cursor: pointer; } .tymap:hover { background-image: url(../images/map_active/tangyin.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 36%; height: 23%; opacity: 1; position: absolute; top: 221px; left: 288px; cursor: pointer; color: rgba(255, 255, 255, 0); } .nhmap { background-image: url(../images/map/neihuang.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 30%; height: 45%; opacity: 0; position: absolute; top: 132px; right: 7px; cursor: pointer; } .nhmap:hover { background-image: url(../images/map_active/neihuang.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 30%; height: 45%; opacity: 1; position: absolute; top: 132px; right: 7px; cursor: pointer; color: rgba(255, 255, 255, 0); } .hxmap { background-image: url(../images/map/huaxian.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 46%; height: 43%; opacity: 0; position: absolute; top: 420px; right: -1px; cursor: pointer; } .hxmap:hover { background-image: url(../images/map_active/huaxian.png); background-size: 100% 100%; /* width: 43px; height: 33px; */ width: 46%; height: 43%; opacity: 1; position: absolute; top: 420px; right: -1px; cursor: pointer; color: rgba(255, 255, 255, 0); } .wrap { width: 180px; /* height: 200px; */ position: absolute; z-index: 100000; display: none; z-index: 1; } .dataCont { background-image: url(../images/reminder_box.png); background-size: 100% 100%; width: 100%; height: 130px; padding: 5px 10px; box-sizing: border-box; font-size: 12px; } .bar { width: 3px; height: 70px; margin: 0 auto; border-right: 2px dashed #ffe000; /* background-color: #005EFC; */ position: absolute; left: 82px; } .dataCont li { padding: 3px; } .dataCont li span { display: inline-block; } .lable { color: #fff; width: 50%; } .lable_num { width: 40%; color: #e4cc07; padding-right: 5px; text-align: left; } .bulletFrame,.bulletFrameT{ display: none; position: absolute; top: 50px; left: 50px; width: 95%; height: 965px; z-index: 100000; padding: 10px 20px; margin: 0 auto; /* opacity: 0.6; */ /* box-sizing: border-box; */ /* background-color: #005EFC; */ background: url(../images/secondary_img/background.png) no-repeat; background-size:100% 100%; overflow-y: auto; } .bulletFrameT{ width: 95%; height: 970px; z-index: 100005; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .bulletFrame::-webkit-scrollbar { width: 12px; height: 12px; background-color: #04394b; } /*定义滚动条轨道 内阴影+圆角*/ .bulletFrame::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /* border-radius: 10px; */ background-color: #04394b; } /*定义滑块 内阴影+圆角*/ .bulletFrame::-webkit-scrollbar-thumb { /* border-radius: 10px; */ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #036171; } .bulletFrame::-webkit-scrollbar-button{ width: 12px; height: 12px; border-radius: 50%; background-color: #028493; } .traffic_wrap{ width: 100%; } .head_name{ width: 100%; height: 80px; line-height: 80px; text-align: center; } .head_name h3{ display: inline-block; padding: 0 30px; color: #08fcff; font-size: 24px; font-weight: 700; } .data_info{ margin-bottom: 160px; } .traffic_wrap .data_info li{ background: url(../images/secondary_img/data_bac.png) no-repeat; background-size: 100% 100%; width: 11%; height: 125px; float: left; margin-left: 22px; padding: 5px 10px; box-sizing: border-box; } .traffic_wrap .data_info li h5{ padding: 10px; color: #fff; font-size: 14px; } .traffic_wrap .data_info li div span{ background: url(../images/secondary_img/num_bac.png) no-repeat; background-size: 100% 100%; display: inline-block; width: 21%; height: 62px; line-height: 65px; text-align: center; margin-left: 5px; color: #fff; font-weight: 600; font-size: 19px; } .close_icon,.close_iconT,.close_iconP,.close_iconC,.close_iconR{ position: absolute; top: 25px; right:25px; cursor: pointer; z-index: 1236; } .acceptance_wrap .data_info li{ width: 22%; height: 80px; line-height: 80px; float: left; margin-left: 41px; padding: 5px 10px; box-sizing: border-box; color: #fff; } .acceptance_wrap .data_info li span{ background: url(../images/secondary_img/num_bac2.png) no-repeat; background-size: 100% 100%; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: -5px; vertical-align: middle; } #channel{ position: absolute; top: -10px; left: 0; } .key_content,.pie_statistics{ padding: 20px; overflow: hidden; } .key_content .count-share { width: 500px; float: left; height: 803px; overflow-y: auto; background-color: #036372; padding: 24px 4px; } .key_content .count-share::-webkit-scrollbar { width: 16px; height: 16px; background-color: #04394b; } /*定义滚动条轨道 内阴影+圆角*/ .key_content .count-share::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /* border-radius: 10px; */ background-color: #036170; } /*定义滑块 内阴影+圆角*/ .key_content .count-share::-webkit-scrollbar-thumb { /* border-radius: 10px; */ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #028492; } .key_content .topRec_List dd{ background-color: #027c8e !important; } .key_content .topRec_List dd,.key_content .topRec_List li{ text-align: center; padding: 0 ; } .key_content .topRec_List li{ width: 90%; margin: 0 auto; height: 60px ; line-height: 60px !important; } .key_content .topRec_List dd{ width: 25% !important; height: 50px !important; line-height: 50px !important; } .key_content .topRec_List ul{ height: 750px; } .key_content .topRec_List ul li div{ width: 25% !important; height: 60px !important; line-height: 60px !important; padding: 0 ; } .pie_statistics{ margin-left: 520px; background-color:#036372; height: 803px; } .pie_statistics h3{ background: url(../images/secondary_img/titlt_icon.png) no-repeat; background-position: 50% 50%; width: 100%; text-align: center; font-size: 16px; font-weight: 600; color: #fff; } .time{ margin-top: 20px; } .time p{ float: left; margin-right: 20px; width: 40%; color: #fff; font-weight: 600; } .time p span{ color: #ffe000; } #keywordPie,#keywordPie2,#keywordPie3{ position: absolute; top: 75px; right: 77px; margin: 0 auto; } /* 更改bootstrap的样式 */ thead { background-color: #036f7f; } .bootstrap-table .table{ color: #fff !important; font-size: 13px !important; border: none !important; } .fixed-table-container{ border: none !important; } .bootstrap-table .table tr th{ border: none !important; } .bootstrap-table .table .list tr{ border-bottom: 1px solid #507e8a; } .fixed-table-container thead th .th-inner{ line-height: 38px !important; } .fixed-table-container tbody td { line-height: 38px !important; border-left: none !important; } .fixed-table-loading{ color: #fff !important; background-color: rgb(0,82,99) !important; } .nowTime li:nth-child(1){ float: left; } .nowTime li:nth-child(2),.nowTime li:nth-child(3){ float: right; } .nowTime li{ font-size: 14px; color: #fff; } .nowTime{ padding: 20px 14px; margin-bottom: 20px; } #container{ margin: 0 auto; margin-top: 30px; } .key_content .state-share { width: 430px; float: left; height: 803px; overflow: hidden; padding: 0 4px; } .key_content .state-share li{ width: 85%; height: 180px; background-size: 100% 100%; margin: 0 auto; margin-bottom: 27px; overflow: hidden; } .key_content .state-share li:nth-child(1){ background-image: url(../images/secondary_img/supervise.png); } .key_content .state-share li:nth-child(2){ background-image: url(../images/secondary_img/direct.png); } .key_content .state-share li:nth-child(3){ background-image: url(../images/secondary_img/transfer.png); } .key_content .state-share li:nth-child(4){ background-image: url(../images/secondary_img/urging.png); } .right_share{ margin-left: 450px; } .right_share p{ text-align: center; color: #fff; font-weight: 600; } .key_content .state-share li div span{ display: inline-block; box-sizing: border-box; width: 49%; height: 50px; line-height: 50px; padding: 0 18px; font-size: 14px; color: #fff; } .key_content .state-share li div p{ float: left; width: 49%; text-align: center; height: 120px; position: relative; /*脱离文档流*/ top: 40px; /*偏移*/ } .key_content .state-share li div p label{ display: inline-block; width: 49%; margin-bottom: 5px; color: #fff; font-size: 17px; font-weight: 500; } /* 百度地图 */ .BMap_stdMpPan{ display: none !important; } /* 进度背景 */ .BMap_stdMpSliderBgTop { height: 200px !important; background-image: url(../images/secondary_img/speed.png) !important; background-size: 100% 100% !important; left:17px !important } /* 进度范围 */ .BMap_stdMpSliderBgBot { height: 195px !important; overflow: hidden; background-color: #034a5b !important; /* left: 4px !important; */ } /* 小进度按钮 */ .BMap_stdMpSliderBar { background-color: #034a5b !important; z-index: 888 !important; } /* 按钮 */ .BMap_stdMpZoom{ height: 236px !important; text-align: center; top: -117px !important; /* background-color: darkblue; */ } .infoTitle li{ padding: 10px 20px; margin-bottom: 10px; } .infoTitle label{ width: 32.33%; display: inline-block; text-align: center; /* margin-right: 20px; */ } .infoTitle img{ width: 24px; height: 24px; vertical-align: middle; } .infoTitle{ width: 460px; height: 120px; padding: 10px 20px; background-color: #fff; position: absolute; top:120px; left:60px; box-sizing: border-box; } .showInfo{ width: 460px; height: 400px; background-color: #fff; padding: 10px 20px; position: absolute; top:285px; left:60px; box-shadow: 5px 5px 2px #d3d3d3; } .showInfo h3{ background: url(../images/secondary_img/title.png) no-repeat; background-position: 50% 50%; width: 100%; text-align: center; font-size: 16px; font-weight: 600; color: #222; margin-bottom: 10px; } .tablebox table { border-collapse: separate; border-spacing: 0 } .tablebox{ width: 100%; height: auto; overflow: hidden; margin: 10px auto; } .tablebox table { width: 100%; cellspacing:0; border-collapse:collapse;/* 取消表格边框 */ } .tablebox table th, .tablebox table td { font-size: 12px; text-align: center; line-height: 16px; background: #fff; color: #222; } .tablebox table thead tr{ background: #e5e8e9 !important; } .tablebox table td{ padding: 15px; border-bottom: 1px solid #e5e8e9; } .showInfo .tablebox table th { padding: 12px 4px; height: 30px; line-height: 30px; background: #e5e8e9; font-size: 14px; font-weight: normal; /* border-left: none !important; */ } .tablebox table td img { display: inline-block; vertical-align: middle; } .tablebox.table_md table td, .tablebox.table_md table th { line-height: 18px; } .tablebox table .callType{ background-color: #fff5cc; } .tablebox table .caalTypeTitle{ background-color: #ffcc00; } .workDetails .tablebox table thead tr{ width: 100%; } .workDetails .tablebox{ width: 95%; border: 1px solid #035d6e; } .workDetails .tablebox table td,.three .tablebox table thead tr{ color: #fff; line-height: 37px; border-bottom: 1px solid #028c9a; background-color: rgba(255,255,255,0); } .workDetails .tablebox .infoName{ background-color: #027282; width: 10%; padding:20px 0px; } .workDetails .tablebox .contN{ width: 15%; padding:20px 27px; } .workDetails .tablebox .contB{ width: 85%; padding:20px 60px; } .workDetails button img{ width: 10px; height: 5px; } .btns{ width: 100%; padding: 10px 43px; position: relative; } .btns button{ border-radius: 5px; outline: none; padding: 7px 17px; cursor: pointer; } .left_R{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; background-size: 100% 100%; background-image: url(../images/leftRow.png); margin-right: 5px; } .btn_left{ background-color: #f1b31e; border: none; font-weight: 600; } .btn_right{ background-color: rgba(255,255,255,0); border: 1px solid #00f6ff; color: #00f6ff; position: absolute; right: 43px; } a.aBtn{ color: #08f2f6!important; font-weight: 600; cursor: pointer; } .workAct{ color:#00f6ff ; cursor: pointer; } .dbWrap,.zbWrap,.zubWrap,.cbWrap{ cursor: pointer; } /* .state-share{ } */ .state-share li{ position: relative; z-index: 200000000; cursor: pointer; } .rankList .tablebox,.rankListDetial .tablebox{ width: 95%; margin: 0 auto; } .rankList .tablebox td,.rankList .tablebox th,.rankList .tablebox thead,.rankListDetial .tablebox td,.rankListDetial .tablebox th{ background-color: rgba(255,255,255,0); color: #fff; font-weight: 600; } .rankList .tablebox th,.rankListDetial .tablebox th{ padding: 35px 20px; box-sizing: border-box; background-color: rgb(2,112,129); border: 1px solid rgb(2,121,136); } .rankList .tablebox td,.rankListDetial .tablebox td{ padding: 40px 20px; box-sizing: border-box; border: 1px solid rgb(2,121,136); } .renkList_time{ padding:18px 47px; color: #fff; font-weight: 600; margin-bottom: 10px; } .rankList td.renkList_name{ width: 24% !important; background-color: rgb(2,112,129); cursor: pointer; } .rankListDetial td.renkList_name{ width: 13% !important; background-color: rgb(2,112,129) !important; } .rankListDetial .tablebox td{ padding: 54px 20px; }