@charset "utf-8";
/*首页*/
.in-header{
    padding:0 0.2rem;
    border-bottom: 0.02rem solid #ddd;
    text-align: center;
    position: fixed;
    top:0;
    left:0;
    width: calc(100% - 0.4rem);
    background: #fff;
    z-index:5;
}
.in-header img{
    width: 100%;
}
.banner img{
    width: 100%;
}
.in-nav li{
    width: 25%;
    float: left;
    text-align: center;
    padding: 1.4rem 0 0.3rem;
}
.in-nav li.a1{
    background: url("../images/icon1.png") no-repeat center 0.36rem;
    background-size: 0.9rem;
}
.in-nav li.a2{
    background: url("../images/icon2.png") no-repeat center 0.36rem;
    background-size: 0.9rem;
}
.in-nav li.a3{
    background: url("../images/icon3.png") no-repeat center 0.36rem;
    background-size: 0.9rem;
}
.in-nav li.a4{
    background: url("../images/icon4.png") no-repeat center 0.36rem;
    background-size: 0.9rem;
}
.in-nav li.a5{
    background: url("../images/icon4b.png") no-repeat center 0.36rem;
    background-size: .9rem;
}
.in-nav li.a6{
    background: url("../images/icon4c.png") no-repeat center 0.36rem;
    background-size: .9rem;
}
.in-nav li.a7{
    background: url("../images/icon4d.png") no-repeat center 0.36rem;
    background-size: .9rem;
}
.in-nav li.a8{
    background: url("../images/icon4e.png") no-repeat center 0.36rem;
    background-size: 0.9rem;
}
.in-member .title {
    background: url("../images/bg1.png") no-repeat center;
    background-size: 100%;
    text-align: center;
    padding: 0.38rem 0;
    position: relative;
}
.in-member .title .t1{
    font-size:0.4rem;
    font-weight: bold;
    color: #fe6e7c;
}

.in-member .title .t1 .m-list li{
    display: inline-block;
    background: #f0bce9;
    color: #fff;
    border-radius: 0.2rem;
    text-align: center;
    padding: .04rem .2rem;
    margin-right: .2rem;
}
.in-member .title .t2{
    font-size:0.3rem;
    color: #fe6e7c;
    margin-top:0.1rem;
}
.in-member .title .more{
    font-size: 0.3rem;
    background: #fe7276;
    color: #fff;
}
.in-member .list li{
    width: 2.1rem;
    float: left;
    margin-left: 0.3rem;
    margin-bottom: 0.3rem;
}
.in-member .list li .img{
    position: relative;
    height: 2.1rem;
    overflow: hidden;
    border-radius: .1rem;
}
.in-member .list li .img img{
    width: 100%;
}
.in-member .list li .img .num{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    background: rgba(0,0,0,.6);
    text-align: center;
    line-height: .5rem;
    text-indent: 0.2rem;
}
.in-member .list li .img .a1{
    color: #10c69a;
    background-image: url("../images/v1.png");
    background-repeat: no-repeat;
    background-size: 0.3rem;
    background-position: 0.16rem;
}
.in-member .list li .img .a2{
    color: #f2a52d;
    background-image: url("../images/v2.png");
    background-repeat: no-repeat;
    background-size: 0.3rem;
    background-position: 0.16rem;
}
.in-member .list li .img .a3{
    color: #38a3e6;
    background-image: url("../images/v3.png");
    background-repeat: no-repeat;
    background-size: 0.3rem;
    background-position: 0.16rem;
}
.in-member .list li .img .a4{
    color: #ef657f;
}
.in-member .list li .name{
    margin-top: 0.1rem;
    text-align: center;
}
.in-success-story li{
    float: left;
    height:1.5rem;
    margin-left:0.3rem;
    margin-bottom:0.3rem;
    border-radius: 0.1rem;
    overflow: hidden;
}
.in-success-story li.style1{
    width: 1.5rem;
}
.in-success-story li img{
    max-width: 100%;
}
.in-success-story li.style2{
    width: 3.3rem;
    height:1.5rem;
}
.in-order .title {
    background: url("../images/bg2.png") no-repeat center;
    background-size: 100%;
    text-align: center;
    padding: 0.3rem 0;
    position: relative;
}
.in-order .title .t1{
    font-size:0.5rem;
    color: #fe6e7c;
}
.in-order .title .t2{
    font-size:0.3rem;
    color: #f97228;
    margin-top:0.1rem;
}
.in-order .box{
    padding: 0 0.3rem;
}
.in-order .box .item{
    /*height: 1rem;*/
    line-height:1rem;
    /*border-bottom: 0.02rem solid #eee;*/
}
.in-order .box .item:after{
    content: "";
    display: block;
    clear: both;
}
.in-order .box .item .t-left{
    width: 1.3rem;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    float: left;
}
.in-order .box .item .sex{
    float: left;
}
.in-order .box .item .sex em{
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.5rem;
    margin-left:0.3rem;
    background: url("../images/check.png") no-repeat left;
    background-size: 0.36rem;
}
.in-order .box .item .sex em.on{
    background: url("../images/checked.png") no-repeat left;
    background-size: 0.36rem;
}
.in-order .box .item input.inp{
    float: left;
    text-indent: .2rem;
    width: 4.5rem;
    height: .7rem;
    line-height:.7rem;
    margin-top: .15rem;
    margin-right: .2rem;
    border: 0.02rem solid #ddd;
}
.in-order .box .item input.inp.date{
    /*margin-left: .5rem;*/
    /*width: 3.5rem;*/
}
.btn{
    background: #fe6e7c;
    color: #fff;
    text-align: center;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size:0.3rem;
    margin: auto;
    border-radius: 0.1rem;
}
.in-order .box .btn{
    width: 4rem;
    margin: 0.5rem auto;
}
.footer-tel {
    text-align: center;
    line-height:0.45rem;
    padding-bottom:0.5rem;
}
.footer{
    border-top: 0.02rem solid #eee;
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    background: #fff;
    z-index:9;
}
.footer li{
    width:  25%;
    float: left;
    height: 1rem;
    line-height: 1.56rem;
    text-align: center;
}
.footer li.on{
    color: #fe6e7c;
}
.footer li.f1{
    background: url("../images/footer1.png") no-repeat center 0.14rem;
    background-size: .4rem;
}
.footer li.f2{
    background: url("../images/footer4.png") no-repeat center 0.14rem;
    background-size: .4rem;
}
.footer li.f3{
    background: url("../images/footer5.png") no-repeat center 0.14rem;
    background-size: .4rem;
}
.footer li.f4{
    background: url("../images/footer8.png") no-repeat center 0.14rem;
    background-size: .4rem;
}
.footer-links{
    text-align: center;
    margin-top: .2rem;
}
.footer-links a{
    color: #666;
    margin-right: .1rem;
    font-size: .2rem;
}
.yy-success{
    text-align: center;
    padding: 1rem 0.5rem;
}
.yy-success .tip1{
    color: #fe6e7c;
    font-size:0.5rem;
    line-height: 1.1rem;
}
.yy-success .tip1 img{
    width: 1.5rem;
}
.yy-success .tip2{
    color: #666;
}
.yy-success .btn{
    display: block;
    margin-top:1rem;
}

