.btn-primary{background: #2a7ecd!important; border-color: #2a7ecd!important;}

.colorff6700{color: #2a7ecd!important;}





.public-site-topbar {

  position: relative;

  z-index: 30;

  height: 80px;

  font-size: 12px;

  color: #333;

  background: #fff;

  // background: #333;

}

.public-site-topbar a {

  color: #333;

  line-height: 80px;

  display: inline-block;

  padding: 0 5px;

  text-align: center;

  position: relative;

}

.public-site-topbar .logo {

  margin-right: 50px;

}

.public-site-topbar .logo a {

  display: block;

  color: #333;

  padding: 0px 0px;

  line-height: 80px;

  font-size: 20px;

  text-decoration: none;

}

.public-site-topbar .logo a:empty:before {

  content: "";

}

.public-site-topbar .logo img {

  max-height: 50px;

}

.public-site-topbar a:hover {

  // color: #fff;

}

.public-site-topbar a + a:before {

  content: '';

  display: block;

  width: 1px;

  height: 12px;

  border-left: 1px solid #444;

  left: 0;

  top: 50%;

  margin-top: -5px;

  position: absolute;

}

.public-site-topbar .login,

.public-site-topbar .register {

  display: none;

}

.public-site-topbar .user {

  display: none;

  position: relative;

  // width: 110px;

  padding: 0;

  white-space: nowrap;

  float: left;

}

.public-site-topbar .user .user-name {

  position: relative;

  z-index: 5;

  display: block;

  width: 120px;

  height: 80px;

  text-align: center;

}

.public-site-topbar .user .user-name .name {

  display: inline-block;

  *zoom: 1;

  *display: inline;

  width: auto;

  _width: 75px;

  max-width: 75px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  _zoom: 1;

  vertical-align: text-bottom;

}

.public-site-topbar .user .user-name i {

  font-size: 16px;

  line-height: 24px;

  vertical-align: 30px;

}

.public-site-topbar .user .user-menu {

  display: none;

  position: absolute;

  left: -1px;

  top: 80px;

  z-index: 3;

  width: 120px;

  margin: 0;

  padding: 7px 0;

  border: 1px solid #e0e0e0;

  border-top: 0;

  list-style-type: none;

  background: #fff;

  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

}

.public-site-topbar .user .user-menu a {

  display: block;

  padding: 3px 30px;

  line-height: 2;

}

.public-site-topbar .user:hover .user-menu {

  display: block;

}

.public-site-topbar .user.user-active a {

  color: #424242;

}

.public-site-topbar .user.user-active a:hover {

  color: #ff6700;

}

.public-site-topbar .user.user-active .user-name {

  background: #fff;

}

.public-site-topbar .user.user-active .user-menu a {

  -webkit-transition: all .2s;

  transition: all .2s;

}

.public-site-topbar .user.user-active .user-menu a:hover {

  background-color: #f5f5f5;

}

.public-site-topbar .topbar-nav {

  height: 40px;

  line-height: 40px;

}

.public-site-topbar .topbar-cart {

  height: 40px;

  line-height: 40px;

  width: 120px;

  margin-left: 15px;

}

.public-site-topbar .topbar-cart a {

  position: relative;

  z-index: 32;

  display: block;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #b0b0b0;

  background: #424242;

}

.public-site-topbar .topbar-cart a:hover {

  color: #ff6700;

  background: #fff;

}

.public-site-topbar .topbar-cart i {

  margin-right: 4px;

  font-size: 20px;

  line-height: 20px;

  vertical-align: -4px;

}

.public-site-topbar .topbar-info {

  height: 40px;

  line-height: 40px;

}