@charset "gb2312";
html,
body {
  height: 100%;
  font-size: 0.34666667rem;
}
.red {
  color: #ff0e0d!important;
}
.red-dark {
  color: #b00a0b!important;
}
.green {
  color: #04b504!important;
}
.blue {
  color: #0027ce!important;
}
.purple {
  color: #6c00aa!important;
}
.wrapper {
  width: 10rem;
  margin: 0 auto;
}
.wrapper img {
  width: 100%;
}
.form {
  padding: 0 0.66666667rem;
  height: 6.6rem;
  background: url("nhlihun_04.png") repeat-y;
  background-size: 100%;
}
.form-tips {
  position: relative;
  margin-bottom: 0.26666667rem;
  z-index: 1;
  text-align: center;
  font-size: 0.37333333rem;
}
.form-horizontal {
  position: relative;
  z-index: 1;
  text-align: center;
}
.form-btn {
  margin-top: 0.4rem;
  margin-bottom: 0.26666667rem;
}
.query-btn {
  margin: 0 auto;
  width: 7.77333333rem;
  height: 1.29333333rem;
  border: 0;
  font-size: 0.45333333rem;
  font-weight: 700;
  line-height: 1.17333333rem;
  color: #b31a1f;
  text-indent: -9999em;
  background: url("formbtn.png") no-repeat;
  background-size: 100%;
  outline: none;
}
.query-btn-animation {
  animation: btnAnimaition 1.3s infinite linear;
}
.form-group {
  padding-left: 2.13333333rem;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  font-size: 0.37333333rem;
  border-bottom: 1px solid #c8ab8b;
}
.form-group .control-label {
  float: left;
  color: #f91718;
  margin-left: -2.13333333rem;
}
.form-group .form-right {
  text-align: left;
  width: 100%;
  font-size: 0.32rem;
}
.form-group .form-control {
  width: 100%;
  font-size: 0.37333333rem;
  border: 0;
  background: transparent;
}
.sex-checkbox {
  display: none;
}
.sex-checkbox + label {
  margin-right: 0.26666667rem;
  width: 0.53333333rem;
  height: 0.53333333rem;
  display: inline-block;
  line-height: 0.53333333rem;
  text-align: center;
  border: 1px solid #c8ab8d;
  background: #fff;
  border-radius: 50%;
}
.sex-checkbox:checked + label {
  color: #fff;
  background: #b72c27;
  border: 1px solid #b72c27;
}
.clause-checkbox {
  display: none;
}
.clause-checkbox + label {
  display: inline-block;
  width: 0.38666667rem;
  height: 0.34666667rem;
  background: url("clause-check.png") no-repeat;
  background-size: 0.86666667rem 0.34666667rem;
}
.clause-checkbox:checked + label {
  background-position: -0.38666667rem 0;
}
.form-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 0.72rem;
  font-size: 0.34666667rem;
}
.form-flex .ml {
  margin-left: 0.4rem;
}
#comment-list {
  margin-bottom: 0.26666667rem;
  height: 5.33333333rem;
  overflow: hidden;
}
.user-panel {
  padding: 0 0.61333333rem;
  height: 5.49333333rem;
  background: url("nhlihun_15.png") repeat-y;
  background-size: 100%;
}
.user-evaluate {
  position: relative;
  margin: 0 0.26666667rem 0.4rem;
}
.user-evaluate li {
  padding: 0.26666667rem 0.13333333rem;
  border-bottom: 1px solid #ebd9c5;
}
.user-evaluate li .user {
  margin-bottom: 0.4rem;
  font-size: 0.37333333rem;
  color: #8b4e22;
}
.user-evaluate li .evaluate {
  font-size: 0.34666667rem;
}
.rmcs-panel {
  padding: 0 0.61333333rem;
  height: 8.66666667rem;
  background: url("nhlihun_15.png") repeat-y;
  background-size: 100%;
}
.rmcs-banner {
  margin: 0 auto 0.13333333rem;
}
.rmcs-banner img {
  display: block;
  width: 100%;
}
.rmcs-list {
  margin: 0 0.26666667rem 0;
}
.rmcs-list li {
  padding: 0.26666667rem 0;
  border-bottom: 1px solid #ebd9c5;
}
.rmcs-list li:before,
.rmcs-list li:after {
  content: " ";
  display: table;
}
.rmcs-list li:after {
  clear: both;
}
.rmcs-list li:last-child {
  border-bottom: 0;
}
.rmcs-list li .list-img {
  float: left;
  margin-right: 0.4rem;
  width: 1.36rem;
  height: 1.36rem;
}
.rmcs-list li .list-img img {
  width: 100%;
}
.rmcs-list li .list-con h3 {
  margin-bottom: 0.18666667rem;
  font-weight: 900;
  font-size: 0.37333333rem;
  overflow:hidden;
  white-space: nowrap;
  height:0.48rem;
  text-overflow: ellipsis;
}
.rmcs-list li .list-con p {
  overflow:hidden;
  white-space: nowrap;
  height:0.48rem;
  text-overflow: ellipsis;
  font-size: 0.34666667rem;
}
.container {
  padding-bottom: 0.26666667rem;
}
.result-topbg {
  background:#7714c3 url("nhlihun_03.png") no-repeat;
  background-size: 100%;
}
.result-topbg .header {
  height: 6.53333333rem;
}
.box {margin-bottom: 0.26666667rem;}
.box-body {padding: 0 0.61333333rem;background: url("nhlihun_15.png") repeat-y;background-size: auto;background-size: 100%;font-size:0.34666667rem;}
.box-panel {}
.box-first {
  margin-top: 0.53333333rem;
}
.box-head {
  position: relative;
  margin: 0 auto;
  height: 1.41333333rem;
  text-align: center;
  z-index: 1;
  background: url("nhlihun_06.png");
  background-size: 100%;
}
.box-head .tit {
  color: #ffffff;
  line-height: 1.18rem;
  font-size: 0.50666667rem;
  font-weight: 900;}
