tamguo
7 years ago
parent
237eedef80
commit
3c896833e7
@ -0,0 +1,31 @@
|
||||
section.card {
|
||||
padding: 1.5625rem 1.25rem;
|
||||
margin-bottom: .75rem;
|
||||
}
|
||||
section {
|
||||
background: #fff;
|
||||
}
|
||||
.card-name-wrapper {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
-webkit-align-items: flex-end;
|
||||
align-items: flex-end;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.card-name-wrapper .name {
|
||||
font-size: 1.1875rem;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
.card-name-wrapper .more {
|
||||
position: relative;
|
||||
padding-right: .75rem;
|
||||
font-size: .8125rem;
|
||||
color: #9C9FA1;
|
||||
line-height: 1;
|
||||
}
|
||||
.loupan-status .status-wrapper .status-item:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@ -0,0 +1,697 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="font-size: 42px;">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="apple-mobile-web-app-title" content="掌上探果网">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="applicable-device" content="mobile">
|
||||
<link rel="canonical" href="https://www.tamguo.com" />
|
||||
<title th:text="${course.seoTitle}"></title>
|
||||
<meta name="keywords" th:content="${course.seoKeywords}" />
|
||||
<meta name="description" th:content="${course.seoDescription}" />
|
||||
<link rel="stylesheet" th:href="${domainName + 'mobile/css/base.css'}" />
|
||||
<link rel="stylesheet" th:href="${domainName + 'mobile/css/detail.css'}" />
|
||||
<style>
|
||||
.lists_model .model_list, .lists_price .price_list {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box
|
||||
}
|
||||
|
||||
.filter_box .filter_item .cont li, .filter_box .filter_item .guide li,
|
||||
.filter_box .tab_bar, .lists_price .price_list li {
|
||||
border-bottom: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
body.filter_show {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0
|
||||
}
|
||||
|
||||
.filter_box .tab_bar {
|
||||
position: relative;
|
||||
z-index: 10
|
||||
}
|
||||
|
||||
.filter_box .filter_item {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transition: -webkit-transform .5s ease;
|
||||
-moz-transition: transform .5s ease, -moz-transform .5s ease;
|
||||
-o-transition: transform .5s ease, -o-transform .5s ease;
|
||||
transition: transform .5s ease;
|
||||
transition: transform .5s ease, -webkit-transform .5s ease,
|
||||
-moz-transform .5s ease, -o-transform .5s ease;
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
-moz-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.filter_box .area_list, .filter_box .model_list, .filter_box .more_list,
|
||||
.filter_box .price_list {
|
||||
width: 100%;
|
||||
max-height: 25.625rem;
|
||||
background: #fff;
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
.filter_box .more_list {
|
||||
max-height: 20rem;
|
||||
max-height: calc(100vh - 16.0625rem)
|
||||
}
|
||||
|
||||
.filter_box .area_list {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.filter_box .filter_item.active {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
z-index: 2
|
||||
}
|
||||
|
||||
.filter_box .filter_item .cont, .filter_box .filter_item .guide,
|
||||
.filter_box .filter_item .nav {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
.filter_box .lists_area.active {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.filter_box .filter_item li {
|
||||
line-height: 2.5rem
|
||||
}
|
||||
|
||||
.filter_box .filter_item li.active a {
|
||||
color: #00ae66;
|
||||
-webkit-tap-highlight-color: rgab(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.filter_box .filter_item li.active .btn {
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: rgab(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.filter_box .filter_item .guide, .filter_box .filter_item .nav {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding-left: 1.1875rem;
|
||||
border-right: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
.filter_box .filter_item .nav {
|
||||
background: #f0f0f0;
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
.filter_box .filter_item .nav li {
|
||||
padding-left: 1.875rem
|
||||
}
|
||||
|
||||
.filter_box .filter_item .nav li.active {
|
||||
background: #fff;
|
||||
margin-right: -1px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
border-bottom: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
.filter_box .filter_item .nav li:first-child {
|
||||
border-top: 0
|
||||
}
|
||||
|
||||
.filter_box .filter_item .cont {
|
||||
-webkit-box-flex: 2;
|
||||
-webkit-flex: 2;
|
||||
-moz-box-flex: 2;
|
||||
-ms-flex: 2;
|
||||
flex: 2;
|
||||
padding-left: 1.1875rem
|
||||
}
|
||||
|
||||
.filter_box .filter_item .cont li.active, .filter_box .filter_item .guide li.active
|
||||
{
|
||||
color: #00ae66
|
||||
}
|
||||
|
||||
.filter_box .filter_item .level2.active, .filter_box .filter_item .level3.active
|
||||
{
|
||||
display: block
|
||||
}
|
||||
|
||||
.lists_price .price_list {
|
||||
width: 100%;
|
||||
padding-left: 1.25rem;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.lists_price .price_list li {
|
||||
height: 3.125rem;
|
||||
line-height: 3.125rem;
|
||||
font-size: 1rem
|
||||
}
|
||||
|
||||
.lists_price .price_list li:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.lists_price li>* {
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.lists_price li>span {
|
||||
margin-right: .9375rem
|
||||
}
|
||||
|
||||
.lists_price .input {
|
||||
width: 2.1875rem;
|
||||
height: 1.125rem;
|
||||
line-height: 1.125rem;
|
||||
padding: 0 .125rem;
|
||||
font-size: .6875rem;
|
||||
border: 0;
|
||||
background: #f5f5f5;
|
||||
-webkit-border-radius: .125rem;
|
||||
-moz-border-radius: .125rem;
|
||||
border-radius: .125rem;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.lists_price .connect {
|
||||
padding: 0 .3125rem;
|
||||
color: #c5c5c5
|
||||
}
|
||||
|
||||
.lists_model .btn, .lists_price .btn {
|
||||
background-color: #00ae66;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.lists_price .btn {
|
||||
display: inline-block;
|
||||
width: 2.0625rem;
|
||||
height: 1rem;
|
||||
line-height: 1rem;
|
||||
margin-left: .625rem;
|
||||
font-size: .625rem;
|
||||
-webkit-border-radius: .125rem;
|
||||
-moz-border-radius: .125rem;
|
||||
border-radius: .125rem
|
||||
}
|
||||
|
||||
.lists_model .model_list {
|
||||
width: 100%;
|
||||
padding-left: 1.25rem;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.lists_model .model_list li {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
border-bottom: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
.lists_model .model_list li:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.lists_model .model_list li label {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.lists_model .model_list .model {
|
||||
display: block;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1
|
||||
}
|
||||
|
||||
.lists_model .model_list input[type=checkbox] {
|
||||
margin-top: .8125rem;
|
||||
margin-right: 1.25rem
|
||||
}
|
||||
|
||||
.lists_model .btn_link {
|
||||
background: 0 0;
|
||||
color: #00ae66
|
||||
}
|
||||
|
||||
.lists_more .item {
|
||||
padding: 1.25rem;
|
||||
border-bottom: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
.lists_more .item:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
|
||||
.lists_more .item_tit {
|
||||
font-size: .875rem;
|
||||
font-weight: 600
|
||||
}
|
||||
|
||||
.lists_more .item_desc {
|
||||
color: #9c9fa1;
|
||||
font-size: .6875rem;
|
||||
margin-top: .9375rem
|
||||
}
|
||||
|
||||
.lists_more .item_cont .value_lists {
|
||||
overflow: hidden;
|
||||
padding-bottom: .125rem
|
||||
}
|
||||
|
||||
.lists_more .item_cont .val {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 1.5625rem;
|
||||
line-height: 1.5625rem;
|
||||
margin: .75rem 0 0;
|
||||
padding-right: .75rem;
|
||||
font-size: .6875rem;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.lists_more .item_cont .val a {
|
||||
display: block;
|
||||
border: 1px solid #e5e5e5;
|
||||
color: #999;
|
||||
-webkit-border-radius: .125rem;
|
||||
-moz-border-radius: .125rem;
|
||||
border-radius: .125rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.lists_more .item_cont .val.active a {
|
||||
border-color: #00ae66
|
||||
}
|
||||
|
||||
.lists_model .opt_box, .lists_more .opt_box, .opt_box+.lists_model .model_list
|
||||
{
|
||||
border-top: 1px solid #e5e5e5
|
||||
}
|
||||
|
||||
.lists_model .model_list li, .lists_price .price_list li {
|
||||
background:
|
||||
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAUklEQVR4Ae3VOQEAQQgDwEhACk4XgyESFgX3Obi/IqkHOoCMI2euFzs5ZGDkeq8MsHKV42Lkx3YcM3Ajh2vcuHHj/3Hj+0ef9ezdyBisy7AYsg2cbp3yKncnfQAAAABJRU5ErkJggg==)
|
||||
92% center no-repeat;
|
||||
-moz-background-size: .9375rem .9375rem;
|
||||
-o-background-size: .9375rem .9375rem;
|
||||
background-size: .9375rem .9375rem
|
||||
}
|
||||
|
||||
.lists_model .model_list li.active, .lists_price .price_list li.active {
|
||||
background:
|
||||
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEUAAAAAr2AArmYAr2UArWYArWUArmUArmUArmUArWYArWUArmYArmUAr2gArWYAr2QArWYArmUArWUArmbHRGgfAAAAE3RSTlMAEKAw8GDPkO+Pn9CwIIBAcMDgP/MWjgAAAIJJREFUeF7N0zkWxDAIBNHGSJY861L3v+sERHgentSV/oSAlm2TormZBnUMNVxFzhSoDM7Hdsi2XixzVlgLDqVn9r7TxJ3pim6hia8w49wlNPO9wWqhPLRnPYFL6KJfVgdeSRNrAZJm1ju0YvuEFixvoQXLT/VMxzNo/0Zko1XYhn0BNtYUGVhIZlYAAAAASUVORK5CYII=)
|
||||
92% center no-repeat;
|
||||
-moz-background-size: .9375rem .9375rem;
|
||||
-o-background-size: .9375rem .9375rem;
|
||||
background-size: .9375rem .9375rem
|
||||
}
|
||||
|
||||
.lists_price .price_list li, .lists_price .price_list li.active {
|
||||
background: 0 0
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="main_start">
|
||||
<!--页面-->
|
||||
<!--TODO here-->
|
||||
<section class="page page_xiaoqu">
|
||||
<header class="header header_white">
|
||||
<div class="flexbox left">
|
||||
<a href="javascript:history.back();" class="header_back"></a>
|
||||
<a th:href="${domainName}" class="city_wrap">
|
||||
<span class="switch_city">
|
||||
<em class="city">北京</em><i class="icon_pull"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<a th:href="${domainName}" class=""><span
|
||||
style="font-weight: 600; font-size: 38px; color: #00ae66;">探果网</span></a>
|
||||
<a th:href="${domainName}" class="my right"><i class="icon_user"></i></a>
|
||||
</header>
|
||||
<!--/头部-->
|
||||
<div class="content_area">
|
||||
|
||||
<div class="dynamic_search_box">
|
||||
<div class="input_wrap">
|
||||
<a th:href="${domainName}" class="post_ulog" data-evtid="10523"
|
||||
data-ulog="">
|
||||
<div class="search_box search_center">
|
||||
<i class="icon_search_gray"></i><input type="text"
|
||||
class="input" placeholder="请输入学校或老师名~">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--房源列表-->
|
||||
<div class="mod_box house_lists">
|
||||
<!--筛选条-->
|
||||
<div class="tab_bar flexbox" data-mark="booth">
|
||||
<div class="tab_tit box_col" data-mark="booth_area">
|
||||
<h2 class="tit">科目</h2>
|
||||
<i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
|
||||
<div class="tab_tit box_col" data-mark="booth_price">
|
||||
<h2 class="tit">章节</h2>
|
||||
<i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
<div class="tab_tit box_col" data-mark="booth_model">
|
||||
<h2 class="tit">题目</h2>
|
||||
<i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!--/筛选条-->
|
||||
|
||||
<div class="occupy" style="height: 89px; display: none;"></div>
|
||||
<div class="mod_cont">
|
||||
<li class="pictext">
|
||||
<a th:utext="${question.content}">
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<section class="loupan-status card" th:if="${question.reviewPoint != ''}">
|
||||
<div class="card-name-wrapper">
|
||||
<h2 class="name">考察知识点</h2>
|
||||
</div>
|
||||
<ul class="status-wrapper">
|
||||
<li class="status-item" th:utext="${question.reviewPoint}">
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="loupan-status card">
|
||||
<div class="card-name-wrapper">
|
||||
<h2 class="name">正确答案</h2>
|
||||
</div>
|
||||
<ul class="status-wrapper">
|
||||
<li class="status-item" th:utext="${question.answer}">
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="loupan-status card">
|
||||
<div class="card-name-wrapper">
|
||||
<h2 class="name">答案解析</h2>
|
||||
</div>
|
||||
<ul class="status-wrapper">
|
||||
<li class="status-item" th:utext="${question.analysis}">
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<!--底部:导航当前页用h1着重强调-->
|
||||
<footer class="footer">
|
||||
<div class="nav">
|
||||
<span class="location"><a th:href="${domainName}">探果网北京站</a></span> <i
|
||||
class="crumb"></i>
|
||||
<h1 class="cur" title="北京探果网">
|
||||
<a th:href="${domainName}">北京小区</a>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="link_box">
|
||||
<div class="link_tit">
|
||||
<h3 class="li text_cut active" data-act="foot_nav"
|
||||
data-mark="foot_nav">北京高考</h3>
|
||||
<h3 class="li text_cut" data-act="foot_nav" data-mark="foot_nav">热门推荐</h3>
|
||||
<h3 class="li text_cut" data-act="foot_nav" data-mark="foot_nav">周边试题</h3>
|
||||
</div>
|
||||
<div class="link_cont">
|
||||
<ul class="gridbox col_3 contlists active" data-mark="foot_navs">
|
||||
<li class="box_col"><a
|
||||
th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a
|
||||
th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li>
|
||||
</ul>
|
||||
<ul class="gridbox col_3 contlists" data-mark="foot_navs">
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
</ul>
|
||||
<ul class="gridbox col_3 contlists" data-mark="foot_navs">
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
<li class="box_col"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:text="${course.name}">科目</a></li></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="icon_box">
|
||||
<a href="javascript:;"
|
||||
title="iPhone客户端" class="icon_iphone lazyload_ulog"
|
||||
rel="nofollow">iPhone客户端</a> <a href="javascript:;"
|
||||
title="Android客户端" class="icon_android lazyload_ulog"
|
||||
rel="nofollow">Android客户端</a>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p class="company">上海探果网络科技有限公司</p>
|
||||
<p class="record">沪ICP备14022608号-1</p>
|
||||
<div class="record" style="">
|
||||
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo"
|
||||
style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"><img
|
||||
src="https://s1.ljcdn.com/hulk-web/static/m/images/common/beian.png?_v=14022608"
|
||||
style="float: left;">
|
||||
<p
|
||||
style="float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: #727373;">沪ICP备14022608号-1</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/底部-->
|
||||
<!--/底部-->
|
||||
</section>
|
||||
<section class="layer_fixed filter_box" style="display: none;"
|
||||
data-mark="panel_box">
|
||||
<!--头部筛选条-->
|
||||
<header class="tab_bar flexbox">
|
||||
<div class="tab_tit box_col active" data-mark="button_area">
|
||||
<span class="tit">区域</span><i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
<div class="tab_tit box_col" data-mark="button_price">
|
||||
<span class="tit">均价</span><i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
<div class="tab_tit box_col" data-mark="button_model">
|
||||
<span class="tit">类型</span><i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
<div class="tab_tit box_col" data-mark="button_year">
|
||||
<span class="tit">楼龄</span><i class="icon_triangle_down"></i>
|
||||
</div>
|
||||
</header>
|
||||
<!--/头部筛选条-->
|
||||
|
||||
<div class="content">
|
||||
<div class="filter_item lists_area" data-mark="panel_area">
|
||||
<div class="area_list">
|
||||
<div class="nav" data-mark="level1">
|
||||
<ul class="level1">
|
||||
<li class="li active" data-act="s1"
|
||||
data-info="id=district&name=区域">区域</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="guide" data-mark="level2">
|
||||
<ul class="level2 active">
|
||||
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a></li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}">不限</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="cont" data-mark="level3" style="display: none;">
|
||||
<ul class="level3">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter_item lists_price" data-mark="panel_price">
|
||||
<ul class="price_list ">
|
||||
<li class="li">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
<li class="li" data-act="price">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
<li class="li" data-act="price">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
<li class="li" data-act="price">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
<li class="li" data-act="price">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
<li class="li" data-act="price">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
<li class="li" data-act="price">
|
||||
<a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!--类型-->
|
||||
<div class="filter_item lists_model" data-mark="panel_model">
|
||||
<ul class="model_list q_roomlist">
|
||||
<li class="li"><span
|
||||
class="model"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a></span></li>
|
||||
<li class="li"><span
|
||||
class="model"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a></span></li>
|
||||
</ul>
|
||||
<div class="opt_box">
|
||||
<a href="javascript:;" class="btn btn_link" data-act="clear"
|
||||
style="display: none;">清空条件</a> <a href="javascript:;"
|
||||
class="btn btn_green" data-act="submit">确定</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--/类型-->
|
||||
<!--楼龄-->
|
||||
<div class="filter_item lists_year" data-mark="panel_year">
|
||||
<ul class="model_list q_roomlist">
|
||||
<li class="li"><span class="model"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a></span></li>
|
||||
<li class="li"><span class="model"><a th:href="${domainName + 'course/' + course.id + '.html'}" th:title="${course.name}"></a></span></li>
|
||||
</ul>
|
||||
<div class="opt_box">
|
||||
<a href="javascript:;" class="btn btn_link" data-act="clear"
|
||||
style="display: none;">清空条件</a> <a href="javascript:;"
|
||||
class="btn btn_green" data-act="submit">确定</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--/楼龄-->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" th:inline="javascript">
|
||||
//百度统计 www.tamguo.com
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?877e9c9ef462fe55b7750d478a41c981";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
// 百度推送 www.tamguo.com
|
||||
(function(){
|
||||
var bp = document.createElement('script');
|
||||
var curProtocol = window.location.protocol.split(':')[0];
|
||||
if (curProtocol === 'https') {
|
||||
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
|
||||
}
|
||||
else {
|
||||
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
|
||||
}
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(bp, s);
|
||||
})();
|
||||
|
||||
<!--360搜索自动推送 www.tamguo.com-->
|
||||
(function(){
|
||||
var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?40ee03bede7c19e05d89f18db868df8a":"https://jspassport.ssl.qhimg.com/11.0.1.js?40ee03bede7c19e05d89f18db868df8a";
|
||||
document.write('<script src="' + src + '" id="sozz"><\/script>');
|
||||
})();
|
||||
</script>
|
||||
</html>
|
||||
Loading…
Reference in new issue