.u-clearfix {
  *zoom: 1; }
  .u-clearfix:before, .u-clearfix:after {
    content: "";
    display: table;
    font: 0/0 a; }
  .u-clearfix:after {
    clear: both; }

.width-precent-100 {
  width: 100% !important; }

.vertical-align-middle {
  vertical-align: middle !important; }

.hidden {
  display: none !important; }

@media only screen and (min-width: 601px) {
  .span6 {
    width: 50%; } }

@media only screen and (max-width: 600px) {
  .span6 {
    width: 100%; } }
/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-red_rect {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px 0px;
  width: 4px;
  height: 4px;
}
.icon-green-dot {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -4px;
  width: 5px;
  height: 5px;
}
.icon-f_circle-gray2 {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -9px;
  width: 8px;
  height: 8px;
}
.icon-f_circle-white2 {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -17px;
  width: 8px;
  height: 8px;
}
.icon-arrow {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -25px;
  width: 8px;
  height: 9px;
}
.icon-inside_arrows-l1 {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -34px;
  width: 11px;
  height: 9px;
}
.icon-moreGreen {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -43px;
  width: 7px;
  height: 9px;
}
.icon-inside_arrows-r2 {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -52px;
  width: 11px;
  height: 9px;
}
.icon-inside_arrows-r2png {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -61px;
  width: 7px;
  height: 9px;
}
.icon-inside_arrows-l2 {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -70px;
  width: 7px;
  height: 9px;
}
.icon-circle-red {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -79px;
  width: 9px;
  height: 10px;
}
.icon-triangle-black {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -89px;
  width: 14px;
  height: 11px;
}
.icon-mobile_paging-n {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -100px;
  width: 6px;
  height: 12px;
}
.icon-mobile_paging-p {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -112px;
  width: 6px;
  height: 12px;
}
.icon-menu-off {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -124px;
  width: 12px;
  height: 12px;
}
.icon-menu {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -136px;
  width: 14px;
  height: 12px;
}
.icon-round-red {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -148px;
  width: 14px;
  height: 14px;
}
.icon-round-white {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -162px;
  width: 14px;
  height: 14px;
}
.icon-squre_red {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -176px;
  width: 14px;
  height: 14px;
}
.icon-squre_white {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -190px;
  width: 14px;
  height: 14px;
}
.icon-search-white {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -204px;
  width: 18px;
  height: 18px;
}
.icon-search {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -222px;
  width: 18px;
  height: 18px;
}
.icon-ver-square {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -240px;
  width: 20px;
  height: 20px;
}
.icon-back {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -260px;
  width: 24px;
  height: 24px;
}
.icon-search-red {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -284px;
  width: 28px;
  height: 28px;
}
.icon-pos {
  background-image: url(/zzb/images/sprite.png);
  background-position: 0px -312px;
  width: 40px;
  height: 42px;
}