@charset "UTF-8";
.header {
  background-color: #fff;
}
.container {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.hd {
  padding: 20px 0;
}
.hd img {
  height: 80px;
  width: 186px;
  margin-right: 44px;
}
.hd span {
  font: 20px/58px "微软雅黑";
  color: #707070;
  padding-top: 22px;
  display: inline-block;
}
.content {
  padding: 10px 0 20px;
  background-color: #f6f8f8;
}
.cont {
  background-color: #fff;
  position: relative;
}
.loginnav {
  padding: 80px 372px 30px;
  border-bottom: 3px solid #f9fbfb;
}
.loginnav ul {
  margin-right: -227px;
}
.loginnav li {
  float: left;
  width: 142px;
  margin-right: 174px;
  text-align: center;
  font: 18px/56px "微软雅黑";
  color: #e5e5e5;
}
.loginnav li .icon {
  height: 86px;
  width: 87px;
  margin: 0 auto;
  position: relative;
}
.line {
  position: absolute;
  top: 50%;
  right: -200px;
  height: 2px;
  width: 174px;
  background-color: red;
  margin-top: -1px;
  background-color: #e5e5e5;
}
.loginnav .show p {
  color: #049d5e;
}
.loginnav .show .line {
  background-color: #049d5e;
}

.fotnav {
  font: 16px/20px "微软雅黑";
  text-align: center;
  padding-top: 38px;
}
.fotnav a {
  padding: 0 10px;
  color: #333;
  vertical-align: middle;
}
.fotnav span {
  display: inline-block;
  height: 10px;
  width: 1px;
  background-color: #5c5c5c;
  vertical-align: middle;
}
.fotnav p {
  font: 12px/52px "";
  margin-top: 76px;
  color: #686868;
}
.fotbot {
  text-align: center;
  border-top: 1px solid #fafafa;
  font: 14px/54px "";
  color: #989898;
}

.mask {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(000, 000, 000, 0.3);
  left: 0;
  top: 0;
  display: none;
}
.pop {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 209px;
  width: 458px;
  background-color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  margin-left: -229px;
  margin-top: -104px;
}
.pop .remove {
  height: 23px;
  width: 22px;
  position: absolute;
  top: 15px;
  right: 16px;
}
.pop p {
  padding-top: 32px;
  font: 18px/52px "微软雅黑";
  text-align: center;
  margin: 0 60px 0;
  color: #707070;
  border-bottom: 1px solid #d9d9d9;
}
.popbtn {
  margin-top: 30px;
  text-align: center;
}
.popbtn a {
  height: 49px;
  width: 177px;
  margin: 0 7px;
  display: inline-block;
  font: 18px/49px "";
  color: #fff;
}
.popbtn a,
.pop .remove {
  background-repeat: no-repeat;
  background-image: url(../images/iconfont.png);
}
.pop .remove {
  background-position: -367px -105px;
}
.popbtn .new {
  background-position: -412px -145px;
}
.popbtn .old {
  background-position: -412px -230px;
}
.popbtn .new:hover {
  background-position: -412px -60px;
}
.popbtn .old:hover {
  background-position: -412px -315px;
}
.loginnav li .icon {
  background-image: url(../images/iconfont.png);
  background-repeat: no-repeat;
}
.loginnav li .icon1 {
  background-position: -612px -288px;
}
.loginnav li .icon2 {
  background-position: -612px -96px;
}
.loginnav li .icon3 {
  background-position: -613px 0px;
}
.loginnav .show .icon2 {
  background-position: -612px -288px;
}
.loginnav .show .icon3 {
  background-position: -613px -96px;
}

.wellnessbg {
  background: url(../images/wellnessbg.png) bottom right no-repeat;
}