@charset "utf-8";

/*顶部栏*/
.topbar {
  background-color: #505050;
  height: 30px;
  width: 100%;
  margin: 0 auto;
  min-width: 768px;
}
.topbar .topbar_con {
  color: #fff;
  margin: 0 auto;
  max-width: 1200px;
  /*overflow: hidden;*/
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/*顶部栏-左侧切换城市*/
.topbar .city {
  line-height: 30px;
  margin-right: 15px;
  /* padding-left: 15px; */
}
.topbar .city a {
  color: #fff;
}
.topbar .city a.fc-city {
  font-size: 12px;
  font-weight: bold;
  padding-right: 5px;
}
/*顶部栏-左侧切换语言*/
.topbar .language {
  line-height: 30px;
  margin-right: 25px;
}
.topbar .language select {
  margin-right: 5px;
  color: #000;
  line-height: inherit;
  touch-action: manipulation;
  text-transform: none;
  font: inherit;
}
.topbar .language select option {
}
.topbar .language a {
  color: #fff;
}
/*顶部栏-中间链接区域*/
.topbar .topbar_m {
}
.topbar .topbar_m > ul.column-list {
  overflow: hidden;
}
.topbar .topbar_m > ul > li {
  float: left;
  display: inline;
  height: 30px;
  position: relative;
}
.topbar .topbar_m > ul > li > a {
  color: #fff;
  display: inline-block;
  line-height: 30px;
  padding: 0 14px;
}
.topbar .topbar_m > ul > li > a:hover {
  background-color: #4c4c4c;
  text-decoration: none;
}
.topbar .topbar_m > ul > li.top-nav {
}
.topbar .topbar_m > ul > li.top-nav a.top-nav-btn {
}
.topbar .topbar_m > ul > li.top-nav a.top-nav-btn em.topnav-arrow {
}
.topbar .topbar_m > ul > li.top-nav ul.top-nav-list {
  background-color: #fff;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  border: 1px solid #ddd;
  border-top: none;
  width: 300px;
  padding: 6px 10px 8px 12px;
  overflow: hidden;
  z-index: 8;
}
.topbar .topbar_m > ul > li.top-nav ul.top-nav-list li {
  color: #4b4b4b;
  height: 22px;
  line-height: 22px;
  width: 300px;
  clear: both;
}
.topbar .topbar_m > ul > li.top-nav ul.top-nav-list li em {
  font-weight: bold;
}
.topbar .topbar_m > ul > li.top-nav ul.top-nav-list li em a {
  color: #4b4b4b;
  display: inline-block;
  width: 48px;
  margin-right: 8px;
}
.topbar .topbar_m > ul > li.top-nav ul.top-nav-list li a {
  color: #4b4b4b;
  display: inline-block;
  width: 48px;
  margin-right: 8px;
}
/*顶部栏-右侧区域*/
.topbar .topbar_r {
  margin-left: auto;
}
.topbar .topbar_r .dingdong {
  float: left;
  line-height: 30px;
}
.topbar .topbar_r .dingdong a.dingdong-pop {
  display: none;
  position: absolute;
  border: 1px solid #dcdcdc;
  top: 30px;
  left: -118px;
  background: #fff;
  width: 300px;
  height: 128px;
  padding: 14px 0 0 10px;
  color: #4b4b4b;
}
.topbar .topbar_r .dingdong a.dingdong-pop span.arrow {
}
.topbar .topbar_r .dingdong a.dingdong-pop .pic-area {
}
.topbar .topbar_r .dingdong a.dingdong-pop .pic-area .ewm {
}
.topbar .topbar_r .dingdong a.dingdong-pop .pic-area p {
}
.topbar .topbar_r .dingdong a.dingdong-pop .txt-area {
}
.topbar .topbar_r .dingdong a.dingdong-pop .txt-area p {
}
.topbar .topbar_r .dingdong a.dingdong-pop .txt-area p1 {
}
.topbar .topbar_r .dingdong a.dingdong-pop .txt-area p2 {
}
.topbar .topbar_r .dingdong a.dingdong-pop .txt-area p16 {
}
.topbar .topbar_r .dingdong .mobile-icon {
  color: #fff;
  background-image: url(../../../images/desktop/insex_bg.png);
  background-repeat: no-repeat;
  background-position: -458px -332px;
  padding: 0 14px 0 25px;
  display: inline-block;
}
.topbar .topbar_r .dingdong .mobile-icon:hover {
  background-color: #4c4c4c;
  text-decoration: none;
}
.topbar .topbar_r .dingdong .business-app {
  color: #fff;
  padding: 0 14px;
  display: inline-block;
}
.topbar .topbar_r .dingdong .business-app:hover {
  background-color: #4c4c4c;
  text-decoration: none;
}
.topbar .topbar_r .reg-login {
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0px 8px;
  position: relative;
  z-index: 10;
  float: left;
  background-image: url(../../../images/desktop/insex_bg.png);
  background-repeat: no-repeat;
  background-position: 0 -1024px;
}
.topbar .topbar_r .reg-login a {
  cursor: pointer;
}
.topbar .topbar_r .reg-login a.reg {
  color: #fff;
  margin-right: 10px;
}
.topbar .topbar_r .reg-login a.login {
  color: #fff;
  padding-left: 15px;
  background-image: url(../../../images/desktop/insex_bg.png);
  background-repeat: no-repeat;
  background-position: -470px -375px;
}
.topbar .topbar_r .reg-login a.username {
  color: #fff;
  margin-right: 10px;
}
.topbar .topbar_r .reg-login a#logout {
  color: #fff;
  padding-left: 15px;
  background-image: url(../../../images/desktop/insex_bg.png);
  background-repeat: no-repeat;
  background-position: -470px -375px;
}

/*个人中心*/
.reg-login .personCenter {
  display: inline-block;
  position: relative;
}
.reg-login .personCenter > a {
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  background-image: url(../../../images/desktop/insex_bg.png);
  background-repeat: no-repeat;
  background-position: -470px -375px;
}
.reg-login .personCenter > a:hover {
}
.reg-login .personCenter > em.arrow {
}
.reg-login .personCenter dl {
  position: absolute;
  top: 31px;
  left: -10px;
  background: #fff;
  border-left: 1px solid #e0e0e1;
  border-right: 1px solid #e0e0e1;
  border-bottom: 1px solid #e0e0e1;
  text-align: center;
  width: 100px;
  display: none;
}
.reg-login .personCenter dl dd {
}
.reg-login .personCenter dl dd a {
  color: #666;
}
.reg-login .personCenter dl dd a:hover {
  color: #ff7200;
}