|
@@ -6,230 +6,467 @@ import logging
|
|
|
|
|
|
|
|
logger = logging.getLogger('django')
|
|
logger = logging.getLogger('django')
|
|
|
def beianPath(request, **kwargs):
|
|
def beianPath(request, **kwargs):
|
|
|
- logger.info('域名：{}'.format(request.get_host()))
|
|
|
|
|
|
|
+ domain_name = request.get_host()
|
|
|
|
|
+ logger.info('域名：{}'.format(domain_name))
|
|
|
|
|
+ if 'www.zositech.xyz' in domain_name:
|
|
|
|
|
+ html = get_zosi_html()
|
|
|
|
|
+ else:
|
|
|
|
|
+ html = get_loocam_html()
|
|
|
|
|
+ return HttpResponse(html)
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+def get_zosi_html():
|
|
|
html = """
|
|
html = """
|
|
|
- <!DOCTYPE html>
|
|
|
|
|
-<html lang="en">
|
|
|
|
|
-
|
|
|
|
|
-<head>
|
|
|
|
|
- <meta charset="UTF-8">
|
|
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
- <title>珠海安士佳电子有限公司</title>
|
|
|
|
|
- <link rel="stylesheet" href="index.css" </head>
|
|
|
|
|
-
|
|
|
|
|
- <body>
|
|
|
|
|
- <div class="header con">
|
|
|
|
|
- <div class="photo"></div>
|
|
|
|
|
- <div class="headerlist">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li><a class="active">帮助中心</a></li>
|
|
|
|
|
- <li><a>售后服务</a></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- <div class="serch">
|
|
|
|
|
- <input type="text" placeholder="搜索">
|
|
|
|
|
|
|
+ <!DOCTYPE html>
|
|
|
|
|
+ <html lang="en">
|
|
|
|
|
+
|
|
|
|
|
+ <head>
|
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
+ <title>珠海安士佳电子有限公司</title>
|
|
|
|
|
+ <link rel="stylesheet" href="index.css" </head>
|
|
|
|
|
+
|
|
|
|
|
+ <body>
|
|
|
|
|
+ <div class="header con">
|
|
|
|
|
+ <div class="photo"></div>
|
|
|
|
|
+ <div class="headerlist">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li><a class="active">帮助中心</a></li>
|
|
|
|
|
+ <li><a>售后服务</a></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <div class="serch">
|
|
|
|
|
+ <input type="text" placeholder="搜索">
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="nav">
|
|
|
|
|
- <ul class="con">
|
|
|
|
|
- <li>首页</li>
|
|
|
|
|
- <li>产品类目</li>
|
|
|
|
|
- <li>热卖商品</li>
|
|
|
|
|
- <li>帮助中心</li>
|
|
|
|
|
- <li>资讯</li>
|
|
|
|
|
- <li>关于我们</li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="banner"
|
|
|
|
|
- ></div>
|
|
|
|
|
- <div class="list con">
|
|
|
|
|
- <div class="item">
|
|
|
|
|
- <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/3.jpg">
|
|
|
|
|
- <p>无线基站套装</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="item">
|
|
|
|
|
- <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-C1.jpg">
|
|
|
|
|
- <p>C1</p>
|
|
|
|
|
|
|
+ <div class="nav">
|
|
|
|
|
+ <ul class="con">
|
|
|
|
|
+ <li>首页</li>
|
|
|
|
|
+ <li>产品类目</li>
|
|
|
|
|
+ <li>热卖商品</li>
|
|
|
|
|
+ <li>帮助中心</li>
|
|
|
|
|
+ <li>资讯</li>
|
|
|
|
|
+ <li>关于我们</li>
|
|
|
|
|
+ </ul>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="item">
|
|
|
|
|
- <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-306.jpg">
|
|
|
|
|
- <p>C306</p>
|
|
|
|
|
|
|
+ <div class="banner"
|
|
|
|
|
+ ></div>
|
|
|
|
|
+ <div class="list con">
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/3.jpg">
|
|
|
|
|
+ <p>无线基站套装</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-C1.jpg">
|
|
|
|
|
+ <p>C1</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-306.jpg">
|
|
|
|
|
+ <p>C306</p>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="footer">
|
|
|
|
|
- <div class="con">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li>网站导航</li>
|
|
|
|
|
- <li>物流配送</li>
|
|
|
|
|
- <li>售后服务</li>
|
|
|
|
|
- <li>配送服务</li>
|
|
|
|
|
- <li>退换货政策</li>
|
|
|
|
|
- <li>联系我们</li>
|
|
|
|
|
- <li>隐私政策</li>
|
|
|
|
|
- <li>服务协议</li>
|
|
|
|
|
- </ul>
|
|
|
|
|
|
|
+ <div class="footer">
|
|
|
|
|
+ <div class="con">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>网站导航</li>
|
|
|
|
|
+ <li>物流配送</li>
|
|
|
|
|
+ <li>售后服务</li>
|
|
|
|
|
+ <li>配送服务</li>
|
|
|
|
|
+ <li>退换货政策</li>
|
|
|
|
|
+ <li>联系我们</li>
|
|
|
|
|
+ <li>隐私政策</li>
|
|
|
|
|
+ <li>服务协议</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="text-align: center; "><a href="https://beian.miit.gov.cn/">粤ICP备12041005号</a></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div style="text-align: center; "><a href="https://beian.miit.gov.cn/">粤ICP备12041005号</a></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </body>
|
|
|
|
|
-
|
|
|
|
|
-</html>
|
|
|
|
|
-
|
|
|
|
|
-<style>
|
|
|
|
|
- * {
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- margin: 0;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-ul {
|
|
|
|
|
- list-style: none;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.con {
|
|
|
|
|
- width: 966px;
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.header {
|
|
|
|
|
- height: 110px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.photo {
|
|
|
|
|
- width: 165px;
|
|
|
|
|
- height: 110px;
|
|
|
|
|
- background: url(../图片/logo.png);
|
|
|
|
|
- float: left;
|
|
|
|
|
- background-position: center;
|
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.headerlist {
|
|
|
|
|
- float: right;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.headerlist ul {
|
|
|
|
|
- height: 44px;
|
|
|
|
|
- margin-top: 10px;
|
|
|
|
|
- line-height: 44px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.headerlist li {
|
|
|
|
|
- float: left;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.headerlist a {
|
|
|
|
|
- border-right: 1px solid #b2c7ea;
|
|
|
|
|
- padding-left: 13px;
|
|
|
|
|
- padding-right: 13px;
|
|
|
|
|
- font-size: 13px;
|
|
|
|
|
- color: indigo;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.headerlist .last {
|
|
|
|
|
- border: 0;
|
|
|
|
|
- padding-right: 0;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.headerlist li .active {
|
|
|
|
|
- color: pink;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.serch {
|
|
|
|
|
- float: right;
|
|
|
|
|
- width: 234px;
|
|
|
|
|
- height: 28px;
|
|
|
|
|
- border: 1px solid indigo;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.serch input {
|
|
|
|
|
- border: 0;
|
|
|
|
|
- outline: none;
|
|
|
|
|
- width: 210px;
|
|
|
|
|
- float: left;
|
|
|
|
|
- height: 28px;
|
|
|
|
|
- padding-left: 14px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.nav {
|
|
|
|
|
- height: 53px;
|
|
|
|
|
- line-height: 53px;
|
|
|
|
|
- border-top: 1px solid #edf4fc;
|
|
|
|
|
- background-color: #274964;
|
|
|
|
|
- color: aliceblue;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.nav li {
|
|
|
|
|
- float: left;
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- padding-right: 76px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.banner {
|
|
|
|
|
- height: 380px;
|
|
|
|
|
- background: url('https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/backdrop.jpg') no-repeat center;
|
|
|
|
|
- background-size: cover;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.list {
|
|
|
|
|
- height: 213px;
|
|
|
|
|
- margin-top: 11px;
|
|
|
|
|
- margin-bottom: 125px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.item {
|
|
|
|
|
- height: 222px;
|
|
|
|
|
- width: 230px;
|
|
|
|
|
- border: 1px solid #cccccc;
|
|
|
|
|
- float: left;
|
|
|
|
|
- margin-right: 12px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.item img {
|
|
|
|
|
- width: 230px;
|
|
|
|
|
- height: 222px;
|
|
|
|
|
- display: block;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.item p {
|
|
|
|
|
- height: 47px;
|
|
|
|
|
- padding-left: 28px;
|
|
|
|
|
- line-height: 47px;
|
|
|
|
|
- color: #274964;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer {
|
|
|
|
|
- height: 206px;
|
|
|
|
|
- border-top: 1px solid cornsilk;
|
|
|
|
|
- background-color: #cccccc;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer ul {
|
|
|
|
|
- height: 84px;
|
|
|
|
|
- padding-top: 30px;
|
|
|
|
|
- padding-bottom: 30px;
|
|
|
|
|
- line-height: 28px;
|
|
|
|
|
- border-bottom: 1px solid gray;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer ul li {
|
|
|
|
|
- width: 210px;
|
|
|
|
|
- padding-left: 30px;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- float: left;
|
|
|
|
|
- color: indigo;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer p {
|
|
|
|
|
- height: 61px;
|
|
|
|
|
- line-height: 61px;
|
|
|
|
|
- padding-left: 30px;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.footer p span {
|
|
|
|
|
- color: indigo;
|
|
|
|
|
-}
|
|
|
|
|
-</style>
|
|
|
|
|
- """
|
|
|
|
|
- return HttpResponse(html)
|
|
|
|
|
|
|
+ </body>
|
|
|
|
|
+
|
|
|
|
|
+ </html>
|
|
|
|
|
+
|
|
|
|
|
+ <style>
|
|
|
|
|
+ * {
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ ul {
|
|
|
|
|
+ list-style: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .con {
|
|
|
|
|
+ width: 966px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .header {
|
|
|
|
|
+ height: 110px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .photo {
|
|
|
|
|
+ width: 165px;
|
|
|
|
|
+ height: 110px;
|
|
|
|
|
+ background: url(../图片/logo.png);
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ background-position: center;
|
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist {
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist ul {
|
|
|
|
|
+ height: 44px;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ line-height: 44px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist li {
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist a {
|
|
|
|
|
+ border-right: 1px solid #b2c7ea;
|
|
|
|
|
+ padding-left: 13px;
|
|
|
|
|
+ padding-right: 13px;
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ color: indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist .last {
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ padding-right: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist li .active {
|
|
|
|
|
+ color: pink;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .serch {
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ width: 234px;
|
|
|
|
|
+ height: 28px;
|
|
|
|
|
+ border: 1px solid indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .serch input {
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ outline: none;
|
|
|
|
|
+ width: 210px;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ height: 28px;
|
|
|
|
|
+ padding-left: 14px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .nav {
|
|
|
|
|
+ height: 53px;
|
|
|
|
|
+ line-height: 53px;
|
|
|
|
|
+ border-top: 1px solid #edf4fc;
|
|
|
|
|
+ background-color: #274964;
|
|
|
|
|
+ color: aliceblue;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .nav li {
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ padding-right: 76px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .banner {
|
|
|
|
|
+ height: 380px;
|
|
|
|
|
+ background: url('https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/backdrop.jpg') no-repeat center;
|
|
|
|
|
+ background-size: cover;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .list {
|
|
|
|
|
+ height: 213px;
|
|
|
|
|
+ margin-top: 11px;
|
|
|
|
|
+ margin-bottom: 125px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item {
|
|
|
|
|
+ height: 222px;
|
|
|
|
|
+ width: 230px;
|
|
|
|
|
+ border: 1px solid #cccccc;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ margin-right: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item img {
|
|
|
|
|
+ width: 230px;
|
|
|
|
|
+ height: 222px;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item p {
|
|
|
|
|
+ height: 47px;
|
|
|
|
|
+ padding-left: 28px;
|
|
|
|
|
+ line-height: 47px;
|
|
|
|
|
+ color: #274964;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer {
|
|
|
|
|
+ height: 206px;
|
|
|
|
|
+ border-top: 1px solid cornsilk;
|
|
|
|
|
+ background-color: #cccccc;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer ul {
|
|
|
|
|
+ height: 84px;
|
|
|
|
|
+ padding-top: 30px;
|
|
|
|
|
+ padding-bottom: 30px;
|
|
|
|
|
+ line-height: 28px;
|
|
|
|
|
+ border-bottom: 1px solid gray;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer ul li {
|
|
|
|
|
+ width: 210px;
|
|
|
|
|
+ padding-left: 30px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ color: indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer p {
|
|
|
|
|
+ height: 61px;
|
|
|
|
|
+ line-height: 61px;
|
|
|
|
|
+ padding-left: 30px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer p span {
|
|
|
|
|
+ color: indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+ """
|
|
|
|
|
+ return html
|
|
|
|
|
+
|
|
|
|
|
+def get_loocam_html():
|
|
|
|
|
+ html = """
|
|
|
|
|
+ <!DOCTYPE html>
|
|
|
|
|
+ <html lang="en">
|
|
|
|
|
+
|
|
|
|
|
+ <head>
|
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
+ <title>珠海安士佳电子有限公司</title>
|
|
|
|
|
+ <link rel="stylesheet" href="index.css" </head>
|
|
|
|
|
+
|
|
|
|
|
+ <body>
|
|
|
|
|
+ <div class="header con">
|
|
|
|
|
+ <div class="photo"></div>
|
|
|
|
|
+ <div class="headerlist">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li><a class="active">帮助中心</a></li>
|
|
|
|
|
+ <li><a>售后服务</a></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <div class="serch">
|
|
|
|
|
+ <input type="text" placeholder="搜索">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="nav">
|
|
|
|
|
+ <ul class="con">
|
|
|
|
|
+ <li>首页</li>
|
|
|
|
|
+ <li>产品类目</li>
|
|
|
|
|
+ <li>热卖商品</li>
|
|
|
|
|
+ <li>帮助中心</li>
|
|
|
|
|
+ <li>资讯</li>
|
|
|
|
|
+ <li>关于我们</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="banner"
|
|
|
|
|
+ ></div>
|
|
|
|
|
+ <div class="list con">
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/3.jpg">
|
|
|
|
|
+ <p>无线基站套装</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-C1.jpg">
|
|
|
|
|
+ <p>C1</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <img src="https://ansjerfilemanager.s3.cn-northwest-1.amazonaws.com.cn/app/static/1-1-306.jpg">
|
|
|
|
|
+ <p>C306</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="footer">
|
|
|
|
|
+ <div class="con">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>网站导航</li>
|
|
|
|
|
+ <li>物流配送</li>
|
|
|
|
|
+ <li>售后服务</li>
|
|
|
|
|
+ <li>配送服务</li>
|
|
|
|
|
+ <li>退换货政策</li>
|
|
|
|
|
+ <li>联系我们</li>
|
|
|
|
|
+ <li>隐私政策</li>
|
|
|
|
|
+ <li>服务协议</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="text-align: center; "><a href="https://beian.miit.gov.cn/">粤ICP备12041005号</a></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </body>
|
|
|
|
|
+
|
|
|
|
|
+ </html>
|
|
|
|
|
+
|
|
|
|
|
+ <style>
|
|
|
|
|
+ * {
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ ul {
|
|
|
|
|
+ list-style: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .con {
|
|
|
|
|
+ width: 966px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .header {
|
|
|
|
|
+ height: 110px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .photo {
|
|
|
|
|
+ width: 165px;
|
|
|
|
|
+ height: 110px;
|
|
|
|
|
+ background: url(../图片/logo.png);
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ background-position: center;
|
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist {
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist ul {
|
|
|
|
|
+ height: 44px;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ line-height: 44px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist li {
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist a {
|
|
|
|
|
+ border-right: 1px solid #b2c7ea;
|
|
|
|
|
+ padding-left: 13px;
|
|
|
|
|
+ padding-right: 13px;
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ color: indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist .last {
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ padding-right: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .headerlist li .active {
|
|
|
|
|
+ color: pink;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .serch {
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ width: 234px;
|
|
|
|
|
+ height: 28px;
|
|
|
|
|
+ border: 1px solid indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .serch input {
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ outline: none;
|
|
|
|
|
+ width: 210px;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ height: 28px;
|
|
|
|
|
+ padding-left: 14px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .nav {
|
|
|
|
|
+ height: 53px;
|
|
|
|
|
+ line-height: 53px;
|
|
|
|
|
+ border-top: 1px solid #edf4fc;
|
|
|
|
|
+ background-color: #274964;
|
|
|
|
|
+ color: aliceblue;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .nav li {
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ padding-right: 76px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .banner {
|
|
|
|
|
+ height: 380px;
|
|
|
|
|
+ background: url('') no-repeat center;
|
|
|
|
|
+ background-size: cover;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .list {
|
|
|
|
|
+ height: 213px;
|
|
|
|
|
+ margin-top: 11px;
|
|
|
|
|
+ margin-bottom: 125px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item {
|
|
|
|
|
+ height: 222px;
|
|
|
|
|
+ width: 230px;
|
|
|
|
|
+ border: 1px solid #cccccc;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ margin-right: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item img {
|
|
|
|
|
+ width: 230px;
|
|
|
|
|
+ height: 222px;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .item p {
|
|
|
|
|
+ height: 47px;
|
|
|
|
|
+ padding-left: 28px;
|
|
|
|
|
+ line-height: 47px;
|
|
|
|
|
+ color: #274964;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer {
|
|
|
|
|
+ height: 206px;
|
|
|
|
|
+ border-top: 1px solid cornsilk;
|
|
|
|
|
+ background-color: #cccccc;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer ul {
|
|
|
|
|
+ height: 84px;
|
|
|
|
|
+ padding-top: 30px;
|
|
|
|
|
+ padding-bottom: 30px;
|
|
|
|
|
+ line-height: 28px;
|
|
|
|
|
+ border-bottom: 1px solid gray;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer ul li {
|
|
|
|
|
+ width: 210px;
|
|
|
|
|
+ padding-left: 30px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ color: indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer p {
|
|
|
|
|
+ height: 61px;
|
|
|
|
|
+ line-height: 61px;
|
|
|
|
|
+ padding-left: 30px;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .footer p span {
|
|
|
|
|
+ color: indigo;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+ """
|
|
|
|
|
+ return html
|
peng