#app{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	max-width: 750px;
	
}
#bg {
 top:0;
 left:0;
 bottom:0;
 right:0;
 overflow:auto;
  background:#ffc3cb;
}
#bg header {
 /* height:5.89em; */
 /* background:url(../image/head_img.png) no-repeat 50%; */
 /* background-size:100% 100%; */
 /* overflow:hidden */
}
#agentTitle {
	/* background:#ffB6C1; */
	width: 100%;
	height: 6.58rem;
}
#agentTitle img {
	width: 100%;
	
}
#bg .section {
 position:relative;
 padding:0 .42rem;
 background:#ffc3cb;
 overflow:hidden;
 margin-bottom: 1.5rem;
}
#bg .section .text_p {
 font-family:MicrosoftYaHei;
 font-size:.24rem;
 text-align:center;
 color:#525252;
 margin-top:.34rem
}


#bg .section .input_box {
 /* width:6.47rem; */
 /* margin-left:-.155rem */
}
#bg .section .input_box .input_box_content {
 position:relative;
 height:.89rem;
 background:#fff;
 border:1px solid #c6c0b4;
 border-radius:.1rem
}
#bg .section .input_box .input_box_content .icons_ {
 position:absolute;
 top:-.15rem;
 left:-.01rem;
 width:.81rem
}
#bg .section .input_box .input_box_content .text_content {
 position:absolute;
 top:0;
 left:1.04rem;
 height:.89rem;
 width:1.5rem;
 line-height:.89rem;
 font-size:.3rem;
 color:#838280
}
#bg .section .input_box .input_box_content input {
 position:absolute;
 top:0;
 left:2.39rem;
 width:3rem;
 height:.89rem;
 font-size:.3rem;
 color:#646464;
 border:none
}
#bg .section .input_box .input_box_content .input_color {
 color:var(--scss_var_input_color)
}
#bg .section .input_box .input_box_content ::-webkit-input-placeholder {
 color:var(--scss_var_);
 opacity:var(--scss_var_opacity);
 font-size:.32rem
}
#bg .section .input_box .input_box_content :-moz-placeholder,
#bg .section .input_box .input_box_content ::-moz-placeholder {
 color:#646464;
 opacity:.5;
 font-size:.32rem
}
#bg .section .input_box .input_box_content :-ms-input-placeholder {
 color:#646464;
 opacity:.5;
 font-size:.32rem
}
#bg .section .input_box .input_box_content:first-child {
 margin-bottom:.16rem
}
#bg .section .button_box__ {
 width:5.8rem;
 height:1.08rem;
 font-size:.35rem;
 background:url(../image/test_img2.png);
 background-size:100% 100%;
 margin:auto;
 margin-top:.25rem;
 text-align:center;
 text-align:-webkit-center;
 -webkit-animation-name:myfirst-data-v-0d0de5a8;
 animation-name:myfirst-data-v-0d0de5a8;
 -webkit-animation-duration:1s;
 animation-duration:1s;
 animation-iteration-count:infinite;
 -webkit-animation-iteration-count:infinite
}
#bg .section .checkbox_box{
	margin-top: 0.34rem;
	    display: flex;
	    flex-wrap: nowrap;
	    align-content: center;
	    align-items: center;
	    justify-content: center;
}
#bg .section .checkbox_box .checkbox{
	width: 0.35rem;
	height: 0.35rem;
	background: #FFFFFF;
	text-align: center;
	font-size: 0.38rem;
	border: 1px solid #c8c9cc;
	line-height:0.35rem;
}
#bg .section .checkbox_box .checkbox_activ{
	width: 0.35rem;
	height: 0.35rem;
	background: #FFFFFF;
	text-align: center;
	font-size: 0.38rem;
	border: 1px solid #e15757;
	line-height:0.35rem;
}
 #bg .section .checkbox_box .checkbox{
	 
 }
