/*首页的标题区域*/
.hometitle{
    display: block;
    overflow: hidden;
    margin: 0 0 0.4rem 0;
    position: relative;
}
.hometitle span{
    font-size: 0.3rem;
    font-size: 0.29rem;
    font-weight: 600;
    color: #000000;
    position: relative;
    display: inline-block;
    z-index: 1;
    padding:  0 0 0.05rem 0;
}
.hometitle span:after{
    width: 100%;
    height:0.16rem;
    display: inline-block;
    content: ' ';
    position: absolute;
    bottom: 0rem;
    left: 0;
    background: url("../img/titleborder.png") no-repeat  center;
    background-size: 100% ;
    z-index: -1;
}
.hometitle a.checkbtn{
    width: 1.36rem;
    height: 0.48rem;
    display: inline-block;
    border-radius: 0.48rem;
    border: 1px  solid #666666;
    text-align: center;
    font-size: 0.24rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.46rem;
    letter-spacing: 0;
    float: right;
}
.hometitle p{
    font-size: 0.25rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.26rem;
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 0.08rem;
}

.hometitle a.morea{
    font-size: 0.25rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.26rem;
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 0.08rem;
}
.hometitle a.morea i {
    width: 0.14rem;
    height: 0.14rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/right.png) no-repeat;
    background-size: 100% 100%;
    margin: -0.05rem 0 0 0.02rem;
}



/*轮播图区域*/
.homeone{
    padding: 1.2rem 0 0 0;
    padding: 0.36rem 0 0 0;
    background: url("../img/homebannerbg.png") no-repeat top left;
    background-size: 100% 88%;
    /*min-height: 200px;*/
}
.mobileLunBo{
    margin: 0.4rem 0 0 0;
}
.mobileLunBo .swiper-container{
    position: relative;
    padding: 0 0 0.5rem 0;
}
.mobileLunBo .swiper-container:after{
    width: 100%;
    height: 100%;
    display: inline-block;
    content: ' ';
    position: absolute;
    top: 2%;
    left: 0%;
    background: url("../img/homebannershand.png") no-repeat center;
    background-size: 100% 100%;
}
.mobileLunBo .swiper-slide img{
    width: 100% !important;
    border-radius: 0.22rem;
}
.mobileLunBo .swiper-container-horizontal>.swiper-pagination{
    bottom: 0.72rem;
}
.mobileLunBo .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
    width: 0.36rem;
    height: 0.08rem;
    border-radius: 0;
    margin: 0 0.08rem;
    background: rgba(255,255,255,1);
    opacity: 1;
    display: inline-block;
}

.mobileLunBo .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active {
    background:#ff7e21;
}



/*<!--第二区域-->*/
.hometwo{
    display: block;
    margin-top: -0.24rem;
}
.hometwo .container {
    padding: 0 0.28rem;
}
.hometwo ul{
    display: block;
    overflow: hidden;
}
.hometwo ul li{
    width: 25%;
    padding: 0 ;
    text-align: center;
    float: left;
    display: inline-block;
    margin-bottom: 0.2rem;
}
.hometwo ul li img{
    /*max-width: 80%;*/
    width: 1.24rem ;
}
.hometwo ul li p{
    font-size: 0.26rem;
    /*font-size: 0.28rem;*/
    font-weight: 400;
    color: #444444;
    text-align: center;
    margin: -0.1rem 0 0 0;
    letter-spacing: 0;
}



/*第三区域*/
.homethree{
    margin-top: 0.3rem;
}
.homethree .hometitle span{
    margin-top: 0.06rem;
}
.homethree .joinbigbox{
    display: block;
    overflow: hidden;
    margin: 0 -0.08rem;
}
.homethree .joinbigbox .joinbox{
    display: inline-block;
    width: 50%;
    height: auto;
    padding: 0 0.08rem;
    float: left;
    box-sizing: border-box;
}
.homethree .joinbigbox .joinbox a{
    display: block;
    padding: 0.4rem;
    background: url("../img/homeimg1.png") no-repeat center;
    background-size: 100% 100%;
}
.homethree .joinbigbox .joinbox h3{
    font-size: 0.3rem;
    font-weight: bold;
    color: #A88F30;
    margin: 0 0 0.05rem 0;
    letter-spacing: 0;
}
.homethree .joinbigbox .joinbox p{
    font-size: 0.26rem;
    font-weight: 400;
    color: #9E9677;
}
.homethree .joinbigbox .joinbox:nth-child(2) a{
    background: url("../img/homeimg2.png") no-repeat center;
    background-size: 100% 100%;
}
.homethree .joinbigbox .joinbox:nth-child(2) h3{
    color: #FF7E21;
}
.homethree .joinbigbox .joinbox:nth-child(2) p{
    color: #CEA57E;
}

