body{padding: 10px 10px 0 10px; color: #444;background:#f1f3f5;} .tablebody{padding: 20px 20px 0 20px;} .copyright{line-height: 35px; display: block; clear: both} .Container{width: 100%;float: left;background: #fff;border:1px solid #e8e9ea;/* overflow: hidden*/} .disabledlink{color: #bbb!important; cursor: not-allowed !important;} /*********************************************************首页可视化数据*****************************************************************************/ .HomeOperating{display: block; position: fixed; top:20px; right: 15px; z-index: 99} .HomeOperating a{display: block; clear: both; margin-bottom: 12px; width: 40px; height: 40px;border-radius: 50px;font-size: 12px; float: right; position: relative; transition:width 0.2s; -moz-transition:width 0.2s; -webkit-transition:width 0.2s; -o-transition:width 0.2s; overflow: hidden; } .HomeOperating a span{color: #fff;display: none} .HomeOperating a img{float: left;display: block} .HomeOperating a.gridsterEdit{background: #ff6f76} .HomeOperating a.addECharts{background: #58b6ec} .HomeOperating a.gridsterEdit i{background: #ff6f76 url("../images/Home_Edit.png") no-repeat center right; width:40px; height: 40px; float: right;position: relative;z-index:4;border-radius: 50px; } .HomeOperating a.addECharts i{background: #58b6ec url("../images/Home_Add.png") no-repeat center right;width:40px; height: 40px; float: right;position: relative;z-index:4 ;border-radius: 50px;} .HomeOperating a.current{ width:103px; border-radius: 50px;} .HomeOperating a.current span{display: block;float: left;line-height: 40px; text-indent: 15px; position: absolute;top:0; left: 0; z-index:2 } .HomeOperating a.gridsterEdit.current span{background: #ff6f76} .HomeOperating a.addECharts.current span{background: #58b6ec;} .Home-fix{width: 100%; height:34px;padding: 10px 0; background: #fff;position: fixed; left: 0;bottom: 0;box-shadow: 0 -3px 5px rgba(0,0,0,0.1); text-align: center; z-index: 999 ;display: none} .Home-fix button{margin: 0 2px;} .gridsterBox{width: 100%;float: left;} .gridsterBox ul li{background: #fff; position: relative;box-shadow: 0 0 5px rgba(198,204,216,0.1);border-radius: 1px;} .gridsterBox.EditBox ul li{ cursor: move} .gridsterBox ul li .gridsterEditBox { position: absolute; right:10px;top:10px;display: none} .gridsterBox ul li .gridsterEditBox a{ width: 20px; height: 20px; display: block;float: left; overflow: hidden; text-indent: -99px;} .gridsterBox ul li .gridsterEditBox a.SwitchBtn{background: url("../images/Switch.png") no-repeat center} .gridsterBox ul li .gridsterEditBox a.DelBtn{background: url("../images/Del.png") no-repeat center} .gridsterBox ul li .rowIcon{display: block;padding: 25px;font-size: 12px;} .gridsterBox ul li a{color: #fe6a30;} .gridsterBox ul li a:hover{color: #fe6a30;} .gridsterBox ul li .rowIcon img{margin-right: 25px;} .gridsterBox ul li .rowIcon span{display: block; clear: both;font-size: 20px;} .gridsterBox .Home-title{display: block;padding: 20px 20px 0 20px;font-size: 14px; height: 14px;line-height: 14px;} .gridsterBox .Home-filter{display: block;position: absolute;right:20px; top:15px;} .gridsterBox .Home-filter .select{float: left; margin-left:4px; height: 28px; line-height: 28px; font-size: 12px;width:105px; } .gridsterBox .Home-filter .radioSel{float:left;} .gridsterBox .Home-filter .radioSel a{display: block;float:left;width:80px; height: 28px; text-align: center;line-height: 28px;margin-right: 10px;border-radius:2px;font-size: 12px;} .gridsterBox .Home-filter .radioSel a.current{ background: #fff3ef;color: #fe6a30} .gridsterBox .dataCont{display: block; clear: both; height: 260px;margin-top: 26px; padding: 0 20px;position: relative} .gridsterBox .dataContBig{display: block; clear: both; height:620px;margin-top: 26px; padding: 0 20px;} .gridsterBox .echartsBox{display: block;width: 100%; height: 100%} .gridsterBox .unitBox{font-size: 12px; color: #666} .gridsterBox .unitBox .unitLeft{position: absolute;left:20px;top:0;} .gridsterBox .unitBox .unitBottom{position: absolute;right:20px;bottom:0;} .gridsterBox .unitBox .unitRight{position: absolute;right:20px;top:0;} .bar-line .tit{ width: 100%;border-bottom:1px solid #e8e9ea; font-size: 12px; color: #666; margin-bottom: 20px; padding-bottom: 8px;margin-top: 15px; } .Linebox{font-size: 12px; color: #666; width: 100%; float: left;; margin-bottom: 8px;} .Linebox .lineNum{margin-bottom: 5px;width: 100%;float: left;} .Linebox h3{font-size: 12px; font-weight: normal;float: left;} .Linebox span{float: right;} .Linebox .progressbar{width: 100%;float: left;} /**********************************************************运营商选择**********************************************************/ .title-Tab{display: block;padding: 20px 10px 5px 10px;height: 24px;} .title-Tab h2,.title-Tab a{ float: left;font-size: 12px;font-weight: normal; margin-right: 20px;height: 22px;line-height:12px;border-bottom: 2px solid #fff;width: auto; min-width: 60px; text-align: center} .title-Tab h3,.title-Tab h3 small{font-size: 12px; font-weight: normal;} .title-Tab a.current{color: #fe6a30;border-bottom: 2px solid #fe6a30;} /**********************************************************表格数据**********************************************************/ table td a,table td a:hover{cursor: pointer;color: #178cdf;} .scrollBoxTable{overflow:auto; margin-top: -1px;} .layui-table-qxgl td{height: 30px; padding: 0 10px;} .layui-table-qxgl td .layui-form-checkbox span {font-size: 12px; padding-left: 5px!important;} .layui-table-qxgl td .inputlow{padding-right: 15px;float:left;} .tablePage{float: right; height:26px; margin-top: 2px;} .TableRow{width: 90px; height: 26px; float: right; background: #f0f2f5 url("../images/eye.png") no-repeat 10px center;border-radius: 13px; font-size: 12px;margin-left:20px; position: relative; margin-top: 1px} .TableRow a{font-size: 12px; font-weight: normal; text-indent: 30px; line-height: 26px;display: block} .TableRow a:hover{color: #666} .TableRow .RowList{width:160px; max-height:210px; overflow-y:scroll; background: #fff; z-index:99; padding: 10px 0; border: 1px solid #e0e0e0; box-shadow: 0 0 5px rgba(0,0,0,0.25); position: absolute; left:-70px; top:29px; display: none} .TableRow .RowList p{display: block; clear: both; padding:5px 10px;} .TableRow.open .RowList{display: block} .layui-table-view{position: relative} .layui-table-view .layui-table th{border-bottom: 1px solid #e8e9ea;border-top:none;font-weight: bold} .layui-table-view .layui-table th,.layui-table-view .layui-table td{font-size: 12px;color: #444; /*border-right: none;*/} .layui-table-view .layui-table td{border-top: none; border-bottom: none} .layui-table-view .layui-table td a{color:#178cdf; cursor: pointer} .layui-table-view .layui-table tbody tr:hover,.layui-table-view .layui-table-hover{background: #fff3ef!important;} .layui-table-fixed .layui-icon-down{display:none!important;} .layui-icon-down{position:absolute;right:0; top:0;background: #fff3ef; height: 30px;line-height: 30px; cursor: pointer} .OperatingRow{width:100%;display: block; position: relative;} .OperatingRow a.title{width: 100%;display: block; text-indent: -99px;cursor: pointer; overflow: hidden; height:20px; background:url("../images/arr-dow-Orange.png") no-repeat center} .OperatingRow ul{ width: 180px;display: none;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.25);position: absolute;right:-180px;top:0; z-index: 99; padding: 5px 0;border: 1px solid #e8e9ea;} .OperatingRow ul li{display: block; padding-left: 10px; line-height:32px; font-size: 14px; text-align: left; position: relative} .OperatingRow ul li a{color: #444!important;display: block} .OperatingRow ul li a:hover{color: #fe6a30!important;} .OperatingRow ul li a.disabledlink{color: #bbb!important; cursor: not-allowed !important;} .OperatingRow.open ul{display: block;z-index: 99;} .OperatingRow .layui-table-grid-down{display: none} /***********************新增二级***********************/ .OperatingRow dl{ display: none; width: 180px; padding: 3px 0;border: 1px solid #58b6ec;border-radius: 2px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.25); z-index: 99; position: absolute;left:180px; top: 0} .OperatingRow dl dd{width: 100%; height: 30px; line-height: 30px; position: relative} .OperatingRow dl a{font-size: 14px; font-weight: normal;line-height: 30px; margin: 0 10px;display: block} .OperatingRow dl a.current{background: url("../images/api_xz_icon.png") no-repeat center right;} .OperatingRow dl a:hover, .OperatingRow ul li:hover h3 a{color: #fe6a30} .OperatingRow ul li:hover dl{display: block} .OperatingRow.open {display: block} .OperatingRow ul li.select{background: url("../images/arr-right.png") no-repeat 164px center;} /************************tab选项卡样式***********************/ .tab{ position: relative; width: 100%;float: left;} .tab .tab-title{position:absolute; left:0; top:0; bottom:0; width: 150px; display: block ;background: #f6f8fa; z-index: 999 } .tab .tab-title li{ width: 100%; height: 45px; text-indent:20px;line-height:45px; font-size: 12px; cursor: pointer; } .tab .tab-title li.lthis{ background: #fff; color:#fe6a30} .tab .tab-content { background: #fff; display: block; float: left; width: 100%; position: relative; z-index: 99; } .tab .tab-content .tabCont { border-left: 150px #eee solid; padding: 0 20px 0 20px; } .tab .tab-content .tab-item{ display: none;} .tab .tab-content .tab-item.layui-show{ display: block} .tab .tab-content .layui-table th{border-right:1px solid #e8e9ea;} .tab .tab-content .layui-table th:first-child , .tab .tab-content .layui-table td:first-child{border-left:1px solid #e8e9ea;} .tab .tab-content .layui-table td span{ color:#268cc8; padding:0 5px;} .tab .tab-content .layui-table .layui-table-header{background: #fdd} .Percent_info{ padding-left: 30px; font-size: 12px; position: absolute; left: 0; bottom:10px; color: #444;} .Percent_info span{float:left; margin-right: 5px; line-height: 18px;} .Percent_info span i{ float: left; width:8px; height: 8px; margin: 5px 5px 0; border-radius: 2px; display: block; background: #ff6065;} .Percent_info span:nth-child(2) i{ background: #fda75c;} .Percent_info span:last-child i{ background: #58b6ec} .tab .tab-content .layui-table-header{ overflow: inherit;border-bottom: none} .tab .tab-content .layui-table-header .layui-table{margin: 0;} .tab .layui-table-view .layui-table{border-bottom: 1px solid #e8e9ea;} /************************渠道Table卡样式***********************/ /*新增按钮样式*/ .title-qd{margin: 20px 20px 0 20px; } .title-qd h2{ font-size: 12px;} .qd-table{display: block; margin: 20px; border-left:1px solid #e8e9ea;border-right:1px solid #e8e9ea; position: relative } .qd-table table{width: 100%; line-height: 40px;} .qd-table table th{ background: #f1f3f5; font-size: 12px; text-align:center; border-top:1px solid #e8e9ea; border-bottom:1px solid #e8e9ea;} .qd-table table td{ border-bottom:1px solid #e8e9ea; font-size: 12px;text-align:center;} .qd-table table td #password{ background: none; border:#fff; text-align:center;outline: none; } .qd-table table td span{ color:#268cc8; padding:0 5px;} .title-qd .titleTab{display: block;height:40px; padding-left:20px;} .title-qd .titleTab a{float: left;display: block; height: 38px; margin-right:20px; line-height:38px; text-align: center; cursor: pointer; color: #444; font-size: 14px;} .title-qd .titleTab a.current{border-bottom:2px solid #fe6a30; color: #fe6a30;} /*********************汇总统计******************************/ .info_title{ width: 100%; font-size: 14px; position: relative; line-height: 40px; border-bottom: 1px solid #e8e9ea; margin: 0;} .info_title h2{ padding-left: 20px; font-size: 14px; } .info_title .info_show{ width: 50px;position:absolute; top:0; right:30px;background: url(../images/arr-dow-Orange.png) no-repeat right; cursor: pointer} .info_box{ width: 100%;} .info_box ul{width: 100%; margin:30px 0; display: -webkit-box;} .info_box ul li{padding-left: 30px; border-left:1px solid #e8e9ea ; -webkit-box-flex: 5;} .info_box ul li:first-child{border:none;} .info_box ul li img{float: left; width: 36px; height: 36px; margin:5px 20px;} .info_box ul li p{font-size: 12px; color: #666;} .info_box ul li span{font-size: 20px;color: #444;} .info_box1 , .info_box2{ width: 100%; } .info_box1 ul { padding: 0 10%; margin:23px 20px ; width:26%; float: left; display: -webkit-box; } .info_box1 .b_l { border-right: 1px solid #e8e9ea; } .info_box1 ul li { padding:0 15px; -webkit-box-flex: 1;} .info_box2 ul{ padding:0 5%; margin:23px 0; width: 23%; float: left; display: -webkit-box; } .info_box2 .b_l{ border-right: 1px solid #e8e9ea; } .info_box2 ul li{ -webkit-box-flex: 3;} .info_box1 ul li div , .info_box2 ul li div{ float: left; margin:0 auto; } .info_box1 ul li img , .info_box2 ul li img{float: left; width: 21px; height:20px; margin-right:10px; } .info_box1 ul li p , .info_box2 ul li p{float: left; font-size: 12px; color: #444; line-height: 20px;text-align: center;} .info_box1 ul li span , .info_box2 ul li span{font-size: 20px ;color: #444; line-height: 40px; } /*********************进度条样式******************************/ .tableline .layui-progress { position: relative; top:8px; width:80px; height:4px; border-radius: 20px; background-color: #e2e2e2;} .tableline .layui-progress-bar{height:4px; } .tableline .layui-progress .layui-bg-red {background-color: #ff6065 !important;} .tableline .layui-progress .layui-bg-orange{background-color: #fda75c !important;} .tableline .layui-progress .layui-bg-blue{background-color: #58b6ec !important;} .tableline .layui-progress .layui-progress-text{ position: absolute;left: 90px;top:-6px;} /*********************渠道分配样式**********layui-table********************/ .qudao_left{ width: 160px; padding: 10px; float: left; display: block; } .qudao_left h2{ font-size: 14px; margin-bottom: 5px;} .qudao_table .layui-table-view{border-bottom: none;margin: 0} .qudao_table .layui-table-header{overflow: hidden} .qudao_table .layui-table-body td{border-right: 1px solid #eee; margin: 0} .tableSearch2{width: 160px; height:28px; border-bottom:1px solid #dcddde;position: relative;float: left;} .tableSearch2 input{width:130px; padding: 0;height:27px; font-size: 12px;border:none;-webkit-appearance:none;line-height:1} .tableSearch2 button{width: 30px; height: 30px; background: url("../images/search.png") no-repeat center; position: absolute; right:0; top:0;border:none; text-indent: -99px; cursor: pointer;overflow: hidden} .tableSearc_content_wrap{width: 160px; margin-top: 1px; overflow-y: auto;} #TableZtreeCheck *{ font-size: 12px;} #TableZtreeCheck li a span{font-size: 12px; line-height: 30px;} #TableZtreeCheck li a:hover , #TableZtreeCheck li:hover , #TableZtreeCheck li a span:hover {background: none; color:#fe6a30 !important; font-size: 12px!important; height: 30px; line-height: 30px;} #TableZtreeCheck li a.curSelectedNode{background: #fff; color:#fe6a30 !important;} .TableCont2{ margin-left:170px; padding: 0 20px; position: relative} .TableCont2 .no_qudao{ position: absolute; left:0; top:35%; width: 100%; text-align: center;z-index: 22} .TableCont2 .no_qudao p{ text-align: center;font-size: 16px; line-height: 40px; color: #e2e3e4;} #TableZtreeCheck{ padding-top:10px;} #TableZtreeCheck li span:hover{ color: #444444;} #TableZtreeCheck li span.button.switch{ width: 17px; height: 17px; margin-top:5px;margin-right:5px; float: left;} #TableZtreeCheck li span.button.roots_open { background-position: -110px -84px; } #TableZtreeCheck li span.button.center_open{ background-position: -110px -84px; } #TableZtreeCheck li span.button.roots_close{ background-position: -131px -84px; } #TableZtreeCheck li span.button.center_close{ background-position: -131px -84px;} .TableCont2 .TableColme{display: block; padding: 10px; height: 30px;}