.c-header {
  position: relative;
  width: 100%;
  height: 16vw;
  background: #fff;
}
.home-wrap{
  position: absolute;
  right: 2.4vw;
  bottom:3vw;
  display: inline-block;
}
.home-icon{
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background: url(../images/home-icon.png) no-repeat;
  background-size: 100% 100%;
}
.c-rightArrow {
  display: inline-block;
  width: 2.2667vw;
  height: 4vw;
  background: url(../images/back-arrow.png);
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-right: 2.6667vw;
}

.c-back-wrap {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 8.6667vw;
  margin-left: 2.4vw;

  color: #ffffff;
  font-size: 4.6667vw;
}

.c-header h1 {
  font-weight: normal;
  text-align: center;
  font-size: 4.6667vw;
  color: rgb(255, 254, 254);
  padding-top: 8.6667vw;
}
.body {
  line-height: 1.2em;
}

.white {
  background: #fff;
  color: #0b0b0b;
}
.white h1 {
  color: #0b0b0b;
}
.white .c-back-wrap {
  color: #0b0b0b;
}
.white .home-icon{
  background: url(../images/back-home.png) no-repeat;
  background-size:100% 100%; 
}
.white .c-rightArrow {
  background: url(../images/rightWhite.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
/* 单行溢出 */
.line-ell {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row-ell{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* 清除浮动 */
.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfloat {
  zoom: 1;
}

/* 提示框 */
.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.502;
  z-index: 999;
}

.tipBox {
  z-index: -1;
  opacity: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 73.3333vw;
  height: 53.3333vw;
  padding: 4.5333vw 0;
  background: #fff;
  border-radius: 1.3333vw;
}
.succIcon {
  display: inline-block;
  width: 26.9333vw;
  height: 26.9333vw;
  background: url(../images/succIcon.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.tipstitle {
  font-size: 4.2667vw;
  color: #000000;
}
.thank {
  color: #999999;
  font-size: 3.7333vw;
}

/* 表单验证 */
label.error {
  position: absolute !important;
  bottom: 0vw !important;
  right: 0 !important;
  font-size: 3.2vw !important;
  color: red !important;
  z-index: 0 !important;
  text-align: right;
}

/* 出身年月 */
#ip-android {
  border: none;
  text-align: right;
  color: rgb(204, 204, 204);
}

.jinbi {
  display: inline-block;
  width: 2.6667vw;
  height: 2.6667vw;
  background: url(../images/jinbi.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-right: 2vw;
}

/* footer */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 4.5333vw;
  height: 13.2vw;
  border-top: 1px solid #ececec;
  background: #ffffff;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-title {
  font-size: 3.2vw;
  font-family: "Adobe Heiti Std";

  line-height: 1.5;
}
.footer-item {
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.footer-item a {
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer-img {
  width: 6vw;
  height: 6vw;
}
.footer-active-title {
  color: #36c3f3 !important;
}

/* empty */
.empty{padding-top: 80px;text-align: center;}
.empty .icon-empty{display: inline-block;width: 48px;height: 48px;background: url(../images/empty-icon.png) no-repeat;}
.empty p{margin-top: 2px;}