个人中心模块

@@ -22,6 +22,11 @@ body {
     overflow-x: hidden;
     overflow-x: hidden;
 }
 }
 
 
+input,
+textarea {
+    outline: 0
+}
+
 a {
 a {
     text-decoration: none
     text-decoration: none
 }
 }
@@ -1179,4 +1184,546 @@ a {
 
 
 .mineabout_contant {
 .mineabout_contant {
     margin-top: .5rem
     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
 }
 }

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

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

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

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

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

@@ -10,13 +10,28 @@
     <link rel="stylesheet" href="css/swiper.min.css">
     <link rel="stylesheet" href="css/swiper.min.css">
 
 
     <script type="text/javascript" src="js/base.js"></script>
     <script type="text/javascript" src="js/base.js"></script>
+    <style>
+        body {
+            background: #fff
+        }
+    </style>
 </head>
 </head>
 
 
 <body>
 <body>
-    <div class="mine_phone_box">
-        <div class="mine_phone_top">
-            <input type="text" placeholder="请输入手机号">
+    <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>
+        <div class="mine_phone_btn">确认</div>
     </div>
     </div>
 </body>
 </body>