#bg .section .checkbox_text{
	margin-left: 0.2rem;
}
#bg .section .message_box {
 position:relative;
 margin:0 auto;
 padding:.28rem .23rem;
 border:1px solid #525252;
 width:5.7rem;
 max-height:2.86rem;
 overflow-y:hidden;
 margin-top:.2rem
}
#bg .section .message_box .child li,
#bg .section .message_box ul li {
 margin-bottom:.29rem
}
#bg .section .message_box .child li span,
#bg .section .message_box ul li span {
 display:inline-block;
 font-size:.2224rem;
 color:#525252
}
#bg .section .message_box .child li span:first-child,
#bg .section .message_box ul li span:first-child {
 width:1.3rem
}
#bg .section .message_box .child li span:nth-child(2),
#bg .section .message_box ul li span:nth-child(2) {
 width:.8rem
}
#bg .section .message_box .child li span:nth-child(3),
#bg .section .message_box ul li span:nth-child(3) {
 width:1rem
}
#bg .section .message_box .child li span:last-child,
#bg .section .message_box ul li span:last-child {
 margin-right:0
}
#bg .section .message_box .child li:last-child,
#bg .section .message_box ul li:last-child {
 margin-bottom:0
}
#bg .section h3 {
 font-family:MicrosoftYaHei;
 text-align:center;
 color:#c4393e;
 font-size:.4rem;
 margin-top:.83rem
}
#bg .section .img_box__ {
 position:relative;
 width:7.5rem;
 left:-.42rem
}
#bg .section .img_box__ button {
 position:absolute;
 left:0;
 right:0;
 bottom:.7rem;
 margin:auto
}
#bg .section .good_reputation_box_ {
 position:relative;
 width:7.5rem;
 left:-.42rem;
 margin-bottom:.45rem;
 background:url(../image/bg.jpg) no-repeat 50%;
 background-size:100% 100%;
 padding-top:.39rem
}

#bg .section .good_reputation_box_ .text_h1__ {
 text-align:center;
 font-size:.38rem;
 font-family:Microsoft YaHei;
 font-weight:700;
 color:#d74a50;
 margin-bottom:.36rem
}
#bg .section .good_reputation_box_ .commentbox .commentbox_row{
	display: flex;
	    flex-direction: row;
	    justify-content: space-around;
	    align-content: center;
	    align-items: center;
	    flex-wrap: nowrap;
}
.commentscrollbox {
 overflow:hidden;
 height:600px
}
.commentscrollbox .nameheader {
 display:flex
}
.nameheader img {
 width:35px;
 height:35px;
 border-radius:50%;
 margin-right:10px
}
.nameheader p {
 padding:0;
 margin:0;
 font-size:14px;
 color:#020202
}
.nameheader .time {
 font-size:12px;
 color:#979797
}
.commentlist {
 padding:0px 20px 0px 20px;
}
.commentlist .comment {
 font-size:14px;
 color:#525252;
 line-height:1.4em
}
.vaIicon{
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1;
	color:
	#c8c9cc;
	font-size: 22px;
	cursor: pointer;
}

#bg footer {
 padding-bottom:1.5rem;
 background:#ffe7f1;
 padding-top:.35rem
}


