合并分支 'Branch_wangyi' 到 'master'

个人中心模块



查看合并请求 !1

+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;
+}
+
+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
+}

+<!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>

+<!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>

+<!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>

+<!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>

+<!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>

+<!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>

+<!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>

+<!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="mine_phone_box">
+        <div class="mine_phone_top">
+            <input type="text" placeholder="请输入手机号">
+        </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>

+<!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>

+<!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>

+<!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>

+<!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>

+<!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>

+<!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>

+<!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>