<?php

$sortarr = $threadsortshow['optionlist'];

unset($threadsortshow);

?>

<!DOCTYPE HTML>

<html>

<head>

    <meta name='viewport' content='initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0'>

    <meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET ?>">

    <style type="text/css">

        *{padding: 0;margin:0;}

        body{font-family:"微软雅黑", "Helvetica Neue", sans-serif;background: #FAFAFA;}

        ul li{list-style: none;}

        #img-title{width: 100%;height:160px;overflow:hidden;background-color:#333333;text-align:center;}

        #img-title img{width:100%;}

        .global-back{background-color: #fff;}

        #title-info{padding: 12px;padding-top: 5px;border-bottom: 1px solid #E4E4E4;}

        #title-info h3{color:#434544;font-size: 22px;font-weight: normal;}

        #title-info .time{background: url("assets/img/time_icon.png") no-repeat 0 center; background-size: 12px 12px; padding-left: 20px; display: block;color: #B4B4B2;}

        #title-info .cost span{color: #FBAB4A;font-size: 24px;}

        #fox-info{margin-top: 30px;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}

        #fox-info .title{font-size: 20px; color: #3E3E3E;padding: 17px 12px 8px 12px;}

        #fox-info .fox-list{padding-left: 12px;}

        #fox-info ul{overflow: hidden;border-top: 1px solid #E4E4E4;padding: 12px 0 18px 0;}

        #fox-info .fox-list ul li{float: left;width: 50px;margin-left: 4px;font-size: 12px;margin-top: 5px;background: url("assets/img/ok.png") no-repeat 0 center; background-size: 12px 12px; padding-left: 20px;}

        #fox-info .fox-list ul li a{color:#9F9DE1;text-decoration: none;}

        #fox-info .info{padding: 12px;padding-top:0;padding-bottom: 18px;}

        #fox-info .info ul{width: 100%;}

        #fox-info .info ul li{float: left;width: 50%;font-size: 13px;color: #81807D;margin-top: 10px;}

        #plot-info{margin-top: 30px;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}

        #plot-info .title{font-size: 20px; color: #3E3E3E;padding: 17px 12px 8px 12px;}

        #plot-info .info{padding-left: 12px;}

        #plot-info ul{border-top: 1px solid #E4E4E4;padding: 12px 0 18px 0;overflow: hidden;}

        #plot-info ul li{font-size: 13px;color: #81807D;margin-bottom: 7px;}

        #fox-info1 .info ul li{float: left;width: 50%;font-size: 13px;color: #81807D;margin-top: 10px;}

        #plot-info1{margin-top: 30px;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}

        #plot-info1 .title{font-size: 20px; color: #3E3E3E;padding: 17px 12px 8px 12px;}

        #plot-info1 .info{padding-left: 12px;}

        #plot-info1 ul{border-top: 1px solid #E4E4E4;padding: 12px 0 18px 0;overflow: hidden;}

        #plot-info1 ul li{font-size: 13px;color: #81807D;margin-bottom: 7px;}

        #plot-info1 p > img{width: 96%;}

        .thumblist img { border: 1px solid #dddddd; margin: 5px 0; width: 96%; }

    </style>

</head>

<body>

<?php if(count($thumblist)): ?>

<div id="img-title"><img src="<?php echo $thumblist[0]; ?>"></div>

<script type="text/javascript">

    document.getElementById('img-title').style.height = (document.body.clientWidth / 2) + 'px';

</script>

<?php endif; ?>

<div id="title-info" class="global-back">

    <h3><?php echo $_G['forum_thread']['subject']; ?></h3>

    <span class="time"><?php echo dgmdate($_G['forum_thread']['dateline']); ?></span>

    <div class="cost"><span><?php echo $sortarr['jiage']['value']; ?></span> <?php echo $sortarr['jiage']['unit']; ?></div>

</div>

<div id="fox-info" class="global-back">

    <div class="title">房源详情</div>

    <?php if(!empty($sortarr['wuneisheshi']['value'])): ?>

    <div class="fox-list">

        <ul>

            <?php

            $facilities = explode('|&nbsp;', $sortarr['wuneisheshi']['value']);

            foreach($facilities as $facility) {

                $facility = trim($facility);

                if(empty($facility)) {

                    continue;

                }

                echo '<li><a href="javascript:void(0)">'.$facility.'</a></li>';

            }

            ?>

        </ul>

    </div>

    <?php endif; ?>

    <div class="info">

        <ul>

            <li>房屋类型：<?php echo $sortarr['leixing']['value']; ?></li>

            <li>交易类型：<?php echo $sortarr['jiaoyi']['value']; ?></li>

            <li>户型：<?php echo $sortarr['huxing']['value']; ?></li>

            <li>面积：<?php echo $sortarr['mianji']['value']; ?></li>

            <li>楼层：<?php echo $sortarr['louceng']['value']; ?></li>

            <li>装修情况：<?php echo $sortarr['zhuangxiu']['value']; ?></li>

        </ul>

    </div>

</div>

<div id="plot-info" class="global-back">

    <div class="title">小区</div>

    <div class="info">

        <ul>

            <li>小区名称：<?php echo $sortarr['xiaoqu']['value']; ?></li>

            <li>地址：<?php echo $sortarr['dizhi']['value']; ?></li>

            <li>物业费：<?php echo $sortarr['wuye']['value']; ?></li>

            <li>周边环境：<?php echo $sortarr['zhoubian']['value']; ?></li>

        </ul>

    </div>

</div>

<div id="plot-info1" class="global-back">

    <div class="title">房源介绍</div>

    <div class="info">

        <ul>

            <li>

                <?php

                foreach($postlist as $post) {

                    if($post['first']) {

                        echo $post['message'];

                        break;

                    }

                }



                if(count($thumblist)) {

                    echo '<div class="thumblist">';

                    foreach($thumblist as $thumb) {

                        echo '<p><img src="'.$thumb.'" /></p>';

                    }

                    echo '</div>';

                }

                ?>

            </li>

        </ul>

    </div>

</div>

<div></div>

</body>

</html>