Files
vobao/src/layouts/Layout.astro
toom1996 5ee8bbd2b5 update
2025-08-07 10:48:13 +08:00

247 lines
8.8 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
import "../assets/content/css/other/NewIndex2.css";
import "../assets/content/reset.css";
import "../assets/css/owl.carousel.css";
import "../assets/css/owl.theme.css";
import "../assets/content/Vobao/main_style.css";
import "../assets/content/Vobao/v5_main_style.css";
import "../assets/webpub/jqCloud/jqcloud.min.css";
import "../assets/content/Vobao/vobao.css";
import "../assets/content/Vobao/newIndex.css";
import "../assets/css/jquery.autocomplete.css";
import "../assets/webpub/swiper-4.3.3/swiper-4.3.3.min.css";
import "../assets/webpub/jqCloud/jqcloud.min.css";
import { getConfig } from "../../utils/config";
const config = getConfig(Astro)
const {
desc = '环平保险',
title = '',
keywords = '霍尔果斯霍尔果斯飞驰广告传媒有限公司,霍尔果斯飞驰,飞驰营销网',
bytedance = ''
} = Astro.props
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href={config.app_logo} />
<meta name="generator" content={Astro.generator} />
<title>{`${title} | 环平保险网`}</title>
<!-- <meta name="applicable-device" content="pc" /> -->
<meta name="keywords" content={keywords}>
<meta name="description" content={desc}>
<meta name="author" content="">
<!-- fevicon -->
{config.app_baidu_zhanzhang ? <Fragment set:html={config.app_baidu_zhanzhang} /> : ''}
{bytedance ? <Fragment set:html={bytedance} /> : ''}
</head>
<body>
<div id="VoBaoHead">
<div class="head-box">
<div class="width-1200 head-tip-box">
<div class="head-tip-fl">
<a class="head-tip-item" href="javascript:void(0)">
<img src="/Images/V3/index/phone.png" alt="" class="item-img4">
<span class="spc-color-red" style="font-size:16px;font-weight:bold">400-668-9081</span>
</a>
</div>
</div>
</div>
</div>
<div class="head-tab-box width-1200">
<a title="首页" href="/">
<img
src={config.app_logo}
alt=""
height="50"
width="50"
/>
</a>
<div class="head-tab-item">
<a class="tab-item" href="/">
<div class="tab-item-name">首页</div>
<div class="tab-item-bd"></div>
</a>
</div>
<div class="head-tab-item">
<a class="tab-item" href="/news">
<div class="tab-item-name">环平保险资讯</div>
<div class="tab-item-bd"></div>
</a>
</div>
</div>
<slot />
<!-- 公用底部 -->
<div class="foot-container">
<div class="foot-box width-1200" style="justify-content: space-around;">
<div class="foot-box-item">
<div class="item-logo">
<img style="height: 100%;" src={config.app_logo} alt="保险之家_保险人的网上家园-沃保保险网">
</div>
<!-- <div class="item-tip">
<a href="//www.riotgrrl.com/Vobao/CredentialsPage" target="_blank" rel="nofollow" style="color: #92979b;">增值电信业务经营许可证ISP/ICP</a><br>
<a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank" style="color: #92979b;">闽ICP备08003619号-1</a>
<br>闽公安网备35020302000659号
<br>Copyright © 2008-2025<br>
<a href="//www.riotgrrl.com/" target="_blank" style="color: #92979b;">沃保保险网</a>
厦门诚创网络股份有限公司 版权所有
</div> -->
</div>
<div class="new-blist">
<div class="dl">
<!-- <img class="dt" src="/Images/V2/index/tu1.png" alt=""> -->
<div class="dd">环平保险网</div>
</div>
<ul>
<li><a href="javascript: void(0);" title="关于环平" target="_blank" rel="nofollow">关于环平</a></li>
<li><a href="javascript: void(0);" title="手机站" target="_blank">手机站</a></li>
</ul>
</div>
<div class="new-blist">
<div class="dl">
<img class="dt" src="/Images/V2/index/tu2.png" alt="">
<div class="dd">用户帮助</div>
</div>
<ul>
<li><a href="javascript: void(0);" title="帮助中心" target="_blank" rel="nofollow">帮助中心</a></li>
<li><a href="javascript: void(0);" title="网站导航" target="_blank">网站导航</a></li>
</ul>
</div>
<div class="new-blist">
<div class="dl">
<img class="dt" src="/Images/V2/index/tu3.png" alt="">
<div class="dd">关注我们</div>
</div>
<div class="attention">
<dl>
<dt><img src="/Images/V2/index/gz1.png" alt=""></dt>
<dd><a href="javascript: void(0);" title="新浪微博" target="_blank" rel="nofollow">新浪微博</a></dd>
</dl>
<dl>
<dt><img src="/Images/V2/index/gz3.png" alt=""></dt>
<dd>沃保微信</dd>
</dl>
</div>
</div>
<div class="new-blist">
<div class="dl">
<img class="dt" src="/Images/V2/index/t12.png" alt="">
<div class="dd">联系我们</div>
</div>
<p>全国服务热线</p>
<p>400-668-9081</p>
<!-- <p>
<a href="//about.vobao.com/lianxi.shtml" target="_blank" rel="nofollow" style="color: #e8e9e9;">广告合作</a>
</p> -->
</div>
<!-- <div class="new-weixin">
<dl>
<dt>
<img src="/Images/old/v3/MainSite/Content/themes/Default/images/XZ/weix.png" alt="">
</dt>
<dd>扫描二维码 关注沃保微信</dd>
</dl>
</div> -->
</div>
<!-- <div id="bottomCert" class="new-wb_hfrz">
<a href="//www.riotgrrl.com/Vobao/CredentialsPage" rel="nofollow" target="_blank">
<img src="/Images/V3/index/cx1.jpg" alt="增值电信业务经营许可证" border="0">
</a>
<a href="//www.riotgrrl.com/Vobao/BusinessLicensePage" rel="nofollow" target="_blank">
<img src="/Images/V3/index/cx5.jpg" alt="企业法人营业执照" border="0">
</a>
<a href="http://www.cyberpolice.cn" rel="nofollow" target="_blank">
<img src="/Images/V3/index/cx6.jpg" alt="厦门网络警察报警平台" border="0">
</a>
</div> -->
</div>
</body>
<script is:inline src="/scripts/swiper-4.3.3.min.js"
></script>
<script is:inline src="/scripts/jquery-1.8.3.min.js"></script>
<script is:inline src="/scripts/jquery-autocomplete/jquery.autocomplete.min.js"></script>
<!-- <script is:inline src="https://res.vobao.com/webpub/js/jq-slideVerify.js?v=0"></script> -->
<script is:inline src="/scripts/Vobao/new.js"></script>
<script is:inline src="/scripts/Vobao/NewIndex2.js"></script>
<script is:inline src="/scripts/jqcloud-1.0.4.min.js"></script>
</html>
<style>
html,
body {
margin: 0;
width: 100%;
height: 100%;
}
.verify-wrap {
width: 350px;
height: 40px;
background-color: #e5e5e5;
border: 1px solid #e0e0e0;
margin: 5px auto;
position: relative;
}
.verify-wrap .drag-btn {
position: absolute;
left: -1px;
top: -1px;
width: 50px;
height: 40px;
background: #fff
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==)
no-repeat center center;
background-size: 100% 100%;
z-index: 2;
cursor: move;
}
.verify-wrap .suc-drag-btn {
background: #fff
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=)
no-repeat center center;
background-size: 100% 100%;
}
.verify-wrap .drag-progress {
position: absolute;
left: 0;
top: -1px;
height: 40px;
border-top: 1px solid #7ac23c;
border-top: 1px solid #7ac23c;
width: 0;
background-color: #7ac23c;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 40px;
}
.verify-wrap .fix-tips,
.verify-msg {
width: 100%;
position: absolute;
right: 0;
left: 1px;
height: 100%;
color: #51555c;
z-index: 1;
line-height: 38px;
font-size: 12px;
text-align: center;
}
.verify-wrap .verify-msg {
background-color: #7ac23c;
color: #fff;
display: none;
}
</style>