作品
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0px;
padding: 0px;
}
.p{
width: 1360px;
height: 2700px;
/*border: 1px black solid;*/
background-color: rgb(238,238,238);
}
.p1{
width: 1300px;
margin: 0px auto ;
/*border: 1px black solid;*/
height: 100px;
background-color: white;
}
.p11{
width:850px;
margin:0px auto ;
height: 100px;
/*border: 1px black solid;*/
}
.p111{
width: 320px;
height: 100px;
/*border: 1px black solid;*/
float: left;
font-size: 15px;
}
.p112{
width: 530px;
height: 100px;
/*border: 1px black solid;*/
float: left;
}
.p1121{
width: 530px;
height: 40px;
text-align: right;
vertical-align: bottom;
line-height: 60px;
font-size:15px ;
}
.p11211:hover{
cursor: pointer;
}
.p1122{
width: 530px;
height: 60px;
font-size: 20px;
line-height:60px ;
}
.p1122 ol li{
list-style: none;
margin:0px 0px 0px 33px ;
float: left;
text-align: right;
}
}
.p2{
width: 1360px;
height: 283px;
/*border: black 1px solid;*/
position: absolute;
z-index: 1;
}
.p3{
width:1160px;
height: 170px;
/*border: 1px solid black;*/
margin: 0px auto;
position: absolute;
margin: -20px 0px 0px 100px;
/*background-color: white;*/
z-index: 3;
}
.p31{
width: 170px;
height: 170px;
/*border: black 1px solid;*/
margin: -20px 0px 0px 60px;
background-color: white;
float: left;
}
.p32{
width:250px;
height:170px;
/*border:1px black solid;*/
float: left;
font-weight: bold;
font-size: 19px;
text-align: center;
/*line-height: 170px;*/
}
.p33{
width: 340px;
height: 170px;
/*border: 1px solid black;*/
float: left;
/*background-color: rgb(35, 145, 198);*/
}
.p33 table{
float: left;
margin: 0px 0px 0px 10px;
}
.td1{
background-color:rgb(35, 145, 198);
color: white;}
.td2{
background-color:rgb(219,233,242);
color: black;}
.p34{
width: 330px;
height: 170px;
/*border: 1px solid black;*/
float: left;
}
.p34 table{
float: left;
margin:15px 0px 0px 20px;
}
.td3{
background-color: rgb(191,191,191);
color: white;
}
.td4{
background-color: rgb(230,85,75);
color: white;
}
.td4:hover{
cursor: pointer;
}
.log{
width: 600px;
height: 400px;
background-color: white;
position: fixed;
z-index: 99;
}
.mask{
width: 100%;
background-color: black;
opacity: 0.5;
position: absolute;
top: 0px;
left: 0px;
z-index: 90;
}
.p4{
width:700px;
height:2080px;
background-color: white;
/*border: 1px black solid;*/
margin: 190px 0px 0px 100px;
float: left;
}
.p4 table{
font-size: 20px;
font-weight: bold;}
.td5{
background-color: rgb(21,188,96);
color: white;
}
.p41{
width: 700px;
height: 4px;
margin: -14px 0px 0px 0px;
}
.p42{
width: 200px;
height: 500px;
/*border: black solid 1px;*/
float: left;
}
.td6{
line-height: 60px;
font-size: 20px;
vertical-align: middle;
}
.p421{
width: 200px;
height:40px ;
/*border: solid 1px black;*/
line-height: 40px;
vertical-align: middle;
font-weight: bold;
}
.p4211{
width: 5px;
height: 37px;
margin: 3px 0px 0px 10px;
/*border: 1px black solid;*/
float: left;
}
.p4212{
float: left;
width: 150px;
height: 40px;
/*border: solid black 1px;*/
}
.p422{
width: 170px;
height: 170px;
/*border: black 1px solid;*/
background-color: white;
margin: 20px 0px 0px 10px;
}
.p43{
width:490px ;
height:500px ;
float: left;
/*border: solid black 1px;*/
}
.p431{
width:490px ;
height:180px;
/*border: 1px solid black;*/
padding-top:93px ;
font-size: 15px;
}
.p432{
width:490px ;
height:224px;
/*border: 1px solid black;*/
font-size: 15px;
}
.td7{
font-size: 10px;
color: rgb(0,169,146);
font-weight: bold;
text-align:justify;
}
.td8{
font-size: 5px;
}
.p44{
width: 700px;
height: 40px;
/*border: 1px solid black;*/
}
.p441{
width: 5px;
height: 37px;
margin: 0px 0px 0px 10px;
/*border: 1px black solid;*/
float: left;
}
.p442{
float: left;
width: 350px;
height: 40px;
/*border: solid black 1px;*/
padding-top: 10px;
font-weight: bold;
}
.p45{
width: 650px;
height: 520px;
/*border: 1px solid black;*/
margin-top: 530px;
padding-left: 50px;
}
.td9{
width: 100px;
background-color: rgb(179,179,179);
font-weight: bold;
font-size: 18px;
}
.td10{
background-color: rgb(179,179,179);
font-weight: bold;
font-size: 18px;
}
.p45 table{
text-align: center;
vertical-align: middle;
font-size: 15px;
}
.p46{
width: 600px;
height: 520px;
/*border: 1px solid black;*/
margin-top: 10px;
padding-left: 100px;
}
.p46 table{
text-align: center;
vertical-align: middle;
font-size: 15px;
}
.p47{
width: 700px;
height: 40px;
/*border: 1px solid black;*/
}
.p471{
width: 5px;
height: 37px;
margin: 0px 0px 0px 10px;
/*border: 1px black solid;*/
float: left;
}
.p472{
float: left;
width: 350px;
height: 40px;
/*border: solid black 1px;*/
padding-top: 10px;
font-weight: bold;
}
.p48{
width: 700px;
height: 360px;
/*border: 1px solid black;*/
}
.p5{
width: 400px;
height: 1400px;
/*border: black 1px solid;*/
float: left;
margin: 190px 0px 0px 60px;
}
.p51{
width: 400px;
height:280px ;
/*border: 1px black solid;*/
background-color: white;
padding-top: 20px;
}
.p511{
width: 300px;
height: 50px;
/*border: 1px black solid;*/
margin: 0px 0px 0px 50px;
background-color: rgb(0,160,57);
color: white;
text-align: center;
line-height: 50px;
font-size: 23px;
/*font-weight: bold;*/
border-radius: 5px;
}
.p512{
width: 300px;
height: 200px;
/*border: 1px solid black;*/
margin-left: 50px ;
/*text-align: center;*/
font-size: 20px;
}
.p512 ol li{
list-style-image: url(../img/星3.png);
list-style-position: inside;
margin-left: 20px;
}
.p52{
width: 400px;
height:326px ;
/*border: 1px black solid;*/
background-color: white;
margin-top: 30px;
}
.p521{
width: 400px;
height: 50px;
/*border: 1px black solid;*/
line-height:50px ;
font-size: 25px;
}
.p53{
width: 400px;
height: 238px;
/*border: 1px black solid;*/
/*float: left;*/
margin-top: 30px;
}
.p531{
width: 261px;
height: 230px;
/*border:1px solid black ;*/
line-height: 24px;
padding: 8px 10px 0px 10px;
float: left;
background-color: rgb(27,190,96);
color:white
}
.p56{
width: 400px;
height: 230px;
/*border: 1px black solid;*/
margin-top: 30px;
background-color: white;
}
.td11{
font-size: 20px;
padding-left: 10px;
font-weight: bold;
}
.td12{
font-size: 14px;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.td13{
font-size: 14px;
padding-left: 5px;
}
.td11,td13{
width: 200px;
}
.p6{
width: 1350px;
height: 250px;
background-color: rgb(51,51,51);
/* border: 1px solid black;*/
}
.p61{
width: 400px;
height: 200px;
/*border: 1px solid black;*/
font-size: 30px;
line-height: 40px;
text-align: center;
padding-top: 80px;
float: left;
}
.z{
color: rgb(250,161,5);
}
.p62{
width: 300px;
height: 250px;
/*border: 1px black solid;*/
float: left;
font-size: 25px;
/*padding-top: 10px;
padding-left: 10px;
line-height: 10px;*/
color: white;
}
.p621{
width: 250px;
height: 35px;
/*border: 1px solid black;*/
/*line-height: 65px;*/
/*float: right;*/
padding-left:50px;
padding-top: 30px;
padding-bottom: 10px;
}
.p622{
width: 300px;
height: 55px;
/*border: 1px solid black;*/
/*float: right;*/
/*margin-right: 30px;*/
/*padding-top: 20px;*/
color: white;
}
.p6221{
width:60px;
height:55px;
float: left;
margin-left: 45px;
}
.p6222{
width: 240px;
height: 30px;
padding: 10px;
}
.p623{
width:255px ;
height: 35px;
/*border: 1px solid black;*/
padding: 0px 0px 0px 45px;
}
.p624{
width:300px ;
height: 75px;
/*border: 1px solid black;*/
}
.p6241{
width:60px;
height:55px;
float: left;
margin-left: 45px;
}
.p6242{
width: 240px;
height: 30px;
padding: 10px;
}
.p63{
width: 200px;
height: 250px;
float: left;
padding: 30px;
}
.p64{
width: 330px;
height: 200px;
float: left;
padding-top: 70px;
/*border: 1px solid black;*/
padding-left: 50px;
color: white;
}
.a1{
font-size: 20px;
text-align: center;
width: 600px;
height: 40px;
}
</style>
</head>
<body>
<div class="p">
<div class="p1">
<div class="p11">
<div class="p111">
<br>咨询热线：185 0280 3875<br />
<img src="../img/天天盈.png"><img src="http://www.hoo666.com/skin/images/yaoqingkaihu.gif" width="120" height="40"><br />
最安全稳定的一站式服务返佣平台
</div>
<div class="p112">
<div class="p1121">
<span class="p11211">
金十数据</span>|
<span class="p11211">关于返佣网</span>|
</div>
<div class="p1122">
<ol>
<li>首页</li>
<li>返佣平台</li>
<li>国际期货</li>
<li>平台活动</li>
<li>安全保障</li>
</ol>
</div>
</div>
</div>
</div>
<div class="p2">
<img src="../img/caonima.png">
</div>
<div class="p3">
<div class="p31">
<img src="../img/商标4.png">
</div>
<div class="p32"><br /><br /><br />
青岛尚彬大宗商品购销中心
</div>
<div class="p33">
<br><br>
<table border="0px" width="100px" height="80px">
<tr align="center" bgcolor="blue">
<td class="td1">返佣前成本</td>
</tr>
<tr align="center">
<td class="td2">9个点</td>
</tr>
</table>
<table border="0px" width="100px" height="80px">
<tr align="center">
<td class="td1">返佣金额</td>
</tr>
<tr align="center">
<td class="td2">450元</td>
</tr>
</table>
<table border="0px" width="100px" height="80px">
<tr align="center">
<td class="td1">返佣后成本</td>
</tr>
<tr align="center">
<td class="td2">4个点</td>
</tr>
</table>
</div>
<div class="p34">
<br><br><table border="0px" width="120px" height="50px" >
<tr align="center">
<td class="td3">申请模拟</td>
</tr>
</table>
<table border="0px" width="120px" height="50px" >
<tr align="center">
<td class="td4">立即开户</td>
</tr>
</table>
</div>
</div>
<div class="p4">
<table width="350px"border="0px" height="50px" cellpadding="0"cellspacing="0" >
<tr align="center">
<td class="td5">交易所介绍</td>
<td>返佣详情</td>
<td>开户资料</td>
</tr>
</table>
<div class="p41">
<img src="../img/线.png">
</div>
<div class="p42"><br><br>
<div class="p421">
<div class="p4211">
<img src="../img/竖线.png">
</div>
<div class="p4212">
交易所简介
</div>
</div>
<div class="p422"><img src="../img/商标4.png"></div>
</div>
<div class="p43">
<div class="p431">
青海尚彬大宗商品购销有限公司（简称“交易中心”）青海省西宁市重点
招商引资签约项目，交易中心位于青海省西宁市。青海省为我国青藏高原上的重要省份之一，
简称青。2016年8月4日，经青海省工商局注册和国家相关部门审核批准成立，注册资本人民币
五千万。2016年8月4日，经青海商务厅“青商函【2016】11号“文件批准投入运营。交易中心
成立以来坚持以服务实体经济为方针，以都青海黑枸杞为龙头、青海当地农副产品及大宗商品
为基础。运用电子商务信息技术、物流、金融为依托，通过“互联网+”实现线上交易、线下
交收实现商品上市的目的。积极打造青海农副产品品牌。
</div>
<div class="p432">
<table width="490px" height="200px" border="0px" >
<tr>
<td class="td7" width="80px">交易所名称：</td>
<td class="td8" width="165px">青岛尚彬商品购销交易中心</td>
<td class="td7">主营品种：</td>
<td class="td8">白银、铜、铂金、沥青</td>
</tr>
<tr>
<td class="td7">成立时间：</td>
<td class="td8">2016年</td>
<td class="td7">政府批文：</td>
<td class="td8">青海省商务厅</td>
</tr>
<tr>
<td class="td7">杠杆比例：</td>
<td class="td8">50倍</td>
<td class="td7">点 差：</td>
<td class="td8">0</td>
</tr>
<tr>
<td class="td7">激活资金：</td>
<td class="td8">无门槛</td>
<td class="td7">开户方式：</td>
<td class="td8">网上开户</td>
</tr>
</table>
</div>
</div>
<div class="p44">
<div class="p441">
<img src="../img/竖线.png">
</div>
<div class="p442">
交易所品种合约标准
</div>
</div>
<div class="p45">
<table border="1px" width="600px" height="500px" cellpadding="0px" cellspacing="0px">
<tr bordercolor="black" >
<td class="td9">交易品种</td>
<td colspan="4" class="td10">白银</td>
<td colspan="4" class="td10">沥青</td>
</tr>
<tr>
<td class="td9">交易单位</td>
<td>5千克</td>
<td>20千克</td>
<td>50千克</td>
<td>100千克</td>
<td>5吨</td>
<td>15吨</td>
<td>50吨</td>
<td>150吨</td>
</tr>
<tr>
<td class="td9">报价单位</td>
<td colspan="4">元/千克</td>
<td colspan="4">元/吨</td>
</tr>
<tr>
<td class="td9">单笔最大持仓量</td>
<td>80手</td>
<td>80手</td>
<td>80手</td>
<td>80手</td>
<td>60手</td>
<td>60手</td>
<td>60手</td>
<td>60手</td>
</tr>
<tr>
<td class="td9">交易时间</td>
<td colspan="8">夏令时周一6:00-周六4:00 冬令时周一7:00-周六4:00</td>
</tr>
<tr>
<td class="td9">保证金</td>
<td>5%</td>
<td>3%</td>
<td>3%</td>
<td>2%</td>
<td>4%</td>
<td>3%</td>
<td>2%</td>
<td>1.5%</td>
</tr>
<tr>
<td class="td9">止盈止损</td>
<td colspan="4">30个点</td>
<td colspan="4">30个点</td>
</tr>
<tr>
<td class="td9">手续费</td>
<td>45元</td>
<td>180元</td>
<td>450元</td>
<td>900元</td>
<td>45元</td>
<td>135元</td>
<td>450元</td>
<td>1350元</td>
</tr>
<tr>
<td class="td9">延期费</td>
<td>8元</td>
<td>20元</td>
<td>50元</td>
<td>100元</td>
<td>10元</td>
<td>20元</td>
<td>100元</td>
<td>150元</td>
</tr>
<tr>
<td class="td9">出入金时间</td>
<td colspan="8">入金8:00-22:00 出金9:00-16:00</td>
</tr>
</table>
</div>
<div class="p46">
<table border="1px" width="500px" height="500px" cellpadding="0px" cellspacing="0px">
<tr bordercolor="black" >
<td class="td9">交易品种</td>
<td colspan="2" class="td10">铜</td>
<td colspan="2" class="td10">铂金</td>
</tr>
<tr>
<td class="td9">交易单位</td>
<td>5吨</td>
<td>20吨</td>
<td>100克</td>
<td>1000克</td>
</tr>
<tr>
<td class="td9">报价单位</td>
<td colspan="2">元/吨</td>
<td colspan="2">元/克</td>
</tr>
<tr>
<td class="td9">单笔最大持仓量</td>
<td>80手</td>
<td>80手</td>
<td>80手</td>
<td>80手</td>
</tr>
<tr>
<td class="td9">交易时间</td>
<td colspan="8">夏令时周一6:00-周六4:00 冬令时周一7:00-周六4:00</td>
</tr>
<tr>
<td class="td9">保证金</td>
<td>3%</td>
<td>3%</td>
<td>5%</td>
<td>5%</td>
</tr>
<tr>
<td class="td9">止盈止损</td>
<td colspan="2">200个点</td>
<td colspan="2">30个点</td>
</tr>
<tr>
<td class="td9">手续费</td>
<td>450元</td>
<td>1800元</td>
<td>90元</td>
<td>900元</td>
</tr>
<tr>
<td class="td9">延期费</td>
<td>50元</td>
<td>200元</td>
<td>10元</td>
<td>100元</td>
</tr>
<tr>
<td class="td9">出入金时间</td>
<td colspan="8">入金8:00-22:00 出金9:00-16:00</td>
</tr>
</table>
</div>
<div class="p47">
<div class="p471">
<img src="../img/竖线.png">
</div>
<div class="p472">
交易所品种交易软件介绍
</div>
</div>
<div class="p48">
<br> <img src="../img/期货3.png">
</div>
</div>
<div class="p5">
<div class="p51">
<div class="p511">
国内正规首家返佣平台
</div>
<div class="p512">
<ol>
<li>省级正规平台，放心投资</li>
<li>返佣最高100%，全额日返</li>
<li>2分钟内响应，有问必答</li>
<li>24小时行情指导，轻松获利</li>
</ol>
</div>
</div>
<div class="p52">
<div class="p521"> 最热活动</div>
<img src="../img/活动.png">
</div>
<div class="p53">
<div class="p531"><font size="5"><b>免责声明</b></font><br>
<font size="3px">现货有风险，入市需谨慎！
天天盈提供各现货平台商开户和返佣，为客户降低交易成本，
但不接触客户资金，不参与现货平台经营与交易；如果现货平台
因不可抗拒因素无法出金或返佣，我们也会及时提醒客户，客户
需自行承担现货市场带来的风险。</font>
</div>
<img src="../img/小人.png">
</div>
<div class="p56">
<table width="400px" height="200px" cellspacing="0px" border="0px">
<tr height="50px">
<td class="td11">日日盈学堂</td>
<td class="td12">+更多</td>
</tr>
<tr>
<td class="td13">下周表决 美医改议案前途难料</td>
<td></td>
</tr>
<tr>
<td class="td13">下周表决 美医改议案前途难料</td>
<td></td>
</tr>
<tr>
<td class="td13">下周表决 美医改议案前途难料</td>
<td></td>
</tr>
<tr>
<td class="td13">下周表决 美医改议案前途难料</td>
<td></td>
</tr>
<tr>
<td class="td13">下周表决 美医改议案前途难料</td>
<td></td>
</tr>
</table>
</div>
</div>
</div>
<div class="p6">
<div class="p61">
<span class="z">天天盈返佣网</span><br>
<font color="white">www.tty666.com</font>
</div>
<div class="p62">
<div class="p621">客服热线</div>
<div class="p622">
<div class="p6221">
<img src="../img/电话.png">
</div>
<div class="p6222">
18502803875
</div>
</div>
<div class="p623">
在线咨询
</div>
<div class="p624">
<div class="p6241">
<img src="../img/qq.png" width="51px" height="51px">
</div>
<div class="p6242">
30696852
</div>
</div>
</div>
<div class="p63">
<img src="../img/二维码.png">
</div>
<div class="p64">
<table width="300px" height="100px" border="0px" cellspacing="0">
<tr>
<td>返佣平台</td>
<td>天天盈返佣学堂</td>
</tr>
<tr>
<td>合作伙伴</td>
<td>工作环境</td>
</tr>
<tr>
<td>加入天天盈返佣</td>
<td>商务合作</td>
</tr>
</table>
</div>
</div>
<div class="mask" hidden="hidden">
</div>
<div class="log" hidden="hidden">
<div class="a1" >
欢迎注册
</div>
<form method="post" id="register_form">
<table class="zc_one" cellpadding="0" cellspacing="0">
<tr>
<th>手机号码：</th>
<td><input type="text" class="txt txt_phone mobile" placeholder="请输入手机号码" name="mobile" id="register_mobile" check='请输入正确的手机号码'>
<div class="tishi phone_ts"></div>
</td>
</tr>
<tr>
<th>手机验证码：</th>
<td>
<input type="text" class="txt txt_yzm txt_sjyzm" placeholder="短信验证码" name="smscode" id="register_smscode" check='验证码错误'>
<span class="get_yzm get_phone smscode" data='bind'>获取手机验证码</span>
<div class="tishi sjyzm_ts"></div>
</td>
</tr>
<tr>
<th>设置密码：</th>
<td><input type="password" class="txt txt_pwd" placeholder="密码长度6~20位" name="password" id="register_password" check='密码长度6~20位'>
<div class="tishi pwd_ts"></div>
</td>
</tr>
<tr>
<th>确认密码：</th>
<td><input type="password" class="txt txt_pwd2" placeholder="请再次输入密码" name="confirm" id="register_confirm" check='两次密码不一致'>
<div class="tishi pwd2_ts"></div>
</td>
</tr>
<tr>
<th> </th>
<td><label><input type="checkbox" checked id="agree"> 同意并愿意 </label>
<a href="javascript:void(0);" id="userregisternote">《用户协议和隐私政策》</a></td>
</tr>
<tr>
<th> </th>
<td>
<input type="button" class="btn" value="立即注册" id="register_btn">
已有账号，<a href="/member/login.html">马上登录</a>
</td>
</tr>
</table>
<input type="hidden" name="__haoniu__" value="8528ac5e3d9d2604a73226ad2f8de9a6_e1744ae750b43131d500abad5d021983" /></form>
</div>
</body>
</html>
<script>
var mask=document.getElementsByClassName("mask")[0];
var clientWidth=document.body.clientWidth;
var clientHeight=document.documentElement.clientHeight;
var login=document.getElementsByClassName("log")[0];
var btn=document.getElementsByClassName("td4")[0];
login.style.left=clientWidth/2-300+"px";
login.style.top=clientHeight/2-200+"px";
mask.style.height=document.body.clientHeight+"px";
window.onresize=function(){
var clientWidth=document.body.clientWidth;
var clientHeight=document.documentElement.clientHeight;
login.style.left=clientWidth/2-300+"px";
login.style.top=clientHeight/2-200+"px";
}
btn.onclick=function(){
mask.removeAttribute("hidden")
login.removeAttribute("hidden")
}
mask.onclick=function(){
mask.setAttribute("hidden","hidden")
login.setAttribute("hidden","hidden")
}
</script>
