webfront / Clime · 提交

转到一个项目

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

update

内嵌 并排对比
正在显示 9 个修改的文件 包含 1702 行增加 和 2 行删除
  1 +
  2 +.main , .page{
  3 + position: absolute;
  4 + top: 0;
  5 + right: 0;
  6 + bottom: 0;
  7 + left: 0;
  8 +}
  9 +.container{
  10 + width: 100%;
  11 + line-height: 1;
  12 + display: flex;
  13 + flex-flow: column;
  14 +}
  15 +.header{
  16 + width: 7.5rem;
  17 + height:0.88rem;
  18 + background:rgba(146,32,32,1);
  19 + color: #ffffff;
  20 + display: flex;
  21 + align-items: center;
  22 + position: relative;
  23 +}
  24 +.icon-caidan{
  25 + font-size: 0.65rem;
  26 + margin-left: 0.32rem;
  27 +}
  28 +.header_mid{
  29 + display: flex;
  30 + width: 2.66rem;
  31 + height: 0.52rem;
  32 + position: absolute;
  33 + margin: 0 2.42rem;
  34 +}
  35 +.header_mid img{
  36 + width: 100%;
  37 + height: 100%;
  38 +}
  39 +.menu_default{
  40 + width: 7.5rem;
  41 +}
  42 +.menu_item{
  43 + display: flex;
  44 + justify-content: space-between;
  45 + height: 0.79rem;
  46 + align-items: center;
  47 + border-bottom: 1px solid #e6e6e6;
  48 + margin: 0 0.32rem;
  49 +}
  50 +.menu_item:first-child{
  51 + margin-top: 0.24rem;
  52 +}
  53 +.menu_text{
  54 + font-size: 0.26rem;
  55 + margin-left: 0.14rem;
  56 +}
  57 +.icon-jinru{
  58 + color: #666666;
  59 +}
  60 +
  61 +/*--------------- 图片 ---------------*/
  62 +.banner{
  63 + width: 7.5rem;
  64 + height: 3.6rem;
  65 +
  66 +}
  67 +.banner img{
  68 + width: 100%;
  69 + height: 100%;
  70 +}
  71 +/*--------------- mid ---------------*/
  72 +.mid{
  73 + width: 100%;
  74 + height: 8.86rem;
  75 + background-color: #f5f5f5;
  76 +}
  77 +.mid_box{
  78 + width: 6.86rem;
  79 + /*height: 3.36rem;*/
  80 + background-color: #ffffff;
  81 + margin: 0.48rem 0.32rem;
  82 +}
  83 +.mid_box_top{
  84 + font-size: 0.32rem;
  85 + color: #666666;
  86 + box-sizing: border-box;
  87 + padding: 0.31rem 0.32rem;
  88 + line-height: 0.5rem;
  89 +}
  90 +.text_color{
  91 + width: 3.7rem;
  92 + color: #D13333;
  93 + text-overflow: ellipsis;
  94 + /*display: -webkit-box;*/
  95 + -webkit-box-orient: vertical;
  96 + -webkit-line-clamp: 1;
  97 + overflow: hidden;
  98 +}
  99 +.mid_box_prompt{
  100 + width: 6.22rem;
  101 + /*height: 1.6rem;*/
  102 + background-color: #D13333;
  103 + border-radius: 0.02rem;
  104 +
  105 + font-size: 0.28rem;
  106 + line-height: 0.52rem;
  107 + color: #ffffff;
  108 + margin: 0 0.3rem;
  109 + box-sizing: border-box;
  110 + padding: 0.1rem 0.3rem;
  111 +}
  112 +.mid_box_time{
  113 + font-size: 0.24rem;
  114 + text-align: center;
  115 + color: #999999;
  116 + line-height: 0.36rem;
  117 + margin-top: 0.1rem;
  118 + padding-bottom: 0.2rem;
  119 +}
  120 +
  121 +/*--------------- 底部菜单栏 ---------------*/
  122 +.footer_menu{
  123 + width: 100%;
  124 + height: 0.98rem;
  125 + display: flex;
  126 + position: fixed;
  127 + bottom: 0;
  128 + left: 0;
  129 +
  130 + z-index: 2;
  131 + border-radius: 0.02rem;
  132 + background: #ffffff;
  133 + /*border: 1px solid red;*/
  134 + align-items: center;
  135 + justify-content: space-around;
  136 +}
  137 +.footer_item{
  138 + display: flex;
  139 + flex-flow: column;
  140 + align-items: center;
  141 + -webkit-flex: 1;
  142 +
  143 +}
  144 +.footer_item_icon{
  145 + width: 0.46rem;
  146 + height: 0.44rem;
  147 +}
  148 +.icon_select{
  149 + background: url("../images/bicon_10@2x.png");
  150 + background-size: cover;
  151 +}
  152 +.icon_product{
  153 + background: url("../images/bicon_11@2x.png");
  154 + background-size: cover;
  155 +}
  156 +.icon_inquire{
  157 + background: url("../images/bicon_12@2x.png");
  158 + background-size: cover;
  159 +}
  160 +.icon_join{
  161 + background: url("../images/bicon_13@2x.png");
  162 + /*background-size: 100% 100%;*/
  163 + background-size: cover;
  164 +
  165 +}
  166 +.footer_item_text{
  167 + font-size: 0.24rem;
  168 + font-weight: 500;
  169 + line-height: 0.24rem;
  170 + color: #922020;
  171 + margin-top: 0.13rem;
  172 +}
  173 +.icon_big{
  174 + width: 0.61rem;
  175 + height: 0.35rem;
  176 +}
  177 +
  178 +/*底部介绍*/
  179 +.bottom{
  180 + width: 7.5rem;
  181 + height: 2.89rem;
  182 + background-color: #922020;
  183 + margin-bottom: 0.98rem;
  184 + display: flex;
  185 + flex-flow: column;
  186 + align-items: center;
  187 + font-size: 0.24rem;
  188 + color: #ffffff;
  189 +}
  190 +.bottom_addr{
  191 + margin-top: 0.34rem;
  192 +}
  193 +.bottom_tel{
  194 + margin-top: 0.2rem;
  195 +}
  196 +.bottom_fax{
  197 + margin-top: 0.18rem;
  198 +}
  199 +.bottom_email{
  200 + margin-top: 0.2rem;
  201 +}
  202 +.bottom_copyright{
  203 + margin-top: 0.38rem;
  204 + font-size: 0.22rem;
  205 +}
  1 +
  2 +.main , .page{
  3 + position: absolute;
  4 + top: 0;
  5 + right: 0;
  6 + bottom: 0;
  7 + left: 0;
  8 +}
  9 +.container{
  10 + width: 100%;
  11 + line-height: 1;
  12 + display: flex;
  13 + flex-flow: column;
  14 +}
  15 +.header{
  16 + width: 7.5rem;
  17 + height:0.88rem;
  18 + background:rgba(146,32,32,1);
  19 + color: #ffffff;
  20 + display: flex;
  21 + align-items: center;
  22 + position: relative;
  23 +}
  24 +.icon-caidan{
  25 + font-size: 0.65rem;
  26 + margin-left: 0.32rem;
  27 +}
  28 +.header_mid{
  29 + display: flex;
  30 + width: 2.66rem;
  31 + height: 0.52rem;
  32 + position: absolute;
  33 + margin: 0 2.42rem;
  34 +}
  35 +.header_mid img{
  36 + width: 100%;
  37 + height: 100%;
  38 +}
  39 +.menu_default{
  40 + width: 7.5rem;
  41 +}
  42 +.menu_item{
  43 + display: flex;
  44 + justify-content: space-between;
  45 + height: 0.79rem;
  46 + align-items: center;
  47 + border-bottom: 1px solid #e6e6e6;
  48 + margin: 0 0.32rem;
  49 +}
  50 +.menu_item:first-child{
  51 + margin-top: 0.24rem;
  52 +}
  53 +.menu_text{
  54 + font-size: 0.26rem;
  55 + margin-left: 0.14rem;
  56 +}
  57 +.icon-jinru{
  58 + color: #666666;
  59 +}
  60 +
  61 +/*--------------- 图片 ---------------*/
  62 +.banner{
  63 + width: 7.5rem;
  64 + height: 3.6rem;
  65 +
  66 +}
  67 +.banner img{
  68 + width: 100%;
  69 + height: 100%;
  70 +}
  71 +/*--------------- mid ---------------*/
  72 +.mid{
  73 + width: 100%;
  74 + height: 8.86rem;
  75 + background-color: #f5f5f5;
  76 +}
  77 +.mid_box{
  78 + width: 6.86rem;
  79 +
  80 + background-color: #ffffff;
  81 + margin: 0.48rem 0.32rem;
  82 +}
  83 +.mid_box_top{
  84 + font-size: 0.32rem;
  85 + color: #666666;
  86 + box-sizing: border-box;
  87 + padding: 0.31rem 0.32rem;
  88 + line-height: 0.5rem;
  89 +}
  90 +.text_color{
  91 + width: 3.7rem;
  92 + color: #D13333;
  93 + text-overflow: ellipsis;
  94 +
  95 + -webkit-box-orient: vertical;
  96 + -webkit-line-clamp: 1;
  97 + overflow: hidden;
  98 +}
  99 +.mid_box_prompt{
  100 + width: 6.22rem;
  101 + height: 0.76rem;
  102 + background-color: #999999;
  103 + border-radius: 0.02rem;
  104 +
  105 + font-size: 0.28rem;
  106 + text-align: center;
  107 + line-height: 0.76rem;
  108 + color: #ffffff;
  109 + margin: 0 0.3rem;
  110 +}
  111 +.mid_box_time{
  112 + font-size: 0.24rem;
  113 + text-align: center;
  114 + color: #999999;
  115 + line-height: 0.36rem;
  116 +
  117 + padding-bottom: 0.2rem;
  118 +}
  119 +
  120 +/*--------------- 底部菜单栏 ---------------*/
  121 +.footer_menu{
  122 + width: 100%;
  123 + height: 0.98rem;
  124 + display: flex;
  125 + position: fixed;
  126 + bottom: 0;
  127 + left: 0;
  128 +
  129 + z-index: 2;
  130 + border-radius: 0.02rem;
  131 + background: #ffffff;
  132 + /*border: 1px solid red;*/
  133 + align-items: center;
  134 + justify-content: space-around;
  135 +}
  136 +.footer_item{
  137 + display: flex;
  138 + flex-flow: column;
  139 + align-items: center;
  140 + -webkit-flex: 1;
  141 +
  142 +}
  143 +.footer_item_icon{
  144 + width: 0.46rem;
  145 + height: 0.44rem;
  146 +}
  147 +.icon_select{
  148 + background: url("../images/bicon_10@2x.png");
  149 + background-size: cover;
  150 +}
  151 +.icon_product{
  152 + background: url("../images/bicon_11@2x.png");
  153 + background-size: cover;
  154 +}
  155 +.icon_inquire{
  156 + background: url("../images/bicon_12@2x.png");
  157 + background-size: cover;
  158 +}
  159 +.icon_join{
  160 + background: url("../images/bicon_13@2x.png");
  161 + /*background-size: 100% 100%;*/
  162 + background-size: cover;
  163 +
  164 +}
  165 +.footer_item_text{
  166 + font-size: 0.24rem;
  167 + font-weight: 500;
  168 + line-height: 0.24rem;
  169 + color: #922020;
  170 + margin-top: 0.13rem;
  171 +}
  172 +.icon_big{
  173 + width: 0.61rem;
  174 + height: 0.35rem;
  175 +}
  176 +
  177 +/*底部介绍*/
  178 +.bottom{
  179 + width: 7.5rem;
  180 + height: 2.89rem;
  181 + background-color: #922020;
  182 + margin-bottom: 0.98rem;
  183 + display: flex;
  184 + flex-flow: column;
  185 + align-items: center;
  186 + font-size: 0.24rem;
  187 + color: #ffffff;
  188 +}
  189 +.bottom_addr{
  190 + margin-top: 0.34rem;
  191 +}
  192 +.bottom_tel{
  193 + margin-top: 0.2rem;
  194 +}
  195 +.bottom_fax{
  196 + margin-top: 0.18rem;
  197 +}
  198 +.bottom_email{
  199 + margin-top: 0.2rem;
  200 +}
  201 +.bottom_copyright{
  202 + margin-top: 0.38rem;
  203 + font-size: 0.22rem;
  204 +}
  1 +
  2 +.main , .page{
  3 + position: absolute;
  4 + top: 0;
  5 + right: 0;
  6 + bottom: 0;
  7 + left: 0;
  8 +}
  9 +.container{
  10 + width: 100%;
  11 + line-height: 1;
  12 + display: flex;
  13 + flex-flow: column;
  14 +}
  15 +.header{
  16 + width: 7.5rem;
  17 + height:0.88rem;
  18 + background:rgba(146,32,32,1);
  19 + color: #ffffff;
  20 + display: flex;
  21 + align-items: center;
  22 + position: relative;
  23 +}
  24 +.icon-caidan{
  25 + font-size: 0.65rem;
  26 + margin-left: 0.32rem;
  27 +}
  28 +.header_mid{
  29 + display: flex;
  30 + width: 2.66rem;
  31 + height: 0.52rem;
  32 + position: absolute;
  33 + margin: 0 2.42rem;
  34 +}
  35 +.header_mid img{
  36 + width: 100%;
  37 + height: 100%;
  38 +}
  39 +.menu_default{
  40 + width: 7.5rem;
  41 +}
  42 +.menu_item{
  43 + display: flex;
  44 + justify-content: space-between;
  45 + height: 0.79rem;
  46 + align-items: center;
  47 + border-bottom: 1px solid #e6e6e6;
  48 + margin: 0 0.32rem;
  49 +}
  50 +.menu_item:first-child{
  51 + margin-top: 0.24rem;
  52 +}
  53 +.menu_text{
  54 + font-size: 0.26rem;
  55 + margin-left: 0.14rem;
  56 +}
  57 +.icon-jinru{
  58 + color: #666666;
  59 +}
  60 +
  61 +/*--------------- 图片 ---------------*/
  62 +.banner{
  63 + width: 7.5rem;
  64 + height: 3.6rem;
  65 +
  66 +}
  67 +.banner img{
  68 + width: 100%;
  69 + height: 100%;
  70 +}
  71 +/*--------------- mid ---------------*/
  72 +.mid{
  73 + width: 100%;
  74 + height: 8.86rem;
  75 + background-color: #f5f5f5;
  76 +}
  77 +.mid_box{
  78 + width: 6.86rem;
  79 + /*height: 3.36rem;*/
  80 + background-color: #ffffff;
  81 + margin: 0.48rem 0.32rem;
  82 +}
  83 +.mid_box_top{
  84 + font-size: 0.32rem;
  85 + color: #666666;
  86 + box-sizing: border-box;
  87 + padding: 0.31rem 0.32rem;
  88 + line-height: 0.5rem;
  89 +}
  90 +.text_color{
  91 + width: 3.7rem;
  92 + color: #D13333;
  93 + text-overflow: ellipsis;
  94 + /*display: -webkit-box;*/
  95 + -webkit-box-orient: vertical;
  96 + -webkit-line-clamp: 1;
  97 + overflow: hidden;
  98 +}
  99 +.mid_box_prompt{
  100 + width: 6.22rem;
  101 + /*height: 1.6rem;*/
  102 + background-color: #D13333;
  103 + border-radius: 0.02rem;
  104 +
  105 + font-size: 0.28rem;
  106 + line-height: 0.52rem;
  107 + color: #ffffff;
  108 + margin: 0 0.3rem;
  109 + box-sizing: border-box;
  110 + padding: 0.1rem 0.3rem;
  111 + text-align: center;
  112 +}
  113 +.mid_box_time{
  114 + font-size: 0.24rem;
  115 + text-align: center;
  116 + color: #999999;
  117 + line-height: 0.36rem;
  118 + margin-top: 0.1rem;
  119 + padding-bottom: 0.2rem;
  120 +}
  121 +
  122 +/*--------------- 底部菜单栏 ---------------*/
  123 +.footer_menu{
  124 + width: 100%;
  125 + height: 0.98rem;
  126 + display: flex;
  127 + position: fixed;
  128 + bottom: 0;
  129 + left: 0;
  130 +
  131 + z-index: 2;
  132 + border-radius: 0.02rem;
  133 + background: #ffffff;
  134 + /*border: 1px solid red;*/
  135 + align-items: center;
  136 + justify-content: space-around;
  137 +}
  138 +.footer_item{
  139 + display: flex;
  140 + flex-flow: column;
  141 + align-items: center;
  142 + -webkit-flex: 1;
  143 +
  144 +}
  145 +.footer_item_icon{
  146 + width: 0.46rem;
  147 + height: 0.44rem;
  148 +}
  149 +.icon_select{
  150 + background: url("../images/bicon_10@2x.png");
  151 + background-size: cover;
  152 +}
  153 +.icon_product{
  154 + background: url("../images/bicon_11@2x.png");
  155 + background-size: cover;
  156 +}
  157 +.icon_inquire{
  158 + background: url("../images/bicon_12@2x.png");
  159 + background-size: cover;
  160 +}
  161 +.icon_join{
  162 + background: url("../images/bicon_13@2x.png");
  163 + /*background-size: 100% 100%;*/
  164 + background-size: cover;
  165 +
  166 +}
  167 +.footer_item_text{
  168 + font-size: 0.24rem;
  169 + font-weight: 500;
  170 + line-height: 0.24rem;
  171 + color: #922020;
  172 + margin-top: 0.13rem;
  173 +}
  174 +.icon_big{
  175 + width: 0.61rem;
  176 + height: 0.35rem;
  177 +}
  178 +
  179 +/*底部介绍*/
  180 +.bottom{
  181 + width: 7.5rem;
  182 + height: 2.89rem;
  183 + background-color: #922020;
  184 + margin-bottom: 0.98rem;
  185 + display: flex;
  186 + flex-flow: column;
  187 + align-items: center;
  188 + font-size: 0.24rem;
  189 + color: #ffffff;
  190 +}
  191 +.bottom_addr{
  192 + margin-top: 0.34rem;
  193 +}
  194 +.bottom_tel{
  195 + margin-top: 0.2rem;
  196 +}
  197 +.bottom_fax{
  198 + margin-top: 0.18rem;
  199 +}
  200 +.bottom_email{
  201 + margin-top: 0.2rem;
  202 +}
  203 +.bottom_copyright{
  204 + margin-top: 0.38rem;
  205 + font-size: 0.22rem;
  206 +}
  1 +
  2 +.main , .page{
  3 + position: absolute;
  4 + top: 0;
  5 + right: 0;
  6 + bottom: 0;
  7 + left: 0;
  8 +}
  9 +.container{
  10 + width: 100%;
  11 + line-height: 1;
  12 + display: flex;
  13 + flex-flow: column;
  14 +}
  15 +.header{
  16 + width: 7.5rem;
  17 + height:0.88rem;
  18 + background:rgba(146,32,32,1);
  19 + color: #ffffff;
  20 + display: flex;
  21 + align-items: center;
  22 + position: relative;
  23 +}
  24 +.icon-caidan{
  25 + font-size: 0.65rem;
  26 + margin-left: 0.32rem;
  27 +}
  28 +.header_mid{
  29 + display: flex;
  30 + width: 2.66rem;
  31 + height: 0.52rem;
  32 + position: absolute;
  33 + margin: 0 2.42rem;
  34 +}
  35 +.header_mid img{
  36 + width: 100%;
  37 + height: 100%;
  38 +}
  39 +.menu_default{
  40 + width: 7.5rem;
  41 +}
  42 +.menu_item{
  43 + display: flex;
  44 + justify-content: space-between;
  45 + height: 0.79rem;
  46 + align-items: center;
  47 + border-bottom: 1px solid #e6e6e6;
  48 + margin: 0 0.32rem;
  49 +}
  50 +.menu_item:first-child{
  51 + margin-top: 0.24rem;
  52 +}
  53 +.menu_text{
  54 + font-size: 0.26rem;
  55 + margin-left: 0.14rem;
  56 +}
  57 +.icon-jinru{
  58 + color: #666666;
  59 +}
  60 +
  61 +/*--------------- 图片 ---------------*/
  62 +.banner{
  63 + width: 7.5rem;
  64 + height: 3.6rem;
  65 +
  66 +}
  67 +.banner img{
  68 + width: 100%;
  69 + height: 100%;
  70 +}
  71 +/*--------------- mid ---------------*/
  72 +.mid{
  73 + width: 100%;
  74 + display: flex;
  75 + flex-flow: column;
  76 + align-items: center;
  77 + background-color: #f5f5f5;
  78 +}
  79 +.mid_big{
  80 + margin-top: 0.6rem;
  81 + font-size: 0.4rem;
  82 + font-weight: bold;
  83 + color: #3F4249;
  84 +}
  85 +.mid_small{
  86 + margin-top: 0.15rem;
  87 + font-size: 0.24rem;
  88 + color: #3F4249;
  89 +}
  90 +/*---------- 盒模型 ----------*/
  91 +.mid_box{
  92 + margin-top: 0.6rem;
  93 + width: 6.86rem;
  94 + display: flex;
  95 + flex-wrap: wrap;
  96 + justify-content: space-between;
  97 +
  98 +}
  99 +.mid_box_item{
  100 + width: 3.36rem;
  101 + height: 3.36rem;
  102 + display: flex;
  103 + align-items: center;
  104 + /*justify-content: center;*/
  105 + flex-flow: column;
  106 + background-color: #ffffff;
  107 + margin-top: 0.15rem;
  108 +}
  109 +.mid_box_item_pic{
  110 + margin-top: 0.6rem;
  111 + width: 0.54rem;
  112 + height: 0.68rem;
  113 + display: flex;
  114 +}
  115 +.mid_box_item_pic img{
  116 + width: 100%;
  117 + height: 100%;
  118 +}
  119 +.mid_box_item_addr{
  120 + margin-top: 0.15rem;
  121 + font-size: 0.32rem;
  122 + color: #3F4249;
  123 +}
  124 +.mid_box_item_underline{
  125 + margin-top: 0.15rem;
  126 + width: 0.3rem;
  127 + height: 0.02rem;
  128 + background-color: #CCCCCC;
  129 +}
  130 +.mid_box_item_text{
  131 + margin-top: 0.2rem;
  132 + width: 3.4rem;
  133 + font-size: 0.26rem;
  134 + color: #666666;
  135 + text-align: center;
  136 + font-weight: 500;
  137 + line-height: 0.4rem;
  138 +}
  139 +.mid_box_item_tel{
  140 + margin-top: 0.6rem;
  141 + width: 0.68rem;
  142 + height: 0.68rem;
  143 + display: flex;
  144 +}
  145 +.mid_box_item_tel img{
  146 + width: 100%;
  147 + height: 100%;
  148 +}
  149 +.mid_box_item_email{
  150 + margin-top: 0.6rem;
  151 + width: 0.72rem;
  152 + height: 0.58rem;
  153 + display: flex;
  154 +}
  155 +.mid_box_item_email img{
  156 + width: 100%;
  157 + height: 100%;
  158 +}
  159 +.mid_box_item_wechat{
  160 + margin-top: 0.6rem;
  161 + width: 0.8rem;
  162 + height: 0.64rem;
  163 + display: flex;
  164 +}
  165 +.mid_box_item_wechat img{
  166 + width: 100%;
  167 + height: 100%;
  168 +}
  169 +/*二维码*/
  170 +.mid_box_item_QRcode{
  171 +
  172 + margin-top: 0.1rem;
  173 + width: 1.2rem;
  174 + height: 1.2rem;
  175 + display: flex;
  176 +}
  177 +.mid_box_item_QRcode img{
  178 + width: 100%;
  179 + height: 100%;
  180 +}
  181 +.mid_map{
  182 + margin-top: 0.3rem;
  183 + width: 6.86rem;
  184 + height: 6.16rem;
  185 + display: flex;
  186 + background-color: #D13333;
  187 +}
  188 +
  189 +.mid_city{
  190 + width: 6.86rem;
  191 + height: 8.55rem;
  192 + background-color: #ffffff;
  193 + display: flex;
  194 + flex-flow: column;
  195 + align-items: center;
  196 + /*justify-content: center;*/
  197 +}
  198 +.mid_province_box{
  199 + margin-top: 0.33rem;
  200 + display: flex;
  201 + position: relative;
  202 +}
  203 +.mid_province_select{
  204 + /*margin-top: 0.32rem;*/
  205 + width: 6.22rem;
  206 + height: 0.66rem;
  207 + border: 0.02rem solid #e6e6e6;
  208 + border-radius: 0.02rem;
  209 + -webkit-appearance: none;
  210 + padding: 0 0.2rem;
  211 + /*position: relative;*/
  212 +}
  213 +
  214 +.icon-tubiaozhizuo-{
  215 + color: #999999;
  216 + position: absolute;
  217 + right: 0.3rem;
  218 + top: 0.16rem;
  219 +}
  220 +/*市区*/
  221 +.mid_downtown{
  222 + margin-top: 0.14rem;
  223 + width: 6.22rem;
  224 + display: flex;
  225 + justify-content: space-between;
  226 +}
  227 +.mid_downtown_box{
  228 + display: flex;
  229 + position: relative;
  230 +}
  231 +.mid_downtown_select{
  232 + width: 3.04rem;
  233 + height: 0.66rem;
  234 + border: 0.02rem solid #e6e6e6;
  235 + border-radius: 0.02rem;
  236 + -webkit-appearance: none;
  237 + padding: 0 0.2rem;
  238 +}
  239 +/*查询按钮*/
  240 +.mid_inquire{
  241 + width: 6.22rem;
  242 + height: 0.8rem;
  243 + background-color: #D13333;
  244 + font-size: 0.26rem;
  245 + text-align: center;
  246 + line-height: 0.8rem;
  247 + margin-top: 0.34rem;
  248 + border-radius: 0.4rem;
  249 + color: #ffffff;
  250 +}
  251 +.mid_location{
  252 + width: 6.22rem;
  253 + height: 0.8rem;
  254 + background-color: #ffffff;
  255 + font-size: 0.26rem;
  256 + text-align: center;
  257 + line-height: 0.8rem;
  258 + margin-top: 0.34rem;
  259 + border: 0.01rem solid #D13333;
  260 + border-radius: 0.4rem;
  261 + color: #D13333;
  262 +}
  263 +.mid_shop{
  264 + width: 6.22rem;
  265 + font-size: 0.24rem;
  266 + color: #666666;
  267 + margin-top: 0.35rem;
  268 +}
  269 +.mid_shop_color{
  270 + color: #D13333;
  271 +}
  272 +.mid_shop_underline{
  273 + margin-top: 0.24rem;
  274 + width: 6.22rem;
  275 + height: 0.02rem;
  276 + background-color: #e6e6e6;
  277 +}
  278 +.mid_shop_items{
  279 + width: 6.22rem;
  280 + height: 3.5rem;
  281 + display: flex;
  282 + flex-flow: column;
  283 + margin-top: 0.1rem;
  284 +}
  285 +.mid_shop_item{
  286 + width: 6rem;
  287 + height: 1.14rem;
  288 + display: flex;
  289 + flex-flow: column;
  290 + justify-content: space-around;
  291 +}
  292 +.mid_shop_item_top{
  293 + font-size: 0.28rem;
  294 + color: #3F4249;
  295 +}
  296 +.mid_shop_item_bottom{
  297 + font-size: 0.26rem;
  298 + color: #999999;
  299 +}
  300 +.mid_shop_item_underline{
  301 + width: 6rem;
  302 + height: 0.02rem;
  303 + background-color: #e6e6e6;
  304 +}
  305 +/*意见反馈*/
  306 +.mid_opinion{
  307 + width: 6.86rem;
  308 + display: flex;
  309 + flex-flow: column;
  310 +}
  311 +.mid_opinion_input{
  312 + width: 6.86rem;
  313 + height: 0.66rem;
  314 + background-color: #ffffff;
  315 + border: none;
  316 + outline: none;
  317 + border-radius: 0.33rem;
  318 +}
  319 +
  320 +
  321 +
  322 +
  323 +
  324 +
  325 +/*--------------- 底部菜单栏 ---------------*/
  326 +.footer_menu{
  327 + width: 100%;
  328 + height: 0.98rem;
  329 + display: flex;
  330 + position: fixed;
  331 + bottom: 0;
  332 + left: 0;
  333 +
  334 + z-index: 2;
  335 + border-radius: 0.02rem;
  336 + background: #ffffff;
  337 + /*border: 1px solid red;*/
  338 + align-items: center;
  339 + justify-content: space-around;
  340 +}
  341 +.footer_item{
  342 + display: flex;
  343 + flex-flow: column;
  344 + align-items: center;
  345 + -webkit-flex: 1;
  346 +
  347 +}
  348 +.footer_item_icon{
  349 + width: 0.46rem;
  350 + height: 0.44rem;
  351 +}
  352 +.icon_select{
  353 + background: url("../images/bicon_10@2x.png");
  354 + background-size: cover;
  355 +}
  356 +.icon_product{
  357 + background: url("../images/bicon_11@2x.png");
  358 + background-size: cover;
  359 +}
  360 +.icon_inquire{
  361 + background: url("../images/bicon_12@2x.png");
  362 + background-size: cover;
  363 +}
  364 +.icon_join{
  365 + background: url("../images/bicon_13@2x.png");
  366 + /*background-size: 100% 100%;*/
  367 + background-size: cover;
  368 +
  369 +}
  370 +.footer_item_text{
  371 + font-size: 0.24rem;
  372 + font-weight: 500;
  373 + line-height: 0.24rem;
  374 + color: #922020;
  375 + margin-top: 0.13rem;
  376 +}
  377 +.icon_big{
  378 + width: 0.61rem;
  379 + height: 0.35rem;
  380 +}
  381 +
  382 +/*底部介绍*/
  383 +.bottom{
  384 + width: 7.5rem;
  385 + height: 2.89rem;
  386 + background-color: #922020;
  387 + margin-bottom: 0.98rem;
  388 + display: flex;
  389 + flex-flow: column;
  390 + align-items: center;
  391 + font-size: 0.24rem;
  392 + color: #ffffff;
  393 +}
  394 +.bottom_addr{
  395 + margin-top: 0.34rem;
  396 +}
  397 +.bottom_tel{
  398 + margin-top: 0.2rem;
  399 +}
  400 +.bottom_fax{
  401 + margin-top: 0.18rem;
  402 +}
  403 +.bottom_email{
  404 + margin-top: 0.2rem;
  405 +}
  406 +.bottom_copyright{
  407 + margin-top: 0.38rem;
  408 + font-size: 0.22rem;
  409 +}
