.socialCenter {
  margin: auto;
  width: 80%;
  display: block;
}

.social {
  width: 120px;
  height: 80px;
  margin-top: 3px;
}

.social iframe, .social > span {
  vertical-align: middle;
  float: left;
  height: 22px;
  margin-right: 2px;
  margin-bottom: 3px;
}

/*********************
  wechat button
 *********************/
.btn-weixin {
  color: #fff;
  background-color: #09bb07;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-weixin:focus, .btn-weixin.focus {
  color: #fff;
  background-color: #10ab10;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-weixin:hover {
  color: #fff;
  background-color: #179b16;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-weixin:active, .btn-weixin.active, .open > .dropdown-toggle.btn-weixin {
  color: #fff;
  background-color: #179b16;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-weixin:active:hover, .btn-weixin.active:hover, .open > .dropdown-toggle.btn-weixin:hover, .btn-weixin:active:focus, .btn-weixin.active:focus, .open > .dropdown-toggle.btn-weixin:focus, .btn-weixin:active.focus, .btn-weixin.active.focus, .open > .dropdown-toggle.btn-weixin.focus {
  color: #fff;
  background-color: #10ab10;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-weixin:active, .btn-weixin.active, .open > .dropdown-toggle.btn-weixin {
  background-image: none;
}

.btn-weixin.disabled:hover, .btn-weixin[disabled]:hover, fieldset[disabled] .btn-weixin:hover, .btn-weixin.disabled:focus, .btn-weixin[disabled]:focus, fieldset[disabled] .btn-weixin:focus, .btn-weixin.disabled.focus, .btn-weixin[disabled].focus, fieldset[disabled] .btn-weixin.focus {
  background-color: #09bb07;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-weixin .badge {
  color: #09bb07;
  background-color: #fff;
}