@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
a { text-decoration: none; outline: none; }
a:hover { }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
button, input, select, textarea { font-size: 100%; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; }
q:before, q:after { content: ''; }
:focus { outline: none; }
body { font: 12px/1.5 "微软雅黑", Arial, "宋体", sans-serif; background-color: #f5f5f5; }
/*---清除闭合浮动----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.fl { float: left }
.fr { float: right }
/*---浮动----*/
.clear { clear: both }
/*-----CSS 空白--------*/

/*-----倒计时--------*/
.con-box { text-align: center; margin-top: 309px; }
.con-box .txt { font-size: 24px; color: #000; }
.con-box .title { font-size: 20px; color: #000; margin-top: 42px; }
.time-item { margin-top: 30px; }
.time-item .time { background: #009342; color: #fff; line-height: 70px; font-size: 50px; width: 49px; text-align: center; height: 70px; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); display: inline-block; margin-right: 5px; }
.countDiv { display: inline-block; width: 50px; height: 70px; position: relative; }
.countDiv:before, .countDiv:after { position: absolute; width: 8px; height: 8px; background-color: #444; border-radius: 50%; left: 45%; margin-left: -3px; top: 30px; box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); content: ''; }
.countDiv:after { top: 60px; }
/*-------404---------------------*/
.error {  text-align: center;  }
.error .img { margin-top:120px;}
.error .txt { font-size: 18px; color: #000;margin-top: 90px; }
.error .button { background-color: #bbbbbb; width: 172px; height: 51px; margin: 0 auto; margin-top: 141px; border-radius: 5px; }
.error .button a { font-size: 18px; color: #fff; line-height: 51px; cursor: pointer; display: block; }
/*---------网站到期-------------------*/
.remind { width: 590px; margin: 0 auto; background-color: #fff; height: 380px; border-radius: 10px; margin-top: 80px; }
.remind .title .warn { background-color: #ff0000; border-radius: 50%; width: 88px; height: 88px; position: absolute; left: 37px; top: -15px; color: #fff; font-size: 80px; text-align: center; line-height: 88px; }
.remind .title { color: #fff; line-height: 60px; font-size: 36px; padding-left: 147px; background-color: #ff0000; height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; }
.remind .con { width: 487px; margin: 0 auto; margin-top: 40px; color: #000; font-size: 18px; line-height: 36px; }
.remind .con .time { color: #ff0000; font-size: 24px; }
.remind .con .txt { margin-top: 20px; text-indent: 23px; }
.remind .button { background-color: #ff0000; width: 172px; height: 51px; text-align: center; margin: 0 auto; margin-top: 50px; border-radius: 5px; }
.remind .button a { font-size: 18px; color: #fff; line-height: 51px; cursor: pointer; display: block; }


@media( max-width:768px){
	/*-----倒计时--------*/
	.con-box{ margin-top:100px;}
	
	.con-box .txt{ font-size:18px;}
	.con-box .title{ font-size:16px;}
	/*---------网站到期-------------------*/
	.remind{ width:95%; margin-top:60px;}
	.remind .con { width:90%;}
	.remind .con .txt{margin-top: 10px;}
	
	
	/*-------404---------------------*/
	.error .img img{ width:90%;}
	.error .img{ margin-top:100px;}
	.error .txt,.error .button{ margin-top:33px;}
	}