@@ -9,8 +9,6 @@ @@ -9,8 +9,6 @@
9 <link rel="stylesheet" type="text/css" href="../icon/iconfont.css"> 9 <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
10 <link rel="stylesheet" type="text/css" href="../css/fwcx_4.css"> 10 <link rel="stylesheet" type="text/css" href="../css/fwcx_4.css">
11 <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css"> 11 <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css">
12 -  
13 -  
14 <script src="../js/base.js"></script> 12 <script src="../js/base.js"></script>
15 <script src="../js/jquery-2.1.0.js"></script> 13 <script src="../js/jquery-2.1.0.js"></script>
16 </head> 14 </head>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <title>防伪查询1</title>
  6 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7 + <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
  8 + <link rel="stylesheet" type="text/css" href="../css/common.css">
  9 + <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
  10 + <link rel="stylesheet" type="text/css" href="../css/fwcx_4_1result.css">
  11 +
  12 +
  13 + <script src="../js/base.js"></script>
  14 + <script src="../js/jquery-2.1.0.js"></script>
  15 +</head>
  16 +<body>
  17 +<div class="main">
  18 + <div class="container">
  19 + <!--头部-->
  20 + <div class="header">
  21 + <!--左 菜单条目-->
  22 + <div class="iconfont icon-caidan">
  23 + </div>
  24 + <!--中 主页面图标-->
  25 + <div class="header_mid">
  26 + <img src="../images/bicon_03@2x.png" >
  27 + </div>
  28 + </div>
  29 + <!--左边菜单栏时出现列表-->
  30 + <div class="container menu_default" style="display: none;">
  31 + <!--首页-->
  32 + <div class="menu_item">
  33 + <div class="menu_text">首页</div>
  34 + <div class="iconfont icon-jinru"></div>
  35 + </div>
  36 + <div class="menu_item">
  37 + <div class="menu_text">首页</div>
  38 + <div class="iconfont icon-jinru"></div>
  39 + </div>
  40 + <div class="menu_item">
  41 + <div class="menu_text">首页</div>
  42 + <div class="iconfont icon-jinru"></div>
  43 + </div>
  44 + <div class="menu_item">
  45 + <div class="menu_text">首页</div>
  46 + <div class="iconfont icon-jinru"></div>
  47 + </div>
  48 + <div class="menu_item">
  49 + <div class="menu_text">首页</div>
  50 + <div class="iconfont icon-jinru"></div>
  51 + </div>
  52 + <div class="menu_item">
  53 + <div class="menu_text">首页</div>
  54 + <div class="iconfont icon-jinru"></div>
  55 + </div>
  56 +
  57 + </div>
  58 +
  59 + <!-------------图片------------->
  60 + <div class="banner">
  61 + <img src="../images/bicon_28@2x.png">
  62 + </div>
  63 + <!--全球认证-->
  64 + <!-------------mid------------>
  65 + <div class="mid">
  66 + <div class="mid_box">
  67 + <div class="mid_box_top">
  68 + 您查询的防伪码:
  69 + <span class="text_color">
  70 + 1234567898765432111
  71 + </span><br>
  72 + 真伪结果如下:
  73 + </div>
  74 + <!--提示框-->
  75 + <div class="mid_box_prompt">
  76 + 您好，您所查询的是由北京可耐美国际贸易有限公司所生产的可耐美系列 属于正牌产品，请放心使用，感谢您对本公司的支持
  77 + </div>
  78 + <!--查询时间-->
  79 + <div class="mid_box_time">
  80 + 首次查询时间: 2018/12/12 9:00:00 <br>
  81 + 请确认，谨防假冒!本次是第2次查询
  82 + </div>
  83 + </div>
  84 + </div>
  85 +
  86 +
  87 +
  88 + <!--底部介绍-->
  89 + <div class="bottom">
  90 + <p class="bottom_addr">
  91 + 公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
  92 + </p>
  93 + <p class="bottom_tel">
  94 + 电话 : 010-64482186
  95 + </p>
  96 + <p class="bottom_fax">
  97 + 传真：010-6448-2226
  98 + </p>
  99 + <p class="bottom_email">
  100 + 公司邮箱：beijing@germanyclime.cn
  101 + </p>
  102 + <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
  103 + </div>
  104 + <!--底部菜单栏-->
  105 + <div class="footer_menu">
  106 + <div class="footer_item">
  107 + <div class="footer_item_icon icon_select"></div>
  108 + <div class="footer_item_text">在线选色</div>
  109 + </div>
  110 + <div class="footer_item">
  111 + <div class="footer_item_icon icon_product"></div>
  112 + <div class="footer_item_text">产品中心</div>
  113 + </div>
  114 + <div class="footer_item">
  115 + <div class="footer_item_icon icon_inquire"></div>
  116 + <div class="footer_item_text">防伪查询</div>
  117 + </div>
  118 + <div class="footer_item">
  119 + <div class="footer_item_icon icon_join icon_big"></div>
  120 + <div class="footer_item_text">加盟可耐美</div>
  121 + </div>
  122 + </div>
  123 + </div>
  124 +</div>
  125 +
  126 +
  127 +</body>
  128 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <title>防伪查询2</title>
  6 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7 + <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
  8 + <link rel="stylesheet" type="text/css" href="../css/common.css">
  9 + <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
  10 + <link rel="stylesheet" type="text/css" href="../css/fwcx_4_2result.css">
  11 +
  12 +
  13 + <script src="../js/base.js"></script>
  14 + <script src="../js/jquery-2.1.0.js"></script>
  15 +</head>
  16 +<body>
  17 +<div class="main">
  18 + <div class="container">
  19 + <!--头部-->
  20 + <div class="header">
  21 + <!--左 菜单条目-->
  22 + <div class="iconfont icon-caidan">
  23 + </div>
  24 + <!--中 主页面图标-->
  25 + <div class="header_mid">
  26 + <img src="../images/bicon_03@2x.png" >
  27 + </div>
  28 + </div>
  29 + <!--左边菜单栏时出现列表-->
  30 + <div class="container menu_default" style="display: none;">
  31 + <!--首页-->
  32 + <div class="menu_item">
  33 + <div class="menu_text">首页</div>
  34 + <div class="iconfont icon-jinru"></div>
  35 + </div>
  36 + <div class="menu_item">
  37 + <div class="menu_text">首页</div>
  38 + <div class="iconfont icon-jinru"></div>
  39 + </div>
  40 + <div class="menu_item">
  41 + <div class="menu_text">首页</div>
  42 + <div class="iconfont icon-jinru"></div>
  43 + </div>
  44 + <div class="menu_item">
  45 + <div class="menu_text">首页</div>
  46 + <div class="iconfont icon-jinru"></div>
  47 + </div>
  48 + <div class="menu_item">
  49 + <div class="menu_text">首页</div>
  50 + <div class="iconfont icon-jinru"></div>
  51 + </div>
  52 + <div class="menu_item">
  53 + <div class="menu_text">首页</div>
  54 + <div class="iconfont icon-jinru"></div>
  55 + </div>
  56 +
  57 + </div>
  58 +
  59 + <!-------------图片------------->
  60 + <div class="banner">
  61 + <img src="../images/bicon_28@2x.png">
  62 + </div>
  63 + <!--全球认证-->
  64 + <!-------------mid------------>
  65 + <div class="mid">
  66 + <div class="mid_box">
  67 + <div class="mid_box_top">
  68 + 您查询的防伪码:
  69 + <span class="text_color">
  70 + 1234567898765432111
  71 + </span><br>
  72 + 真伪结果如下:
  73 + </div>
  74 + <!--提示框-->
  75 + <div class="mid_box_prompt">
  76 + 您好，你所查询的防伪码已被查询过
  77 + </div>
  78 + <!--查询时间-->
  79 + <div class="mid_box_time">
  80 + 首次查询时间: 2018/12/12 9:00:00 <br>
  81 + 请确认，谨防假冒!本次是第2次查询
  82 + </div>
  83 + </div>
  84 + </div>
  85 +
  86 +
  87 +
  88 + <!--底部介绍-->
  89 + <div class="bottom">
  90 + <p class="bottom_addr">
  91 + 公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
  92 + </p>
  93 + <p class="bottom_tel">
  94 + 电话 : 010-64482186
  95 + </p>
  96 + <p class="bottom_fax">
  97 + 传真：010-6448-2226
  98 + </p>
  99 + <p class="bottom_email">
  100 + 公司邮箱：beijing@germanyclime.cn
  101 + </p>
  102 + <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
  103 + </div>
  104 + <!--底部菜单栏-->
  105 + <div class="footer_menu">
  106 + <div class="footer_item">
  107 + <div class="footer_item_icon icon_select"></div>
  108 + <div class="footer_item_text">在线选色</div>
  109 + </div>
  110 + <div class="footer_item">
  111 + <div class="footer_item_icon icon_product"></div>
  112 + <div class="footer_item_text">产品中心</div>
  113 + </div>
  114 + <div class="footer_item">
  115 + <div class="footer_item_icon icon_inquire"></div>
  116 + <div class="footer_item_text">防伪查询</div>
  117 + </div>
  118 + <div class="footer_item">
  119 + <div class="footer_item_icon icon_join icon_big"></div>
  120 + <div class="footer_item_text">加盟可耐美</div>
  121 + </div>
  122 + </div>
  123 + </div>
  124 +</div>
  125 +
  126 +
  127 +</body>
  128 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <title>防伪查询1</title>
  6 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7 + <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
  8 + <link rel="stylesheet" type="text/css" href="../css/common.css">
  9 + <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
  10 + <link rel="stylesheet" type="text/css" href="../css/fwxc_4_3result_none.css">
  11 +
  12 +
  13 + <script src="../js/base.js"></script>
  14 + <script src="../js/jquery-2.1.0.js"></script>
  15 +</head>
  16 +<body>
  17 +<div class="main">
  18 + <div class="container">
  19 + <!--头部-->
  20 + <div class="header">
  21 + <!--左 菜单条目-->
  22 + <div class="iconfont icon-caidan">
  23 + </div>
  24 + <!--中 主页面图标-->
  25 + <div class="header_mid">
  26 + <img src="../images/bicon_03@2x.png" >
  27 + </div>
  28 + </div>
  29 + <!--左边菜单栏时出现列表-->
  30 + <div class="container menu_default" style="display: none;">
  31 + <!--首页-->
  32 + <div class="menu_item">
  33 + <div class="menu_text">首页</div>
  34 + <div class="iconfont icon-jinru"></div>
  35 + </div>
  36 + <div class="menu_item">
  37 + <div class="menu_text">首页</div>
  38 + <div class="iconfont icon-jinru"></div>
  39 + </div>
  40 + <div class="menu_item">
  41 + <div class="menu_text">首页</div>
  42 + <div class="iconfont icon-jinru"></div>
  43 + </div>
  44 + <div class="menu_item">
  45 + <div class="menu_text">首页</div>
  46 + <div class="iconfont icon-jinru"></div>
  47 + </div>
  48 + <div class="menu_item">
  49 + <div class="menu_text">首页</div>
  50 + <div class="iconfont icon-jinru"></div>
  51 + </div>
  52 + <div class="menu_item">
  53 + <div class="menu_text">首页</div>
  54 + <div class="iconfont icon-jinru"></div>
  55 + </div>
  56 +
  57 + </div>
  58 +
  59 + <!-------------图片------------->
  60 + <div class="banner">
  61 + <img src="../images/bicon_28@2x.png">
  62 + </div>
  63 + <!--全球认证-->
  64 + <!-------------mid------------>
  65 + <div class="mid">
  66 + <div class="mid_box">
  67 + <div class="mid_box_top">
  68 + 您查询的防伪码:
  69 + <span class="text_color">
  70 + 1234567898765432111
  71 + </span><br>
  72 + 真伪结果如下:
  73 + </div>
  74 + <!--提示框-->
  75 + <div class="mid_box_prompt">
  76 +
  77 + 您好，您所查询的防伪码不存在，谨防假冒！
  78 + 或与公司客服人员联系！
  79 +
  80 + </div>
  81 + <!--查询时间-->
  82 + <div class="mid_box_time">
  83 +
  84 + 如果您对此次查询结果有疑问<br>
  85 + 请联系您所购买产品的供应商
  86 +
  87 + </div>
  88 + </div>
  89 + </div>
  90 +
  91 +
  92 +
  93 + <!--底部介绍-->
  94 + <div class="bottom">
  95 + <p class="bottom_addr">
  96 + 公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
  97 + </p>
  98 + <p class="bottom_tel">
  99 + 电话 : 010-64482186
  100 + </p>
  101 + <p class="bottom_fax">
  102 + 传真：010-6448-2226
  103 + </p>
  104 + <p class="bottom_email">
  105 + 公司邮箱：beijing@germanyclime.cn
  106 + </p>
  107 + <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
  108 + </div>
  109 + <!--底部菜单栏-->
  110 + <div class="footer_menu">
  111 + <div class="footer_item">
  112 + <div class="footer_item_icon icon_select"></div>
  113 + <div class="footer_item_text">在线选色</div>
  114 + </div>
  115 + <div class="footer_item">
  116 + <div class="footer_item_icon icon_product"></div>
  117 + <div class="footer_item_text">产品中心</div>
  118 + </div>
  119 + <div class="footer_item">
  120 + <div class="footer_item_icon icon_inquire"></div>
  121 + <div class="footer_item_text">防伪查询</div>
  122 + </div>
  123 + <div class="footer_item">
  124 + <div class="footer_item_icon icon_join icon_big"></div>
  125 + <div class="footer_item_text">加盟可耐美</div>
  126 + </div>
  127 + </div>
  128 + </div>
  129 +</div>
  130 +
  131 +
  132 +</body>
  133 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <title>联系我们</title>
  6 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7 +
  8 + <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
  9 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1011505_yo6twrbquzi.css">
  10 + <link rel="stylesheet" type="text/css" href="../css/common.css">
  11 + <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
  12 + <link rel="stylesheet" type="text/css" href="../css/lxwm_5.css">
  13 +
  14 +
  15 + <script src="../js/base.js"></script>
  16 + <script src="../js/jquery-2.1.0.js"></script>
  17 +</head>
  18 +<body>
  19 +<div class="main">
  20 + <div class="container">
  21 + <!--头部-->
  22 + <div class="header">
  23 + <!--左 菜单条目-->
  24 + <div class="iconfont icon-caidan">
  25 + </div>
  26 + <!--中 主页面图标-->
  27 + <div class="header_mid">
  28 + <img src="../images/bicon_03@2x.png" >
  29 + </div>
  30 + </div>
  31 + <!--左边菜单栏时出现列表-->
  32 + <div class="container menu_default" style="display: none;">
  33 + <!--首页-->
  34 + <div class="menu_item">
  35 + <div class="menu_text">首页</div>
  36 + <div class="iconfont icon-jinru"></div>
  37 + </div>
  38 + <div class="menu_item">
  39 + <div class="menu_text">首页</div>
  40 + <div class="iconfont icon-jinru"></div>
  41 + </div>
  42 + <div class="menu_item">
  43 + <div class="menu_text">首页</div>
  44 + <div class="iconfont icon-jinru"></div>
  45 + </div>
  46 + <div class="menu_item">
  47 + <div class="menu_text">首页</div>
  48 + <div class="iconfont icon-jinru"></div>
  49 + </div>
  50 + <div class="menu_item">
  51 + <div class="menu_text">首页</div>
  52 + <div class="iconfont icon-jinru"></div>
  53 + </div>
  54 + <div class="menu_item">
  55 + <div class="menu_text">首页</div>
  56 + <div class="iconfont icon-jinru"></div>
  57 + </div>
  58 +
  59 + </div>
  60 +
  61 + <!-------------图片------------->
  62 + <div class="banner">
  63 + <img src="../images/bicon_28@2x.png">
  64 + </div>
  65 + <!--全球认证-->
  66 + <!-------------mid------------>
  67 + <div class="mid">
  68 + <div class="mid_big">
  69 + 联系我们
  70 + </div>
  71 + <div class="mid_small">
  72 + CONTACT US
  73 + </div>
  74 + <!--介绍盒子-->
  75 + <div class="mid_box">
  76 + <!--图列表-->
  77 + <div class="mid_box_item">
  78 + <div class="mid_box_item_pic">
  79 + <img src="../images/bicon_44@2x.png">
  80 + </div>
  81 + <div class="mid_box_item_addr">
  82 + 地址
  83 + </div>
  84 + <div class="mid_box_item_underline"></div>
  85 + <div class="mid_box_item_text">
  86 +
  87 + 北京市大兴区欣雅街<br>
  88 + 兴创国际中心3A-1501室
  89 +
  90 + </div>
  91 + </div>
  92 + <div class="mid_box_item">
  93 + <div class="mid_box_item_tel">
  94 + <img src="../images/bicon_45@2x.png">
  95 + </div>
  96 + <div class="mid_box_item_addr">
  97 + 电话
  98 + </div>
  99 + <div class="mid_box_item_underline"></div>
  100 + <div class="mid_box_item_text">
  101 +
  102 + 010-64482186
  103 +
  104 + </div>
  105 + </div>
  106 + <div class="mid_box_item">
  107 + <div class="mid_box_item_email">
  108 + <img src="../images/bicon_46@2x.png">
  109 + </div>
  110 + <div class="mid_box_item_addr">
  111 + 邮箱
  112 + </div>
  113 + <div class="mid_box_item_underline"></div>
  114 + <div class="mid_box_item_text">
  115 +
  116 + beijing@germanyclime.cn
  117 +
  118 + </div>
  119 + </div>
  120 + <div class="mid_box_item">
  121 + <div class="mid_box_item_wechat">
  122 + <img src="../images/bicon_47@2x.png">
  123 + </div>
  124 + <div class="mid_box_item_addr">
  125 + 官方微信
  126 + </div>
  127 + <div class="mid_box_item_underline"></div>
  128 + <div class="mid_box_item_QRcode">
  129 + <img src="../images/bicon_48@2x.png">
  130 +
  131 + </div>
  132 + </div>
  133 + </div>
  134 +
  135 + <!--线下门店-->
  136 + <div class="mid_big">
  137 + 线下门店
  138 + </div>
  139 + <div class="mid_small">
  140 + OFFLINE STORE
  141 + </div>
  142 + <!--地图-->
  143 + <div class="mid_map">
  144 +
  145 + </div>
  146 + <!--城市选择-->
  147 + <div class="mid_city">
  148 + <!--省-->
  149 + <div class="mid_province_box">
  150 + <select class="mid_province_select ">
  151 + <option>北京</option>
  152 + <option>上海</option>
  153 + <option>广州</option>
  154 + <!--<div class="iconfont icon-tubiaozhizuo-"></div>-->
  155 + </select>
  156 + <div class="iconfont icon-tubiaozhizuo-"></div>
  157 + </div>
  158 + <!--市·区-->
  159 + <div class="mid_downtown">
  160 + <!--市-->
  161 + <div class="mid_downtown_box">
  162 + <select class="mid_downtown_select ">
  163 + <option>北京</option>
  164 + <option>上海</option>
  165 + <option>广州</option>
  166 + <!--<div class="iconfont icon-tubiaozhizuo-"></div>-->
  167 + </select>
  168 + <div class="iconfont icon-tubiaozhizuo-"></div>
  169 + </div>
  170 + <!--区-->
  171 + <div class="mid_downtown_box">
  172 + <select class="mid_downtown_select ">
  173 + <option>北京</option>
  174 + <option>上海</option>
  175 + <option>广州</option>
  176 + <!--<div class="iconfont icon-tubiaozhizuo-"></div>-->
  177 + </select>
  178 + <div class="iconfont icon-tubiaozhizuo-"></div>
  179 + </div>
  180 + </div>
  181 + <!--查询按钮-->
  182 + <div class="mid_inquire">
  183 + 查询
  184 + </div>
  185 + <!--定位到当前位置-->
  186 + <div class="mid_location">
  187 + 定位当当前位置
  188 + </div>
  189 + <!--门店结果-->
  190 + <div class="mid_shop">
  191 + 线下门店<span class="mid_shop_color">19</span>个结果
  192 + </div>
  193 + <!--门店下划线-->
  194 + <div class="mid_shop_underline"></div>
  195 + <!--门店列表-->
  196 + <div class="mid_shop_items">
  197 + <div class="mid_shop_item">
  198 + <div class="mid_shop_item_top">
  199 + 百安居上海龙阳店
  200 + </div>
  201 + <div class="mid_shop_item_bottom">
  202 + 真北路1208号红星美凯龙（北馆）A8013-2
  203 + </div>
  204 + <div class="mid_shop_item_underline"></div>
  205 + </div>
  206 + <div class="mid_shop_item">
  207 + <div class="mid_shop_item_top">
  208 + 百安居上海龙阳店
  209 + </div>
  210 + <div class="mid_shop_item_bottom">
  211 + 真北路1208号红星美凯龙（北馆）A8013-2
  212 + </div>
  213 + <div class="mid_shop_item_underline"></div>
  214 + </div>
  215 + <div class="mid_shop_item">
  216 + <div class="mid_shop_item_top">
  217 + 百安居上海龙阳店
  218 + </div>
  219 + <div class="mid_shop_item_bottom">
  220 + 真北路1208号红星美凯龙（北馆）A8013-2
  221 + </div>
  222 + <div class="mid_shop_item_underline"></div>
  223 + </div>
  224 + </div>
  225 + </div>
  226 +
  227 +
  228 +
  229 + <!--意见反馈-->
  230 + <div class="mid_big">
  231 + 意见反馈
  232 + </div>
  233 + <div class="mid_small">
  234 + FEEDBACK
  235 + </div>
  236 + <div class="mid_opinion">
  237 +
  238 + </div>
  239 + <!--输入框-->
  240 + <div class="mid_opinion">
  241 + <input class="mid_opinion_input" type="text" placeholder="您的姓名">
  242 + </div>
  243 +
  244 +
  245 + </div>
  246 +
  247 +
  248 +
  249 + <!--底部介绍-->
  250 + <div class="bottom">
  251 + <p class="bottom_addr">
  252 + 公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
  253 + </p>
  254 + <p class="bottom_tel">
  255 + 电话 : 010-64482186
  256 + </p>
  257 + <p class="bottom_fax">
  258 + 传真：010-6448-2226
  259 + </p>
  260 + <p class="bottom_email">
  261 + 公司邮箱：beijing@germanyclime.cn
  262 + </p>
  263 + <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
  264 + </div>
  265 + <!--底部菜单栏-->
  266 + <div class="footer_menu">
  267 + <div class="footer_item">
  268 + <div class="footer_item_icon icon_select"></div>
  269 + <div class="footer_item_text">在线选色</div>
  270 + </div>
  271 + <div class="footer_item">
  272 + <div class="footer_item_icon icon_product"></div>
  273 + <div class="footer_item_text">产品中心</div>
  274 + </div>
  275 + <div class="footer_item">
  276 + <div class="footer_item_icon icon_inquire"></div>
  277 + <div class="footer_item_text">防伪查询</div>
  278 + </div>
  279 + <div class="footer_item">
  280 + <div class="footer_item_icon icon_join icon_big"></div>
  281 + <div class="footer_item_text">加盟可耐美</div>
  282 + </div>
  283 + </div>
  284 + </div>
  285 +</div>
  286 +
  287 +
  288 +</body>
  289 +</html>