请大佬帮我看看这段代码：
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>页面已拦截</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1">
<link id="favicon" rel="shortcut icon" type="image/x-icon" href="/public/foshan/icon_fraud.png">
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
}
/* ---------------- logo ----------------- */
.logo {
display: inline-block;
margin: 10px 0 0 6%;
width: 80px;
height: 81.92px;
background-image: url('/public/foshan/logo.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
vertical-align: middle;
}
/* ---------------- title ----------------- */
.title {
display: inline-block;
margin: 10px 0 0 0;
color: #345fa7;
font-size: 42px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
/* ---------------- main ----------------- */
.main {
margin: 0 auto;
width: 820px;
font-size: 0;
}
.pic-police,
.container {
display: inline-block;
vertical-align: top;
}
.pic-police {
width: 219px;
height: 329px;
background-image: url('/public/foshan/police.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.pic-warning {
display: none;
}
.container {
padding: 18px 0 0 40px;
width: 561px;
font-size: 18px;
}
.container p {
line-height: 1.5;
}
.warning {
margin-bottom: 20px;
font-size: 42px;
font-weight: bold;
color: #ff0000;
}
.msg,
.msg-url {
margin-bottom: 10px;
}
.msg-url {
font-size: 18px;
}
.btns {
margin-top: 30px;
text-align: center;
font-size: 0;
}
.btns div {
display: inline-block;
}
.btns span {
font-size: 18px;
}
.btn {
margin: 0 10px;
padding: 6px 0;
width: 150px;
font-size: 18px;
line-height: 1;
text-align: center;
border: 1px solid #20367a;
border-radius: 13px;
cursor: pointer;
}
.appeal {
margin-left: 10px;
color: #20367a;
text-decoration: underline;
cursor: pointer;
}
#close {
background-color: #20367a;
color: #fff;
}
/*#more {
display: none;
}*/
.qrcode {
margin-top: 0;
width: 820px;
margin-left: auto;
margin-right: auto;
padding-left: 118px;
margin-bottom: 20px;
box-sizing: border-box;
}
.qrcode-item {
display: inline-block;
width: 350px;
margin: 0;
text-align: center;
}
.qrcode-item span {
margin-top: 10px;
}
.qrcode-img {
display: block;
margin: 0 auto;
}
.qrcode-tips {
margin-top: 20px;
}
.qrcode-mark {
display: inline-block;
margin-left: 170px;
}
.tips {
width: 820px;
margin: 0 auto;
margin-top: 10px;
padding-left: 118px;
box-sizing: border-box;
}
.tips p {
line-height: 40px;
}
@media (max-width : 736px) {
.logo {
display: block;
margin: 1% auto 0;
width: 12vw;
height: 12.3vw;
}
.logo:after {
content: ' ';
position: absolute;
top: 15vw;
left: 0;
width: 100%;
height: 1px;
background-color: #ccc;
}
.pic-police {
display: none;
}
.pic-warning {
display: block;
float: left;
margin: 27px 0 0 5%;
/*top: 140px;
left: 10%;*/
width: 20vw;
height: 30vw;
background-image: url('/public/foshan/police.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.title {
display: block;
margin: 30px auto 0;
font-size: 5vw;
}
.title,
.main {
box-sizing: border-box;
padding: 0;
width: 85%;
}
.main {
margin: 0 auto;
}
.container {
display: block;
width: 100%;
margin-top: 30px;
padding: 0;
}
.warning {
margin-bottom: 30px;
padding-left: 20%;
font-size: 5vw;
}
.msg,
.msg-url {
font-size: 3.2vw;
}
.msg-url {
position: relative;
padding-top: 10px;
}
.msg-url span {
word-break: break-all;
}
.msg-url:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ccc;
}
.btns {
position: relative;
margin-top: 20px;
width: 100%;
text-align: left;
}
.btn {
margin: 0;
padding: 2vw 0;
width: 45%;
font-size: 3.2vw;
border-radius: 0;
}
#appeal {
display: inline-block;
width: 45%;
margin-top: 2vw;
margin-left: 0;
text-align: center;
font-size: 3.2vw;
}
#close {
margin-right: 2vw;
}
.tips {
width: 85%;
margin: 0 auto;
margin-top: 20px;
padding-left: 0;
}
.tips p {
font-size: 3.2vw;
line-height: 1.5;
}
.qrcode {
width: 85%;
padding-left: 0;
margin-top: 10px;
}
.qrcode-item {
display: block;
margin: 0 auto;
font-size: 3.2vw;
line-height: 1.5;
}
.qrcode-tips {
font-size: 3.2vw;
line-height: 1.5;
}
.qrcode-mark {
display: block;
margin-left: 0;
text-align: right;
margin-top: 2vw;
}
}
</style>
</head>
<body>
<div class="logo"></div>
<div class="pic-warning"></div>
<div class="title"><span>佛山市反诈骗中心<span>提示您：</span></span></div>
<div class="main">
<div class="container" id="container">
<p class="warning">您访问的网站存在风险！</p>
<p class="msg-url" id="accessP"></p>
<p class="msg">您要访问的网站存在风险，建议您谨慎访问！</p>
<p class="msg">如有疑问请拨打<br><strong>075796110</strong></p>
<div class="btns">
<div id="closeBT" onclick="closePage()" class="btn">关闭页面</div>
<div id="skip-box" class="btn">
<div id="accessBT" onclick="access()">继续访问(不推荐)</div>
</div>
<span class="appeal" onclick="appeal()">站长申诉</span>
</div>
</div>
<div class="pic-police"></div>
</div>
<div class="tips">
<p></p>
<p></p>
</div>
<div class="qrcode">
<div class="qrcode-item">
<span></span>
</div>
<div class="qrcode-tips">
<span class="qrcode-mark">佛山市反诈骗中心</span>
</div>
</div>
<input type="hidden" id="ratetype" value="1"/>
<input type="hidden" id="blacktype" value="3"/>
<input type="hidden" id="adid" value="190"/>
</body>
<script src="http://121.8.179.91:2525/feedbackjs/feedback.js"></script>
</html>
推荐榜
短消息
繁体中文
找回方式
手机版
广告招商
主页
手机版
界面风格
帮助
我的
搜索
申请VIP
在线客服(1)
