<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>域名过期</title>
<style type="text/css">
body, p, div,strong, img{
	margin:0;
	padding:0;
	border:0;
}
body{
	color:#333;
	font-size:12px;
	line-height:1.8em;
	font-family:"微软雅黑";
	min-width:960px;
	background-color:#fff;
}
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{
	*display:block;
	*zoom:1;
}
.header,
.container,
.footer{
	width:950px;
	margin:0 auto;
}
.header{
	position:relative;
	height:80px;
	overflow:hidden;
}
.header .logo{
	padding:15px 0;
}
.header .phone{
	position:absolute;
	top:0;
	right:0;
	background:url(/images/phone_130923.gif) no-repeat right 0;
	padding:25px 16px 0 0;
}
.header .phone strong{
	font-size:20px;
	font-weight:normal;
	color:#f23232;
}
.home-top{
	height:380px;
	background:url(/images/home_top_130932.jpg) no-repeat 0 0;
	position:relative;
}
.home-top p{
	font-size:20px;
	position:absolute;
	text-align:center;
	line-height:32px;
	top:95px;
	left:470px;
	min-width:300px;
}
.home-top p strong{
	font-size:24px;
	color:#fd612b;
	font-weight:normal;
}
.home-top .btn-renew{
	display:block;
	height:55px;
	width:160px;
	background:url(/images/btn_renew_130923.gif) no-repeat 0 0;
	font-size:20px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	padding-top:45px;
	position:relative;
	top:195px;
	left:690px;
}
.home-top .btn-renew:hover{
	background-position:0 -100px;
	text-decoration:none;
}
.home-top .btn-renew:active {
	background-position:0 -200px;
}
.adpic{
	border-bottom:2px solid #fff;
	height:96px;
	overflow:hidden;
}
.adpic a{float:left;}
.footer{
	background-color:#e9e9e9;
	height:30px;
	line-height:30px;
	color:#6a6a6a;
	font-size:12px;
	text-align:center;
}
.dateslip{
	background:url(/images/bg_box_130923.gif) no-repeat;
	height:270px;
}
.dateslip ul{
	margin:0 auto;
	padding:30px 0 0;
	list-style:none;
	width:840px;
	height:155px;
}
.dateslip li{
	float:left;
	_overflow:hidden;
}
.dateslip strong{
	font-size:24px;
	display:block;
	font-weight:normal;
	line-height:40px;
}
.dateslip span{
	display:block;
	font-size:22px;
	line-height:36px;
}
.dateslip em{
	display:block;
	color:#6a6a6a;
	font-style:normal;
}
.dateslip .date-retention strong{
	color:#fe7800;
}
.dateslip .date-redemption strong{
	color:#f00000;
}
.dateslip .date-delete strong{
	color:#6c6c6c;
}
.dateslip .date-registration strong{
	color:#6fac01;
}
.detebar{
	height:12px;
	position:relative;
	width:100%;
	font-size:0;
	line-height:0;
	overflow:visible;
	margin-top:40px;
	border:1px solid;
}
.detebar i{
	display:block;
	height:36px;
	width:2px;
	font-size:0;
	line-height:0;
	border-left:1px dashed;
	position:absolute;
	left:0;
	top:-39px;
}
.date-retention .detebar{
	border-color:#b15200 #fcc4c4 #d66500 #d66500;
	background-color:#fe7e00;
	-webkit-box-shadow:0px 3px 3px #dc6d00 inset;
	-moz-box-shadow:0px 3px 3px #dc6d00 inset;
	box-shadow:0px 3px 3px #dc6d00 inset;
	z-index:5;
	width:101%;
	width:100%\9;
	-moz-border-radius:0 6px 6px 0;
	-khtml-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
}
.date-retention .detebar i{
	position:absolute;
	display:block;
	width:23px;
	height:34px;
	top:-17px;
	left:-12px;
	border:none;
	background:url(/images/dateslip_130923.gif) no-repeat 0 0;
}
.date-redemption .detebar i{
	border-left-color:#f00;
}
.date-redemption .detebar{
	background-color:#f43232;
	border-color:#8b0000 #b50101 #cf0202 #f43232;
	-webkit-box-shadow:0px 3px 3px #d32b2b inset;
	-moz-box-shadow:0px 3px 3px #d32b2b inset;
	box-shadow:0px 3px 3px #d32b2b inset;
}
.date-delete.detebar i{
	border-left-color:#6c6c6c;
}
.date-delete .detebar{
	background-color:#adadad;
	border-color:#6c6c6c #7a7a7a #868686 #eaeaea;
	-webkit-box-shadow:0px 3px 3px #969696 inset;
	-moz-box-shadow:0px 3px 3px #969696 inset;
	box-shadow:0px 3px 3px #969696 inset;
}
.date-registration.detebar i{
	border-left-color:#6fac01;
}
.date-registration .detebar{
	background-color:#80c701;
	border-color:#008729 #009f30 #009f30 #dff1bf;
	-webkit-box-shadow:0px 3px 3px #6fac01 inset;
	-moz-box-shadow:0px 3px 3px #6fac01 inset;
	box-shadow:0px 3px 3px #6fac01 inset;
	-moz-border-radius:0 6px 6px 0;
	-khtml-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
}
</style>
</head>
<body>
<div class="header">
	<div class="logo"><a href="http://www.oray.com/?f=domain-expired"><img src="images/logo.gif" ></a></div>
    <div class="phone">续费热线：<strong>020-62219000</strong></div>
</div>
<div class="container">
	<div class="home-top">
    	<p>我是 <strong>demizhu.com</strong> ,我过期了<br />赶快给我续费吧!</p>
        <a href="https://console.oray.com/domain/?f=domain-expired" class="btn-renew" target="_blank">我要续费</a>
        <p style="position: absolute;top: 292px;font-size: 14px;left: 625px;color:gray;">续费后24小时内生效</p>
    </div>
    <div class="dateslip">
    	<ul class="clear">
        	<li class="date-retention" style="width:30%;">
            	<strong>2014-07-10</strong>
            	<span>保留期</span>
                <em>可正常续费</em>
                <div class="detebar"><i></i></div>
            </li>
        	<li class="date-redemption" style="width:25%;">
            	<strong>2014-08-19</strong>
            	<span>高价赎回期</span>
                <em>须付出高昂的费用才能赎回</em>
                <div class="detebar"><i></i></div>
            </li>
                    	<li class="date-delete" style="width:20%;">
            	<strong>2014-09-18</strong>
            	<span>删除期</span>
                <em>无法注册和赎回</em>
                <div class="detebar"><i></i></div>
            </li>
                    	<li class="date-registration" style="width:25%">
            	<strong>2014-09-23</strong>
            	<span>公众注册</span>
                <em>释放给公众注册</em>
                <div class="detebar"><i></i></div>
            </li>
        </ul>
    </div>
    <div class="adpic clear">
    	<a href="http://www.oray.com/jump/43621" target="_blank"><img src="images/pic_12.jpg"></a>
    	<a href="http://www.oray.com/jump/43622" target="_blank"><img src="images/pic_13.jpg"></a>
    	<a href="http://www.oray.com/jump/43623" target="_blank"><img src="images/pic_14.jpg"></a>
    	<a href="http://www.oray.com/jump/43624" target="_blank"><img src="images/pic_15.jpg"></a>
    </div>
</div>
<div class="footer">Copyright 2002-2013 Oray. All Rights Reserved.</div>
</body>
</html>