#StatisticsWidget{ z-index: 10; padding: 0 10px; } .space-til { width: 260px; line-height: 50px; } .space-til span { font-size: 20px; color: #5e5e5e; margin-left: 10px; } .ztree { margin-left: 5px; padding-top: 5px; } .left-box-4 { color: #717171; } .space-top-box, .buffer-top-box { overflow: hidden; box-sizing: border-box; } .space-top-box { width: 100%; padding: 10px 10px 0; } .buffer-top-box { width: 250px; padding: 10px 0px 0 0; } .space-top-box .zi { color: #7d7d7d; float: left; } .space-top-box .xx { color: #7d7d7d; float: right; background: url(images/sel-icon.png) no-repeat left center; padding-left: 10px; cursor: pointer; } .space-top-box .zi, .buffer-top-box .zi { color: #7d7d7d; float: left; } .gt { width: 15px; height: 15px; display: inline-block; background-color: #c1c1c1; text-align: center; line-height: 15px; border-radius: 7px; color: #fff; font-size: 13px; float: right; margin-top: 2px; cursor: pointer; } .ht { padding-left: 0px; } .left-box-4 .space-box { overflow: hidden; margin-top: 10px; } .sta-q-input { width: 162px; height: 30px; line-height: 30px; } .space-box input, .left-box-3 .select-1 select, .space-box .input-sel { border: 1px solid #bdbdbd; border-top-color: #d4d4d4; border-radius: 5px; background-color: #fff; } .space-top-box .fh { color: #7d7d7d; float: left; background: url(images/jia.png) no-repeat 0px 2px; background-size: 15px 15px; padding-left: 20px; cursor: pointer; } .statistics-box { display: block; margin: 20px 10px; } .left-box-4 .sp-xianqu select { width: 45%; padding-left: 5px; font-size: 12px; color: #797979; height: 32px; line-height: 32px; -webkit-appearance: none; float: left; background: #fff url(images/sel-icon.png) no-repeat 92% center; margin: 0; } .left-box-4 .statis-sel select { width: 150px; background: transparent; padding-left: 5px; font-size: 12px; color: #797979; height: 32px; line-height: 32px; -webkit-appearance: none; color: #5f5f5f; background: url(images/sel-icon.png) no-repeat 125px center; } .statistics-area-select-type .zi { padding: 5px 15px; cursor: pointer; background: #EDEDED; border-radius: 13px; color: #888; } .statistics-area-select-type .zi:hover { background: #E3F2ED; color: #0e94a3; } .statistics-attribute-box { overflow: hidden; margin-top: 10px; } .selectTab { background: #108bab !important; color: #fff !important; } .left-box-4 .sp-xianqu select:last-child { margin-left: 18px; } .statistics-sc { margin-top: 10px; } .statistics-sc-btn { padding: 3px 5px; border-bottom: 1px solid #cecece; color: #787878; cursor: pointer; } .statistics-user-define-container { width: 100%; height: 35px; margin: 8px auto -1px; display: none; } .statistics-user-define-container ul li { width: 32px; height: 32px; float: left; cursor: pointer; margin-left: 25px; } .statistics-user-define-container ul li:hover, .drawTools-active { outline: 2px solid #0e94a3; outline-offset: 1px; outline-style: auto; } .statistics-user-define-container ul { margin-left: 30px; } .statistics-user-define-container ul li:nth-child(1) { background: url(../../images/2.png) no-repeat; } .statistics-user-define-container ul li:nth-child(2) { background: url(../../images/3.png) no-repeat; } .statistics-user-define-container ul li:nth-child(3) { background: url(../../images/5.png) no-repeat; } .statistics-user-define-container ul li:nth-child(4) { background: url(../../images/6.png) no-repeat; } .search_inputs { height: 30px; border: 1px solid #1476c1; background: #1476c1; color: #fff; border-radius: 5px; width: 180px; margin-left: 25px; font-size: 15px; letter-spacing: 8px; text-align: center; text-indent: 8px; cursor: pointer; } .search_inputs:hover { background: #108bab; border: 1px solid #108bab; } .clear_inputs { height: 30px; border: 1px solid #1476c1; background: #1476c1; color: #fff; border-radius: 5px; width: 60px; margin-left: 15px; font-size: 15px; letter-spacing: 5px; text-align: center; text-indent: 4px; cursor: pointer; } .clear_inputs:hover { background: #108bab; border: 1px solid #108bab; } .statistics-cx-btn { width: 250px; height: 36px; float: left; cursor: pointer; margin-top: 15px; margin-left: 10px; background-color: #307131; border: 0px; border-radius: 5px; color: #fff; font-size: 14px; } .statistics-tree-box { max-height: 240px; border: 1px solid #C1C1C1; overflow: auto; display: none; height: auto; min-height: 84px; border-radius: 5px; z-index: 10; position: absolute; background: #fff; right: 10%; width: 65%; } .statistics-select { height: 32px; width: 75%; line-height: 32px; margin: auto; color: #7D7D7D; background: #fff url(images/sel-icon.png) no-repeat 95% center; border: 1px solid #bdbdbd; border-top-color: #d4d4d4; border-radius: 5px; -webkit-appearance: none; vertical-align: middle; padding-left: 5px; } .statistics-select:focus { outline: none; } .statistics-input-box { margin-bottom: 10px; border-bottom: 1px solid #bdbdbd; height: 30px; padding: 0 0 20px; } .statistics-input-box input { width: 235px; height: 32px; float: left; border: 0px; background: none; margin-left: 5px; border-radius: 5px; } .statistics-input-box a { width: 30px; height: 30px; float: left; display: block; cursor: pointer; font-size: 0; } .statistics-results{ display: none; } .statistics-details { border: 1px solid #bdbdbd; padding: 5px; overflow: auto; margin-top: 10px; } .statistics-details li { border: 1px solid #1476c1; margin: 7px 0; border-radius: 5px; padding: 2px 5px; cursor: pointer; } .statistics-details li:hover { outline: 3px solid #1476c1; outline-style: auto; } .detail-title { display: block; font-size: 14px; } .region { } .statistics-layer-input { width: 73%; height: 32px; border: 1px solid #CCCCCC; border-radius: 5px; padding-left: 5px; background: #fff url(images/sel-icon.png) no-repeat 95% center; cursor: default; color: #7D7D7D; }