.result-ggao {
  margin: 0 auto;
  margin-bottom: 0.26666667rem;
  width: 9.46666667rem;
}
.result-ggao img {
  width: 100%;
}
.result {
    padding:0.13333333rem 0.32rem 0.32rem;
    font-size: 0.34666667rem;
    line-height: 0.56rem;
    background: #f6f6f6;
}
.result-first {
  padding: 2px 0.13333333rem;
  background: #ecd29f;
  border: 1px dashed #990000;
}
.result-head {
  margin-bottom: 0.32rem;
  color: #990000;
  font-size: 0.4rem;
  font-weight: 900;
}
.result-head:before {
  content: '';
  margin-right: 0.26666667rem;
  margin-top: -0.05333333rem;
  display: inline-block;
  vertical-align: middle;
  width: 0.13333333rem;
  height: 0.53333333rem;
  background: #ff0e0d;
  border-radius: 0.06666667rem;
}
.result-head-c1 {
  color: #990000;
}
.result-qxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0.53333333rem;
}
.result-qxt .qxt-tit {
  float: left;
  margin-right: 0.4rem;
  width: 1.01333333rem;
}
.result-qxt .qxt-tit img {
  width: 100%;
}
.result-qxt .qxt-con {
  float: left;
  width: 6.81333333rem;
}
.result-qxt .qxt-con img {
  width: 100%;
}
.result-bzmp {
  margin-bottom: 0.53333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.result-bzmp .bzmp-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.result-type {
  margin-bottom: 0.18666667rem;
  padding: 0 10px;
  display: inline-block;
  color: #ae090a;
  font-size: 0.32rem;
  border: 1px dashed #990000;
  background: #ecd29f;
}
.result-type-c1 {
  background: #ffeef7;
}
.result-tit {
  margin-bottom: 0.18666667rem;
  padding-left: 0.13333333rem;
  width: 5.33333333rem;
  color: #990000;
  background: -o-linear-gradient(to right, #febb5f, transparent);
  background: -moz-linear-gradient(to right, #febb5f, transparent);
  background: -webkit-linear-gradient(to right, #febb5f, transparent);
  background: linear-gradient(to right, #febb5f, transparent);
}
.result-con {
  margin-bottom: 0.18666667rem;
}
.result-con li span {
  display: inline-block;
  vertical-align: middle;
}
.result-con li .tit {
  margin-right: 0.45333333rem;
  width: 2rem;
  color: #04b700;
}
.result-con li .star {
  margin-right: 0.45333333rem;
  width: 1.6rem;
  color: #ff0e0d;
}
.result-con li .score {
  color: #ff0e0d;
}
.result-ysfz .tit {
  margin-bottom: 0.26666667rem;
  padding: 0 10px;
  display: inline-block;
  font-size: 0.32rem;
  border: 1px dashed #ff0000;
  background: #ffefce;
}
.result-ysfz .cons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0.4rem;
}
.result-ysfz .cons img {
  margin-right: 0.26666667rem;
  width: 1.38666667rem;
}
.result-ysfz .cons .con {
  display: flex;
  flex-direction: column;
  border: 1px dashed #ff0000;
  border-bottom: 0;
  flex: 1;
  text-align: center;
}
.result-ysfz .cons .con p {
  flex: 1;
}
.result-ysfz .cons .con .c1 {
  color: #794c77;
  border-bottom: 1px dashed #ff0000;
  background: #ecdbeb;
}
.result-ysfz .cons .con .c2 {
  border-bottom: 1px dashed #ff0000;
  background: #fff;
}
.result-ysfz .cons .con .c3 {
  color: #c12213;
  border-bottom: 1px dashed #ff0000;
  background: #ffefce;
}
.result-xtbzmp ul {
  margin-bottom: 0.34666667rem;
}
.result-xtbzmp .xtbzmp-item {
  float: left;
  width: 50%;
  margin-bottom: 0.18666667rem;
}
.result-xtbzmp .xtbzmp-item:before,
.result-xtbzmp .xtbzmp-item:after {
  content: " ";
  display: table;
}
.result-xtbzmp .xtbzmp-item:after {
  clear: both;
}
.result-xtbzmp .xtbzmp-item .tit {
  float: left;
  margin-right: 0.18666667rem;
  margin-top: 0.02666667rem;
  display: inline-block;
  vertical-align: middle;
  width: 1.22666667rem;
  height: 0.42666667rem;
  color: #ffffff;
  font-size: 0.26666667rem;
  text-align: center;
  line-height: 0.42666667rem;
  border-radius: 0.21333333rem;
  background: #39b54a;
}
.result-xtbzmp .xtbzmp-item .con {
  overflow: hidden;
}
.result-xtbzmp .xtbzmp-mPang {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.result-xtbzmp .xtbzmp-mPang .left {
  width: 105px;
  margin-right: 20px;
}
.result-xtbzmp .xtbzmp-mPang .left img {
  display: block;
}
.result-xtbzmp .xtbzmp-mPang .left .tit {
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #966e96;
  text-align: center;
  background: #eddaed;
}
.result-xtbzmp .xtbzmp-mPang .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.result-tsfx .tit {
  color: #ff0e0d;
  font-size: 0.32rem;
}
.result-tsfx .mb20 {
  margin-bottom: 0.26666667rem;
}
.result .endfont {
  color: #ff0e0d;
  font-size: 0.32rem;
  font-weight: 900;
}
.table {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.26666667rem;
  line-height: 26px;
  border: 1px solid #9e6e0a;
}
.table tr {
  border: 1px solid #9e6e0a;
}
.table .date {
  background: #ffffcc;
}
.table .date td {
  border: 1px solid #9e6e0a;
}
.table .life {
  background: #ffe6e6;
}
.table .life td {
  color: #ff0e0d;
  border: 1px solid #9e6e0a;
}
.table .hour {
  background: #ffffff;
}
.table .noline {
  border-bottom: 1px solid #fff;
}
.szbz-head {
  text-align: center;
}
.szbz-head span {
  display: inline-block;
  width: 0.58666667rem;
  height: 0.58666667rem;
  text-align: center;
  line-height: 0.58666667rem;
  color: #fff;
  font-size: 0.32rem;
  background: #f9aa4c;
  border-radius: 50%;
}
.szbz-table {
  margin: 0 auto;
  width: 2.84rem;
  height: 2.77333333rem;
  text-align: center;
  border: 1px solid #ffa131;
  background: #fff;
}
.szbz-table .year {
  background: #ffffcc;
}
.szbz-table .year td {
  color: #f9aa4c;
  border: 1px solid #ffa131;
}
.szbz-table .tit {
  background: #ffdfbf;
}
.szbz-table .tit td {
  height: 0.48rem;
  color: #ff9f2d;
}
.szbz-table .hour td {
  padding: 0.06666667rem;
}
.szbz .cell {
  display: inline-block;
  margin: 0.06666667rem 0;
  padding: 0.06666667rem 0.13333333rem;
  font-size: 0.32rem;
  background: #ffdddd;
}
.szbz .noline {
  border-bottom: 1px solid #fff;
}
.zwds-head {
  text-align: center;
}
.zwds-head span {
  display: inline-block;
  width: 0.58666667rem;
  height: 0.58666667rem;
  text-align: center;
  line-height: 0.58666667rem;
  color: #fff;
  font-size: 0.32rem;
  background: #8360a4;
  border-radius: 50%;
}
.zwds-body {
  position: relative;
  margin: 0 auto;
  width: 2.84rem;
  height: 2.73333333rem;
  background: #fff;
  border: 1px solid #b25158;
}
.zwds-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.zwds-box-cfont .zwds-item {
  color: #9d1b27;
}
.zwds-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 0.26666667rem;
  color: #769dc6;
}
.zwds-item .radius {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  color: #841728;
  text-align: center;
  line-height: 0.4rem;
  background: #f9e610;
  border: 1px solid #841728;
  border-radius: 50%;
}
.zwds-item .radius-c1 {
  background: #fdd7d9;
}
.zwds-item .radiusBlue {
  display: block;
  margin: 0 auto;
  width: 0.32rem;
  height: 0.32rem;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #333333;
  background: #c9e3ff;
  border: 1px solid #841728;
  border-radius: 50%;
}
.zwds-item.lastChild {
  text-align: center;
  flex: none;
  width: 0.42666667rem;
}
.zwds-hour {
  position: absolute;
  bottom: 0.48rem;
  width: 100%;
  text-align: center;
  color: #841728;
}
.zwds-tit {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #841728;
  background: #ffdfbf;
}
.fix-btn {
  position: fixed;
  bottom: 0;
  padding: 10px 0;
  width: 10rem;
  text-align: center;
  background: #c172ff;
  z-index: 10;
}
@keyframes btnAnimaition {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes btnAnimaition {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-moz-keyframes btnAnimaition {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-ms-keyframes btnAnimaition {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}



.srxx_txt {padding: 0 0.66666667rem;height:1rem;background: url("nhlihun_03.png") no-repeat;background-size: 100%;}
.srxx_txt p {font-size: 0.45333333rem;text-align: center;padding-top:0.35333333rem;}
.srxx_txt p i {color:#da1c0f;}

.lihun_Title {padding: 0 0.66666667rem;height:1.4rem;background: url("nhlihun_06.png") no-repeat;background-size: 100%;}
.lihun_Title span{font-size: 0.45333333rem;text-align: center;padding-top:0.26666667rem;display: block;color:#ffffff;}


/*结果页*/

/*你的信息*/
.your_xx_nr {font-size:0.34666667rem;}
.your_xx_item {padding:0.13333333rem;overflow: hidden;}
.your_xx_item b {width:1.8rem;float:left;}
.your_xx_item span {color:#7714c3;}
.your_xx_item p {padding-left:1.8rem;}
/*你的信息 end*/

/* 紫微斗数夫妻宫点评 */
.zwds_dianping_nr {padding:0 0.61333333rem;background: url("nhlihun_15.png") repeat-y;background-size: auto;background-size: 100%;font-size:0.34666667rem;}
/* 紫微斗数夫妻宫点评  end*/

/*结果页 end*/