webfront / Clime · 提交

转到一个项目

作者 乔爽
提交 f9ffa514f6deddb2da432ef003dbe238c9df8917 1 个父辈 237d44a6

update

内嵌 并排对比
正在显示 9 个修改的文件 包含 1702 行增加 和 2 行删除
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
/*--------------- mid ---------------*/
.mid{
width: 100%;
height: 8.86rem;
background-color: #f5f5f5;
}
.mid_box{
width: 6.86rem;
/*height: 3.36rem;*/
background-color: #ffffff;
margin: 0.48rem 0.32rem;
}
.mid_box_top{
font-size: 0.32rem;
color: #666666;
box-sizing: border-box;
padding: 0.31rem 0.32rem;
line-height: 0.5rem;
}
.text_color{
width: 3.7rem;
color: #D13333;
text-overflow: ellipsis;
/*display: -webkit-box;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.mid_box_prompt{
width: 6.22rem;
/*height: 1.6rem;*/
background-color: #D13333;
border-radius: 0.02rem;
font-size: 0.28rem;
line-height: 0.52rem;
color: #ffffff;
margin: 0 0.3rem;
box-sizing: border-box;
padding: 0.1rem 0.3rem;
}
.mid_box_time{
font-size: 0.24rem;
text-align: center;
color: #999999;
line-height: 0.36rem;
margin-top: 0.1rem;
padding-bottom: 0.2rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
/*--------------- mid ---------------*/
.mid{
width: 100%;
height: 8.86rem;
background-color: #f5f5f5;
}
.mid_box{
width: 6.86rem;
background-color: #ffffff;
margin: 0.48rem 0.32rem;
}
.mid_box_top{
font-size: 0.32rem;
color: #666666;
box-sizing: border-box;
padding: 0.31rem 0.32rem;
line-height: 0.5rem;
}
.text_color{
width: 3.7rem;
color: #D13333;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.mid_box_prompt{
width: 6.22rem;
height: 0.76rem;
background-color: #999999;
border-radius: 0.02rem;
font-size: 0.28rem;
text-align: center;
line-height: 0.76rem;
color: #ffffff;
margin: 0 0.3rem;
}
.mid_box_time{
font-size: 0.24rem;
text-align: center;
color: #999999;
line-height: 0.36rem;
padding-bottom: 0.2rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
/*--------------- mid ---------------*/
.mid{
width: 100%;
height: 8.86rem;
background-color: #f5f5f5;
}
.mid_box{
width: 6.86rem;
/*height: 3.36rem;*/
background-color: #ffffff;
margin: 0.48rem 0.32rem;
}
.mid_box_top{
font-size: 0.32rem;
color: #666666;
box-sizing: border-box;
padding: 0.31rem 0.32rem;
line-height: 0.5rem;
}
.text_color{
width: 3.7rem;
color: #D13333;
text-overflow: ellipsis;
/*display: -webkit-box;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.mid_box_prompt{
width: 6.22rem;
/*height: 1.6rem;*/
background-color: #D13333;
border-radius: 0.02rem;
font-size: 0.28rem;
line-height: 0.52rem;
color: #ffffff;
margin: 0 0.3rem;
box-sizing: border-box;
padding: 0.1rem 0.3rem;
text-align: center;
}
.mid_box_time{
font-size: 0.24rem;
text-align: center;
color: #999999;
line-height: 0.36rem;
margin-top: 0.1rem;
padding-bottom: 0.2rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
/*--------------- mid ---------------*/
.mid{
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
background-color: #f5f5f5;
}
.mid_big{
margin-top: 0.6rem;
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
}
.mid_small{
margin-top: 0.15rem;
font-size: 0.24rem;
color: #3F4249;
}
/*---------- 盒模型 ----------*/
.mid_box{
margin-top: 0.6rem;
width: 6.86rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mid_box_item{
width: 3.36rem;
height: 3.36rem;
display: flex;
align-items: center;
/*justify-content: center;*/
flex-flow: column;
background-color: #ffffff;
margin-top: 0.15rem;
}
.mid_box_item_pic{
margin-top: 0.6rem;
width: 0.54rem;
height: 0.68rem;
display: flex;
}
.mid_box_item_pic img{
width: 100%;
height: 100%;
}
.mid_box_item_addr{
margin-top: 0.15rem;
font-size: 0.32rem;
color: #3F4249;
}
.mid_box_item_underline{
margin-top: 0.15rem;
width: 0.3rem;
height: 0.02rem;
background-color: #CCCCCC;
}
.mid_box_item_text{
margin-top: 0.2rem;
width: 3.4rem;
font-size: 0.26rem;
color: #666666;
text-align: center;
font-weight: 500;
line-height: 0.4rem;
}
.mid_box_item_tel{
margin-top: 0.6rem;
width: 0.68rem;
height: 0.68rem;
display: flex;
}
.mid_box_item_tel img{
width: 100%;
height: 100%;
}
.mid_box_item_email{
margin-top: 0.6rem;
width: 0.72rem;
height: 0.58rem;
display: flex;
}
.mid_box_item_email img{
width: 100%;
height: 100%;
}
.mid_box_item_wechat{
margin-top: 0.6rem;
width: 0.8rem;
height: 0.64rem;
display: flex;
}
.mid_box_item_wechat img{
width: 100%;
height: 100%;
}
/*二维码*/
.mid_box_item_QRcode{
margin-top: 0.1rem;
width: 1.2rem;
height: 1.2rem;
display: flex;
}
.mid_box_item_QRcode img{
width: 100%;
height: 100%;
}
.mid_map{
margin-top: 0.3rem;
width: 6.86rem;
height: 6.16rem;
display: flex;
background-color: #D13333;
}
.mid_city{
width: 6.86rem;
height: 8.55rem;
background-color: #ffffff;
display: flex;
flex-flow: column;
align-items: center;
/*justify-content: center;*/
}
.mid_province_box{
margin-top: 0.33rem;
display: flex;
position: relative;
}
.mid_province_select{
/*margin-top: 0.32rem;*/
width: 6.22rem;
height: 0.66rem;
border: 0.02rem solid #e6e6e6;
border-radius: 0.02rem;
-webkit-appearance: none;
padding: 0 0.2rem;
/*position: relative;*/
}
.icon-tubiaozhizuo-{
color: #999999;
position: absolute;
right: 0.3rem;
top: 0.16rem;
}
/*市区*/
.mid_downtown{
margin-top: 0.14rem;
width: 6.22rem;
display: flex;
justify-content: space-between;
}
.mid_downtown_box{
display: flex;
position: relative;
}
.mid_downtown_select{
width: 3.04rem;
height: 0.66rem;
border: 0.02rem solid #e6e6e6;
border-radius: 0.02rem;
-webkit-appearance: none;
padding: 0 0.2rem;
}
/*查询按钮*/
.mid_inquire{
width: 6.22rem;
height: 0.8rem;
background-color: #D13333;
font-size: 0.26rem;
text-align: center;
line-height: 0.8rem;
margin-top: 0.34rem;
border-radius: 0.4rem;
color: #ffffff;
}
.mid_location{
width: 6.22rem;
height: 0.8rem;
background-color: #ffffff;
font-size: 0.26rem;
text-align: center;
line-height: 0.8rem;
margin-top: 0.34rem;
border: 0.01rem solid #D13333;
border-radius: 0.4rem;
color: #D13333;
}
.mid_shop{
width: 6.22rem;
font-size: 0.24rem;
color: #666666;
margin-top: 0.35rem;
}
.mid_shop_color{
color: #D13333;
}
.mid_shop_underline{
margin-top: 0.24rem;
width: 6.22rem;
height: 0.02rem;
background-color: #e6e6e6;
}
.mid_shop_items{
width: 6.22rem;
height: 3.5rem;
display: flex;
flex-flow: column;
margin-top: 0.1rem;
}
.mid_shop_item{
width: 6rem;
height: 1.14rem;
display: flex;
flex-flow: column;
justify-content: space-around;
}
.mid_shop_item_top{
font-size: 0.28rem;
color: #3F4249;
}
.mid_shop_item_bottom{
font-size: 0.26rem;
color: #999999;
}
.mid_shop_item_underline{
width: 6rem;
height: 0.02rem;
background-color: #e6e6e6;
}
/*意见反馈*/
.mid_opinion{
width: 6.86rem;
display: flex;
flex-flow: column;
}
.mid_opinion_input{
width: 6.86rem;
height: 0.66rem;
background-color: #ffffff;
border: none;
outline: none;
border-radius: 0.33rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
... ... @@ -9,8 +9,6 @@
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/fwcx_4.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>防伪查询1</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/fwcx_4_1result.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<!--左 菜单条目-->
<div class="iconfont icon-caidan">
</div>
<!--中 主页面图标-->
<div class="header_mid">
<img src="../images/bicon_03@2x.png" >
</div>
</div>
<!--左边菜单栏时出现列表-->
<div class="container menu_default" style="display: none;">
<!--首页-->
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
</div>
<!-------------图片------------->
<div class="banner">
<img src="../images/bicon_28@2x.png">
</div>
<!--全球认证-->
<!-------------mid------------>
<div class="mid">
<div class="mid_box">
<div class="mid_box_top">
您查询的防伪码:
<span class="text_color">
1234567898765432111
</span><br>
真伪结果如下:
</div>
<!--提示框-->
<div class="mid_box_prompt">
您好，您所查询的是由北京可耐美国际贸易有限公司所生产的可耐美系列 属于正牌产品，请放心使用，感谢您对本公司的支持
</div>
<!--查询时间-->
<div class="mid_box_time">
首次查询时间: 2018/12/12 9:00:00 <br>
请确认，谨防假冒!本次是第2次查询
</div>
</div>
</div>
<!--底部介绍-->
<div class="bottom">
<p class="bottom_addr">
公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
</p>
<p class="bottom_tel">
电话 : 010-64482186
</p>
<p class="bottom_fax">
传真：010-6448-2226
</p>
<p class="bottom_email">
公司邮箱：beijing@germanyclime.cn
</p>
<p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
</div>
<!--底部菜单栏-->
<div class="footer_menu">
<div class="footer_item">
<div class="footer_item_icon icon_select"></div>
<div class="footer_item_text">在线选色</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_product"></div>
<div class="footer_item_text">产品中心</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_inquire"></div>
<div class="footer_item_text">防伪查询</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_join icon_big"></div>
<div class="footer_item_text">加盟可耐美</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>防伪查询2</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/fwcx_4_2result.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<!--左 菜单条目-->
<div class="iconfont icon-caidan">
</div>
<!--中 主页面图标-->
<div class="header_mid">
<img src="../images/bicon_03@2x.png" >
</div>
</div>
<!--左边菜单栏时出现列表-->
<div class="container menu_default" style="display: none;">
<!--首页-->
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
</div>
<!-------------图片------------->
<div class="banner">
<img src="../images/bicon_28@2x.png">
</div>
<!--全球认证-->
<!-------------mid------------>
<div class="mid">
<div class="mid_box">
<div class="mid_box_top">
您查询的防伪码:
<span class="text_color">
1234567898765432111
</span><br>
真伪结果如下:
</div>
<!--提示框-->
<div class="mid_box_prompt">
您好，你所查询的防伪码已被查询过
</div>
<!--查询时间-->
<div class="mid_box_time">
首次查询时间: 2018/12/12 9:00:00 <br>
请确认，谨防假冒!本次是第2次查询
</div>
</div>
</div>
<!--底部介绍-->
<div class="bottom">
<p class="bottom_addr">
公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
</p>
<p class="bottom_tel">
电话 : 010-64482186
</p>
<p class="bottom_fax">
传真：010-6448-2226
</p>
<p class="bottom_email">
公司邮箱：beijing@germanyclime.cn
</p>
<p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
</div>
<!--底部菜单栏-->
<div class="footer_menu">
<div class="footer_item">
<div class="footer_item_icon icon_select"></div>
<div class="footer_item_text">在线选色</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_product"></div>
<div class="footer_item_text">产品中心</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_inquire"></div>
<div class="footer_item_text">防伪查询</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_join icon_big"></div>
<div class="footer_item_text">加盟可耐美</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>防伪查询1</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/fwxc_4_3result_none.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<!--左 菜单条目-->
<div class="iconfont icon-caidan">
</div>
<!--中 主页面图标-->
<div class="header_mid">
<img src="../images/bicon_03@2x.png" >
</div>
</div>
<!--左边菜单栏时出现列表-->
<div class="container menu_default" style="display: none;">
<!--首页-->
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
</div>
<!-------------图片------------->
<div class="banner">
<img src="../images/bicon_28@2x.png">
</div>
<!--全球认证-->
<!-------------mid------------>
<div class="mid">
<div class="mid_box">
<div class="mid_box_top">
您查询的防伪码:
<span class="text_color">
1234567898765432111
</span><br>
真伪结果如下:
</div>
<!--提示框-->
<div class="mid_box_prompt">
您好，您所查询的防伪码不存在，谨防假冒！
或与公司客服人员联系！
</div>
<!--查询时间-->
<div class="mid_box_time">
如果您对此次查询结果有疑问<br>
请联系您所购买产品的供应商
</div>
</div>
</div>
<!--底部介绍-->
<div class="bottom">
<p class="bottom_addr">
公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
</p>
<p class="bottom_tel">
电话 : 010-64482186
</p>
<p class="bottom_fax">
传真：010-6448-2226
</p>
<p class="bottom_email">
公司邮箱：beijing@germanyclime.cn
</p>
<p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
</div>
<!--底部菜单栏-->
<div class="footer_menu">
<div class="footer_item">
<div class="footer_item_icon icon_select"></div>
<div class="footer_item_text">在线选色</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_product"></div>
<div class="footer_item_text">产品中心</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_inquire"></div>
<div class="footer_item_text">防伪查询</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_join icon_big"></div>
<div class="footer_item_text">加盟可耐美</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>联系我们</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css">
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/lxwm_5.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<!--左 菜单条目-->
<div class="iconfont icon-caidan">
</div>
<!--中 主页面图标-->
<div class="header_mid">
<img src="../images/bicon_03@2x.png" >
</div>
</div>
<!--左边菜单栏时出现列表-->
<div class="container menu_default" style="display: none;">
<!--首页-->
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
</div>
<!-------------图片------------->
<div class="banner">
<img src="../images/bicon_28@2x.png">
</div>
<!--全球认证-->
<!-------------mid------------>
<div class="mid">
<div class="mid_big">
联系我们
</div>
<div class="mid_small">
CONTACT US
</div>
<!--介绍盒子-->
<div class="mid_box">
<!--图列表-->
<div class="mid_box_item">
<div class="mid_box_item_pic">
<img src="../images/bicon_44@2x.png">
</div>
<div class="mid_box_item_addr">
地址
</div>
<div class="mid_box_item_underline"></div>
<div class="mid_box_item_text">
北京市大兴区欣雅街<br>
兴创国际中心3A-1501室
</div>
</div>
<div class="mid_box_item">
<div class="mid_box_item_tel">
<img src="../images/bicon_45@2x.png">
</div>
<div class="mid_box_item_addr">
电话
</div>
<div class="mid_box_item_underline"></div>
<div class="mid_box_item_text">
010-64482186
</div>
</div>
<div class="mid_box_item">
<div class="mid_box_item_email">
<img src="../images/bicon_46@2x.png">
</div>
<div class="mid_box_item_addr">
邮箱
</div>
<div class="mid_box_item_underline"></div>
<div class="mid_box_item_text">
beijing@germanyclime.cn
</div>
</div>
<div class="mid_box_item">
<div class="mid_box_item_wechat">
<img src="../images/bicon_47@2x.png">
</div>
<div class="mid_box_item_addr">
官方微信
</div>
<div class="mid_box_item_underline"></div>
<div class="mid_box_item_QRcode">
<img src="../images/bicon_48@2x.png">
</div>
</div>
</div>
<!--线下门店-->
<div class="mid_big">
线下门店
</div>
<div class="mid_small">
OFFLINE STORE
</div>
<!--地图-->
<div class="mid_map">
</div>
<!--城市选择-->
<div class="mid_city">
<!--省-->
<div class="mid_province_box">
<select class="mid_province_select ">
<option>北京</option>
<option>上海</option>
<option>广州</option>
<!--<div class="iconfont icon-tubiaozhizuo-"></div>-->
</select>
<div class="iconfont icon-tubiaozhizuo-"></div>
</div>
<!--市·区-->
<div class="mid_downtown">
<!--市-->
<div class="mid_downtown_box">
<select class="mid_downtown_select ">
<option>北京</option>
<option>上海</option>
<option>广州</option>
<!--<div class="iconfont icon-tubiaozhizuo-"></div>-->
</select>
<div class="iconfont icon-tubiaozhizuo-"></div>
</div>
<!--区-->
<div class="mid_downtown_box">
<select class="mid_downtown_select ">
<option>北京</option>
<option>上海</option>
<option>广州</option>
<!--<div class="iconfont icon-tubiaozhizuo-"></div>-->
</select>
<div class="iconfont icon-tubiaozhizuo-"></div>
</div>
</div>
<!--查询按钮-->
<div class="mid_inquire">
查询
</div>
<!--定位到当前位置-->
<div class="mid_location">
定位当当前位置
</div>
<!--门店结果-->
<div class="mid_shop">
线下门店<span class="mid_shop_color">19</span>个结果
</div>
<!--门店下划线-->
<div class="mid_shop_underline"></div>
<!--门店列表-->
<div class="mid_shop_items">
<div class="mid_shop_item">
<div class="mid_shop_item_top">
百安居上海龙阳店
</div>
<div class="mid_shop_item_bottom">
真北路1208号红星美凯龙（北馆）A8013-2
</div>
<div class="mid_shop_item_underline"></div>
</div>
<div class="mid_shop_item">
<div class="mid_shop_item_top">
百安居上海龙阳店
</div>
<div class="mid_shop_item_bottom">
真北路1208号红星美凯龙（北馆）A8013-2
</div>
<div class="mid_shop_item_underline"></div>
</div>
<div class="mid_shop_item">
<div class="mid_shop_item_top">
百安居上海龙阳店
</div>
<div class="mid_shop_item_bottom">
真北路1208号红星美凯龙（北馆）A8013-2
</div>
<div class="mid_shop_item_underline"></div>
</div>
</div>
</div>
<!--意见反馈-->
<div class="mid_big">
意见反馈
</div>
<div class="mid_small">
FEEDBACK
</div>
<div class="mid_opinion">
</div>
<!--输入框-->
<div class="mid_opinion">
<input class="mid_opinion_input" type="text" placeholder="您的姓名">
</div>
</div>
<!--底部介绍-->
<div class="bottom">
<p class="bottom_addr">
公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
</p>
<p class="bottom_tel">
电话 : 010-64482186
</p>
<p class="bottom_fax">
传真：010-6448-2226
</p>
<p class="bottom_email">
公司邮箱：beijing@germanyclime.cn
</p>
<p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
</div>
<!--底部菜单栏-->
<div class="footer_menu">
<div class="footer_item">
<div class="footer_item_icon icon_select"></div>
<div class="footer_item_text">在线选色</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_product"></div>
<div class="footer_item_text">产品中心</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_inquire"></div>
<div class="footer_item_text">防伪查询</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_join icon_big"></div>
<div class="footer_item_text">加盟可耐美</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...