1 

    <!DOCTYPE html>
    <html>
    <head>
        <title>details</title>
        <style type="text/css">
            a {
                text-decoration: none;
                color: #000;
                cursor: pointer;
            }
            .node_infor{
                font-size: 13px !important;
            }
            .hdetail_main {
                margin-top: 10px;
                margin-bottom: 10px;
                padding:5px;
                padding-left: 30px;

                width: 100%;
                background-color: #ddd;
            }
            .hrela_name {
                float: left;
                line-height: 30px;
            }
            .yahei {
                font-family: Microsoft Yahei !important;
            }

            .t24 {
                font-size: 24px !important;
            }
            .mr5 {
                margin-right: 5px;
            }
            i {
                font-style: normal;
            }
            .mr5 {
                margin-right: 5px;
            }

            .left {
                float: left;
            }
            .hdetail_main {
                font-size: 12px;
            }
            .hdetail_main a {
                color: #37D;
                cursor: pointer;
                text-decoration: none;
            }
            .hrela_name .l1 {
                border-radius: 10px 0 0 10px;
            }

            .hrela_name .l1, .hrela_name .l2 {
                display: inline-block;
                padding: 0 8px;
                border: 1px solid #CDE;
                cursor: pointer;
                color: #555;
                font-size: 12px;
                line-height: 18px;  
                margin-top: 6px;
            }
            * {
                box-sizing: border-box;
            }
            .row:after {
                content: "";
                clear: both;
                display: block;
            }
            [class*="col-"] {
                float: left;
                padding: 15px;
            }
            .col-1 {width: 8.33%;}
            .col-2 {width: 16.66%;}
            .col-3 {width: 25%;}
            .col-4 {width: 33.33%;}
            .col-5 {width: 41.66%;}
            .col-6 {width: 50%;}
            .col-7 {width: 58.33%;}
            .col-8 {width: 66.66%;}
            .col-9 {width: 75%;}
            .col-10 {width: 83.33%;}
            .col-11 {width: 91.66%;}
            .col-12 {width: 100%;}
        </style>
    </head>
    <body>
        <div class="node_infor area">
            <a href="/">首页</a>
            &gt;<a href="/z/nl/sub/">浦东合租</a>
            &gt;<a href="/z/nl/sub/b613000292.html">川沙公寓出租</a>
            &gt;<a href="javascript:;">黄楼新世纪花苑租房信息</a>     
        </div>

          <div class="hdetail_main hrela_name">
            <div class="t24 yahei" title="上海爱尚居公寓">
                <i data-handle="hotelGrade" class="mr5" title=""></i>
                上海爱尚居公寓
            </div>
            <p class="clearfix"><span class="mr5 left">
                <a href="/shanghai/center100757513/">[陆家嘴]</a>浦东新区昌邑路588弄1号一楼海悦滨江前台</span> 
                <span class="l1 left mt5" method="traffic" id="traffictopmap" title="地图"><i class="icon_land_map"></i>地图</span>        
                <span class="l2 left mt5" title="街景" id="sosoMap" data-svid="10021028140119123720100" data-heading="0" data-pitch="0" data-zoom="0" data-maptype="2">
                    <i class="icon_land_street"></i>街景</span>

                </p>
            </div>
            <div class="row hrela_pi_wrap">
                <div class="col-9 hdetail_main"><div class="wac" style="display: block;">
                        <img src="http://pavo.elongstatic.com/i/Hotel795_325/0003ByZ2.jpg" onerror="this.src='http://www.elongstatic.com/web/hotel/pic/no-pic-b.jpg?t=20170522142131'" height="325">
                        </div></div>
                <div class="col-3 hdetail_sider"></div> 
            </div>
            <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
        </body>
        </html>

 

posted @ 2017-06-07 00:15  cnchengv  阅读(174)  评论(0)    收藏  举报