.homethree .saybox{
    margin-top: 0.4rem;
    height: 0.7rem;
    line-height: 0.7rem;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 0.02rem 0 1.38rem;
    background: #F1F5D9;
    border-radius: 5px 5px 5px 5px;
}
.homethree .saybox p.sayboxtitle{
    width:1.4rem;
    display: inline-block;
    position: absolute;
    top: 0.03rem;
    left: 0.28rem;
    font-size: 0;
}
.homethree .saybox .sayboxtitle img{
    width: 0.22rem;
    display: inline-block;
    vertical-align: middle;
}
.homethree .saybox .sayboxtitle img:nth-child(2){
    width: 0.56rem;
    margin: 0 0 0 0.06rem;
}
.homethree .saybox .sayboxtitle span{
    font-size: 0.3rem;
    font-weight: 400;
    background: linear-gradient(42deg, #FF7E21 0%, #FFA768 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.homethree .saybox .swiper-container{
    height: 0.7rem !important;
}
.homethree .saybox .swiper-slide a{
    font-size: 0.26rem;
    height: 100%;
    line-height: 0.72rem;
    display: block;
    /*line-height: 0.7rem;*/
    font-weight: 400;
    color: #A8B755;
}


/*置顶推荐*/
.gooduser{
    margin-top: 0.38rem;
}
.gooduser .userswer{
    margin:0 0 0 -0.1rem;

}
.gooduser .swiper-slide .swriperbox{
    padding:0 0.1rem  0.2rem 0.1rem ;
}
.gooduser .swiper-slide a{
    display: block;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0.08rem 0.16rem 0px rgba(189,176,176,0.2);
    border-radius: 0.12rem;
    text-align: center;
    padding:0.24rem 0.2rem ;
    border: 1px #f9f9f9 solid;
}
.gooduser .swiper-slide a .userimg{
    width: 0.9rem;
    height: 0.9rem;
    text-align: center;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.gooduser .swiper-slide a .userimg img{
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
}
.gooduser .swiper-slide a .name{
    font-size:0.28rem;
    line-height: 0.3rem;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    margin: 0.2rem 0 0.1rem 0;
    margin: 0.2rem 0 0.18rem 0;
}

.gooduser .swiper-slide a .sex i{
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    vertical-align: middle;
    margin: -0.04rem -0.04rem 0 0 ;
    background: url("../img/man.png") no-repeat center;
    background-size: 100%;
}
.gooduser .swiper-slide a .sex.woman i {
    background: url("../img/woman.png") no-repeat center;
    background-size: 100%;
}
.gooduser .swiper-slide a .sex span {
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.26rem;
    letter-spacing: 0;
}




/*优质会员*/
.homebg{
    background: #f3f3f3;
    margin-top: 0.26rem;
    padding: 0.4rem 0 0.3rem 0;
}
.goodmember{
    display: block;
    overflow: hidden;
    margin:0 -0.1rem ;

}
.goodmember li{
    width: 50%;
    height: auto;
    display: inline-block;
    float: left;
    padding:0 0.1rem ;

    margin-bottom: 0.2rem;
}
.goodmember li a{
    display: block;
    overflow: hidden;
    border-radius: 0.12rem;
    background: #ffffff;
}
.goodmember li a div.img{
    display: block;
    overflow: hidden;
}
.goodmember li a div.img img{
    width: 100%;
}
.goodmember li a .memberInfo{
    padding: 0.18rem 0.24rem;
}
.goodmember li a .memberInfo p{
    margin-bottom: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.32rem;
}
.goodmember li a .memberInfo p.name{
    font-size: 0.28rem;

    margin-bottom: 0.14rem;
    font-weight: 600;
    display: block;
    color: #000000;
}
.goodmember li a .memberInfo p.name span{
    display: inline-block;
    border-left: 1px #dddddd solid;
    font-size: 0.28rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    padding: 0 0 0 0.18rem;
    margin: 0 0 0 0.12rem;
}

.goodmember li a .memberInfo p.othre {
    font-size: 0.25rem;
    color: #898989;
    line-height: 0.28rem;

}
.morebtn{
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.28rem;
    color: #666666;
    display: block;
    margin: 0.2rem 0 0.3rem 0;
}
.morebtn i{
    width: 0.16rem;
    height: 0.16rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/right.png) no-repeat;
    background-size: 100% 100%;
    margin: -0.05rem 0 0 0.06rem;
}


/*不一样的区域*/
.goodmember li:nth-child(n+5){
    display: none;
}
.goodmemberactive.goodmember li:nth-child(n+5){
    display: block;
}





/*相亲活动*/
.homefive{
    margin-top: 0.4rem;
}
.activityul{
    display: block;
    overflow: hidden;
}
.activityul li{
    width: 100%;
    margin-bottom: 0.38rem;
    display: block;
    overflow: hidden;
    border-radius: 0.12rem;
    background: #ffffff;
}
.activityul li .img img,
.activityul li .img{
    width: 100%;
}
.activityul li .activityinfo{
    padding: 0.18rem 0.34rem;
}
.activityul li .activityinfo h3{
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
    line-height: 0.42rem;
    color: #333333;
    color: #4e4e4e;
    font-weight: 400;
    font-weight: 600;
}

.activityul li .sexmun {
    display: block;
    position:relative;
    padding: 0 2rem 0 0;
}
.activityul li .sexmun p{
    margin-bottom: 0.14rem;
}
.activityul li .sexmun p i.man{
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    vertical-align: middle;
    margin: -0.04rem -0.06rem 0 0;
    background: url(../img/man.png) no-repeat center;
    background-size: 100%;
}
.activityul li .sexmun p i.woman{
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    vertical-align: middle;
    margin: -0.04rem -0.06rem 0 0;
    background: url(../img/woman.png) no-repeat center;
    background-size: 100%;
}
.activityul li .sexmun p span{
    font-size: 0.28rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    margin: 0 0.2rem;
    /*font-weight: 600;*/
}
.activityul li .sexmun p span.money{
    color: #FF7E21;
}
.activityul li .sexmun a{
    width: 2rem;
    height: 0.68rem;
    display: inline-block;
    background: #999999;
    border-radius: 4rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.68rem;
    position: absolute;
    top: 0.1rem;
    right: 0;
}
.activityul li .sexmun a.stateactive{
    background:#FF7E21 ;
}





/*红凉团队*/
.homesix .matchmakerswr{
    margin:0 -0.1rem;

}
.homesix .swiper-slide .swriperbox{
    padding:0 0.1rem  0.2rem 0.1rem ;
}
.homesix .swiper-slide .swriperboxbg{
    display: block;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0.08rem 0.16rem 0px rgba(189,176,176,0.2);
    border-radius: 0.08rem;
    text-align: center;
    padding: 0.24rem 0.2rem ;
}
.homesix .swiper-slide a .userimg{
    width: 0.92rem;
    height: 0.92rem;
    text-align: center;
    border-radius: 0.18rem;
    display: block;
    margin: 0 auto;
    border: 1px solid #cccccc;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.homesix .swiper-slide a .userimg img{
    display: block;
}
.homesix .swiper-slide a .name{
    font-size:0.28rem;
    line-height: 0.3rem;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    margin: 0.2rem 0 0.16rem 0;
    margin: 0.2rem 0 0.18rem 0;
}
.homesix .swiper-slide a.qxbtn{
    width: 1.4rem;
    height: 0.48rem;
    display: inline-block;
    line-height: 0.48rem;
    text-align: center;
    font-size: 0.24rem;
    font-weight: 400;
    color: #FF7E21;
    background: #FFEBDD;
    border-radius: 0.4rem;
    letter-spacing: 0;
}


















@media screen and (max-width: 500px) {
   .hometitle a.checkbtn{
       line-height: 0.46rem;
   }

    .hometitle p{
        transform: scale(0.98);
    }


}

@media screen and (max-width: 400px) {
    .goodmember li a .memberInfo p.othre {
        font-size: 0.24rem;
    }




    .hometitle p{
        font-size: 0.24rem;
        line-height: 0.26rem;
        margin-top: 0.1rem;

    }
    .hometitle a.morea{
        font-size: 0.24rem;
        line-height: 0.26rem;
        margin-top: 0.1rem;
    }


}


@media screen and (max-width: 330px) {
   .homethree .saybox p.sayboxtitle{
        top: 0.05rem;
   }
}




/*修改对齐方式*/
/*.hometitle{*/
    /*display: flex;*/
/*}*/