#bg .buttom_anchor {
 position:fixed;
 bottom:0;
 width:7.5rem;
 text-align:center;
 line-height:1.11rem;
 font-size:.36rem;
 background:#c4393e;
 color:#fff;
 height:1.11rem;
 box-shadow:1px -8px 23px -8px rgba(236,158,158,.81)
}
 
 
@-webkit-keyframes myfirst-data-v-0d0de5a8 {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 to {
  transform:scale(1)
 }
}
@keyframes myfirst-data-v-0d0de5a8 {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 to {
  transform:scale(1)
 }
}
#bg .red_packet_box {
 width:5.25rem;
 height:8.23rem;
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 margin:auto;
 right:0;
 background:url(https://img.nnabc.cn/WechatIMG283.png) no-repeat;
 background-size:100% 100%;
 z-index:100;
 text-align:center
}
#bg .red_packet_box h1 {
 text-align:center;
 margin-top:1rem;
 color:#e38000;
 font-size:.35rem
}
#bg .red_packet_box h2 {
 font-weight:600;
 margin-top:.2rem;
 font-size:1rem;
 color:red
}
#bg .red_packet_box h2 span {
 font-size:.35rem
}
#bg .red_packet_box p {
 margin-top:.2rem;
 font-size:.25rem;
 color:#c37d3f
}
#bg .red_packet_box .count_down_box {
 margin-top:1.5rem
}
#bg .red_packet_box .count_down_box .colon {
 display:inline-block;
 margin:0 .04rem;
 font-size:.2rem;
 color:#fff
}
#bg .red_packet_box .count_down_box .block {
 display:inline-block;
 width:.43rem;
 color:#fff;
 font-size:.24rem;
 text-align:center;
 background-color:#b63437;
 box-sizing:border-box;
 border:1px solid #fa455f
}
#bg .red_packet_box .count_down_box .text {
 margin-left:.1rem;
 font-size:.2rem
}
#bg .red_packet_box .buttom {
 width:3.51rem;
 margin:auto;
 margin-top:.44rem
}
#bg .red_packet_box .buttom:last-child {
 color:#f7b352;
 font-size:.42rem;
 border:1px solid #d49c46;
 border-radius:.81rem;
 background:hsla(0,0%,100%,0);
 height:.81rem;
 line-height:.81rem;
 margin-top:-.1rem
}
#bg .red_packet_box2 {
 width:7.5rem;
 height:10rem;
 background:url(https://img.nnabc.cn/WechatIMG293.png) no-repeat;
 background-size:100% 100%;
 z-index:100;
 text-align:center
}
#bg .red_packet_box2 h1 {
 margin-top:1.5rem
}
#bg .red_packet_box2 h2 {
 font-size:1rem
}
#bg .red_packet_box2 .p {
 margin-top:1.8rem;
 font-size:.28rem;
 color:#feca77
}
#bg .red_packet_box2 .p span {
 font-size:.32rem
}
#bg .red_packet_box2 .p_span {
 color:#feca77;
 font-size:.22rem;
 margin-top:.05rem
}
#bg .red_packet_box2 .buttom {
 margin-top:.2rem
}
#bg .red_packet_box2 .buttom:last-child {
 margin-top:-.1rem
}
#bg .mask_layer {
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:rgba(0,0,0,.5);
 z-index:2
}
#bg .wrapper {
 width:7.5rem;
 height:100%;
 margin:0 auto
}
#bg .wrapper .block {
 position:fixed;
 top:50%;
 left:50%;
 margin:0 auto;
 width:5.5rem;
 height:9.3rem;
 transform:translate(-50%,-50%);
 background-color:#fff;
 border-radius:.4rem;
 padding:.4rem 0
}
#bg .wrapper .block .title {
 color:#cf031a;
 text-align:center;
 font-size:.352rem;
 font-weight:700;
 margin:0;
 margin-top:.1rem
}
#bg .wrapper .block .title_tow {
 margin-top:.2rem
}
#bg .wrapper .block .bg_box_chunk_ {
 overflow:hidden;
 margin-top:.9rem
}
#bg .wrapper .block .bg_box_chunk_ .img_bg_box {
 width:4.48rem;
 height:.5rem;
 background:url(https://cdn.zhiyileiju.cn/WechatIMG599.pic) no-repeat;
 background-size:100% 100%;
 margin:0 auto;
 margin-top:.13rem
}
#bg .wrapper .block .bg_box_chunk_ .only_remain_text {
 float:right;
 font-size:.26rem;
 color:#f5a625;
 margin-right:.21rem
}
#bg .wrapper .block .bg_box_chunk_ .bottom_text_box__ {
 display:flex;
 overflow:hidden;
 width:5.5rem;
 white-space:nowrap
}
#bg .wrapper .block .bg_box_chunk_ .bottom_text_box__ .bottom_text__ {
 float:left;
 color:#525252;
 font-size:.26rem;
 margin-top:.29rem
}
#bg .wrapper .block .bg_box_chunk_ .bottom_text_box__ .bottom_text__:first-child {
 margin-left:.26rem
}
#bg .wrapper .block .bg_box_chunk_ .bottom_text_box__ .bottom_text__:nth-child(2) {
 margin-left:1.02rem
}
#bg .wrapper .block .bg_box_chunk_ .bottom_text_box__ .bottom_text__:nth-child(3) {
 margin-left:.4rem
}
@media screen and (max-width:340px) {
 #bg .wrapper .block .bg_box_chunk_ .bottom_text_box__ .bottom_text__:nth-child(3) {
  margin-left:.2rem
 }
}
#bg .wrapper .block .payed {
 width:4.5rem;
 height:.98rem;
 font-size:.38rem;
 border-radius:49px;
 text-align:center;
 margin:0 auto;
 line-height:.98rem
}
#bg .wrapper .block .payment_ {
 margin-top:1.09rem;
 color:#fff;
 background:#cf031a
}
#bg .wrapper .block .unpay_ {
 margin-top:.31rem;
 color:#fff;
 background:#f5a625
}
#bg .wrapper .block .Dcheckorder_ {
 margin-top:.31rem;
 box-sizing:border-box;
 border:1px solid #f5a625
}
#bg .wrapper .block .count_down_box_ {
 text-align:center;
 margin-top:.4rem
}
#bg .wrapper .block .count_down_box_ .colon {
 display:inline-block;
 margin:0 .04rem;
 font-size:.2rem;
 color:#b63437
}
#bg .wrapper .block .count_down_box_ .block_ {
 display:inline-block;
 width:.43rem;
 color:#fff;
 font-size:.24rem;
 text-align:center;
 background-color:#b63437;
 box-sizing:border-box;
 border:1px solid #fa455f
}
#bg .wrapper .block .count_down_box_ .text {
 margin-left:.1rem;
 font-size:.14rem;
 color:#525252
}
#bg .fixation_complaint {
 position:fixed;
 width:.48rem;
 top:7.2rem;
 right:0
}
#bg .order_query_ {
 position:fixed;
 width:.48rem;
 top:3.02rem;
 right:0
}
#bg .order_query_ img {
 width:100%
}
.home_marriage_test .van-form {
 font-size:.32rem;
 color:#525252
}
.home_marriage_test .van-form .van-icon {
 border:1px solid #ec3c3c
}
.home_marriage_test .van-form .van-cell {
 background-color:transparent
}
.home_marriage_test .van-form .van-field__label {
 width:4;
 color:#ec3c3c
}
.home_marriage_test .van-form .van-field__label span:first-child {
 font-size:.32rem
}
.home_marriage_test .van-checkbox {
 justify-content:center
}
.home_marriage_test .van-button--round {
 width:5.69rem;
 height:.92rem;
 margin-top: 0.6rem;
  color: rgb(196, 23, 19); 
  background: rgb(254, 201, 149) none repeat scroll 0% 0%;
}
.home_marriage_test .text_p .van-checkbox__icon--checked .van-icon {
 color:#e15757;
 font-weight:900;
 background-color:#fff8f8;
 border-color:#e15757
}
.home_marriage_test .van-radio__label {
 color:#525252!important
}


