body{font:14px Microsoft YaHei,'\5b8b\4f53', sans-serif; background-color:#f5f5f5;}
a{color:#666; text-decoration:none;}
a:hover{ color:#333 }
ol,ul{list-style-type:none;}
h1,h2,h3,h4,h5,h6,i,em{font-style:normal; font-weight:normal;}

.clear:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clear { *zoom:1; clear:both;} 

.wrapper{ max-width:996px;width:996px; margin: 0 auto; position:relative; }

.filter{ background: rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000'); }


.sex{background:url(../img/ii_02.gif) no-repeat; width:16px; height:16px; display:inline-block; margin:0 10px;}
.sex0{background-position:-16px 0;}
.sex4{background-position:-16px 0;}

.vip{ position:absolute; z-index:1000; color:#fff; font-size:10px; padding:0 2px; top:2px; right:2px; }
.vip1{ background-color:#ff8518;}
.vip2{ background-color:#ff3051;}
.svip {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
}
.img{display:inline-block; width:92px; height:112px; text-align:center;  border:1px solid #d9d9d9; padding:2px; position:relative; overflow:hidden;}
.img_round {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border:1px solid #e2e2e2;
    overflow:hidden;
}
.img_round img {
    width: 48px;
}
.pull-left{ float: left; }
.pull-right{ float: right; }

.head-top {
    height: 75px;
    line-height: 70px;
    background-color: #fff;
}

.head-top .logo {
    padding: 5px 110px 0 0;
    
    width: 210px;
    float: left;
}

.head-top .login-top {
     float: right;
    height: 70px;
    font-size: 14px;
    line-height: 70px;
    text-align: left;
}
.head-top .login-top a{color:#949494; margin:0 10px;} 

.head-menu{height:45px;  background-color:#f10474; border-bottom:3px solid #db0a6c;} 
.head-menu .nav{position:relative;}
.head-menu .nav li{float:left; width:120px; position:relative; z-index:1 }
.head-menu .nav li a{color:#fff; font-size:16px; text-align:center; display:block; line-height:45px;} 
.head-menu .nav li:hover{ background: #6D0B33;}

.footer{text-align:center; color:#666;}
.footer p{height:50px; line-height:50px;}
.footer .about a{text-decoration:none;}
.footer .about a:hover{text-decoration:underline;}
.footer a{text-decoration:underline;}
.footer .zm{margin:20px 0;}




.banner{ height:500px; text-align:center; }
.banner .layui-carousel{ text-align:center; }
.banner .layui-carousel {
  width: 100%;
  height: 500px; /* 可以根据需要设置高度 */
}

.banner .layui-carousel img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 确保图片不会拉伸变形 */
}
		

.info-box{padding:30px 12px 12px 12px;}
.info-box dt{ font-size:28px; color:#5e5e5e; text-align:center;}
.info-box dt em{ font-style:normal; font-size:14px; color:#999; display:block;}


.finding{background-color:#f5f5f5; /*height:840px;*/ margin-top:24px; overflow:hidden;}
.finding .finding-title {height:50px; background:url(../img/index_dating.gif) no-repeat;}

.finding .finding-more{float:right; }
.finding .finding-more a{margin-left:20px; padding:0 26px; line-height:42px; font-size:13px; display:block; float:left; height:42px; color:#949494; border-bottom:1px solid #d2d2d2; background-color:#e9e9e9;}
.finding .finding-more a:hover,
.finding .finding-more a.active{color:#fff; border-bottom:1px solid #ff7313; background-color:#ffa11b;}

.finding li{float:left; margin:16px 8px 0 0; width:158px; height:240px;  color:#999; overflow:hidden;}
.finding li p{line-height:26px; color:#949494;    overflow: hidden;    height: 26px;}
.finding li p a{color:#666;}
.finding li label{color:#cbcbcb;}

.finding li .img{display:block; border:1px solid #fff;width:152px; height:184px; overflow:hidden;}
.finding li .img:hover{border:1px solid #e5485e;}
.finding li .img img{width:152px; height: 184px;}


.about-wrap{ background:#fff }

.about-wrap{background-color:#fff;}

.about-wrap{height:320px; padding-top:50px;}
.about-wrap dt{width:185px; float:left; color:#8d8d8d; padding-top:94px; font-size:15px; line-height:14px;}
.about-wrap dd{width:183px;  height:256px;  float:left; margin:0px 13px;}
.about-wrap dd a{display:block;width:183px; height:256px; overflow:hidden; float:left; position:relative;}
.about-wrap dd a h4{height:50px; line-height:50px; font-size:22px; color:#fff; text-align:center; position:absolute; width:100%; top:206px; font-weight:normal;}
.about-wrap dd a:hover h4{height:100%; top:0;}
.about-wrap dd a:hover span{width:140px; height:36px; line-height:36px; position:absolute; top:160px; left:20px;  background-color:#e5485e;}

.about-wrap dd.box4{margin:0;}
.about-wrap dd.box1 a{background-image:url(../img/index/cando1.jpg);}
.about-wrap dd.box2 a{background-image:url(../img/index/cando2.jpg);}
.about-wrap dd.box3 a{background-image:url(../img/index/cando3.jpg);}
.about-wrap dd.box4 a{background-image:url(../img/index/cando4.jpg);}

.new-wrap{padding:30px 12px 12px 12px;}
.new-wrap dt{ font-size:28px; color:#5e5e5e; text-align:center;}
.new-wrap dt em{ font-style:normal; font-size:14px; color:#999; display:block;}
.new-wrap .new-list{height:250px; margin-top:30px;}
.new-wrap .new-list .item{margin-bottom: 15px; width:245px; float:left; overflow:hidden;}

.new-wrap .image {display:block; width:220px; height:220px; border-radius:110px; overflow:hidden; margin:0 10px;border:3px solid #fff; position:relative;}
.new-wrap .image img{width:220px;}
.new-wrap .image em{display:none; position:absolute; top:80px; font-style:normal; font-size:16px;   text-align:center; width:100%; color:#fff; line-height:28px;}
.new-wrap .image:hover{border:3px solid #f00;}
.new-wrap .image:hover em{display:block; }


.story-wrap{ background:#fff url(../img/story_bg.jpg) no-repeat center 100px; height:500px;}
.story-wrap dl{padding:30px 12px 12px 12px;}
.story-wrap ul{margin:45px 0 0 90px; line-height:24px;}
.story-wrap ul a{font-size:14px;}
.story-wrap .text1{text-indent:110px;}
.story-wrap .text2{text-indent:95px;}
.story-wrap .text3{text-indent:80px;}
.story-wrap .text4{text-indent:65px;}
.story-wrap .text5{text-indent:50px;}
.story-wrap .text6{text-indent:35px;}
.story-wrap .text7{text-indent:20px;}



.make-wrap{min-height:420px;}
.make-wrap dt{margin-bottom:20px;}
.make-wrap .item{width:470px; background:#fff url(../img/arr_left.gif) no-repeat 190px 40px; height:80px; padding:8px; overflow:hidden; float:left; margin:6px;}
.make-wrap .user{width:180px; overflow:hidden; line-height:28px;}
.make-wrap .image img{width:68px; float:left; padding-right:10px; height:82px; overflow:hidden;}
.make-wrap .image img{width:68px;}
.make-wrap .user h3{font-weight:normal; font-size:13px; height: 28px;overflow: hidden;}
.make-wrap .body{background:#f1efe2 url(../img/message_bg.jpg) no-repeat right bottom; width:280px; height:80px; float:right;}
.make-wrap .right{float:right; width:100px;}
.make-wrap .right em{font-size:14px; font-style:normal; color:#999;}
.make-wrap .right .xin{width:80px; display:block; height:28px; line-height:28px; color:#ff6262; border:1px solid #ff6262; font-size:13px; background:#f0d1d1 url(../img/xin.gif) no-repeat 16px center; text-indent:36px; margin:10px 10px 0 0;}
.make-wrap .left{width:150px; margin:16px 0 0 16px; line-height:24px; color:#333;}



.reg-wrap{width:100%; height:75px; line-height:75px; text-align:center; background:url(../img/index/index_regbg.gif) repeat-x;}
.reg-wrap a{color:#fff; font-size:36px;}
.reg-wrap a:hover{color:#ff0;}


.city-wrap {width:100%; background-color:#fff; padding:50px 0 10px 0;}

.city-wrap  a{color:#666; width:82px; overflow:hidden; height:20px; text-align: center;   float:left; border-right:1px solid #999; margin-bottom:4px;}
.city-wrap  a:hover{color:#f39; text-decoration: underline;} 
.city-wrap  .t{font-weight:bold; border:none;}


.friendlink-wrap{width:100%; background-color:#fff;  padding-bottom:20px; color:#aaa;}
.friendlink-wrap a{color:#aaa;}


.search-wrap{ padding:12px 0; background-color:#f4eaee; border-bottom:1px solid #dcd8db;} 
.search-wrap .city-list{  display: flex;}
.search-wrap .title{ width: 50px; margin-right: 10px; }
.search-wrap a { margin-right:7px;margin-bottom: 5px;  display: inline-block;}



#main{padding:12px; margin-top:12px; background-color:#fff;} 

/*


.user_row {height:160px; background:url(../images/line_dot.gif) repeat-x left bottom;}
*/
.user-wrap { padding: 12px; margin-top: 12px;background-color: #fff; }

.user-wrap .item {float:left; width:310px; margin:15px 6px; _margin-left:6px; overflow:hidden;}
.user-wrap .item i{ font-size:14px }
.user-wrap .item .img{display:block; width:92px;  height:112px; font-size:92px;  border:1px solid #d5d5d5; overflow:hidden; float:left;   padding:2px; margin:6px;  text-align:center;  position:relative;}
.user-wrap .item .img:hover{background:none; border:3px solid #F80754; padding:0;}
.user-wrap .item .img img{vertical-align: middle; width:92px;  height:112px; } 
.user-wrap .item h4{height:24px; margin-top:8px; overflow: hidden;}
.user-wrap .item h4 a{color:#0198FF;  text-decoration:underline;} 
.user-wrap .item h5{height:22px; line-height:22px; overflow:hidden; }
.user-wrap .item h5 a,
.user-wrap .item h5 a:hover{color:#000;}
.user-wrap .item p{color:#999; /*margin-top:10px;*/ line-height:20px; height:40px; font-size:12px; overflow:hidden; word-wrap:break-word;}
.user-wrap .item p a,
.user-wrap .item p a:hover{color:#999; cursor:default;}
.user-wrap .item h6{height:26px; line-height:26px}
.user-wrap .item h6 a{color:#CC3568; margin:0 3px;}
.user-wrap .item h6 a:hover{background:#CC3568; color:#fff;  padding:2px; margin:0 1px;}

.user-wrap .item00::after {
    content: ""; /* 确保伪元素有内容 */
    display: block; /* 将伪元素作为块级元素处理 */
    border-bottom: wrap1px dotted #000; /* 添加底部虚线 */
    width: 100%; /* 宽度与父元素相同 */
}
/*
.user-wrap .item h4 i{ margin:0 5px; padding:0 2px; font-size:9px; color:#fff; border-radius:3px;}
*/
.pager {height:45px; background-color:#f7f7f7; padding-top:15px; text-align: center;} 


.content-wrap { padding: 12px; margin-top: 12px;background-color: #fff; }

.content-wrap .left{ width: 732px;float: left;  }
.content-wrap .right {
    width: 248px;
    float: right;
}

.base-info{min-height:320px; width:730px; border:1px solid #D6D6D6; overflow:hidden;}
.base-info .photo{width:227px; height:309px; background:url(../img/user_Photo_bg.jpg) no-repeat; overflow:hidden; margin:6px 3px; float:left; position:relative;}
.base-info .photo .img{width:212px; height:258px; font-size:220px; text-align:center;}
.base-info .photo .tishi_photo{height:40px; line-height:20px; position:absolute; top:100px; padding:6px; color:#079BFE; background-color:#000; width:200px; filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; text-align:center; }
.base-info .photo .img img{vertical-align:middle; width: 212px;    height: 258px;}
.base-info dl{float:left; color:#4D4D4D; margin:10px; width:470px; overflow:hidden;}
.base-info dl dt,
.base-info dl dd{line-height:30px; font-size:14px; }
.base-info dl dd.f{float:left; width:120px;    height: 30px; overflow: hidden;}
.base-info dl dt{float:left;font-weight:bold; text-align:right; width:80px;}
.base-info dl dd.login-time{font-size:12px; color:#999; text-align:right; clear:both;}
.base-info dl dd.msg,
.base-info dl dd.sq_vip{float:right; line-height:17px; clear:right; background:url(../img/sq_sign.jpg) no-repeat; text-indent:1.6em;} 
.base-info dl dd.msg{background:url(../img/message.gif) no-repeat; text-indent:2.4em;}

.base-info .nickname em{display:inline-block; height:16px; background:url(../img/star_sign.gif) repeat-x; width:94px; margin-left:4px;}
.base-info dl .tag{min-height:50px; line-height:24px; overflow:hidden;}
.base-info dl dd.signature{border:1px solid #bcbcbc; width:454px; height:40px; overflow:hidden; clear:both; background:#F7F7F7; }
.base-info dl dd .txt{height:30px; line-height:30px; border:1px solid #bcbcbc;  margin:3px; color:#ccc; font-size:14px; width:386px;}
.base-info dl .novip{background:url(../img/sign4.jpg) no-repeat left 6px; height:26px; margin-left:20px; text-indent:1.5em; display:inline-block; font-size:12px; }
.base-info dl .isvip{display:inline-block; height:20px;  line-height:20px; color:#930; text-align:center; width:60px;  font-size:12px; background:url(/images/vip_bg.gif) no-repeat; margin:5px 0 5px 15px;}
.base-info dl dd.system-info{float:right; line-height:17px; clear:right; font-size:12px; background:url(../img/sign5.jpg) no-repeat; text-indent:1.6em;}
.base-info dl dd.renqi{font-size:12px;}
.base-info dl dd img{float:right;}

.base-info .btn div{width:87px; height:41px; line-height:41px; background:url(../img/btn_opration.jpg) no-repeat; overflow:hidden; float:left; margin-left:10px;}
.base-info .btn a{display:block; color:#369; text-indent:1.7em; background:url(../img/sign.gif) no-repeat; font-size:12px;}
.base-info .btn a.a1{background-position:3px 1px;}
.base-info .btn a.a2{background-position:5px -42px;}
.base-info .btn a.a3{background-position:5px -84px;}
.base-info .btn a.a4{background-position:5px -126px;}

.box-wrap{border:1px solid #D5D5D5; margin-top:6px;}

.box-wrap .box-title{border:1px solid #fff; height:29px; line-height:29px; overflow:hidden; background:url(../img/7ren_title_bg.gif) repeat-x;}
.box-wrap .box-title span{margin-left:10px; font-size:14px; display:inline-block; background-position:left center; background-repeat:no-repeat; padding-left:22px;}
.box-wrap .box-title span,
.box-wrap .box-title a{font-weight:bold; color:#666;}
.box-wrap .box-title a{float:right;  margin-right:10px; text-decoration:underline; color:#E2347B;}
.box-wrap .box-content{border-top:1px solid #dfdfdf;}

.user-contact .box-content{padding:10px 20px; line-height:30px; font-size:14px;}
.user-contact .box-content h4{font-weight:bold; font-size:14px;  color:#4d4d4d}
.user-contact .box-content span{color:#E2347B;}

.heInfo{min-height:140px; _height:140px;}
.user-contact .box-title span,
.heInfo .box-title span{background-image:url(../img/sign_info.jpg);}




.user-detail{min-height:160px; _height:160px; overflow:hidden;}
.user-detail .box-title span{background-image:url(../img/sign_flower.jpg);}
.user-detail .box-content{
    padding: 15px;
}
.user-detail .box-content img{ max-width: 100%; height:auto; }


.last-visit{margin:0;  width:246px; overflow:hidden;}
.last-visit .box-title span{background-image:url(../img/sign_vistor.jpg);  }
.last-visit .box-content ul{margin:5px 0;   }
.last-visit .box-content li{float:left; width:72px; height:120px; overflow:hidden; text-align:center; margin:2px 5px 2px 20px; _margin:2px 10px;  padding:7px 9px 9px 7px;  background:url(/images/img_frame.jpg) no-repeat; }
.last-visit .box-content a{width:72px; height:88px; font-size:78px; overflow:hidden; display:block;}
.last-visit .box-content img{width:72px; vertical-align: middle;}
.last-visit .box-content h3{font-size:12px; color:#369; font-weight:normal; margin-top:8px; height:16px; overflow:hidden;}
.last-visit .box-content em{font-style:normal; color:#999; font-size:10px;}


.login-box {width: 320px;padding:20px;margin: 0 auto;margin-top:30px;overflow: hidden;}
 .login-box .layui-input-block span{ color:#ccc}

.u_top{ background-color:#528ef7;}
.u_online{ background-color:#ff9e10;} 


#info{height:20px; overflow:hidden; color:#999; text-align:center;}
#info p{line-height:20px;}