fe / mars-static · Commits

Go to a project

Authored by 李靖
Commit 3f83c6a144f483b510a814f157daf9045d6e4716 1 parent 35297fb8

ie8

Inline Side-by-side
Showing 2 changed files with 245 additions and 0 deletions
... ... @@ -8,6 +8,9 @@
<meta name="description" content="">
<link rel="stylesheet" href="./dist/css/common.css">
<link rel="stylesheet" href="./dist/css/index.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="./dist/css/index-ie8.css">
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script type="text/javascript">
if (window.innerWidth < 1150) {
... ...
body, html {
background-color: #f6f6f6;
}
.container {
max-width: 100%;
}
.main {
width: 1150px;
height: 100%;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.header {
width: 100%;
height: 385px;
background-image: url('../images/pc_header.jpg');
background-size: auto 100%;
background-position: center center;
.down {
width: 301px;
height: 30px;
position: absolute;
right: 55px;
bottom: 33px;
}
}
.banner {
width: 100%;
height: 200px;
background-image: url('../images/pc_banner.jpg');
background-size: auto 100%;
background-position: center center;
}
.mainer {
width: 100%;
height: auto;
}
.big-title {
width: 306px;
height: 36px;
font-size: 20px;
color: #556f48;
border: solid 2px #556f48;
line-height: 36px;
text-align: center;
margin: 50px auto 20px;
}
.small-title {
color: #9d9d9d;
font-size: 16px;
text-align: center;
line-height: 20px;
}
.h5-more {
display: none;
}
.pc-more {
font-size: 20px;
color: #89b374;
text-align: center;
line-height: 30px;
a {
font-size: 20px;
color: #89b374;
display: inline-block;
text-decoration: underline;
vertical-align: bottom;
}
}
.city-list {
margin-top: 25px;
line-height: 0;
font-size: 0;
width: 1160px;
.list-item {
width: 222px;
height: 110px;
display: inline-block;
position: relative;
margin-right: 10px;
margin-bottom: 10px;
.name {
width: 222px;
height: 60px;
position: absolute;
top: 0;
left: 0;
color: #fff;
text-align: center;
line-height: 30px;
padding: 25px 0;
.en {
font-size: 24px;
}
.ch {
font-size: 20px;
}
}
}
}
.search-list {
margin-top: 25px;
line-height: 0;
font-size: 0;
width: 1160px;
.list-item {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
width: 280px;
background-color: #fff;
.pic {
width: 280px;
height: 179px;
}
.info {
padding: 14px 8px;
text-align: center;
.name {
font-size: 19px;
color: #1a1a1a;
line-height: 40px;
height: 40px;
overflow: hidden;
}
.intro {
font-size: 14px;
color: #9d9d9d;
line-height: 20px;
height: 40px;
overflow: hidden;
}
}
}
}
.city-list-2 {
line-height: 0;
font-size: 0;
width: 1160px;
margin-top: 25px;
.list-item {
display: inline-block;
margin-right: 10px;
width: 222px;
img {
width: 222px;
height: 270px;
}
p {
font-size: 18px;
color: #1a1a1a;
line-height: 40px;
text-align: center;
overflow: hidden;
height: 40px;
width: 100%;
}
}
}
.guide-list {
font-size: 0;
line-height: 0;
margin-top: 20px;
width: 1160px;
.list-item {
display: inline-block;
width: 376px;
height: 140px;
margin-right: 10px;
margin-bottom: 10px;
img {
width: 100%;
height: 100%;
}
}
}
.foot-list {
ul {
width: 140px;
margin: 0 117px;
display: inline-block;
text-indent: 10px;
li.title {
font-size: 22px;
color: #1a1a1a;
line-height: 65px;
list-style-type: none;
text-indent: 20px;
}
li {
list-style-type: disc;
font-size: 16px;
color: #9d9d9d;
line-height: 30px;
list-style-position: inside;
}
}
}
.footer {
padding: 80px 0 45px;
text-align: center;
p {
font-size: 12px;
color: #000;
line-height: 20px;
}
}
\ No newline at end of file
... ...