作者 lihongjuan

Merge branch 'master' of http://114.215.101.231:8099/webfront/mianzhongjie into lhj

# Conflicts:
#	img/sun_73.png
body,
ul,
li,
p,
h1,
h2,
h3,
h4,
dl,
dd,
form,
input,
textarea,
select {
padding: 0;
margin: 0;
}
body {
height: 100%;
background: #F9F9F9;
overflow-x: hidden;
}
input,
textarea {
outline: 0
}
a {
text-decoration: none
}
/* 模态框 */
.tx_mask {
display: none;
z-index: 999;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
}
/* 布局 */
.layer_star {
display: flex;
justify-content: flex-start;
align-items: center
}
.layer_nostar {
display: flex;
justify-content: flex-start;
}
.layer_center {
display: flex;
justify-content: center;
align-items: center
}
.layer_between {
display: flex;
justify-content: space-between;
align-items: center
}
.layer_nobetween {
display: flex;
justify-content: space-between;
}
.flex_center {
display: flex;
flex-direction: column;
align-items: center
}
.flex-warp {
display: flex;
flex-wrap: wrap
}
/*单行溢出*/
.one-txt-cut {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* -webkit-line-clamp: 2; */
-webkit-box-orient: vertical;
}
/* 我的 */
.index_top {
width: 100%;
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
padding: .46rem .32rem .32rem;
box-sizing: border-box
}
.index_top_img {
width: 1.04rem;
height: 1.04rem
}
.index_top_img img {
width: 100%;
height: 100%
}
.index_top_infor {
margin-left: .3rem
}
.index_top_name {
font-size: .36rem;
font-weight: bold;
color: rgba(255, 255, 255, 1);
}
.index_top_phone {
margin-top: .14rem;
font-size: .24rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin-bottom: .24rem
}
.index_top_labels {
font-size: .24rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
border: .02rem solid rgba(255, 255, 255, 1);
border-radius: .08rem;
padding: .06rem .1rem;
box-sizing: border-box;
margin-right: .2rem
}
.index_top_icon {
width: .4rem;
height: .4rem;
font-size: 0
}
.index_top_icon img {
width: 100%;
height: 100%
}
.index_top_set {
margin-left: .04rem;
line-height: .4rem;
font-size: .24rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
}
.index_tab {
margin-top: .24rem;
width: 100%;
background: rgba(255, 255, 255, 1);
box-shadow: 0 .12rem .36rem rgba(0, 0, 0, 0.04);
border-radius: .2rem;
padding: .32rem .66rem;
box-sizing: border-box
}
.index_tab_img {
width: .6rem;
height: .6rem;
font-size: 0
}
.index_tab_img img {
width: 100%;
height: 100%
}
.index_tab_title {
margin-top: .12rem;
font-size: .26rem;
font-weight: 400;
color: rgba(61, 68, 77, 1);
}
.index_sement {
margin: .08rem 0;
width: 100%;
height: 1.48rem;
}
.index_sement img {
width: 100%;
height: 100%
}
.index_list {
background: rgba(255, 255, 255, 1);
padding: 0 .32rem;
box-sizing: border-box
}
.index_list_one {
padding: .32rem 0 .36rem;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.index_list_box {
padding: 0 .44rem 0 .22rem;
box-sizing: border-box
}
.index_list_img {
width: .4rem;
height: .4rem;
font-size: 0
}
.index_list_img img {
width: 100%;
height: 100%
}
.index_list_title {
margin-left: .18rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.index_list_word {
font-size: .24rem;
font-weight: 400;
color: rgba(93, 141, 238, 1);
margin-right: .18rem
}
.index_list_icon {
width: .28rem;
height: .28rem;
font-size: 0
}
.index_list_icon img {
width: 100%;
height: 100%
}
/* 系统设置 */
.mineset_top {
width: 100%;
background: rgba(255, 255, 255, 1);
padding: .12rem .32rem;
box-sizing: border-box
}
.mineset_top_left {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineset_top_right {
width: 1.2rem;
height: 1.2rem;
font-size: 0
}
.mineset_top_right img {
width: 100%;
height: 100%;
}
.mineset_box {
margin-top: .2rem;
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.mineset_one {
padding: .34rem 0 .36rem 0;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.mineset_one_left {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineset_one_word {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
margin-right: .18rem
}
.mineset_btn {
padding: 0 .32rem;
box-sizing: border-box;
position: fixed;
bottom: .8rem;
width: 100%
}
.mineset_button {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .22rem 0;
box-sizing: border-box;
text-align: center
}
/* 我的消息 */
.minenew {
padding: 0 .32rem;
box-sizing: border-box
}
.minenew_one {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
margin-top: .24rem
}
.minenew_top {
padding: .4rem .44rem .12rem .42rem;
box-sizing: border-box
}
.minenew_bottom {
border-top: .01rem solid rgba(238, 238, 238, 1);
padding: .24rem .44rem .24rem .42rem;
box-sizing: border-box
}
.minenew_notice {
margin-bottom: .28rem
}
.minenew_notice_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.minenew_notice_time {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
.minenew_word {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin-bottom: .22rem
}
.minenew_bottom_left {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.minenew_bottom_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.minenew_bottom_right img {
width: 100%;
height: 100%;
}
/* 消息详情 */
.nodata {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.nonew_img {
width: 4.48rem;
height: 2.8rem
}
.nonew_img img {
width: 100%;
height: 100%
}
.nonew_title {
margin-top: .1rem;
font-size: .32rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
/* 发布房源 */
.minepublish {
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.minepublish_one {
border-bottom: .01rem solid rgba(238, 238, 238, 1);
padding: .2rem 0 .28rem;
box-sizing: border-box
}
.minepublish_img {
width: .6rem;
height: .6rem;
font-size: 0
}
.minepublish_img img {
width: 100%;
height: 100%;
}
.minepublish_title {
margin-left: .18rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minepublish_icon {
width: .3rem;
height: .3rem;
font-size: 0
}
.minepublish_icon img {
width: 100%;
height: 100%
}
/* 我的发布 */
.minerelease_top_label {
/* border-bottom: .01rem solid rgba(238, 238, 238, 1); */
padding: .38rem 0;
box-sizing: border-box;
/* position: fixed;
top: 0; */
background: #fff
}
.minerelease_top_labels {
width: 2rem;
background: rgba(249, 249, 249, 1);
border-radius: .32rem;
text-align: center;
padding: .12rem 0;
box-sizing: border-box;
font-size: .26rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin: .12rem .21rem;
}
.minerelease_top_labels_active {
background: rgba(93, 141, 238, 1);
color: rgba(255, 255, 255, 1);
}
.minerelease_left {
width: 2.2rem;
height: 2.2rem;
font-size: 0
}
.minerelease_left img {
width: 100%;
height: 100%
}
.minerelease_bottom {
border-top: .01rem solid rgba(238, 238, 238, 1);
padding: 0 .32rem;
box-sizing: border-box;
}
.minerelease_box {
margin: .2rem 0 .4rem
}
.minerelease_right {
margin-left: .54rem
}
.minerelease_one_word {
font-size: .16rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
background: rgba(93, 141, 238, 1);
padding: .05rem .1rem;
box-sizing: border-box
}
.minerelease_one_title {
margin-left: .2rem;
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.minerelease_right_two,
.minerelease_right_three,
.minerelease_right_four {
margin-top: .12rem
}
.minerelease_two_word {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minerelease_two_title {
margin-left: .4rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minerelease_three_word {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
background: rgba(249, 251, 254, 1);
text-align: center;
padding: .05rem .08rem;
box-sizing: border-box;
margin-right: .24rem
}
.minerelease_four_title {
font-size: .32rem;
font-weight: bold;
color: rgba(255, 90, 78, 1);
}
/* 我的订阅 */
.nosubscribe_img {
width: 5rem;
height: 3.16rem;
font-size: 0
}
.nosubscribe_img img {
width: 100%;
height: 100%
}
.nosubscribe_title {
margin-top: .1rem;
font-size: .32rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
/* 会员服务 */
.vip_contact_one {
display: none
}
.vip_contact_two {
display: none
}
.vip_tab {
width: 100%;
position: fixed;
top: 0
}
.vip_box {
background: rgba(255, 255, 255, 1);
padding: .26rem .86rem;
box-sizing: border-box
}
.vip_one {
font-size: .32rem;
font-weight: 400;
color: rgba(91, 94, 99, 1);
}
.vip_ones {
font-weight: bold;
color: rgba(6, 18, 30, 1);
position: relative
}
.vip_ones:after {
content: "";
width: .48rem;
height: .08rem;
background: rgba(93, 141, 238, 1);
border-radius: .48rem;
position: absolute;
bottom: -.15rem;
left: 50%;
transform: translate(-50%, 0);
}
.vip_contact {
background: rgba(76, 85, 115, 1);
margin-top: .5rem;
box-sizing: border-box;
padding-bottom: .56rem;
box-sizing: border-box
}
.vip_top {
width: 100%;
height: 2.4rem;
background-image: url('../img/sun_78.png');
background-size: cover;
background-repeat: no-repeat;
padding-top: .68rem;
box-sizing: border-box
}
.vip_title {
font-size: .48rem;
font-weight: bold;
color: rgba(255, 255, 255, 1);
text-align: center
}
.vip_center {
margin-top: -.58rem;
}
.vip_center_img {
width: 5.61rem;
height: .58rem;
font-size: 0
}
.vip_center_img img {
width: 100%;
height: 100%
}
.vip_card {
padding: 0 .32rem;
box-sizing: border-box
}
.vip_card_box {
padding: .2rem 0;
box-sizing: border-box
}
.vip_card_one {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .32rem .5rem;
box-sizing: border-box;
margin: .2rem 0
}
.vip_card_time {
font-size: .24rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
margin-right: .66rem;
position: relative
}
.vip_card_time:after {
content: "";
width: .03rem;
height: .7rem;
background: rgba(238, 238, 238, 1);
position: absolute;
top: -.11rem;
right: -.42rem
}
.vip_card_time span {
font-size: .32rem
}
.vip_card_price {
font-size: .32rem;
font-weight: bold;
color: rgba(93, 141, 238, 1);
}
.vip_card_word {
margin-top: .06rem;
font-size: .24rem;
font-weight: 300;
color: rgba(140, 145, 152, 1);
}
.vip_card_right {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .14rem .48rem;
box-sizing: border-box
}
.vip_state_img {
width: 100%;
height: 2.4rem;
font-size: 0
}
.vip_state_img img {
width: 100%;
height: 100%
}
.vip_privilege {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .3rem .32rem .4rem;
box-sizing: border-box;
margin-top: .4rem;
}
.vip_privilege_title {
font-size: .28rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
padding-left: .24rem;
box-sizing: border-box;
position: relative
}
.vip_privilege_title:before {
content: "";
width: .12rem;
height: .28rem;
background: rgba(93, 141, 238, 1);
border-radius: .04rem;
position: absolute;
top: .06rem;
left: 0
}
.vip_privilege_box {
margin-top: .28rem;
border-top: .01rem solid rgba(238, 238, 238, 1);
padding-top: .4rem;
box-sizing: border-box
}
.vip_privilege_one {
margin-bottom: .24rem
}
.vip_privilege_left {
width: .36rem;
height: .36rem;
font-size: 0
}
.vip_privilege_left img {
width: 100%;
height: 100%
}
.vip_privilege_right {
margin-left: .1rem
}
.vip_privilege_right_title {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.vip_privilege_right_word {
margin-top: .08rem;
font-size: .24rem;
font-weight: 300;
color: rgba(6, 18, 30, 1);
}
.vip_link {
margin-top: .4rem
}
.vip_link_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.vip_link_phone {
margin-top: .18rem;
border: .02rem solid rgba(238, 238, 238, 1);
border-radius: .16rem;
text-align: center;
font-size: .28rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
-webkit-text-stroke: 1 rgba(0, 0, 0, 0.00);
text-stroke: 1 rgba(0, 0, 0, 0.00);
padding: .18rem 0;
box-sizing: border-box
}
.vip_privilege_list {
margin-bottom: .2rem
}
.vip_privilege_listnum {
font-size: .24rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
background: rgba(93, 141, 238, 1);
border-radius: .04rem;
padding: .01rem .08rem;
box-sizing: border-box
}
.vip_privilege_listword {
margin-left: .22rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.tx_maskCon {
padding: 0 .64rem;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.tx_box {
background: rgba(255, 255, 255, 1);
border-radius: .25rem;
padding: .34rem .32rem .4rem;
box-sizing: border-box
}
.tx_title {
width: 100%;
font-size: .36rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
-webkit-text-stroke: 1 rgba(0, 0, 0, 0.00);
text-stroke: 1 rgba(0, 0, 0, 0.00);
margin-bottom: .3rem;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
text-align: center;
padding-bottom: .28rem
}
.tx_word {
font-size: .28rem;
font-weight: 400;
line-height: .4rem;
color: rgba(140, 145, 152, 1);
text-align: left
}
.tx_button {
margin-top: .3rem
}
.tx_btn {
width: 2.14rem;
border-radius: .16rem;
text-align: center;
font-size: .28rem;
font-weight: 500;
padding: .2rem 0;
box-sizing: border-box;
margin: 0 .36rem
}
.tx_cancel {
background: rgba(238, 238, 238, 1);
color: rgba(140, 145, 152, 1);
}
.tx_sumbit {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
color: rgba(255, 255, 255, 1);
}
/* 我的钱包 */
.minewallet {
padding: 0 .32rem;
box-sizing: border-box
}
.minewallet_top {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .48rem .32rem .44rem;
box-sizing: border-box;
margin-top: .26rem
}
.minewallet_top_title {
font-size: .28rem;
font-weight: 500;
color: rgba(6, 18, 30, 1);
}
.minewallet_contant {
margin-top: .22rem;
}
.minewallet_num {
font-size: .48rem;
font-weight: bold;
color: rgba(255, 90, 78, 1);
}
.minewallet_btn {
background: rgba(93, 141, 238, 1);
font-size: .28rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .08rem .72rem;
box-sizing: border-box;
border-radius: .16rem
}
.minewallet_bottom {
margin-top: .24rem;
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .4rem .32rem .4rem .4rem;
box-sizing: border-box
}
.minewallet_left {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minewallet_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.minewallet_right img {
width: 100%;
height: 100%
}
/* 我的订单 */
.mineorder_contant {
margin-top: .96rem;
padding: 0 .32rem;
box-sizing: border-box;
padding-top: .24rem;
display: none
}
.mineorder_box {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .4rem .44rem .36rem .42rem;
box-sizing: border-box;
margin-bottom: .24rem
}
.mineorder_top_num {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineorder_top_state1 {
font-size: .32rem;
font-weight: bold;
color: rgba(93, 141, 238, 1);
}
.mineorder_top_state2 {
font-size: .32rem;
font-weight: bold;
color: rgba(140, 145, 152, 1);
}
.mineorder_top {
margin-bottom: .22rem
}
.mineorder_word {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin-bottom: .22rem;
}
.noorder_img {
width: 4.4rem;
height: 2.8rem;
font-size: 0
}
.noorder_img img {
width: 100%;
height: 100%;
}
.noorder_title {
margin-top: .1rem;
font-size: .32rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
/* 联系客服 */
.mineservice {
background: rgba(255, 255, 255, 1);
padding: .24rem .32rem 0;
box-sizing: border-box
}
.mineservice_top {
background: rgba(255, 255, 255, 1);
box-shadow: 0 .02rem .12rem rgba(0, 0, 0, 0.06);
padding: .44rem .48rem .5rem;
box-sizing: border-box;
position: relative;
}
.mineservice_top_title {
font-size: .36rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineservice_top_icon {
width: .52rem;
height: .52rem;
font-size: 0;
margin-bottom: .18rem;
margin-left: .02rem
}
.mineservice_top_icon img {
width: 100%;
height: 100%
}
.mineservice_word {
margin-top: .12rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineservice_img {
width: 2.72rem;
font-size: 0;
position: absolute;
right: 0;
bottom: 0
}
.mineservice_img img {
width: 100%;
}
.mineservice_bottom {
margin-top: .72rem;
border-top: .01rem solid rgba(238, 238, 238, 1);
padding: .3rem 0;
box-sizing: border-box
}
.mineservice_bottom_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
margin-bottom: .1rem
}
.mineservice_bottom_word {
font-size: .28rem;
font-weight: 400;
line-height: .4rem;
color: rgba(6, 18, 30, 1);
}
/* 关于我们 */
.mineabout_box {
background: rgba(255, 255, 255, 1);
padding: .4rem .32rem;
box-sizing: border-box;
margin-bottom: .22rem
}
.mineabout_img {
width: 100%;
height: 3.92rem;
font-size: 0
}
.mineabout_img img {
width: 100%;
height: 100%
}
.mineabout_contant {}
.mineabout_title {
font-size: .36rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineabout_word {
margin-top: .2rem;
font-size: .28rem;
font-weight: 400;
line-height: .4rem;
color: rgba(6, 18, 30, 1);
}
.mineabout_contant {
margin-top: .5rem
}
/* 添加银行卡 */
.minebank_title {
font-size: .24rem;
font-weight: 400;
color: rgba(91, 94, 99, 1);
margin: .26rem 0;
padding-left: .38rem;
box-sizing: border-box
}
.minebank_box {
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.minebank_one {
padding: .36rem 0;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.minebank_left {
width: .84rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin-right: .64rem
}
.minebank_right {
font-size: 0
}
.minebank_right input {
font-size: .28rem;
font-weight: 300;
color: rgba(189, 196, 206, 1);
border: none;
outline: 0
}
.minebank_button {
margin-top: .44rem;
padding: 0 .32rem;
box-sizing: border-box
}
.minebank_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
text-align: center;
padding: .22rem 0;
box-sizing: border-box
}
/* 收支明细 */
.mineincome {
padding: 0 .32rem;
box-sizing: border-box
}
.mineincome_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
padding-left: .24rem;
margin: .24rem 0 .18rem
}
.mineincome_one {
background: rgba(255, 255, 255, 1);
border-radius: .2rem;
padding: .32rem;
box-sizing: border-box;
margin-bottom: .24rem
}
.mineincome_top_title {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineincome_top_word {
font-size: .28rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineincome_bottom {
margin-top: .3rem
}
.mineincome_bottom_title {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
.mineincome_bottom_word {
font-size: .26rem;
font-weight: 400;
color: rgba(93, 141, 238, 1);
}
/* 添加订阅 */
.addsubscribe_box {
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.addsubscribe_one {
padding: .34rem 0 .36rem;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.addsubscribe_left_title {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
width: 1.4rem;
margin-right: .2rem
}
.addsubscribe_left_word {
font-size: 0
}
.addsubscribe_left_word input {
font-size: .24rem;
font-weight: 500;
color: rgba(140, 145, 152, 1);
border: none
}
.addsubscribe_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.addsubscribe_right img {
width: 100%;
height: 100%
}
.addsubscribe_button {
padding: 0 .32rem;
box-sizing: border-box;
position: fixed;
bottom: .4rem;
width: 100%
}
.addsubscribe_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .22rem 0;
box-sizing: border-box;
text-align: center
}
/* 查看次数 */
.minelook {
padding: 0 .32rem;
box-sizing: border-box
}
.minelook_box {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .48rem .84rem .38rem;
box-sizing: border-box;
margin: .26rem 0 .4rem
}
.minelook_title {
font-size: .28rem;
font-weight: 500;
color: rgba(6, 18, 30, 1);
}
.minelook_num {
margin-top: .22rem;
font-size: .48rem;
font-weight: bold;
color: rgba(255, 90, 78, 1);
}
.minelook_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
text-align: center;
padding: .22rem 0;
box-sizing: border-box
}
/* 绑定手机 */
.minephone {
padding: 0 .32rem;
box-sizing: border-box
}
.mine_phone_box {
padding: 0 .42rem;
box-sizing: border-box
}
.mine_phone_one {
font-size: 0;
padding: .52rem 0 .2rem;
box-sizing: border-box;
border-bottom: .01rem solid rgba(235, 235, 235, 1);
}
.mine_phone_one input {
border: none;
font-size: .28rem;
font-weight: 300;
color: rgba(91, 94, 99, 1);
}
.mine_phone_left {
font-size: 0
}
.mine_phone_right {
font-size: .28rem;
font-weight: bold;
color: rgba(91, 94, 99, 1);
}
.mine_phone_show {
font-size: .28rem;
font-weight: 300;
color: rgba(91, 94, 99, 1);
text-align: right;
margin-top: .2rem
}
.mine_phone_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
text-align: center;
padding: .22rem 0;
box-sizing: border-box;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin-top: .66rem
}
/* 发布详情 */
.detail {
padding: 0 .32rem .98rem;
box-sizing: border-box
}
.detail_top_title {
font-size: .28rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
margin: .26rem 0 .34rem
}
.detail_top_one {
width: 1.8rem;
height: 1.8rem;
font-size: 0;
margin-right: .2rem;
margin-bottom: .18rem;
position: relative
}
.detail_top_one img {
width: 100%;
height: 100%
}
.detail_top_close {
width: .4rem;
height: .4rem;
font-size: 0;
position: absolute;
top: -.1rem;
right: -.08rem
}
.detail_top_close img {
width: 100%;
height: 100%
}
.detail_top_word {
font-size: .24rem;
font-weight: 400;
color: rgba(93, 141, 238, 1);
}
.detail_center {
margin-top: .4rem
}
.detail_center_one {
padding: .28rem 0;
box-sizing: border-box;
border-top: .01rem solid rgba(238, 238, 238, 1);
}
.detail_center_title {
width: 1.32rem;
font-size: .24rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.detail_center_title span {
color: #FF5A4E
}
.detail_center_one_word {
font-size: 0
}
.detail_center_one_word input {
font-size: .24rem;
font-weight: 500;
color: rgba(140, 145, 152, 1);
border: none
}
.detail_center_word {
font-size: .24rem;
font-weight: 500;
color: rgba(140, 145, 152, 1);
}
.detai_center_right_title {
font-size: .24rem;
font-weight: 600;
color: rgba(255, 90, 78, 1);
}
.detai_center_right_icon {
width: .2rem;
height: .2rem;
font-size: 0;
margin-left: .22rem
}
.detai_center_right_icon img {
width: 100%;
height: 100%;
}
.detail_center_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.detail_center_right img {
width: 100%;
height: 100%
}
.detail_center_text {
font-size: 0;
height: 1.78rem;
width: 5.5rem;
}
.detail_center_text textarea {
font-size: .24rem;
width: 5.5rem;
height: 100%;
font-weight: 500;
color: rgba(140, 145, 152, 1);
width: 100%;
border: none;
}
.detail_bottom_title {
font-size: .24rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.detail_bottom_label {
margin-top: .16rem
}
.detail_bottom {
padding: .28rem 0 .62rem;
box-sizing: border-box;
border-top: .01rem solid rgba(238, 238, 238, 1);
}
.detail_bottom_labels {
margin-right: .24rem;
background: #F9FBFE;
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
padding: .02rem .08rem;
box-sizing: border-box;
margin-bottom: .2rem
}
.detail_bottom_labels_active {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
color: #fff
}
.detail_fix {
position: fixed;
bottom: 0;
width: 100%
}
.detail_fix_box {
width: 100%;
height: .98rem;
background: rgba(255, 255, 255, 1);
box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.16);
}
.detail_fix_left {
width: 1.3rem;
height: 100%;
padding: .12rem 0 .1rem;
box-sizing: border-box
}
.detail_fix_img {
width: .4rem;
height: .4rem;
font-size: 0;
position: relative
}
.detail_fix_img img {
width: 100%;
height: 100%
}
.detail_fix_title {
margin-top: .04rem;
font-size: .22rem;
font-weight: 400;
color: rgba(189, 196, 206, 1);
}
.detail_fix_titles {
margin-top: .04rem;
font-size: .22rem;
font-weight: 400;
color: #06121E;
}
.detail_fix_right {
width: 6.2rem;
height: 100%;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
text-align: center;
line-height: .98rem
}
.detail_fix_two_box {
width: 2.42rem;
height: 100%;
padding: .12rem 0 .1rem;
box-sizing: border-box
}
.detail_fix_two_left {
width: 50%
}
.detail_fix_two_right {
width: 5.08rem;
height: 100%;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
text-align: center;
line-height: .98rem
}
.detail_fix_position {
width: .74rem;
height: .56rem;
font-size: 0;
position: absolute;
top: -.5rem;
right: -.5rem;
}
.detail_fix_position img {
width: 100%;
height: 100%
}
.detail_fix_four {
width: 100%;
height: 100%;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
text-align: center;
line-height: .98rem
}
\ No newline at end of file
... ...

706 字节

641 字节

981 字节

773 字节

810 字节

807 字节

800 字节

874 字节

914 字节

496 字节

579 字节

562 字节

... ... @@ -95,6 +95,10 @@
<script>
<!-- 跳到首页-->
$(".shouyejump").click(function(){
window.location.href="index.html"
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>关于我们</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="mineabout">
<div class="mineabout_box">
<div class="mineabout_img">
<img src="./img/about (1).png" alt="">
</div>
<div class="mineabout_contant">
<div class="mineabout_title">公司简介</div>
<div class="mineabout_word">致力于成为一家为社会创造最大价值的公司。自创立之初,秉持诚信经营的核心理念,倡导品质经济,成为中国备受消费者信赖的买房租房平台;</div>
</div>
</div>
<div class="mineabout_box">
<div class="mineabout_img">
<img src="./img/about (2).png" alt="">
</div>
<div class="mineabout_contant">
<div class="mineabout_title">发展历程</div>
<div class="mineabout_word">致力于成为一家为社会创造最大价值的公司。自创立之初,秉持诚信经营的核心理念,倡导品质经济,成为中国备受消费者信赖的买房租房平台;</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>添加银行卡</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minebank">
<div class="minebank_title">请绑定持卡本人的银行卡</div>
<div class="minebank_box">
<div class="minebank_one layer_star">
<div class="minebank_left">持卡人</div>
<div class="minebank_right"><input type="text" placeholder="请输入姓名"></div>
</div>
<div class="minebank_one layer_star">
<div class="minebank_left">卡号</div>
<div class="minebank_right"><input type="text" placeholder="请输入银行卡号"></div>
</div>
<div class="minebank_one layer_star">
<div class="minebank_left">开户行</div>
<div class="minebank_right"><input type="text" placeholder="请输入开户行"></div>
</div>
<div class="minebank_one layer_star">
<div class="minebank_left">手机号</div>
<div class="minebank_right"><input type="text" placeholder="请输入手机号"></div>
</div>
</div>
<div class="minebank_button">
<div class="minebank_btn">确认添加</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>添加订阅</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="addsubscribe">
<div class="addsubscribe_box">
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">房源类型:</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择房源类型">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">区域:</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择区域">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">面积:</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择面积">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">价格:</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择价格">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="addsubscribe_button">
<div class="addsubscribe_btn">确认发布</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>浏览记录</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="minerelease">
<div class="minerelease_top">
<div class="minerelease_top_label layer_center flex-warp">
<div class="minerelease_top_labels minerelease_top_labels_active">房屋出售</div>
<div class="minerelease_top_labels">房屋出租</div>
<div class="minerelease_top_labels">写字楼出租</div>
<div class="minerelease_top_labels">商铺出租</div>
<div class="minerelease_top_labels">房屋求购</div>
<div class="minerelease_top_labels">房屋求租</div>
</div>
</div>
<div class="minerelease_bottom">
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">5000元/月</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
$(".minerelease_top_labels").click(function() {
$(this).addClass("minerelease_top_labels_active").siblings().removeClass("minerelease_top_labels_active")
})
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的收藏</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="minerelease">
<div class="minerelease_top">
<div class="minerelease_top_label layer_center flex-warp">
<div class="minerelease_top_labels minerelease_top_labels_active">房屋出售</div>
<div class="minerelease_top_labels">房屋出租</div>
<div class="minerelease_top_labels">写字楼出租</div>
<div class="minerelease_top_labels">商铺出租</div>
<div class="minerelease_top_labels">房屋求购</div>
<div class="minerelease_top_labels">房屋求租</div>
</div>
</div>
<div class="minerelease_bottom">
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">5000元/月</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
$(".minerelease_top_labels").click(function() {
$(this).addClass("minerelease_top_labels_active").siblings().removeClass("minerelease_top_labels_active")
})
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>发布详情</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="detail">
<div class="detail_top">
<div class="detail_top_title">上传图片</div>
<div class="detail_top_box layer_star flex-warp">
<div class="detail_top_one">
<img src="./img/detail (1).png" alt="">
<div class="detail_top_close">
<img src="./img/close.png" alt="">
</div>
</div>
<div class="detail_top_one">
<img src="./img/detail (2).png" alt="">
</div>
</div>
<div class="detail_top_word">可批量上传多张房源图片(第一张为封面)</div>
</div>
<div class="detail_center">
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">售价<span>*</span></div>
<div class="detail_center_one_word"><input type="text" placeholder="请填写金额,留空为面议"></div>
</div>
<div class="detail_center_one_right layer_star">
<div class="detai_center_right_title">万元</div>
<div class="detai_center_right_icon">
<img src="./img/guanbi.png" alt="">
</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">户型:</div>
<div class="detail_center_word">请选择户型</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">建筑面积<span>*</span></div>
<div class="detail_center_word">请填写建筑面积</div>
</div>
<div class="detail_center_right layer_star">
<!-- <img src="./img/yourow.png" alt=""> -->
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">楼层/类型:</div>
<div class="detail_center_word">请选择楼层/类型</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">装修:</div>
<div class="detail_center_word">请选择装修情况</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">区域<span>*</span></div>
<div class="detail_center_word">请选择区域</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">小区:</div>
<div class="detail_center_word">请选择小区/商圈</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">详细地址:</div>
<div class="detail_center_word">请输入详细地址</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">联系人<span>*</span></div>
<div class="detail_center_word">请输入联系人</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">手机<span>*</span></div>
<div class="detail_center_word">请输入联系人手机</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">发布标题:</div>
<div class="detail_center_word">请输入标题</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_nostar">
<div class="detail_center_title">房源描述:</div>
<div class="detail_center_text">
<textarea name="" placeholder="请输入描述"></textarea>
</div>
</div>
</div>
</div>
<div class="detail_bottom">
<div class="detail_bottom_title">特色标签:最多可选择三个特色标签</div>
<div class="detail_bottom_label layer_star flex-warp">
<div class="detail_bottom_labels ">繁华地段</div>
<div class="detail_bottom_labels">学区房</div>
<div class="detail_bottom_labels">临近地铁</div>
<div class="detail_bottom_labels">临近医院</div>
<div class="detail_bottom_labels">临近医院</div>
</div>
</div>
</div>
<div class="detail_fix">
<div class="detail_fix_box">
<!-- 第一种 -->
<div class="detail_fix_one layer_between" style="display:none">
<div class="detail_fix_left flex_center">
<div class="detail_fix_img">
<img src="./img/shenhe.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_right">确认修改</div>
</div>
<!-- 第二种 -->
<div class="detail_fix_two layer_between" style="display:none">
<div class="detail_fix_two_box layer_center">
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/shenhe.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/zhiding.png" alt="">
</div>
<div class="detail_fix_titles">已置顶</div>
</div>
</div>
<div class="detail_fix_two_right">确认修改</div>
</div>
<!-- 第三种 -->
<div class="detail_fix_three layer_between" style="display:none">
<div class="detail_fix_two_box layer_center">
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/xiajia.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/zhiding (2).png" alt="">
<div class="detail_fix_position">
<img src="./img/sun_73.png" alt="">
</div>
</div>
<div class="detail_fix_title">置顶推广</div>
</div>
</div>
<div class="detail_fix_two_right">确认修改</div>
</div>
<!-- 第四种 -->
<div class="detail_fix_four">
重新上架
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
// 选择标签
$(".detail_bottom_labels").click(function() {
$(this).addClass("detail_bottom_labels_active")
})
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>收支明细</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="mineincome">
<div class="mineincome_title">记录详情</div>
<div class="mineincome_box">
<div class="mineincome_one">
<div class="mineincome_top layer_between">
<div class="mineincome_top_title">提现</div>
<div class="mineincome_top_word"><span>-</span><span>60</span></div>
</div>
<div class="mineincome_bottom layer_between">
<div class="mineincome_bottom_title">9月5日 10:00</div>
<div class="mineincome_bottom_word">提现成功</div>
</div>
</div>
<div class="mineincome_one">
<div class="mineincome_top layer_between">
<div class="mineincome_top_title">邀请奖励</div>
<div class="mineincome_top_word"><span>+</span><span>160</span></div>
</div>
<div class="mineincome_bottom layer_between">
<div class="mineincome_bottom_title">9月5日 10:00</div>
<div class="mineincome_bottom_word">提现成功</div>
</div>
</div>
<div class="mineincome_one">
<div class="mineincome_top layer_between">
<div class="mineincome_top_title">邀请奖励</div>
<div class="mineincome_top_word"><span>+</span><span>160</span></div>
</div>
<div class="mineincome_bottom layer_between">
<div class="mineincome_bottom_title">9月5日 10:00</div>
<div class="mineincome_bottom_word">提现成功</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<!-- 顶部个人信息 -->
<div class="index_top layer_nobetween">
<div class="index_top_left layer_nostar">
<div class="index_top_img">
<img src="./img/touxiang.png" alt="">
</div>
<div class="index_top_infor">
<div class="index_top_name">游客小李</div>
<div class="index_top_phone">156****3241</div>
<div class="index_top_label layer_star">
<div class="index_top_labels">找房会员</div>
<div class="index_top_labels">房东会员</div>
</div>
</div>
</div>
<div class="index_top_right layer_nostar">
<div class="index_top_icon">
<img src="./img/sun_56.png" alt="">
</div>
<div class="index_top_set">设置</div>
</div>
</div>
<!-- 跳转tab -->
<div class="index_tab layer_between">
<div class="index_tab_one flex_center">
<div class="index_tab_img">
<img src="./img/sun_57.png" alt="">
</div>
<div class="index_tab_title">我的发布</div>
</div>
<div class="index_tab_one flex_center">
<div class="index_tab_img">
<img src="./img/sun_58.png" alt="">
</div>
<div class="index_tab_title">我的收藏</div>
</div>
<div class="index_tab_one flex_center">
<div class="index_tab_img">
<img src="./img/sun_59.png" alt="">
</div>
<div class="index_tab_title">浏览记录</div>
</div>
<div class="index_tab_one flex_center">
<div class="index_tab_img">
<img src="./img/sun_60.png" alt="">
</div>
<div class="index_tab_title">我的订阅</div>
</div>
</div>
<!-- 广告 -->
<div class="index_sement">
<img src="./img/sun_55.png" alt="">
</div>
<!-- 列表 -->
<div class="index_list">
<div class="index_list_one">
<div class="index_list_box layer_between">
<div class="index_list_left layer_star">
<div class="index_list_img">
<img src="./img/sun_61.png" alt="">
</div>
<div class="index_list_title">查看次数</div>
</div>
<div class="index_list_right layer_center">
<div class="index_list_word">今天剩余5次</div>
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<div class="index_list_one">
<div class="index_list_box layer_between">
<div class="index_list_left layer_star">
<div class="index_list_img">
<img src="./img/sun_62.png" alt="">
</div>
<div class="index_list_title">会员服务</div>
</div>
<div class="index_list_right layer_center">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<div class="index_list_one">
<div class="index_list_box layer_between">
<div class="index_list_left layer_star">
<div class="index_list_img">
<img src="./img/sun_63.png" alt="">
</div>
<div class="index_list_title">我的钱包</div>
</div>
<div class="index_list_right layer_center">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<div class="index_list_one">
<div class="index_list_box layer_between">
<div class="index_list_left layer_star">
<div class="index_list_img">
<img src="./img/sun_64.png" alt="">
</div>
<div class="index_list_title">我的订单</div>
</div>
<div class="index_list_right layer_center">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<div class="index_list_one">
<div class="index_list_box layer_between">
<div class="index_list_left layer_star">
<div class="index_list_img">
<img src="./img/sun_65.png" alt="">
</div>
<div class="index_list_title">联系客服</div>
</div>
<div class="index_list_right layer_center">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<div class="index_list_one">
<div class="index_list_box layer_between">
<div class="index_list_left layer_star">
<div class="index_list_img">
<img src="./img/sun_66.png" alt="">
</div>
<div class="index_list_title">关于我们</div>
</div>
<div class="index_list_right layer_center">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
// 跳转设置
$(".index_top_right").click(function() {
window.location.href = "./mine_set.html";
})
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title> 查看次数</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minelook">
<div class="minelook_box layer_between">
<div class="minelook_one flex_center">
<div class="minelook_title">今日剩余次数</div>
<div class="minelook_num">2次</div>
</div>
<div class="minelook_one flex_center">
<div class="minelook_title">本月已查房源</div>
<div class="minelook_num">84次</div>
</div>
</div>
<div class="minelook_btn">获取更多查看次数</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的消息</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minenew">
<div class="minenew_one">
<div class="minenew_top">
<div class="minenew_notice layer_between">
<div class="minenew_notice_title">发布结果通知</div>
<div class="minenew_notice_time">30分钟前</div>
</div>
<div class="minenew_word">房源标题:<span>黄岛 - 灵山卫区32厅1卫…</span></div>
<div class="minenew_word">房源类型:<span>房屋出租</span></div>
<div class="minenew_word">审核结果:<span>成功发布</span></div>
</div>
<div class="minenew_bottom layer_between">
<div class="minenew_bottom_left">查看详情</div>
<div class="minenew_bottom_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minenew_one">
<div class="minenew_top">
<div class="minenew_notice layer_between">
<div class="minenew_notice_title">发布结果通知</div>
<div class="minenew_notice_time">9月28日</div>
</div>
<div class="minenew_word">房源标题:<span>黄岛 - 灵山卫区32厅1卫…</span></div>
<div class="minenew_word">房源类型:<span>房屋出租</span></div>
<div class="minenew_word">审核结果:<span>成功失败</span></div>
</div>
<div class="minenew_bottom layer_between">
<div class="minenew_bottom_left">查看详情</div>
<div class="minenew_bottom_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minenew_one">
<div class="minenew_top">
<div class="minenew_notice layer_between">
<div class="minenew_notice_title">推荐房源</div>
<div class="minenew_notice_time">30分钟前</div>
</div>
<div class="minenew_word">房源标题:<span>黄岛 - 灵山卫区32厅1卫…</span></div>
<div class="minenew_word">房源类型:<span>房屋出租</span></div>
<div class="minenew_word">更新日期:<span>2019-11-21</span></div>
</div>
<div class="minenew_bottom layer_between">
<div class="minenew_bottom_left">查看详情</div>
<div class="minenew_bottom_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的消息</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="nodata">
<div class="flex_center">
<div class="nonew_img">
<img src="./img/sun_54.png" alt="">
</div>
<div class="nonew_title">暂无消息</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的订单</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<!-- 顶部导航 -->
<div class="vip_tab">
<div class="vip_box layer_between">
<div class="vip_one vip_ones">全部</div>
<div class="vip_one">未完成</div>
<div class="vip_one">已完成</div>
</div>
</div>
<!-- 有数据显示 -->
<div class="mineorder_contant">
<div class="mineorder_box">
<div class="mineorder_top layer_between">
<div class="mineorder_top_num">订单号:<span>774539257</span></div>
<div class="mineorder_top_state1">已完成</div>
</div>
<div class="mineorder_word">订单类型:<span>业主会员</span></div>
<div class="mineorder_word">订单金额:<span>50.00</span></div>
<div class="mineorder_word">下单时间:<span>2019-11-18 23:33</span></div>
</div>
<div class="mineorder_box">
<div class="mineorder_top layer_between">
<div class="mineorder_top_num">订单号:<span>774539257</span></div>
<div class="mineorder_top_state2">未完成</div>
</div>
<div class="mineorder_word">订单类型:<span>业主会员</span></div>
<div class="mineorder_word">订单金额:<span>50.00</span></div>
<div class="mineorder_word">下单时间:<span>2019-11-18 23:33</span></div>
</div>
</div>
<!-- 无数据显示 -->
<div class="nodata">
<div class="noorder_box flex_center">
<div class="noorder_img">
<img src="./img/sun_84.png" alt="">
</div>
<div class="noorder_title">当前没有订阅消息</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
// 切换tab
$(".vip_one").click(function() {
$(this).addClass("vip_ones").siblings().removeClass("vip_ones")
});
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>绑定手机</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="minephone">
<div class="mine_phone_box">
<div class="mine_phone_one">
<input type="text" placeholder="请输入手机号">
</div>
<div class="mine_phone_one layer_between">
<div class="mine_phone_left">
<input type="text" placeholder="请输入短信验证码">
</div>
<div class="mine_phone_right">发送验证码</div>
</div>
<div class="mine_phone_show">重新发送验证码</div>
</div>
<div class="mine_phone_btn">确认</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>发布房源</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minepublish">
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_67.png" alt="">
</div>
<div class="minepublish_title">二手房</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_68.png" alt="">
</div>
<div class="minepublish_title">出租房</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_69.png" alt="">
</div>
<div class="minepublish_title">写字楼</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_70.png" alt="">
</div>
<div class="minepublish_title">商铺</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_71.png" alt="">
</div>
<div class="minepublish_title">求租/求购</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_72.png" alt="">
</div>
<div class="minepublish_title">购买会员</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的发布</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="minerelease">
<div class="minerelease_top">
<div class="minerelease_top_label layer_center flex-warp">
<div class="minerelease_top_labels minerelease_top_labels_active">房屋出售</div>
<div class="minerelease_top_labels">房屋出租</div>
<div class="minerelease_top_labels">写字楼出租</div>
<div class="minerelease_top_labels">商铺出租</div>
<div class="minerelease_top_labels">房屋求购</div>
<div class="minerelease_top_labels">房屋求租</div>
</div>
</div>
<div class="minerelease_bottom">
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">5000元/月</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
<div class="minerelease_box layer_star">
<div class="minerelease_left">
<img src="./img/501280316.png" alt="">
</div>
<div class="minerelease_right">
<div class="minerelease_right_one layer_star">
<div class="minerelease_one_word">新上</div>
<div class="minerelease_one_title">首创路程西府海棠</div>
</div>
<div class="minerelease_right_two layer_star">
<div class="minerelease_two_word">120㎡</div>
<div class="minerelease_two_title">2元/㎡/天</div>
</div>
<div class="minerelease_right_three layer_star">
<div class="minerelease_three_word">品牌房企</div>
<div class="minerelease_three_word">临近地铁</div>
</div>
<div class="minerelease_right_four">
<div class="minerelease_four_title">面议</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
$(".minerelease_top_labels").click(function() {
$(this).addClass("minerelease_top_labels_active").siblings().removeClass("minerelease_top_labels_active")
})
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>联系客服</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="mineservice">
<div class="mineservice_top">
<div class="mineservice_top_box">
<div class="layer_star">
<div class="mineservice_top_title">联系客服</div>
<div class="mineservice_top_icon">
<img src="./img/sun_85 (1).png" alt="">
</div>
</div>
<div class="mineservice_word">为您提供优质客服服务</div>
</div>
<div class="mineservice_img">
<img src="./img/sun_85 (2).png" alt="">
</div>
</div>
<div class="mineservice_bottom">
<div class="mineservice_bottom_title">客服服务时间:</div>
<div class="mineservice_bottom_word">周一至周五:9:00 - 6:00</div>
<div class="mineservice_bottom_word">周日:12:00 - 6:00</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>系统设置</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<!-- 顶部头像 -->
<div class="mineset_top layer_between">
<div class="mineset_top_left">
用户头像
</div>
<div class="mineset_top_right">
<img src="./img/touxiang.png" alt="">
</div>
</div>
<!-- 信息 -->
<div class="mineset_box">
<div class="mineset_one layer_between">
<div class="mineset_one_left">
用户昵称
</div>
<div class="mineset_one_right layer_star">
<div class="mineset_one_word">游客小李</div>
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="mineset_one layer_between">
<div class="mineset_one_left">
修改绑定手机
</div>
<div class="mineset_one_right layer_star">
<div class="mineset_one_word">183****232</div>
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="mineset_one layer_between">
<div class="mineset_one_left">
清除缓存
</div>
<div class="mineset_one_right layer_star">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="mineset_one layer_between">
<div class="mineset_one_left">
退出登录
</div>
<div class="mineset_one_right layer_star">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<!-- 退出登录 -->
<div class="mineset_btn">
<div class="mineset_button">退出登录</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的订阅</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="nodata">
<div class="nosubscribe_box flex_center">
<div class="nosubscribe_img">
<img src="./img/sun_76.png" alt="">
</div>
<div class="nosubscribe_title">当前没有订阅消息</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的钱包</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minewallet">
<div class="minewallet_top">
<div class="minewallet_top_title">我的钱包金额(元)</div>
<div class="minewallet_contant layer_between">
<div class="minewallet_num">¥4000.05</div>
<div class="minewallet_btn">提现</div>
</div>
</div>
<div class="minewallet_bottom layer_between">
<div class="minewallet_left">收支明细</div>
<div class="minewallet_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>会员服务</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="tx_mask" onclick="$(this).hide()">
<div class="tx_maskCon" onclick="zZFun(this)">
<div class="tx_box flex_center">
<div class="tx_title">购买成功</div>
<div class="tx_word">立即联系代办过户客服,获取专属服务</div>
<div class="tx_word">客服电话:13828881888</div>
<div class="tx_button layer_center">
<div class="tx_btn tx_cancel">返回</div>
<div class="tx_btn tx_sumbit">购买会员</div>
</div>
</div>
</div>
</div>
<!-- 顶部导航 -->
<div class="vip_tab">
<div class="vip_box layer_between">
<div class="vip_one vip_ones">找房会员</div>
<div class="vip_one">房东会员</div>
<div class="vip_one">代办过户</div>
</div>
</div>
<!-- 内容 -->
<!-- 找房会员 -->
<div class="vip_contact vip_contact_one">
<div class="vip_contant">
<div class="vip_top">
<div class="vip_title">
成为找房会员
</div>
</div>
<div class="vip_center layer_center">
<div class="vip_center_img">
<img src="./img/sun_77.png" alt="">
</div>
</div>
</div>
<div class="vip_card">
<!-- 选择会员服务 -->
<div class="vip_card_box">
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>3</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">1000元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>2</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">600元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>1</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">400元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
</div>
<!-- 会员状态 -->
<div class="vip_state">
<div class="vip_state_img">
<img src="./img/sun_79.png" alt="">
</div>
</div>
<!-- 会员特权 -->
<div class="vip_privilege">
<div class="vip_privilege_title">找房会员专享特权</div>
<div class="vip_privilege_box">
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_81.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">每天查看30套房源</div>
<div class="vip_privilege_right_word">每日查看房源从3套增加至30套,房东电话随意拨打。</div>
</div>
</div>
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_82.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">新上热门房源抢先看</div>
<div class="vip_privilege_right_word">15内房源只对会员开放,房间抢先看</div>
</div>
</div>
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_83.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">二手房交易0中介费</div>
<div class="vip_privilege_right_word">协助您签定合同、贷款、缴税、产权过户等。</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 房东会员 -->
<div class="vip_contact vip_contact_two">
<div class="vip_contant">
<div class="vip_top">
<div class="vip_title">
成为房东会员
</div>
</div>
<div class="vip_center layer_center">
<div class="vip_center_img">
<img src="./img/sun_77.png" alt="">
</div>
</div>
</div>
<div class="vip_card">
<!-- 选择会员服务 -->
<div class="vip_card_box">
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>3</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">1000元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>2</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">600元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>1</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">400元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
</div>
<!-- 会员状态 -->
<div class="vip_state">
<div class="vip_state_img">
<img src="./img/sun_79.png" alt="">
</div>
</div>
<!-- 会员特权 -->
<div class="vip_privilege">
<div class="vip_privilege_title">房东会员</div>
<div class="vip_privilege_box">
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_81.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">展示精选标签,平台内置顶展示</div>
<div class="vip_privilege_right_word">精选优质展示,曝光量提升10倍</div>
</div>
</div>
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_82.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">免费查看求组客户信息</div>
<div class="vip_privilege_right_word">10万+找房客户,真实电话随意打</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 代办过户 -->
<div class="vip_contact">
<div class="vip_contant">
<div class="vip_top">
<div class="vip_title">
委托代办过户
</div>
</div>
<div class="vip_center layer_center">
<div class="vip_center_img">
<img src="./img/sun_77.png" alt="">
</div>
</div>
</div>
<div class="vip_card">
<!-- 选择会员服务 -->
<div class="vip_card_box vip_card_one" style="margin:.4rem 0">
<div class=" layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>3</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">1000元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right daban_pay">购买</div>
</div>
<div class="vip_link">
<div class="vip_link_title">联系方式</div>
<div class="vip_link_phone">13472619321</div>
</div>
</div>
<!-- 会员状态 -->
<div class="vip_state">
<div class="vip_state_img">
<img src="./img/sun_79.png" alt="">
</div>
</div>
<!-- 会员特权 -->
<div class="vip_privilege">
<div class="vip_privilege_title">代办过户会员特权</div>
<div class="vip_privilege_box">
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">1</div>
<div class="vip_privilege_listword">协助您签订合同</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">2</div>
<div class="vip_privilege_listword">协助您办理银行贷款</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">3</div>
<div class="vip_privilege_listword">协助您缴纳房屋税费</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">4</div>
<div class="vip_privilege_listword">协助您办理产权过户</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">5</div>
<div class="vip_privilege_listword">协助您办理房屋设施交接</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
// 阻止冒泡
function zZFun(e) {
window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
};
// 切换tab
$(".vip_one").click(function() {
$(this).addClass("vip_ones").siblings().removeClass("vip_ones")
});
// 代办购买
$(".daban_pay").click(function() {
$(".tx_mask").css("display", "block");
});
// 取消
$(".tx_cancel").click(function() {
$(".tx_mask").css("display", "none");
});
// 购买
$(".tx_sumbit").click(function() {
$(".tx_mask").css("display", "none");
});
</script>
</html>
\ No newline at end of file
... ...