| 1 | .d2indicator{font-family:Times New Roman,SimHei,Hiragino Sans GB,STHeiti,Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;list-style:none;margin:0;padding:0}.d2indicator *{box-sizing:border-box}.d2indicator.show-sample .d2indicator-item{display:block;width:auto;margin:0}.d2indicator .d2indicator-item{display:inline-block;width:calc(25% - 12px);height:100%;margin:8px 6px;border:1px solid #e9e9e9;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.12);background-color:#fff;will-change:background-color,box-shadow;transition:all .2s ease-in-out;cursor:pointer}.d2indicator .d2indicator-item:hover{box-shadow:0 1px 1px 0 rgba(0,0,0,.26);background-color:#fbfbfb}.d2indicator .d2indicator-item .key,.d2indicator .d2indicator-item .value{display:block}.d2indicator .d2indicator-item .measure{height:32px;padding:10px 16px}.d2indicator .d2indicator-item .measure .key{float:left;font-size:12px}.d2indicator .d2indicator-item .measure .value{float:right;font-size:12px}.d2indicator .d2indicator-item .measure:after{content:"";clear:both;display:block;height:0}.d2indicator .d2indicator-item .dimension,.d2indicator .d2indicator-item .main-measure{height:92px;padding:16px;border-bottom:1px solid #e9e9e9}.d2indicator .d2indicator-item .dimension .key,.d2indicator .d2indicator-item .main-measure .key{height:20px;font-size:14px;color:#666;line-height:20px}.d2indicator .d2indicator-item .dimension .value,.d2indicator .d2indicator-item .main-measure .value{height:30px;margin-top:10px;font-size:24px;color:#333;line-height:30px}.d2recharts-red{color:salmon}.d2recharts-green{color:#73bb4e} |