/*登录注册*/
.register-head{
    position: relative;
    text-align: center;
    height: 1rem;
    line-height:1rem;
    border-bottom: 0.02rem solid #eee;
    background: #fff;
}
.register-head i{
    position: absolute;
    left:0;
    top:0;
    width: 1rem;
    height:1rem;
}
.register-head .index{
    background: url("../images/footer2.png") no-repeat center;
    background-size: 0.4rem;
}
.register-head .type{
    margin-left:2rem;
}
.register-head .type li{
    float: left;
    width: 1.5rem;
    margin-right:0.5rem;
    position: relative;
}
.register-head .type li.on{
    color: #fe6e7c;
}
.register-head .type li.on:after{
    content: '';
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 0.07rem;
    background: #fe6e7c;
}
.register-con{
    padding: 0 0.6rem;
}
.register-con .info .item em{
    display: inline-block;
    width: .6rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
}
.register-con .info .item em.mobile{
    background: url("../images/icon5.png") no-repeat left;
    background-size: 0.26rem;
}
.register-con .info .item em.code{
    background: url("../images/icon6.png") no-repeat left;
    background-size: 0.34rem;
}
.register-con .info .item em.pwd{
    background: url("../images/icon7.png") no-repeat left;
    background-size: 0.3rem;
}
.register-con .info .item em.sex{
    background: url("../images/icon9.png") no-repeat left;
    background-size: 0.34rem;
}
.register-con .info .item em.birth{
    background: url("../images/icon8.png") no-repeat left;
    background-size: 0.34rem;
}
.register-con .info .item em.name{
    background: url("../images/icon9a.png") no-repeat left;
    background-size: 0.34rem;
}
.register-con .info .item em.marry{
    background: url("../images/icon9b.png") no-repeat left;
    background-size: 0.34rem;
}
.register-con .info .item .inp{
    border-bottom: 0.02rem solid #eee;
    padding-bottom:0.2rem;
}
.register-con .info .item .inp input{
    width: 70%;
}
.register-con .info .item .get{
    width: 28%;
    height: .6rem;
    line-height: .6rem;
    background: #fff;
    color: #fe6e7c;
    border: 0.02rem solid #fe6e7c;
    border-radius: 0.1rem;
}
.register-con .tips em{
    display: inline-block;
    width: .5rem;
    height: 1.5rem;
    background: url("../images/check.png") no-repeat left;
    background-size: .34rem;
    vertical-align: middle;
}
.register-con .tips em.on{
    background: url("../images/checked.png") no-repeat left;
    background-size: .34rem;
}
.register-con .tips a{
    color: #fe6e7c;
    text-decoration: underline;
}
.register-top{
    font-weight:normal;
    line-height:1.2rem;
}
.register-con .info .item .choose-sex{
    float: right;
}
.register-con .info .item .choose-sex em{
    padding-left:.44rem;
    background: url("../images/check.png") no-repeat left;
    background-size: .34rem;
}
.register-con .info .item .choose-sex em.on{
    background: url("../images/checked.png") no-repeat left;
    background-size: .34rem;
}
.register-con .headimg{
    padding: 0.2rem 0;
    position: relative;
}
.register-con .headimg .upload{
    opacity:0;
    position: absolute;
    left:50%;
    top: 50%;
    margin-left:-1.1rem;
    margin-top: -1.1rem;
    width: 2.2rem;
    height:2.2rem;
}
.register-con .act{
    display: block;
    text-align: right;
    height: 1rem;
    line-height: 1rem;
    color: #fe6e7c;
}
/*缘分*/
.register-head .title{
    font-size:0.5rem;
}
.register-head .return{
    background: url("../images/return.png") no-repeat center;
    background-size: .22rem;
}
.yuanfen{
    padding: 0.4rem;
    margin: 0.4rem;
    width: 5.9rem;
    border-radius: 0.1rem;
}
.yuanfen .pics{
    width: 5.9rem;
    height:5.9rem;
    overflow: hidden;
    border-radius: 0.1rem;
}
.yuanfen .pics img{
    max-width: 100%;
}
.yuanfen .info{
    position: relative;
}
.yuanfen .info .lf .t1{
    font-size: 0.4rem;
    font-weight:bold;
    margin-top: 0.34rem;
}
.yuanfen .info .lf .t1 i{
    font-size: 0.3rem;
    padding-left: 0.6rem;
}
.yuanfen .info .lf .t1 i.v1{
    color: #10c69a;
    background: url("../images/v1.png") no-repeat 0.2rem;
    background-size: 0.3rem;
}
.yuanfen .info .lf .t1 i.v2{
    color: #f2a52d;
    background: url("../images/v2.png") no-repeat 0.2rem;
    background-size: 0.3rem;
}
.yuanfen .info .lf .t1 i.v3{
    color: #38a3e6;
    background: url("../images/v3.png") no-repeat 0.2rem;
    background-size: 0.3rem;
}
.yuanfen .info .lf .t1 i.v4{
    color: #fe6e7c;
    background: url("../images/v4.png") no-repeat 0.2rem;
    background-size: 0.3rem;
}
.yuanfen .info .lf .t2{
    height: 1rem;
    line-height:1rem;
}
.yuanfen .info .lf .t2 span{
    display: inline-block;
    height: .5rem;
    line-height:.5rem;
    padding: 0 0.2rem;
    margin-right: 0.3rem;
    border-radius: 0.3rem;
}
.yuanfen .info .lf .t2 .animal{
    background: #faf3ff;
    color: #b746ff;
}
.yuanfen .info .lf .t2 .star{
    background: #f2f7ff;
    color: #468cff;
    margin-right:0;
}
.yuanfen .info .lf .t3{
    color: #999;
}
.yuanfen .info .lf .t3 em{
    display: inline-block;
    border-left:0.02rem solid #ccc;
    border-right:0.02rem solid #ccc;
    margin: 0 0.3rem;
    padding: 0 0.3rem;
    line-height:0.26rem;
}
.yuanfen .info .rt{
    position: absolute;
    right: 0;
    top: 0.4rem;
}
.yuanfen .info .rt .sex{
    color: #fff;
    width: 1rem;
    height:1rem;
    border-radius: 50%;
    text-align: center;
}
.yuanfen .info .rt .sex em{
    display: block;
    width: 1rem;
    height:0.5rem;
}
.yuanfen .info .rt .man{
    background: #468cff;
}
.yuanfen .info .rt .man em{
    background: url("../images/man.png") no-repeat center bottom;
    background-size: 0.34rem;
}
.yuanfen .info .rt .female{
    background: #fa2f85;
}
.yuanfen .info .rt .female em{
    background: url("../images/female.png") no-repeat center bottom;
    background-size: 0.34rem;
}
.yuanfen .info .rt .sex p{
    line-height:0.5rem;
}
.yuanfen .act{
    padding-top: .6rem ;
    text-align: center;
}
.yuanfen .act span{
    display: inline-block;
    width: 1.4rem;
    height:1.4rem;
    border: 0.14rem solid #eee;
    border-radius: 50%;
}
.yuanfen .act .add{
    margin-right: 0.5rem;
    background: #fff url("../images/icon12.png") no-repeat center;
    background-size: .8rem;
}
.yuanfen .act .love{
    background: #fff url("../images/icon13.png") no-repeat center;
    background-size: .8rem;
}
.yuanfen .act .add.on{
    background: #fff url("../images/icon14.png") no-repeat center;
    background-size: .8rem;
}
.yuanfen .act .love.on{
    background: #fff url("../images/icon15.png") no-repeat center;
    background-size: .8rem;
}
/*会员列表*/
.register-head a{
    position: absolute;
    right:0;
    top:0;
    width: 1rem;
    height:1rem;
}
.register-head .search{
    background: url("../images/search.png") no-repeat center;
    background-size: .42rem;
}
.member-nav{
    padding: 0.2rem 0.5rem;
    background: url("../images/bg3.png") no-repeat center;
    background-size: 100%;
}
.member-nav li{
    width: 25%;
    height:.5rem;
    line-height:.5rem;
    float: left;
    text-align: center;
    border-radius: 0.3rem;
}
.member-nav li.on{
    background: #fe6e7c;
    color: #fff;
}
.member-list{
    padding: 0 0.3rem;
}
.member-list-item{
    background: #fff;
    padding: 0.2rem;
    margin-bottom:0.3rem;
    border-radius: 0.1rem;
}
.member-list-item .top .info1{
    float: left;
}
.member-list-item .top .info1 span{
    display: inline-block;
    height: 0.5rem;
    line-height:0.5rem;
    padding: 0 .2rem;
    border-radius: 0.3rem;
}
.member-list-item .top .info1 .c1{
    background: #fff2f3;
    color: #fe6e7c;
}
.member-list-item .top .info1 .c2{
    background: #faf3ff;
    color: #b746ff;
}
.member-list-item .top .info1 .c3{
    background: #f2f7ff;
    color: #468cff;
}
.member-list-item .top .send{
    float: right;
    background:#fe6e7c url("../images/icon18.png") no-repeat .1rem;
    background-size: .3rem;
    color: #fff;
    height: .5rem ;
    line-height: .5rem;
    padding-left:.5rem;
    padding-right:.1rem;
    border-radius: .3rem;
    font-size: .24rem;
}
.member-list-item .info{
    margin-top: .3rem;
}
.member-list-item .info .headimg{
    float: left;
    width: 1.5rem;
    height:1.8rem;
    overflow: hidden;
    border-radius: .1rem;
}
.member-list-item .info .headimg img{
    max-width: 100%;
}
.member-list-item .info .info2{
    float: left;
    width: 4.3rem;
    margin-left:.2rem;
}
.member-list-item .info .info2 .name{
    font-size: .24rem;
    font-weight:bold;
}
.member-list-item .info .info2 .name em{
    padding-left:.6rem;
    font-size: .26rem;
}
.member-list-item .info .info2 .name .v1{
    background: url("../images/v1.png") no-repeat .2rem;
    background-size: .3rem;
    color: #10c69a;
}
.member-list-item .info .info2 .name .v2{
    background: url("../images/v2.png") no-repeat .2rem;
    background-size: .3rem;
    color: #f2a52d;
}
.member-list-item .info .info2 .name .v3{
    background: url("../images/v3.png") no-repeat .2rem;
    background-size: .3rem;
    color: #38a3e6;
}
.member-list-item .info .info2 .name .v4{
    background: url("../images/v4.png") no-repeat .2rem;
    background-size: .3rem;
    color: #fe6e7c;
}
.member-list-item .info .info2 .sallary{
    color: #999;
    height: .6rem;
    line-height:.6rem;
}
.member-list-item .info .info2 .sallary i{
    padding: 0 .12rem;
    margin: 0 .12rem;
    border-left: 0.04rem solid #ddd;
    border-right: 0.04rem solid #ddd;
}
.member-list-item .info .info2 .intro{
    -webkit-line-clamp:2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .4rem;
    font-size: .24rem;
}
/*筛选*/
.sort{
    padding: 0.5rem 0.3rem;
}
.sort-box {
    background: #fff;
    border-radius: 0.5rem;
}
.sort-box input{
    width: 100%;
    height: .8rem;
    line-height:.8rem;
    background: url("../images/icon19.png") no-repeat .3rem;
    background-size: 0.4rem;
    text-indent: .9rem;
}
.sort-list li{
    padding: 0 0.3rem;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 0.02rem solid #ddd;
    position: relative;
    background: #fff;
}
.sort-list li .sel{
    float: right;
    text-align: right;
    margin-right:.4rem;
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    position: relative;
}
.sort-list li .sel b{
    font-weight:normal;
    position: absolute;
    right:0;
    top:0;
    width: 2rem;
    color: #999;
}
.sort-list li .sel select{
    opacity:0;
    width: 2rem;
    line-height:1rem;
}
.sort-list li:after{
    content: '';
    display: block;
    clear: both;
}
.sort-list li i{
    position: absolute;
    top:0;
    right:0;
    display: block;
    width: .8rem;
    height:1rem;
    line-height:1rem;
    background: url("../images/icon20.png") no-repeat center;
    background-size: .16rem;
}
/*会员详情*/
.detail-head{
    /*position: fixed;
    top:0;
    left:0;*/
    width: 100%;
    z-index: 10 ;
    /*margin-top:1.02rem;*/
}
.swiper-container.user-img{
    /*position: fixed ;
    top:1.02rem;
    left: 0;*/
    width: 100%;
    height: 6rem;
    z-index: 10 ;
}
.user-img .rezheng{
    position: absolute;
    top:1.4rem;
    right:.5rem;
    z-index:1;
}
.user-img .rezheng>div{
    background: rgba(0,0,0,.7);
    border-radius: .5rem;
    padding: .04rem .2rem;
}
.user-img .rezheng>div img{
    width: .34rem;
    margin-right:.12rem;
}
.user-img .rezheng .t1{
    color: #fff;
}
.user-img .rezheng .t2{
    color: #fe6e7c;
}
.user-info{
    margin-top: 0.3rem;
}
.user-info .top{
    padding: .3rem;
    margin:0 0.3rem 0.2rem;
    z-index:2;
    position: relative;
    border-radius: .1rem;
}
.user-info .top .img{
    width: 1.5rem;
    height:1.5rem;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    margin-right: .3rem;
}
.user-info .top .img img{
    width: 100%;
}
.user-info .yuanfen {
    width: auto;
    padding: 0;
    margin: 0;
}
.user-info .yuanfen .info .lf .t1{
    margin-top:.1rem;
}
.user-info .yuanfen .info .lf .t2 .age{
    background: #fff2f3;
    color: #fe6e7c;
}
.user-info .part{
    background: #fff;
    margin-bottom:.2rem;
}
.user-info .part-title{
    line-height:1rem;
    text-indent: 1rem;
    font-size:0.36rem;
}
.user-info .jbzl{
    background: url("../images/icon23.png") no-repeat .5rem;
    background-size: 0.32rem;
}
.user-info .nxdb{
    background: url("../images/icon24.png") no-repeat .5rem;
    background-size: 0.32rem;
}
.user-info .zotj{
    background: url("../images/icon25.png") no-repeat .5rem;
    background-size: 0.32rem;
}
.user-info .gxbq{
    background: url("../images/icon26.png") no-repeat .5rem;
    background-size: 0.32rem;
}
.user-info .part .con{
    padding: 0 0.5rem .6rem 1rem;
    color: #666;
}
.user-info .part .con li{
    float: left;
    width: 50%;
    line-height:.6rem;
}
.user-info .part .txt{
    padding-left:1rem;
    padding-bottom: .3rem;
    padding-right: .4rem;
    line-height: .5rem;
    color: #666;
}
.user-info .part .label{
    padding-left:1rem;
    padding-top: .2rem;
    color: #666;
}
.user-info .part .label i{
    vertical-align: middle;
    display: inline-block;
    margin-right: .2rem;
    margin-bottom: .2rem;
}
.user-info .part i{
    display: inline-block;
    height: .5rem;
    line-height:.5rem;
    padding: 0 .2rem;
    border-radius: .3rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    font-size:.24rem;
    vertical-align: middle;
}
.user-info .part .type1{
    background: #ebfeff;
    color: #15d0dd;
}
.user-info .part .type2{
    background: #f2f7ff;
    color: #468cff;
}
.user-info .part .type3{
    background: #fff2f3;
    color: #fe6e7c;
}
.user-info .part .type0{
    background: #faf3ff;
    color: #b746ff;
}
.member-detail-bot{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    border-top:0.02rem solid #eee;
}
.member-detail-bot li{
    float: left;
    width: 33.3%;
    height: 1rem;
    line-height:1rem;
    background: #fff;
}
.member-detail-bot li em{
    float: left;
    width: 1rem;
    height: 1rem;
}
.member-detail-bot .a1 em{
    background: url("../images/icon27.png") no-repeat .4rem;
    background-size: .5rem;
}
.member-detail-bot .a2 em{
    background: url("../images/icon28.png") no-repeat .4rem;
    background-size: .5rem;
}
.member-detail-bot .a3 em{
    background: url("../images/icon29.png") no-repeat .4rem;
    background-size: .5rem;
}
.layout-bg{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,.5);
    z-index:9;
    display: none;
}
.layout-box{
    position: fixed;
    top:50%;
    left:50%;
    width: 5.5rem;
    height: 3.2rem;
    background: #fff;
    text-align: center;
    border-radius: .2rem;
    overflow: hidden;
    margin-left:-2.75rem;
    margin-top: -1.6rem;
    z-index: 10;
    display: none;
}
.layout-box .top{
    line-height:1.2rem;
    font-size: .34rem;
    background: url("../images/bg4.png") no-repeat;
    background-size: 100%;
}
.layout-box .txt{
    line-height:.4rem;
    color: #f97228;
    font-size:.3rem;
}
.layout-box .txt2{
    line-height:.4rem;
    color: #999;
    font-size: .24rem;
}
.layout-box .btns{
    border-top: 0.02rem solid #ddd;
    margin-top:.2rem;
}
.layout-box .btns button{
    line-height:1rem;
    background: #fff;
    float: left;
    width: 50%;
}
.layout-box .btns .b2{
    color: #f97228;
    border-left:0.02rem solid #eee;
}
.write-letter{
    padding: .4rem;
}
.write-letter .tips{
    text-align: right;
    margin-top: .5rem;
}
.write-letter .txt{
    border: 0.02rem solid #eee;
    padding: .14rem;
    resize: none;
    width: 100%;
    height:3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.write-letter .btn{
    width: 4rem;
    margin-top: .5rem;
}
/*成功故事*/
.story-item{
    padding: .3rem .5rem;
    border-bottom: 0.02rem solid #eee;
}
.story-item .img{
    width: 1.6rem;
    height:1.6rem;
    overflow: hidden;
    float: left;
}
.story-item .img img{
    width: 100%;
}
.story-item .txt{
    width: 4.5rem;
    float: right;
}
.story-item .txt .top{
    line-height:0.6rem;
    height:0.6rem;
    font-size:.3rem;
    text-overflow: ellipsis;
    overflow:hidden;
}
.story-item .txt .top span{
    float: right;
    color: #fe6e7c;
    font-size:.24rem;
}
.story-item .txt .word{
    color: #666;
    margin-top:.2rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.story-item .name{
    margin-top:.3rem;
    color: #f97228;
}
.story-detail{
    padding: .3rem;
}
.story-detail .title{
    font-size:0.36rem;
    font-weight:bold;
}
.story-detail .author{
    line-height:.8rem;
}
.story-detail .date{
    color: #999;
    margin-bottom: .2rem;
}
.story-detail .img img{
    width: 100%;
}
.story-detail p{
    text-indent: 2em;
    margin-top:.3rem;
    line-height: .46rem;
}
.story-detail p img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
/*交友活动*/
.activity-nav li{
    width: 33.33%;
}
.activity-item{
    padding: .3rem;
    border-bottom: 0.02rem solid #eee;
}
.activity-item .txt{
    float: left;
    width: 4rem;
}
.activity-item .img{
    float: right;
    width: 2.5rem;
}
.activity-item .img img{
    width: 100%;
}
.activity-item:after,
.love-guide-item:after{
    content: '';
    display: block;
    clear: both;
}
.activity-item .txt .title{
    font-size: .3rem;
}
.activity-item .txt .addr{
    font-size: .24rem;
    color: #f97228;
    margin-top:.1rem;
}
.activity-item .txt .con{
    -webkit-line-clamp:2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .1rem;
}
/*恋爱指南*/
.love-guide-head{
    text-align: center;
    background: url("../images/bg3.png") no-repeat;
    background-size: 100%;
    height:1.5rem;
}
.love-guide-head .p1{
    color: #fe6e7c;
    font-size:.34rem;
    margin: .3rem 0 .1rem;
}
.love-guide-head .p2{
    color: #f97228;
}
.love-guide-item{
    padding: .3rem;
    border-bottom: 0.02rem solid #eee;
}
.love-guide-item .txt{
    float: left;
    width: 4.5rem;
}
.love-guide-item .img{
    float: right;
    width: 2rem;
    height:2rem;
    overflow: hidden;
}
.love-guide-item .img img{
    width: 100%;
    border-radius: .14rem;
}
.love-guide-item .txt .top{
    font-size:.32rem;
}
.love-guide-item .txt .words{
    -webkit-line-clamp:2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: .2rem 0;
    color: #666;
}
.love-guide-item .txt .read{
    color: #999;
    font-size: .2rem;
}
.love-guide-item .txt .read span{
    margin-left:.2rem;
}

/*成为会员*/
.be-member .top{
    padding: .3rem .4rem;
    margin: .2rem 0;
}
.be-member .top .tips{
    color: #999;
}
.be-member .top .type{
    font-size: .34rem;
    color: #666;
    margin: .1rem 0 .4rem;
}
.be-member .top .pay{
    color: #666;
}
.be-member .top .pay em{
    font-size:.4rem;
    color: #fe6e7c;
}
.be-member .top .pay a{
    float: right;
    color: #f97228;
    text-decoration: underline;
    margin-top:.1rem;
}
.be-member-pay .item{
    border-bottom:0.02rem solid #eee;
    padding:  0 0.4rem;
}
.be-member-pay .item:after{
    content: '';
    clear: both;
    display: block;
}
.be-member-pay .item i{
    float: left;
    width: 0.5rem;
    height:1.2rem;
    line-height:1.2rem;
    background: url("../images/icon30.png") no-repeat left;
    background-size: 0.46rem;
}
.be-member-pay .item2 i{
    background: url("../images/icon31.png") no-repeat left;
    background-size: 0.46rem;
}
.be-member-pay .item .txt{
    float: left;
    margin-left:0.4rem;
}
.be-member-pay .item .txt .title{
    margin-top:0.24rem;
}
.be-member-pay .item .txt .tips{
    color: #999;
    font-size:0.24rem;
}
.be-member-pay .item .check{
    float: right;
    width: 0.4rem;
    height:1.2rem;
    line-height:1.2rem;
    background: url("../images/check.png") no-repeat left;
    background-size: 0.4rem;
}
.be-member-pay .item.on .check{
    background: url("../images/checked.png") no-repeat left;
    background-size: 0.4rem;
}
.be-member-xieyi{
    line-height:1rem;
    padding: 0 .4rem;
}
.be-member-xieyi em{
    display: inline-block;
    width: 0.4rem;
    margin-right: .2rem;
    height:1rem;
    line-height:1rem;
    vertical-align: middle;
    background: url("../images/check.png") no-repeat left;
    background-size: 0.34rem;
}
.be-member-xieyi em.on{
    background: url("../images/checked.png") no-repeat left;
    background-size: 0.34rem;
}
.be-member-xieyi .xy{
    text-decoration: underline;
    color: #f97228;
}
/*个人资料*/
.person .top{
    padding: 0 0.3rem 0.2rem;
}
.person .top .headimg{
    padding: .3rem 0;
}
.person .top .headimg .img{
    width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    border-radius: 50%;
    float: left;
}
.person .top .headimg .img img{
    width: 100%;
}
.person .top .headimg .name{
    width: 2rem;
    float: left;
    margin-left:.2rem;
}
.person .top .headimg .name .t1{
    margin:.2rem 0 0.1rem;
}
.person .top .headimg .name .vip{
    padding-left:0.4rem;
}
.person .top .headimg .name .v1{
    color: #10c69a;
    background: url("../images/v1.png") no-repeat left;
    background-size: 0.3rem;
}
.person .top .headimg .name .v2{
    color: #f2a52d;
    background: url("../images/v2.png") no-repeat left;
    background-size: 0.3rem;
}
.person .top .headimg .name .v3{
    color: #38a3e6;
    background: url("../images/v3.png") no-repeat left;
    background-size: 0.3rem;
}
.person .top .headimg .name .v4{
    color: #fe6e7c;
    background: url("../images/v4.png") no-repeat left;
    background-size: 0.3rem;
}
.person .top .headimg .arrow{
    float: right;
    width: 1.5rem;
    margin-top: .3rem;
    color: #999;
    background: url("../images/icon20.png") no-repeat right;
    background-size: .14rem;
}
.person .nav{
    -webkit-box-shadow: 0 0 11px 2px #ddd;
    -moz-box-shadow: 0 0 11px 2px #ddd;
    box-shadow: 0 0 11px 2px #ddd;
}
.person .nav li{
    float: left;
    width: 33.33%;
    padding: .2rem 0;
    text-align: center;
}
.person .nav li .txt{
    color: #999;
    font-size:.26rem;
    margin-top: .1rem;
}
.person-list li{
    height:1rem;
    line-height:1rem;
    padding-right: .6rem;
    background: url("../images/icon20.png") no-repeat 7.1rem;
    background-size: .14rem;
    border-bottom: 0.02rem solid #eee;
}
.person-list li em{
    float: left;
    width: 1rem;
    height:1rem;
}
.person-list li .txt{
    float: right;
    color: #999;
}
.person-list li.a1 em{
    background: url("../images/icon_12.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a2 em{
    background: url("../images/icon_03.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a3 em{
    background: url("../images/icon_01.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a4 em{
    background: url("../images/icon_04.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a5 em{
    background: url("../images/icon_05.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a6 em{
    background: url("../images/icon_06.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a7 em{
    background: url("../images/icon_07.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a8 em{
    background: url("../images/icon_08.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a9 em{
    background: url("../images/icon_09.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a10 em{
    background: url("../images/icon_11.png") no-repeat center;
    background-size: .48rem;
}
.person-list li.a1 .txt b{
    display: inline-block;
    width: .4rem;
    height: .4rem;
    line-height:.4rem;
    border-radius: 50% ;
    background: #fe6e7c;
    color: #fff;
    text-align: center;
    font-size: .2rem;
}
/*修改个人资料*/
.edit-headimg{
    position: relative;
    float: left;
    width: 3.5rem;
    height:1rem;
    line-height:1rem;
    margin-top: .2rem;
    margin-left: 1rem;
}
.edit-headimg .file{
    opacity:0;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
}

.user-info .jbzl .arrow,
.user-info .nxdb .arrow,
.user-info .zotj .arrow{
    display: inline-block;
    float: right;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    background: url("../images/icon20.png") no-repeat center;
    background-size: 0.16rem;
}
.edit-label .part .label{
    position: relative;
    padding-right: .6rem;
}

.edit-label .part .label em.arrow{
    position: absolute;
    right:0;
    top:0;
    width: .6rem;
    height:100%;
    background: url("../images/icon20.png") no-repeat center;
    background-size: .14rem;
}
/*编辑个性标签*/
.person-labels li{
    height:1rem;
    line-height:1rem;
    padding: 0 .3rem;
    border-bottom: 0.02rem solid #eee;
}
.person-labels li em{
    float: right;
    width: .4rem;
    height:1rem;
}
.person-labels li.on em{
    background: url("../images/checked.png") no-repeat center;
    background-size: .34rem;
}
.edit-head{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
}
/*择偶条件*/
.obj-condition{
    border-bottom:0.02rem solid #eee;
    height:1rem;
    line-height:1rem;
    background: #fff;
}
.obj-condition >i{
    float: left;
    text-align: right;
    width: 6%;
    padding-right:1%;
    color: #fe7276;
}
.obj-condition .tit{
    float: left;
    width: 30%;
}
.obj-condition .inp{
    float: left;
    width: 63%;
}
.obj-condition .inp .name{
    text-align: right;
    width: 85%;
}
.obj-condition .inp .sel{
    width: 85%;
    float: left;
    text-align: right;
    color: #777;
}
.obj-condition .inp .sel .renzh{
    float: right;
    color: #fe7276;
    font-size:0.24rem;
    margin-left:0.2rem;
}
.obj-condition .inp .arrow{
    width: 15%;
    height:1rem;
    float: left;
    background: url("../images/icon20.png") no-repeat center;
    background-size: 0.16rem;
}
/*择偶条件*/
.obj-condition1{
    border-bottom:0.02rem solid #eee;
    height:1rem;
    line-height:1rem;
    background: #fff;
}


.layout-box1{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    background: #fff;
    z-index:10;
    display: none;
}
.layout-box1 .act{
    text-align: center;
    padding: .3rem 0;
}
.layout-box1 .act button{
    width: 2rem;
    line-height:.8rem;
    display: inline-block;
    margin-left:.5rem;
    border-radius: .1rem;
}
.layout-box1 .act .qd{
    background: #fe6e7c;
    color: #fff;
}
.layout-box1 ul{
    max-height:5rem;
    overflow: scroll;
}
.layout-box1 li{
    width: 50%;
    margin: 0 auto;
    line-height:1rem;
    text-align: center;
    font-size:.3rem;
    position: relative;
}
.layout-box1 li.on{
    background: #fe6e7c;
    color: #fff;
    border-radius: 0.1rem;
}
/*开通会员*/
.open-member{
    background: url("../images/pic8.png") no-repeat center;
    background-size: 100%;
}
.open-member .top{
    margin-top:0;
    padding:.7rem 0.3rem 2.8rem;
}
.open-member .yuanfen .info .lf .t1{
    color: #d1b483;
}
.open-member .yuanfen .info .lf .remind{
    color: #d1b483;
    opacity:.6;
    margin-top:.2rem;
}
.open-member .yuanfen .info .lf .t1 i.v1{
    background-color: rgba(255,255,255,.2);
    padding: 0.05rem .3rem 0.05rem .6rem;
    border-radius: .2rem;
}
.open-type{
    margin-top: -1.5rem;
}
.open-type .item{
    background: #fff;
    border-radius: .1rem;
    padding: .5rem;
}
.open-type .item .ct{
    text-align: center;
}
.open-type .item .ct .type em{
    display: inline-block;
    padding: .1rem 0.6rem;
    font-weight:bold;
    font-size:.34rem;
}
.open-type .item .ct .type .v1{
    background: url(../images/v1.png) no-repeat left;
    background-size: 0.4rem;
}
.open-type .item .ct .type .v2{
    background: url(../images/v2.png) no-repeat left;
    background-size: 0.4rem;
}
.open-type .item .ct .type .v3{
    background: url(../images/v3.png) no-repeat left;
    background-size: 0.4rem;
}
.open-type .item .ct .type .v4{
    background: url(../images/v4.png) no-repeat left;
    background-size: 0.4rem;
}
.open-type .item .ct .time{
    color: #d1b483;
    margin: .1rem 0;
}
.gold-line{
    width: 100%;
    height:.1rem;
    background: #d1b483;
    border-radius: .1rem;
    margin: .2rem 0;
}
.open-type .item .list li{
    padding-left: .3rem;
    background: url("../images/icon32.png") no-repeat left;
    background-size: .15rem;
    color: #666;
    margin-bottom:.1rem;
}
.open-type .item .xf{
    background: #d1b483;
    margin-top:.5rem;
    width: 3rem;
}
/*我的相册*/
.person-img{
    padding-top: .3rem;
}
.person-img .title{
    padding-left: .3rem;
    color: #fe6e7c;
    font-size:.36rem;
    margin-bottom: .3rem;
}
.person-img li .del{
    position: absolute;
    right:0;
    top:0;
    width: .5rem;
    height:.5rem;
    background: url("../images/icon33.png") no-repeat center;
    background-size: .5rem;
}
.person-img li{
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem;
    float: left;
    margin-left: .3rem;
    margin-bottom: .3rem;
    overflow: hidden;
    position: relative;
}
.person-img li img{
    /*max-width: 100%;*/
    max-height: 100%;
}
.person-img li.add{
    position: relative;
}
.person-img li.add input[type=file]{
    opacity:0;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
}
/*验证身份*/
.yzsf{
    padding: .3rem;
}
.yzsf-nav li{
    float: left;
    padding: 0.06rem 0.2rem;
    border-radius: .1rem;
    margin-right:.2rem;
    margin-bottom: .1rem;
}
.yzsf-nav li.on{
    background: #fe6e7c;
    color: #fff;
}
.yzsf-tips{
    background: url("../images/icon34.png") no-repeat left;
    background-size: .3rem;
    padding-left: .5rem;
    color: #666;
    margin: .3rem 0;
}
.yzsf-imgs li{
    float: left;
    width: 3.3rem;
    position: relative;
}
.yzsf-imgs li img{
    width:100%;
}
.yzsf-imgs li.a1{
    margin-right:.3rem;
}
.yzsf-imgs li input[type=file]{
    opacity:0;
    position: absolute;
    width: 100%;
    height:100%;
    left:0;
    top:0;
}
.yzsf2{
    padding: 0 0.3rem;
}
.yzsf2 span{
    display: inline-block;
    color: #fe6e7c;
    margin-right: .2rem;
}

.yzsf2 input{
    height: 1rem;
    line-height:1rem;
    width: 5rem;
}
.yzsf2 .btn{
    width: 3rem;
    margin-top:1rem;
}
.news-list li{
    padding: .3rem;
    border-bottom: 0.02rem solid #eee;
}
.news-list li:after{
    content: '';
    display: block;
    clear: both;
}
.news-list li em{
    float: left;
    width: 1rem;
    height:1rem;
    margin-right: .2rem;
}
.news-list .a1 em{
    background: url("../images/icon35.png") no-repeat center;
    background-size: 1rem;
}
.news-list .a2 em{
    background: url("../images/icon36.png") no-repeat center;
    background-size: 1rem;
}
.news-list li .txt .title{
    font-size:.32rem;
    line-height: .5rem;
}
.news-list li .txt .title .date{
    float: right;
    color: #999;
    font-size:.24rem;
}
.news-list li .txt .con{
    color: #999;
    line-height: .5rem;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*信息详情*/
.news-detail{
    padding: 0.5rem 0.4rem;
}
.news-detail .title{
    text-align: center;
    font-size: .32rem;
}
.news-detail .date{
    color: #999;
    line-height: .7rem;
    text-align: center;
}
.news-detail .txt{
    text-indent: 2em;
    color: #666;
}
.return-top{
    width: 1.5rem;
    height: 1.5rem;
    position: fixed;
    bottom: 1rem;
    right:0;
    text-align: center;
    opacity: .6;
}
.return-top img{
    width: .8rem;
}
/*关于我们*/
.about-us,
.tell-us{
    padding: .3rem;
    line-height: .5rem;
}
.about-us .code,
.tell-us .code{
    display: block;
    width: 5rem;
    margin: .2rem auto 0;
}
.about-us .txt,
.tell-us .txt{
    font-weight:bold;
    font-size:.3rem;
    margin-top: .3rem;
    text-align: center;
}
.tell-us .t1{
    font-weight:bold;
    color: #d10006;
    font-size: .34rem;
}
.tell-us .t1 span,
.tell-us .t4{
    color: #d10006;
}
.tell-us .t2{
    margin-top:.3rem;
    color: #002060;
}
.tell-us .t3,
.tell-us .t4{
    margin-top: .3rem;
}
.tell-us .t3 .p1{
    line-height: 1rem;
}
.tell-us .t4 span{
    color: #002060;
}