/*search*/
.so{width:1200px;margin:0 auto;text-align:left}
.so ul:after{background:url("../img/ico.png") no-repeat;}
.so h4{margin:2px 10px 0 20px;font-size:14px;line-height:50px;float:left;color:#666}
.so h4.l0{margin:0 5px}
.so .checkbox{margin:17px 0 0 20px;float:left;width:75px}

.so ul{width:90px;height:38px;line-height:36px;border:#e1e1e1 1px solid;display:block;padding-left:12px;position:relative;margin-top:8px;float:left;box-sizing:border-box}
.so ul:after{position:absolute;right:10px;top:14px;display:inline-block;content:'';width:14px;height:7px;background-position:left top;transition:transform .5s;-webkit-transition:-webkit-transform .5s}
.so ul:hover{cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
.so ul:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.so ul:hover li{display:block;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}

.so ul li{width:90px;position:absolute;border:#dfdfdf 1px solid;background-color:#fff;left:-1px;top:36px;display:none;z-index:5;padding:20px 0 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.so ul li .msk{width:88px;height:5px;background-color:#fff;margin:-22px 0 0 0px}
.so ul span{color:#999}
.so ul li a{display:block;text-align:center;color:#999;height:34px;line-height:34px}
.so ul li a:hover{background-color:#eee;color:#000}
.so ul li a.ed{background-color:#ff70c8;color:#fff;border-color:#ff70c8}

.so ul.age{width:90px}
.so ul.age li{width:530px;padding:20px 10px 10px 10px}
.so ul.age li .msk{width:88px;margin:-22px 0 5px -10px}
.so ul.age li a{float:left;width:34px;height:30px;line-height:30px;margin:5px;border-radius:2px;border:#eee 1px solid}
.so ul.age li a.ed{border-color:#ff70c8}

.so ul.heigh{width:90px}
.so ul.heigh li{width:530px;padding:20px 10px 10px 10px}
.so ul.heigh li .msk{width:88px;margin:-22px 0 5px -10px}
.so ul.heigh li a{float:left;width:34px;height:30px;line-height:30px;margin:5px;border-radius:2px;border:#eee 1px solid}
.so ul.heigh li a.ed{border-color:#ff70c8}

.so ul.job{width:140px}
.so ul.job li{width:700px;padding:20px 10px 10px 10px;right:-200px;left:auto}
.so ul.job li .msk{width:138px;margin:-22px 189px 5px auto;float:right}
.so ul.job li a{float:left;padding:0 5px;height:30px;line-height:30px;margin:5px;border-radius:2px;border:#eee 1px solid}
.so ul.job li a.ed{border-color:#ff70c8}

.so ul.house{width:180px}
.so ul.house li{width:530px;padding:20px 10px 10px 10px}
.so ul.house li .msk{width:178px;margin:-22px 0 5px -10px}
.so ul.house li a{float:left;padding:0 5px;height:30px;line-height:30px;margin:5px;border-radius:2px;border:#eee 1px solid}
.so ul.house li a.ed{border-color:#ff70c8}

.so ul.area{width:180px}
.so ul.area li{width:530px;height:250px;padding:10px 10px 20px 10px}
.so ul.area li .msk{width:178px;margin:-12px 0 5px -10px;background-color:#fff}
.so ul.area li.close{height:auto}
.so ul.area li a{float:left;min-width:40px;padding:0 5px;height:30px;line-height:30px;margin:5px;border:#eee 1px solid;border-radius:2px}
.so ul.area dl{margin:0 0 15px;clear:both;overflow:hidden;position:relative}
.so ul.area dt{float:left;line-height:25px;text-align:center;color:#666;padding:0 15px;margin:0 15px;border-bottom:0px;margin-top:10px}
.so ul.area dt.ed{background:#fff;border:#dedede 1px solid;border-bottom:0px;border-top:#ff70c8 2px solid;border-bottom:#fff 1px solid}
.so ul.area dl dd{width:100%;height:25px;border-bottom:#dedede 1px solid;position:absolute;bottom:0;left:0;z-index:-1}
.so ul.area span{display:block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so ul.area li a.ed{border-color:#ff70c8}

/*list*/
.user,.list{width:1200px;margin:0 auto;clear:both;border-radius:8px;background-color:#fff;padding:20px 30px;text-align:left;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.user{height:280px;margin-top:30px;z-index:1}
.user:hover,.list:hover{box-shadow:0 0 24px rgba(0,0,0,0.08)}

.user h1{font-size:20px;font-weight:bold;text-align:center;width:109px;line-height:40px;margin:0 auto 15px auto;position:relative}
.user h1:after{content:'';display:block;width:18px;height:3px;width:30%;margin:0 auto;height:3px;background-color:#ff70c8;display:block}
.sobox{width:90%;height:40px;clear:both;text-align:center;margin:0 auto}
.sobox button.size4{width:280px;margin:20px auto;border-radius:30px;}
/*sonickname*/
.user .sonickname{margin:12px 0 0 20px;float:left;width:184px;position:absolute;right:113px;bottom:36px}
.user .sonickname input{width:70%;border-radius:0;border-right:0;height:40px}
.user .sonickname button{border:#e1e1e1 1px solid;border-left:0;border-radius:0;height:40px;line-height:38px;color:#ff70c8;background-color:#fff;width:50px;font-size:18px}

.userBlock{display: flex; margin: 34px auto 0; width: 1200px;}
.moreRecommend{width: 250px;margin-left: 20px;background: #fff;border-radius: 8px;}
.recommendHeader{font-size: 18px;font-weight: bold; color: #ff70c8;text-align: center;margin: 20px;}
.recommendList{display: flex;flex-direction: column;margin: 20px;text-align: left;}
.recommendRow{margin-bottom: 10px; border-bottom: 1px solid #f1f1f1;    padding: 5px;}
.userList{background: #fff;border-radius: 8px;padding-top: 5px; width: 950px;}
.userRow{   display: flex;margin: 20px 30px;padding-bottom: 10px;font-size: 14px; border-bottom: 1px solid #ebebeb;}
.userRowPhoto{width: 120px;height: 150px;border-radius: 6px;overflow: hidden;}
/*.userRowPhoto img{width: 140px;height: 140px;}*/
.userRowData{margin-left: 20px;    width: 60%;}
.userName{padding-bottom: 8px;line-height: 30px;text-align: left;font-size: 14px;font-weight: bold;}
.userDetail{display: flex;flex-wrap: wrap;}
.detailItem{ display: flex;line-height: 30px;margin-right: 3%;width: 30%;}
.itemLabel{  color: #9f9f9f; width: 60px; text-align: left; line-height: 30px;}
.itemValue{overflow: hidden;width: 60%; text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.userIntroduce{font-size: 12px;font-weight: 400;color: #888;height: 60px;overflow: hidden;text-align: left;margin-top: 5px;}
.contact-btn{align-self: center;background: #ff70c8;padding: 7px 40px; border-radius: 10px;text-align: center;color:#fff!important;    margin: 0 auto;}
.contact-btn img{width: 17px;margin-left: 5px;vertical-align: middle;}
.userList p.m {position: relative;width: 120px;height: 150px;display: block;border-radius: 3px;background-size: cover;
    background-position: center center;background-repeat: no-repeat;}