.tag {
 text-align:center;
 width:2rem;
 display:inline-block;
 border:1px solid #c91c18;
 border-radius:5px;
 font-size:.24rem;
 color:#c91c18;
 padding:7px 4px;
 margin-bottom:10px
}
.col {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap
}
.commentscrollbox {
 overflow:hidden;
 height:600px
}
.commentlist li {
 border-bottom:1px dotted #979797;
 margin-bottom:10px
}
.nameheader {
 display:flex
}
.nameheader img {
 width:35px;
 height:35px;
 border-radius:50%;
 margin-right:10px
}
.nameheader p {
 padding:0;
 margin:0;
 font-size:14px;
 color:#020202
}
.nameheader .time {
 font-size:12px;
 color:#979797
}
.commentlist .comment {
 font-size:14px;
 color:#525252;
 line-height:1.4em
}
.commentpicbox {
 display:flex;
 flex-wrap:nowrap
}
.commentpicbox img {
 width:22vw;
 height:22vw;
 border-radius:8px;
 margin-right:14px
}
.commentfooter {
 padding:10px 0;
 font-size:12px
}
.commentfooter,
.likebox {
 display:flex;
 justify-content:space-between;
 align-items:center
}
.likebox_active{ 
 color: rgb(185, 83, 83);
}
.likebox img {
 width:13px;
 margin-right:5px
}
.lookbox {
 color:#979797
}
.hb_box{
	position: absolute;
	top:0.5rem;
	left: 0.5rem;
	width: 80%;
}
.hb_box——text{
	text-align: center;
	color:	#e38000;
	font-size: .35rem;
}
.yuan{
	font-size: 0.65rem;
	margin-top: 0.15rem;
	color: red;
		text-align: center;
}
.jj{
	font-size: 0.32rem;
	margin-top: 0.15rem;
	color: #fd5527;
		text-align: center;
		font-weight: bold;
}
.ce{
	font-size: 0.2rem;
	margin-top: 1.8rem;
	color: #FFFFFF;
		text-align: center;
		font-weight: bold;
}
.hb_box .p2 .block {
  display:inline-block;
  width:.43rem;
  color:#fff;
  font-size:.24rem;
  text-align:center;
  background-color:#b63437;
  box-sizing:border-box;
  border:1px solid #fa455f
 }
 
 .inner-box {
     position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #f7959b;
    white-space: nowrap;
    display: inline-block;
    -webkit-animation: wordsLoop 18s linear infinite normal;
    animation: wordsLoop 18s linear infinite normal;
}
.inner-box {
    font-size: 12px;
}
.inner-box img {
	width: 100%;
	vertical-align: baseline
}
.top {
    height: 30px;
    line-height: 30px;
    width: 100%;
    max-width: 640px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2;
    background: #ffe8e8;
}