.pa {
  position: absolute;
}
.ltt_gray_l_b {
  position: absolute;
  bottom: 1.2rem;
  left: 2rem;
  width: 9.22666667rem;
}
.gzh_r_b {
  position: absolute;
  bottom: 0.66666667rem;
  right: 0.66666667rem;
  width: 3.73333333rem;
}
.long_bg_t {
  width: 9.06666667rem;
  top: 0.53333333rem;
  right: 0;
  z-index: -1;
}
.long_bg_b {
  width: 9.06666667rem;
  bottom: 0.53333333rem;
  left: 0;
  z-index: -1;
}
.words {
  margin-top: 1.33333333rem;
  position: relative;
  background-color: #f4dcc1;
  width: 16.26666667rem;
  margin-left: 1.86666667rem;
  padding: 0.4rem 0.72rem;
  color: #282828;
  font-size: 0.656rem;
  text-align: left;
  line-height: 1.06666667rem;
  font-weight: bold;
}
.words:after {
  display: block;
  border: 0.53333333rem solid transparent;
  border-bottom: 1.06666667rem solid #f4dcc1;
  width: 0;
  height: 0;
  position: absolute;
  content: " ";
  top: -1.6rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
}
.words_line {
  position: relative;
  background-color: #f4dcc1;
  width: 4.66666667rem;
  padding: 0.4rem 0.53333333rem;
  color: #282828;
  font-size: 0.656rem;
  text-align: left;
  line-height: 1.06666667rem;
  font-weight: bold;
  border-radius: 0.26666667rem;
}
.btn {
  color: #fff;
  font-size: 0.8rem;
  padding: 0.42666667rem 0.58666667rem;
  background-color: #c53e34;
  border-radius: 0.32rem;
  letter-spacing: 0.05333333rem;
  box-shadow: 4px 3px 2px 0px #963633;
}
.fingers {
  position: relative;
  left: 11.46666667rem;
  z-index: 1;
  width: 1.89333333rem;
  height: 2.42666667rem;
  background: url("../img/fingers.png");
  background-size: cover;
  -webkit-animation: tap .7s infinite linear;
  animation: tap .7s infinite linear;
}
.w-red {
  color: #b51212;
}
.page-index {
  background-color: #f9ecdc;
}
.page-index .p1_word_tit {
  width: 5.30666667rem;
  top: 2.56rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
}
.page-index .p1_date {
  width: 1.36rem;
  top: 13.22666667rem;
  left: 4.26666667rem;
}
.page-index .long_big {
  width: 4.74666667rem;
  bottom: 3.73333333rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
}
.page-record {
  background-color: #f9ecdc;
}
.page-record .p2_long_head {
  width: 7.25333333rem;
  height: 9.94666667rem;
  top: 1.6rem;
  left: 50%;
  margin-left: -3.62666667rem;
}
.page-record .p2_long_head .long {
  width: 100%;
  height: 100%;
}
.page-record .p2_long_head .head {
  position: absolute;
  top: 1.44rem;
  left: 1.06666667rem;
  width: 5.17333333rem;
  height: 5.17333333rem;
  border-radius: 50%;
}
.page-record .uname {
  margin-top: 11.73333333rem;
  text-align: center;
  font-size: 1.33333333rem;
  color: #ed922f;
}
.page-record .words_red {
  bottom: 4rem;
  left: 2.4rem;
  width: 9.87733333rem;
  height: 5.76rem;
}
.page-record .words_red img {
  width: 100%;
}
.page-barber {
  background-color: #f9ecdc;
}
.page-barber .words_gray {
  width: 13.90933333rem;
  margin-top: 1.06666667rem;
  margin-left: 0.8rem;
}
.page-barber .words_gray img {
  width: 100%;
}
.page-barber .words_red {
  width: 12.61333333rem;
  margin-top: 0.74666667rem;
  margin-left: 5.6rem;
}
.page-barber .words_red img {
  width: 100%;
}
.page-barber .p3_head {
  margin-top: 0.53333333rem;
  width: 4.13866667rem;
  height: 4.13866667rem;
  border-radius: 50%;
  border: 0.32rem solid #e4a24e;
}
.page-barber .words {
  padding: 0.4rem 2.66666667rem;
  text-align: center;
}
.page-discount {
  background-color: #f9ecdc;
}
.page-discount .p4_word_red_1 {
  margin-top: 4rem;
  width: 14.72rem;
}
.page-discount .main {
  position: relative;
  width: 100%;
  margin-bottom: 2.4rem;
}
.page-discount .main .p4_fu {
  width: 6.02666667rem;
}
.page-discount .main .words_left {
  position: absolute;
  left: 1.86666667rem;
  bottom: 0.8rem;
  text-align: right;
}
.page-discount .main .words_left:after {
  display: block;
  border: 0.53333333rem solid transparent;
  border-left: 1.06666667rem solid #f4dcc1;
  width: 0;
  height: 0;
  position: absolute;
  content: " ";
  right: -1.33333333rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
}
.page-discount .main .words_right {
  position: absolute;
  right: 1.46666667rem;
  top: 2.4rem;
}
.page-discount .main .words_right:after {
  display: block;
  border: 0.53333333rem solid transparent;
  border-right: 1.06666667rem solid #f4dcc1;
  width: 0;
  height: 0;
  position: absolute;
  content: " ";
  left: -1.33333333rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
}
.page-tag {
  background-color: #f9ecdc;
}
.page-info .p2_long_head,
.page-test .p2_long_head {
  width: 5.09333333rem;
  height: 4.98666667rem;
  margin-left: 7.46666667rem;
  margin-top: 1.06666667rem;
  position: relative;
}
.page-info .p2_long_head .long,
.page-test .p2_long_head .long {
  width: 100%;
  height: 100%;
}
.page-info .p2_long_head .head,
.page-test .p2_long_head .head {
  position: absolute;
  top: 1.06666667rem;
  left: 0.66666667rem;
  width: 3.65333333rem;
  height: 3.65333333rem;
  border-radius: 50%;
}
.page-info .uname,
.page-test .uname {
  margin-top: 0.26666667rem;
  text-align: center;
  font-size: 0.93333333rem;
  color: #ed922f;
}
.page-info {
  background-color: #f9ecdc;
}
.page-info .words_red {
  width: 8.23466667rem;
  margin-top: 0.53333333rem;
  margin-left: 2.50666667rem;
}
.page-info .words_red img {
  width: 100%;
}
.page-info .words_black {
  width: 14.66666667rem;
  margin-top: 0.53333333rem;
  margin-left: 2.50666667rem;
  font-size: 0.65333333rem;
  font-weight: bold;
  color: #353535;
  line-height: 1.06666667rem;
  text-align: left;
  margin-bottom: 1.6rem;
}
.page-test {
  background-color: #f9ecdc;
}
.page-test .question {
  margin-left: 1.97333333rem;
  margin-top: 1.33333333rem;
  width: 15.30666667rem;
  height: 4.53333333rem;
}
.page-test .question .ques {
  display: none;
  width: 100%;
}
.page-test .question .ques.active {
  display: block;
}
.page-test .answer {
  width: 15.30666667rem;
  height: 3.73333333rem;
  margin-left: 2.24rem;
  margin-top: 0.8rem;
}
.page-test .answer .answ {
  display: none;
}
.page-test .answer .answ.active {
  display: block;
}
.page-test .answer .ans_item {
  text-align: left;
}
.page-test .answer .circle {
  width: 1.06666667rem;
  height: 1.06666667rem;
  margin-top: 0.32rem;
  border-radius: 50%;
  float: left;
  background-color: #f9ecdc;
  border: 0.21333333rem solid #c6c6c6;
  margin-right: 0.64rem;
}
.page-test .answer .circle.active {
  background-color: #e4a24e;
  border: none;
}
.page-test .answer .ans {
  width: 6.64rem;
}
.page-menshao {
  background-color: #333;
}
.page-xijing {
  background-color: #444;
}
.page-tili {
  background-color: #555;
}
.page-liaoren {
  background-color: #666;
}
.page-yanzhi {
  background-color: #777;
}
.radarWrap {
  width: 100%;
  position: absolute;
  bottom: 6.74666667rem;
  left: 0;
}
.radarWrap .radar {
  width: 6.4rem;
  height: 6.4rem;
  background-color: #ccc;
  margin-left: 6.8rem;
}
.radarWrap.down {
  bottom: 5.86666667rem;
}
.page-tag .one .tit {
  color: #c53e34;
  font-size: 0.50666667rem;
  font-size: 0.61333333rem;
  font-weight: bold;
}
.page-tag .one .desc {
  color: #c99d79;
  font-size: 0.34666667rem;
  font-size: 0.4rem;
}
.page-tag .one .start {
  width: 2.29333333rem;
  background: url("../img/icon-u.png?v=1") left center repeat-x;
  background-size: 0.48rem 0.42666667rem;
  margin: 0 0.26666667rem;
}
.page-tag .one .start_3 {
  width: 1.33333333rem;
}
.page-tag .menshao {
  left: 9.01333333rem;
  top: -1.17333333rem;
}
.page-tag .liaoren {
  left: 13.33333333rem;
  top: 1.73333333rem;
}
.page-tag .xijing {
  left: 11.6rem;
  bottom: -0.64rem;
}
.page-tag .tili {
  right: 11.46666667rem;
  bottom: -0.64rem;
}
.page-tag .yanzhi {
  right: 13.33333333rem;
  top: 1.73333333rem;
}