.counter_main {
  clear:both;
  width:100%;
  margin:auto;
  margin-left: 2px;
}
.counter_main .counter_wide {
  /*width:900px;*/
  margin:auto;
}
.counter_main .counter_wide .counter {
  background: #9bd0ff;
  background: #ff4040;
  width: 86px;
  height: 27px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  padding: 1px;
  overflow: hidden;
  font-size:0;
  box-sizing: content-box;
}
.counter_main .counter_wide .counter .left {
  display:inline-block;
  width: 30px;
  height:100%;
  vertical-align:top;
  box-sizing: content-box;
}
.counter_main .counter_wide .counter .left i {background: url('logo_1.png') no-repeat;width: 100%;height: 100%;display: block;}
.counter_main .counter_wide .counter .right {
  display:inline-block;
  width: 54px;
  height:100%;
  vertical-align:top;
  position:relative;
  box-sizing: content-box;
}
.counter_main .counter_wide .counter .right .line {
  width:100%;
  clear:both;
  font-size:0;
  box-sizing: content-box;
  height: 9px;
}
.counter_main .counter_wide .counter .right .line.val01 {color: #191818;color: #100505;}
.counter_main .counter_wide .counter .right .line.val02 {color: #f8fd30;color: #100505;}
.counter_main .counter_wide .counter .right .line.val03 {color: #f32020;color: #100505;}
.counter_main .counter_wide .counter .right .line div, .counter_main .counter_wide .counter .right .line i {
  display:inline-block;
  vertical-align:top;
}
.counter_main .counter_wide .counter .right .line i {
  width:8px;
  height:10px;
  box-sizing: content-box;
}
.counter_main .counter_wide .counter .right .line i:last-of-type {display: none;}
.counter_main .counter_wide .counter .right .line .name {
  font-size:12px;
  line-height:12px;
  width: 0px;
  height:10px;
  box-sizing: content-box;
}
.counter_main .counter_wide .counter .right .line .count {
  font-size: 9px;
  font-weight:bold;
  width:32px;
  text-align:right;
  line-height:10px;
  margin-right:1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: content-box;
}
.counter_main .counter_wide .counter .foot_count {
  width:100%;
  clear:both;
  height:0px;
}


.counter_main#toprate .counter_wide .counter .left i {
    background: url(logo_1.png) no-repeat;
}
.counter_main#toprate .counter_wide .counter {background: #fd9f29;}
.counter_main#toprate .counter_wide .counter .right .line.val01 {
    color: #962222;
}
.counter_main#toprate .counter_wide .counter .right .line.val02 {
    color: #647508;
}
.counter_main#toprate .counter_wide .counter .right .line.val03 {
    color: #fffbfb;
}


.counter_main#google .counter_wide .counter .left i {
    background: url(logo_2.png) no-repeat;
}
.counter_main#google .counter_wide .counter {background: #ececec;padding: 4px 8px;}
.counter_main#google .counter_wide .counter .right .line.val01 {
    color: #e94c3e;
    margin-left: 7px;
}
.counter_main#google .counter_wide .counter .right .line.val02 {
    color: #34a853;
    margin-left: 7px;
}
.counter_main#google .counter_wide .counter .right .line.val03 {
    color: #4285f4;
    margin-left: 7px;
}

.counter_main#google .counter_wide .counter .right .line i {
display:none;
}
.counter_main#google .counter_wide .counter .right .line.val01 .count {text-align:right;float:right;font-size: 10px;}
.counter_main#google .counter_wide .counter .right .line.val02 .count {text-align:right;float:right;font-size: 9px;}
.counter_main#google .counter_wide .counter .right .line.val03 .count {text-align:right;float:right;font-size: 8px;}
.counter_main#google .counter_wide .counter .right {
    width: 34px;
}
.counter_main#google .counter_wide .counter {
    width: 70px;
}

.counter_main#alexa .counter_wide .counter .left i {
    background: url(logo_3.png) no-repeat;
}
.counter_main#alexa .counter_wide .counter {background: #a7c1bb;padding: 4px;}
.counter_main#alexa .counter_wide .counter .right .line.val01 {
    color: #f8f3e5;
}
.counter_main#alexa .counter_wide .counter .right .line.val02 {
    color: #d5ddd3;
}

.line.val02 {}
.counter_main#alexa .counter_wide .counter .right .line.val03 {
    color: #e2e5d9;
}