YanaDH
/
51zhupai


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>法院列表</title>
    <link href="../css/index.css" rel="stylesheet">
    <link href="../css/detail.css" rel="stylesheet">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <!--导航-->
    <nav class="navbar navbar-default hidden-xs" role="navigation">
        <div class="container">
            <!--小屏幕导航按钮和logo-->
            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    首页
                </a>
            </div>
            <!--导航-->
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="#">
                            司法拍卖
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            看法预约
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            办证过户
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            贷款服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            新闻资讯
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            关于我们
                        </a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#" style="color: #E16452">
                            客服热线 400-0678050
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container">
        <div class="row" style="background: #ffffff; padding: 15px 0;">
            <div class="col-sm-12 col-md-5">
                <div class="row">
                    <div class="col-lg-12">
                        <div id="myCarousel" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                                <li data-target="#myCarousel" data-slide-to="3"></li>
                                <li data-target="#myCarousel" data-slide-to="4"></li>
                                <li data-target="#myCarousel" data-slide-to="5"></li>
                                <li data-target="#myCarousel" data-slide-to="6"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img class="img-responsive" src="../img/2210535440.jpg_800" alt="First slide">
                                </div>
                                <div class="item">
                                    <img class="img-responsive" src="../img/2210545665.jpg_800" alt="Second slide">
                                </div>
                                <div class="item">
                                    <img class="img-responsive" src="../img/2210553519.jpg_800" alt="Third slide">
                                </div>
                                <div class="item">
                                    <img class="img-responsive" src="../img/2210555894.jpg_800" alt="Third slide">
                                </div>
                                <div class="item">
                                    <img class="img-responsive" src="../img/2210562441.jpg_800" alt="Third slide">
                                </div>
                                <div class="item">
                                    <img class="img-responsive" src="../img/2210564495.jpg_800" alt="Third slide">
                                </div>
                                <div class="item">
                                    <img class="img-responsive" src="../img/2210565992.jpg_800" alt="Third slide">
                                </div>
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="carousel-control left" href="#myCarousel"
                               data-slide="prev">&lsaquo;</a>
                            <a class="carousel-control right" href="#myCarousel"
                               data-slide="next">&rsaquo;</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-7" style="padding-right: 50px; margin-top: 10px">
                <div class="row">
                    <div class="col-sm-12">
                        <p style="font-size: 18px">
                            车牌号为苏AG53T9的标致307小型轿车一辆
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <p>
                            <span style="; color: #787878">起 拍 价 ：</span>
                            <span style="font-size: 20px; color: #E36452">¥ 2.10</span>
                            <span style="; color: #E36452"> 万</span>
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p>
                            <span style="; color: #787878">保 证 金 ：</span>
                            ¥ 2000
                        </p>
                    </div>
                    <div class="col-sm-4">
                        <p>
                            <span style="; color: #787878">加价幅度 ：</span>
                            ¥ 5000
                        </p>
                    </div>
                    <div class="col-sm-4">
                        <p>
                            <span style="; color: #787878">优先购买权 ：</span>
                            是
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-8 col-xs-8">
                                <p>
                                    <span style="; color: #787878">开拍时间：</span>
                                    2017-08-10
                                </p>
                            </div>
                            <div class="col-sm-4 col-xs-4" style="text-align: right; height: 32px; padding-right: 0">
                                <img src="../img/clock.png" style="width: 20px; margin-top: -5px">
                                <span style="color: #787878; ; display: inline-block;">拍卖提醒</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <p>
                            <span style="; color: #787878">拍卖方式：</span>
                            线上方式（一拍）
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-8 col-xs-8">
                                <p>
                                    <span style="; color: #787878">拍卖网站：</span>
                                    <a href="#" style="color: #3498DB; text-decoration: underline;">点击前往</a>
                                </p>
                            </div>
                            <div class="col-sm-4 hidden-xs" style="margin-top: -3px; text-align: right; padding-right: 0">
                                <button class="btn btn-danger btn-sm">
                                    看样预约
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <p>
                            <span style="; color: #787878">处置方式：</span>
                            南京市江宁区人民法院
                        </p>
                    </div>
                </div>
                <div class="row hidden-xs">
                    <div class="col-sm-6">
                        <a href="">
                            <span class="bg-primary" style="color: #ffffff; height: 45px; width: 215px; display: inline-block; line-height: 45px; text-align: center; border-radius: 4px">
                                <img src="../img/tel.svg" alt="" style="width: 25px">
                                拨打热线
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="background: #ffffff; margin-top: 15px; margin-bottom: 15px">
            <div class="col-xs-12" style="color: #333333; font-size: 16px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #F2F2F2">
                车辆信息
            </div>
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-12 col-sm-3" style="margin-top: 10px; margin-bottom: 10px">
                        <span style="color: #666666">里程：</span>
                        2000KM
                    </div>
                    <div class="col-xs-12 col-sm-3" style="margin-top: 10px; margin-bottom: 10px">
                        <span style="color: #666666">排量：</span>
                        2.0t
                    </div>
                    <div class="col-xs-12 col-sm-3" style="margin-top: 10px; margin-bottom: 10px">
                        <span style="color: #666666">上牌地：</span>
                        成都
                    </div>
                    <div class="col-xs-12 col-sm-3" style="margin-top: 10px; margin-bottom: 10px">
                        <span style="color: #666666">上牌时间：</span>
                        2006-09-17
                    </div>
                </div>
            </div>
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-12 col-sm-3" style="margin-top: 10px; margin-bottom: 10px">
                        <span style="color: #666666">颜色：</span>
                        红
                    </div>
                    <div class="col-xs-12 col-sm-3" style="margin-top: 10px; margin-bottom: 10px">
                        <span style="color: #666666">违章：</span>
                        1条违章信息
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="background: #ffffff; margin-top: 15px; margin-bottom: 15px; padding-top: 10px">
            <div class="col-xs-12">
                <ul id="myTab" class="nav nav-tabs">
                    <li class="active">
                        <a href="#home" data-toggle="tab">
                            标的物介绍
                        </a>
                    </li>
                    <li>
                        <a href="#ios" data-toggle="tab">
                            图片
                        </a>
                    </li>
                    <li>
                        <a href="#jmeter" data-toggle="tab">
                            公告 须知
                        </a>
                    </li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade in active" id="home">
                        <p>菜鸟教程是一个提供最新的web技术站点，本站免费提供了建站相关的技术文档，帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术，更是梦想。</p>
                    </div>
                    <div class="tab-pane fade" id="ios">
                        <p>iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 AppleTV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。</p>
                    </div>
                    <div class="tab-pane fade" id="jmeter">
                        <p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row visible-xs tabs" style="color: #ffffff; margin-top: 40px">
        <div class="col-xs-6 bg-primary" style="position: fixed; bottom: 0; left: 0; font-size: 16px; height: 40px; line-height: 40px; text-align: center">
            <img src="../img/tel.svg" alt="" style="width: 25px">
            拨打热线
        </div>
        <div class="col-xs-6" style="position: fixed; background: #D9534F; bottom: 0; right: 0; font-size: 16px; height: 40px; line-height: 40px; text-align: center">
            看样预约
        </div>
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</body>
</html>