响应式修改已完成80%
parent
27855eedeb
commit
316f75fd11
|
|
@ -1,29 +0,0 @@
|
|||
|
||||
/* 小于等于多少高度的样式 */
|
||||
@media screen and (max-height:880px){
|
||||
}
|
||||
@media screen and (max-height:600px){
|
||||
}
|
||||
/* 小于等于多少宽度的样式 */
|
||||
@media screen and (max-width:1660px){
|
||||
}
|
||||
@media screen and (max-width:1440px){
|
||||
}
|
||||
@media screen and (max-width:1366px){
|
||||
|
||||
}
|
||||
@media screen and (max-width:1200px){
|
||||
}
|
||||
@media screen and (max-width:1100px){
|
||||
|
||||
}
|
||||
@media screen and (max-width:1024px){
|
||||
}
|
||||
@media screen and (min-width: 1024px) {
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
}
|
||||
@media screen and (max-width:360px){
|
||||
}
|
||||
113
CN/css/style.css
113
CN/css/style.css
|
|
@ -1273,6 +1273,7 @@ input, textarea, select {
|
|||
}
|
||||
.fun-list .list .img{
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.fun-list .list .name{
|
||||
font-size: 18px;
|
||||
|
|
@ -1819,6 +1820,60 @@ input, textarea, select {
|
|||
-moz-transform: translate(100%,-110%);
|
||||
}
|
||||
}
|
||||
.box-content .box-txt img{
|
||||
max-width: 100%;
|
||||
height: auto !important;
|
||||
}
|
||||
.fun-list .list .img img{
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.contentDiv{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 0 25px;
|
||||
background: rgba(255,255,255,.6);
|
||||
box-sizing: border-box;
|
||||
margin-top: 20px;
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.contentDiv .list{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.contentDiv .list > div{
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
padding: 20px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.contentDiv .list .img{
|
||||
float: right;
|
||||
width: 425px;
|
||||
}
|
||||
|
||||
.contentDiv .list .text{
|
||||
float: left ;
|
||||
}
|
||||
.contentDiv .list:nth-child(2n) .img{
|
||||
float: left;
|
||||
width: 425px;
|
||||
}
|
||||
.contentDiv .list:nth-child(2n) .text{
|
||||
float: right ;
|
||||
}
|
||||
.contentDiv .list .text{
|
||||
width: calc(100% - 500px);
|
||||
}
|
||||
.mune-other.mune .list{
|
||||
width: 20%;
|
||||
}
|
||||
.mune-other.mune .list a span{
|
||||
padding-left: 0px;
|
||||
}
|
||||
/*兼容*/
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
/* IE10-specific styles go here */
|
||||
|
|
@ -1981,7 +2036,7 @@ input, textarea, select {
|
|||
.box-content{ width: 100%; min-height: auto;}
|
||||
.box::after{ display: none;}
|
||||
|
||||
.fun-list .list{ width: 48%; margin: 15px 0 0; padding: 15px;}
|
||||
.fun-list .list{ width: 48%; margin: 15px 0 0; padding: 15px;float: left;}
|
||||
.fun-list .list:nth-child(2n){ float: right;}
|
||||
.fun-list .list .name{ font-size: 16px;}
|
||||
.fun-list .list .img{ padding: 10px;}
|
||||
|
|
@ -2052,17 +2107,29 @@ input, textarea, select {
|
|||
|
||||
.index-tianfu .center-block ul li a{
|
||||
height: 250px;
|
||||
}
|
||||
.head_box .pull-right .top-box .link-box .between-center{
|
||||
margin-right: 10px;
|
||||
}
|
||||
.index-fly::after{
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.mune .list i{
|
||||
background-size: auto 100% !important;
|
||||
background-position: center !important;
|
||||
}
|
||||
}
|
||||
.head_box .pull-right .top-box .link-box .between-center{
|
||||
margin-right: 10px;
|
||||
}
|
||||
.index-fly::after{
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.mune .list i{
|
||||
background-size: auto 100% !important;
|
||||
background-position: center !important;
|
||||
}
|
||||
#queryForm{
|
||||
padding: 20px !important;
|
||||
}
|
||||
.searcBox_l2{
|
||||
padding-left: 40px;
|
||||
background:#ffffff;
|
||||
border-top: 1px solid #C8C8C8;
|
||||
}
|
||||
.searcBox_l2 .searchBoxTEXT2{
|
||||
width: calc(85vw - 40px);
|
||||
text-indent: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
@media screen and (min-width: 1024px) {
|
||||
|
|
@ -2115,6 +2182,20 @@ input, textarea, select {
|
|||
.box-content .box-txt p{
|
||||
text-indent: 0 !important;
|
||||
}
|
||||
.mune-other.mune .list a span{
|
||||
padding-top: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.mune-other.mune .list{
|
||||
font-size: 18px;
|
||||
}
|
||||
.contentDiv .list .img,.contentDiv .list .text,.contentDiv .list:nth-child(2n) .img,.contentDiv .list:nth-child(2n) .text{
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
.contentDiv .list .img img{
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
.index-tianfu .center-block{ margin-top: 35px;}
|
||||
|
|
@ -2124,4 +2205,12 @@ input, textarea, select {
|
|||
.head_box .pull-right .top-box .link-box .between-center{ font-size: 0;}
|
||||
.head_box .pull-right .top-box .link-box .between-center div a{ font-size: 14px;}
|
||||
.head_box .pull-right .top-box .link-box .between-center img{ margin-right: 0;}
|
||||
|
||||
.mune-other.mune .list a span{
|
||||
padding-top: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.mune .list a span{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
|
@ -281,6 +281,7 @@
|
|||
},
|
||||
type: "POST",
|
||||
dataType: "JSON",
|
||||
crossDomain:true,
|
||||
success: function (data) {
|
||||
if (data.length == 0){
|
||||
str += "<li style='cursor: pointer;'>无搜索结果</li>"
|
||||
|
|
@ -310,6 +311,7 @@
|
|||
},
|
||||
type: "POST",
|
||||
dataType: "JSON",
|
||||
crossDomain:true,
|
||||
success: function (data) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
str += "<li link=\""+data[i].modelPath+"\" style='cursor: pointer;'><a href=\""+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
|
|
@ -75,9 +74,6 @@
|
|||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list {
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="sidebar-box">
|
||||
|
|
|
|||
|
|
@ -62,7 +62,6 @@
|
|||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 20% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 20% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
|
|
@ -75,9 +74,6 @@
|
|||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list {
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="sidebar-box">
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
|
|
@ -75,9 +74,6 @@
|
|||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list {
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="sidebar-box">
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
|
||||
}
|
||||
.flight-search .list{
|
||||
width: 25% !important;
|
||||
padding: 0 10px !important;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0 !important;
|
||||
|
|
@ -75,9 +74,6 @@
|
|||
.flight-search .list:nth-child(5) > button{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.mune .list {
|
||||
z-index: 0;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="sidebar-box">
|
||||
|
|
|
|||
|
|
@ -357,7 +357,7 @@
|
|||
<!-- <div class="mune w-100 separate-mune" >-->
|
||||
<!-- -->
|
||||
<!-- </div>-->
|
||||
<div class="mune w-100">
|
||||
<div class="mune w-100 mune-other">
|
||||
<div class="w-1200 t-c">
|
||||
<div id="one_title" class="list active">
|
||||
<a href="javascript:void(0)" onclick="wuxingTab('one_title','one')"><span>旅客出行舒心❤</span></a>
|
||||
|
|
@ -402,14 +402,14 @@
|
|||
<div class="content">
|
||||
<div id="one" class="contentDiv">
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/1.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>交通无忧，多方式轻松抵离</span>
|
||||
<label><em></em><span>旅客在综合交通中心可实现地铁、长途汽车、出租车、网约车和机场专线无缝换乘</span></label>
|
||||
<label><em></em><span>旅客可享受24小时停车服务，停车楼配备充足充电桩、停车位和缴费寻车一体机</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -423,14 +423,14 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/3.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>通关顺畅，无纸出行更轻松</span>
|
||||
<label><em></em><span>残疾人、无陪老人、无陪儿童等特殊旅客，军人，消防救援人员可享受专用安检通道</span></label>
|
||||
<label><em></em><span>所有国内出港旅客可实现预安检、安检、登机全程“无纸化”</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -444,14 +444,14 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/5.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>中转便捷，航程间无缝衔接</span>
|
||||
<label><em></em><span>95%非联程中转经济舱旅客值机等候及办理时间≤10分钟</span></label>
|
||||
<label><em></em><span>95%非联程中转头等舱、公务舱旅客值机等候及办理时间≤5分钟</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/5.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -467,15 +467,15 @@
|
|||
|
||||
<div id="two" class="contentDiv" style="display: none">
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/7.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>多样选择，总有一种适合您</span>
|
||||
<label><em></em><span>旅客能够享受航站楼内全航班时段的商业服务</span></label>
|
||||
<label><em></em><span>旅客在航站楼内可选择中餐、西餐、饮品、甜点等多种品类餐食</span></label>
|
||||
<label><em></em><span>旅客可在航站楼内选购时装、箱包、香水、配饰等多种品类商品</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/7.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -488,20 +488,23 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/9.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>明厨亮灶，同质同价您放心</span>
|
||||
<label><em></em><span>旅客消费的所有餐饮类商家实行明厨亮灶</span></label>
|
||||
<label><em></em><span>旅客购买的所有餐饮类商品做到同城、同质、同价</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/9.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="three" class="contentDiv" style="display: none">
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/30.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>无休热线，专人接听件件回复</span>
|
||||
<!-- <label><em></em><span>提供24小时机场服务咨询热线：</span></label>-->
|
||||
|
|
@ -513,9 +516,6 @@
|
|||
<label><em></em><span>旅客的诉求有责任单位逐一进行实质性回复</span></label>
|
||||
<label><em></em><span>旅客的意见回访率达100%</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/30.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -529,6 +529,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/12.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>疫情防控，健康伴随你我他</span>
|
||||
<label><em></em><span>进入航站楼旅客的健康码核验、测温率达100%</span></label>
|
||||
|
|
@ -536,9 +539,6 @@
|
|||
<label><em></em><span>老年人、无手机等特殊旅客可通过家人或朋友代申领健康码，或在任一防爆通道现场领取信息申领表</span></label>
|
||||
<label><em></em><span>重点区域工作人员新冠疫苗接种率达100%，工作人员进入航站楼健康码核验和测温率100%</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/12.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="list">-->
|
||||
<!-- <div class="text">-->
|
||||
|
|
@ -567,14 +567,14 @@
|
|||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/13.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>保障充分，时刻为您保驾护航</span>
|
||||
<label><em></em><span>保障设施设备持续适用，实现旅客出行安全</span></label>
|
||||
<label><em></em><span>廊桥、停机位等保障资源分配合理，实现旅客出行便捷性</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/13.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -590,6 +590,9 @@
|
|||
|
||||
|
||||
<div id="five" class="contentDiv" style="display: none">
|
||||
<div class="img">
|
||||
<img src="/image/promise/15.png" alt="">
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="text">
|
||||
<span>提货自由，无忧等待我看行</span>
|
||||
|
|
@ -597,9 +600,6 @@
|
|||
<label><em></em><span>货主可通过多种方式提货，提高流转效率</span></label>
|
||||
<label><em></em><span>货主提货申请发出后等候提货时间≤30分钟</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/15.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
|
|
@ -612,15 +612,15 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="img">
|
||||
<img src="/image/promise/17.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<span>收运方便，您若想来我都在</span>
|
||||
<label><em></em><span>货主可享受机场货站24小时收运服务</span></label>
|
||||
<label><em></em><span>货主在窄体机型预计起飞时间2.5小时前可运货</span></label>
|
||||
<label><em></em><span>货主在宽体机型预计起飞时间3.5小时前可运货</span></label>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="/image/promise/17.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align:center; margin-top: 20px">
|
||||
|
|
@ -748,22 +748,6 @@
|
|||
}
|
||||
</style>
|
||||
<style>
|
||||
.mune .list a span {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding-left: 0px;
|
||||
height: 80px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.mune .list {
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
width: 20%;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
html,body{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
@ -814,39 +798,9 @@
|
|||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.contentDiv{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 0 25px;
|
||||
background: rgba(255,255,255,.6);
|
||||
box-sizing: border-box;
|
||||
margin-top: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.contentDiv > .list:nth-last-child(1){
|
||||
border: none;
|
||||
}
|
||||
.list{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.list > div{
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
padding: 20px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.list > div:nth-of-type(1){
|
||||
float: left ;
|
||||
}
|
||||
.list > div:nth-of-type(2){
|
||||
float: right;
|
||||
}
|
||||
.list .text{
|
||||
width: calc(100% - 500px);
|
||||
}
|
||||
.list .text > span{
|
||||
height: 41px;
|
||||
line-height: 41px;
|
||||
|
|
@ -897,9 +851,6 @@
|
|||
line-height: 30px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.list .img{
|
||||
width: 425px;
|
||||
}
|
||||
.img img{
|
||||
width: 100%;
|
||||
height: 265px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue