.topBar {
  display: none;
}
.topBar .pageTitle {
  line-height: 1rem;
  text-align: center;
  font-size: 0.35rem;
  color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.topHeight {
  height: 0.3rem;
}
.module {
  padding: 0.2rem 0.3rem;
}
.moduleCloum {
  display: flex;
  height: 0.8rem;
  justify-content: space-between;
  align-items: center;
}
.moduleCloum span.cloumTitle {
  font-size: 0.36rem;
  font-weight: bold;
}
.moduleCloum span.cloumTitle img {
  vertical-align: middle;
  margin-right: 0.2rem;
}
.moduleCloum a.more {
  font-size: 0.28rem;
  color: #919191;
  position: relative;
  padding-right: 0.35rem;
}
.moduleCloum a.more::after {
  position: absolute;
  display: block;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.28rem;
  height: 0.28rem;
  background: url(../images/more_icon.png) no-repeat center center;
  background-size: 100% 100%;
}
.subCloum {
  font-size: 0.24rem;
  color: #969799;
}
.detailCloum {
  font-size: 0.34rem;
  padding-left: 0.2rem;
  border-left: #0099FF 0.1rem solid;
  margin-bottom: 0.2rem;
}
.tabBar {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  height: 1rem;
  border-top: 0.015rem solid #ccc;
}
.tabBar .tabItem {
  flex: 1;
  text-align: center;
}
.tabBar .tabItem .title_img {
  position: relative;
  height: 0.55rem;
}
.tabBar .tabItem .title_img img {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.tabBar .tabItem .title_img img:last-child {
  display: none;
}
.tabBar .tabItem .tabTitle {
  font-size: 0.24rem;
}
.tabBar .tabItem.active .tabTitle {
  color: #0099FF;
}
.tabBar .tabItem.active .title_img img:first-child {
  display: none;
}
.tabBar .tabItem.active .title_img img:last-child {
  display: block;
}
.line {
  height: 0.2rem;
  background: #eff0f4;
  margin: 0.2rem 0 0;
}
.topBarBg {
  background: #0099FF;
}
.detailBottomBar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  padding: 0 0.2rem;
  box-sizing: border-box;
  z-index: 9999;
}
.detailBottomBar .leftBar {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detailBottomBar .rightBar {
  flex: 5;
  padding: 0 0.2rem;
}
.detailBottomBar .rightBar .control {
  height: 0.7rem;
  border-radius: 0.7rem;
  display: flex;
  overflow: hidden;
}
.detailBottomBar .rightBar .control a {
  flex: 1;
  font-size: 0.28rem;
  color: #fff;
  text-align: center;
  line-height: 0.7rem;
}
.detailBottomBar .rightBar .control a:first-child {
  background: #50b9fc;
}
.detailBottomBar .rightBar .control a.hasadd {
  background: #d2d2d2;
}
.detailBottomBar .rightBar .control a:last-child {
  background: #338afb;
}