@import url("common.css");  
#header{height:70px; background-color:#fff;}
h1{float:left;}
.logintop{float:right; height:70px; font-size:14px; line-height:70px;} 
.logintop a.a1{color:#949494; margin:0 10px;} 
#kinMaxShow{ display:none;}
#banner{position:relative; height:500px;}

.filter{ background: rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000'); }
#loginbox{position:absolute; top:0; height:370px; width:100%;  z-index:100;}
#loginbox dl{float:right; margin:56px 10px 0 0; width:295px; height:314px; border-radius: 4px;}
#loginbox dt{border-bottom:1px solid #9c9c9c; color:#fff; height:40px; margin:10px 22px 0 22px; line-height:40px; font-size:14px; font-weight:bold;}
#nologin .txt{border:0; width:207px;  height:34px; line-height:34px; text-indent:5px; color:#999;}
#nologin .d1,#loginbox .d2{height:37px; width:250px; background-repeat:no-repeat; padding:1px; margin:15px auto 0 auto; text-align:right;}
#nologin .d1{background-image:url(../images/index/index_username.gif);}
#nologin .d2{background-image:url(../images/index/index_pwd.gif);}
#nologin .d3{margin:0 22px 20px 22px;}
#nologin .btn{background:url(../images/index/index_loginbtn.gif) no-repeat; height:50px; width:251px; border:none; color:#fff; font-weight:bold; font-size:22px;}
#nologin .d4{font-size:14px; color:#fff;  padding:10px 22px;}
#nologin .d4 a.forget{float:right;  color:#fff;  text-decoration:underline}
#nologin .d5{height:45px; line-height:45px; background: rgba(0, 0, 0, .5); padding:0 22px;}
#nologin .d5 a{text-decoration:underline; color:#fff;}
#nologin .d5 .a_reg{color:#ffcc66; float:right;}
.qqlogin{ background:url(../images/qq_logo.png) no-repeat 0 3px; padding-left:16px;}
.weixinlogin{ background:url(../images/wx_logo.png) no-repeat 0 3px; padding-left:16px;}
#searchbox{height:100px; position:absolute; top:407px; z-index:101; width:100%;}
#searchbox table{width:996px; margin:20px auto; height:59px; background-color:#fff; font-size:14px; color:#666;}
#searchbox .xq{color:#fff; width:150px; text-indent:20px; background:url(../images/index/index_search1.gif) no-repeat 10px 13px;}
#searchbox .sex{width:120px; }
#searchbox .age{width:160px;}
#searchbox .area{width:240px;}
#searchbox .photo{width:70px;}
#searchbox  .btn{background:url(../images/index/index_searchbg.gif) repeat-x; line-height:59px;}
#searchbox  .btn a{color:#f8d7d8; margin-left:20px;}
#searchbox  .btn a:hover{color:#ff0;}
.btn_post{width:170px; float:left; height:59px; border:none; background:url(../images/index/index_searchbtn.gif) no-repeat; font-weight:bold; font-size:22px; color:#fff; cursor:pointer; }

#finding{background-color:#f5f5f5; height:840px; margin-top:24px; overflow:hidden;}
#finding dt{height:50px; background:url(../images/index/index_dating.gif) no-repeat;}
#finding li{float:left; margin:16px 8px 0 0; width:152px; height:240px;  color:#999; overflow:hidden;}
#finding li p{line-height:26px; color:#949494;}
#finding li p a{color:#666;}
#finding li label{color:#cbcbcb;}
#finding .img{display:block; border:1px solid #fff;width:152px; height:184px; overflow:hidden;}
#finding .img:hover{border:1px solid #e5485e;}
#finding .img img{width:152px;}
#finding dt span{float:right; }
#finding dt span a{margin-right: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 dt span a:hover,
#finding dt span a.active{color:#fff; border-bottom:1px solid #ff7313; background-color:#ffa11b;}

#candobox{background-color:#fff;}

#cando{height:320px; padding-top:50px;}
#cando dt{width:185px; float:left; background:url(../images/index/index_cando.gif) no-repeat; color:#8d8d8d; padding-top:94px; font-size:14px; line-height:24px;}
#cando dd{width:183px;  height:256px;  float:left; margin:0px 13px;}
#cando dd a{display:block;width:183px; height:256px; overflow:hidden; float:left; position:relative;}
#cando 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;}
#cando dd a:hover h4{height:100%; top:0;}
#cando dd a:hover span{width:140px; height:36px; line-height:36px; position:absolute; top:160px; left:20px;  background-color:#e5485e;}

#cando dd.cando4{margin:0;}
#cando dd.cando1 a{background-image:url(../images/index/cando1.jpg);}
#cando dd.cando2 a{background-image:url(../images/index/cando2.jpg);}
#cando dd.cando3 a{background-image:url(../images/index/cando3.jpg);}
#cando dd.cando4 a{background-image:url(../images/index/cando4.jpg);}

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

#city{width:100%; background-color:#fff; padding:50px 0 10px 0;}
#city div{overflow:hidden; margin:0 auto; width:995px;}
#city div span{width:996px; display:block; clear:both;}
#city a{color:#666;	width:82px; overflow:hidden; height:20px; text-align: center;	float:left;	border-right:1px solid #999; margin-bottom:4px;}
#city a:hover{color:#f39; text-decoration: underline;} 
#city .t{font-weight:bold; border:none;}
#friendlink{width:100%; background-color:#fff;  padding-bottom:20px; color:#aaa;}
#friendlink a{color:#aaa;}


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

#logined{margin:22px; }
#logined .photo{float:right;}
#logined li{line-height:28px; font-size:14px; color:#fff;}
#logined .yellow{color:#ffeccb;}
#logined a{text-decoration:underline;}
#logined .center{background:url(../images/index/index_loginbtn.gif) no-repeat; margin:30px 0 10px 0; display:block; height:50px; width:251px; line-height:50px; text-decoration:none; text-align:center; color:#fff; font-weight:bold; font-size:22px;}
 
.infobox{padding:30px 12px 12px 12px;}
.infobox dt{ font-size:28px; color:#5e5e5e; text-align:center;}
.infobox dt em{ font-style:normal; font-size:14px; color:#999; display:block;}
.newlist{height:250px; margin-top:30px;}
.newlist li{width:245px; float:left; overflow:hidden;}
.newphoto{display:block; width:220px; height:220px; border-radius:110px; overflow:hidden; margin:0 10px;border:3px solid #fff; position:relative;}
.newphoto img{width:220px;}
.newphoto em{display:none; position:absolute; top:80px; font-style:normal; font-size:16px;   text-align:center; width:100%; color:#fff; line-height:28px;}
.newphoto:hover{border:3px solid #f00;}
.newphoto:hover em{display:block; }
.story{ background:#fff url(../images/story_bg.jpg) no-repeat center 100px; height:500px;}
.story ul{margin:45px 0 0 90px; line-height:24px;}
.story ul a{font-size:14px;}
.s1{text-indent:110px;}
.s2{text-indent:95px;}
.s3{text-indent:80px;}
.s4{text-indent:65px;}
.s5{text-indent:50px;}
.s6{text-indent:35px;}
.s7{text-indent:20px;}
.yuehui{height:420px;}
.yuehui dt{margin-bottom:20px;}
.yh_item{width:470px; background:#fff url(../images/arr_left.gif) no-repeat 190px 40px; height:80px; padding:8px; overflow:hidden; float:left; margin:6px;}
.yh_user{width:180px; overflow:hidden; line-height:28px;}
.yh_img{width:68px; float:left; padding-right:10px; height:82px; overflow:hidden;}
.yh_img img{width:68px;}
.yh_user h3{font-weight:normal; font-size:13px;}
.yh_body{background:#f1efe2 url(../images/message_bg.jpg) no-repeat right bottom; width:280px; height:80px; float:right;}
.yh_right{float:right; width:100px;}
.yh_right em{font-size:14px; font-style:normal; color:#999;}
.yh_right .xin{width:80px; display:block; height:28px; line-height:28px; color:#ff6262; border:1px solid #ff6262; font-size:13px; background:#f0d1d1 url(../images/xin.gif) no-repeat 16px center; text-indent:36px; margin:10px 10px 0 0;}
.yh_left{width:150px; margin:16px 0 0 16px; line-height:24px; color:#333;}
#ts_fangpian{text-indent: 1em;padding: 2px;line-height: 24px;background-color: #fffae3; margin-top:16px; border: 1px solid #f0f0f0;font-size: 12px;}
#ts_fangpian a{ text-decoration:underline;}