* {
  margin: 0;
  padding: 0;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 0.4167rem;
  background-color: #282f3b;
  min-width: 6.6667rem;
  z-index: 999;
}
#header .logo {
  top: 0.0417rem;
  flex: 3;
}
#header .logo img {
  margin-top: 0.0781rem;
  height: 0.2604rem;
  margin-left: 0.1042rem;
}
#header ul {
  flex: 7;
  margin-top: 0.0521rem;
  overflow: hidden;
}
#header ul li {
  list-style-type: none;
  display: inline-block;
  margin-right:4%;
}
#header ul a {
  text-decoration: none;
  color: #acacac;
}
#header ul a .title_top {
  text-align: center;
  font-size: 0.1354rem;
  font-weight: bord;
}
#header ul a .title_bottom {
  text-align: center;
  margin-top: 0.0417rem;
  font-size: 0.0833rem;
}
#header ul a:hover {
  color: #cca26f !important;
}
#content {
  position: relative;
  margin-top: 0.4167rem;
  min-width: 6.6667rem;
}
#content .bg img {
  width: 100%;
  height: 0.9271rem;
}
#content .txtBox {
  position: absolute;
  left: 50%;
  top: 60%;
  display: flex;
  width: 5.7292rem;
  margin-left: -2.8646rem;
  background-color: #fff;
  padding-bottom: 0.5208rem;
  z-index: 9;
}
#content .txtBox .right,
#content .txtBox .left {
  position: absolute;
  top: 0.625rem;
  width: 0.1667rem;
  height: 0.5208rem;
  line-height: 0.5208rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.1354rem;
  background: #878787;
  cursor: pointer;
}
#content .txtBox .left {
  left: -0.1667rem;
}
#content .txtBox .right {
  right: -0.1667rem;
}
#content .txtBox .title {
  flex: 3;
  border: 0.0052rem solid #e1e0de;
  overflow: hidden;
}
#content .txtBox .title .top {
  height: 0.8625rem;
}
#content .txtBox .title .top .title_one {
  height: 0.1563rem;
  font-size: 0.1042rem;
  padding: 0.1042rem 0.2083rem;
  text-align: left;
  background: linear-gradient(to right, #faf4df, #faf4df);
}
#content .txtBox .title .top .title_one .title_one_txt {
  display: inline-block;
  margin-left: -0.0417rem;
  font-size: 0.0938rem;
  color: #909090;
}
#content .txtBox .title .top .title_one .home {
  position: relative;
  color: inherit;
  text-decoration: none;
  color: #909090 !important;
}
#content .txtBox .title .top .title_one .home span {
  font-size: 0.0938rem;
}
#content .txtBox .title .top .title_one .home::after {
  content: '';
  position: absolute;
  bottom: -0.0156rem;
  left: 0.0208rem;
  width: 0.1563rem;
  height: 0.0104rem;
  background-color: #909090;
}
#content .txtBox .title .top .title_two {
  font-size: 0.1146rem;
  text-align: center;
  padding: 0.1042rem 0.2083rem;
}
#content .txtBox .title .top .title_three {
  font-size: 0.0729rem;
  text-align: right;
  margin: 0rem 0.2604rem;
  color: #b0b0b0;
  padding-bottom: 0.0521rem;
  border-bottom: 0.0052rem dashed #a3a3a3;
}
#content .txtBox .title .con_html {
  margin: 0.1563rem 0.2604rem;
	font-size: 14px;
}
#content .txtBox .title .con_bottom {
  padding: 0rem 0.1563rem;
  height: 0.2604rem;
  line-height: 0.2604rem;
  font-size: 0.0833rem;
  font-weight: bold;
  background-color: #faf4df;
  color: #b0b0b0;
}
#content .txtBox .title .con_bottom .more {
  float: right;
  font-size: 0.0833rem;
}
#content .txtBox .title:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#content .txtBox .ma {
  flex: 1;
  height: 3.125rem;
  border: 0.0052rem solid #E6E6E6;
  border-left: 0rem;
  background-color: #fff;
  overflow: hidden;
}
#content .txtBox .ma .ma_top {
  width: 100%;
  height: 0.7813rem;
  padding: 0.1563rem 0.3385rem;
  border-bottom: 0.0052rem solid #E6E6E6;
  overflow: hidden;
}
#content .txtBox .ma .ma_top img {
  width: 0.7813rem;
}
#content .txtBox .ma .ma_bottom {
  margin: auto;
  margin-top: 0.1563rem;
  width: 1.25rem;
  height: 0.9375rem;
  color: #2B363C;
  border: 0.0052rem solid #E6E6E6;
}
#content .txtBox .ma .ma_bottom .ma_bottom_top {
  display: flex;
  height: 0.2604rem;
  line-height: 0.2604rem;
  background-color: #fff;
  cursor: pointer;
}
#content .txtBox .ma .ma_bottom .ma_bottom_top .weix_click,
#content .txtBox .ma .ma_bottom .ma_bottom_top .qq_click,
#content .txtBox .ma .ma_bottom .ma_bottom_top .weix,
#content .txtBox .ma .ma_bottom .ma_bottom_top .qq {
  flex: 1;
  font-size: 0.0833rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 0.0052rem solid #E6E6E6;
}
#content .txtBox .ma .ma_bottom .ma_bottom_top .weix_click {
  color: #fff;
  background: #2B363C;
}
#content .txtBox .ma .ma_bottom .ma_bottom_top .qq_click {
  color: #fff;
  background: #2B363C;
}
#content .txtBox .ma .ma_bottom .ma_bottom_b {
  display: flex;
  justify-content: center;
  align-items: center;
}
#content .txtBox .ma .ma_bottom .ma_bottom_b .weix_ma {
  margin-top: 0.026rem;
  width: 0.625rem;
}
#floot {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  background: #282F39;
  z-index: 99;
}
#floot .f_top {
  display: flex;
  justify-content: space-between;
  padding: 0.026rem 0.1042rem;
  width: 60%;
  font-size: 0.0833rem;
  font-weight: 400;
  color: #F8A94C;
  line-height: 0.151rem;
}
#floot .f_top .up_click,
#floot .f_top .up {
  position: absolute;
  right: 0.2083rem;
  top: -0.1563rem;
  width: 0.1823rem;
  height: 0.1823rem;
  background-color: #282f39;
}
#floot .f_top .up_click img,
#floot .f_top .up img {
  width: 100%;
}
#floot .f_top .up_click img {
  transform: rotate(180deg);
  transition: 1s linear;
}
#floot .f_bottom_click,
#floot .f_bottom {
  width: 100%;
  background: #000000;
  display: flex;
  justify-content: space-around;
  padding: 0.1563rem 0rem;
  display: none;
}
#floot .f_bottom_click .f_txt,
#floot .f_bottom .f_txt {
  width: 1.5625rem;
  font-size: 0.1042rem;
  display: flex;
  justify-content: space-around;
  padding-top: 0.1563rem;
  color: #4F4E4E;
}
#floot .f_bottom_click {
  display: flex;
  animation: growHeight 1s;
}
#floot .f_bottom_click img {
  width: 1.0104rem;
  height: 0.3854rem;
}
@keyframes growHeight {
  from {
    height: 0rem;
  }
  to {
    height: 0.3646rem;
  }
}
@keyframes setHeight {
  from {
    height: 0.3646rem;
  }
  to {
    height: 0rem;
  }
}