@charset "utf-8";
/* CSS Document */

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,input{margin:0px;padding:0px;}
ul,li,dl,dd,dt,ol{list-style:none;}
ins{display:none;}
img{border:none;display: block;}
.clear{font-size:0px;line-height:0px;display:block;clear:both;}

a{cursor:pointer;}
a:link,a:visited{color:#0072ff;text-decoration:none;}
a:hover{color:#0072ff;text-decoration:none;}
a:focus{-webkit-tap-highlight-color: transparent;}

body{font:15px/24px Arial,"microsoft yahei";color:#333;}

.syhome_body{ margin: 0 auto; text-align: center; }
h1.site_name{ letter-spacing: -0.6px; }

.data_wrap:after{ clear: both; content: ""; display: table; }
.data_mokuai_total{ height: 30px; line-height: 30px; }

/*data_geti_box*/
.data_geti_box{ margin-top: 20px; }
.data_geti_box:after{ clear: both; content: ""; display: table; }

.data_geti_box .ptname_wrap{  }
.data_geti_box .ptname_wrap h5{ font-size: 16px; height: 40px; line-height: 40px; background: #040404; padding: 0px 10px; color: #d8d8d8; }
.data_geti_box .ptname_wrap h5 strong{ float: left; }
.data_geti_box .ptname_wrap h5 span{ font-size: 12px; float: right; font-weight: 350; }

.data_geti_box .databox{ margin-top: 1px; }
.data_geti_box .databox:after{ clear: both; content: ""; display: table; }

.data_geti_box .databox table{ display: table; border-spacing: 1px; width: 100%; font-size: 14px; margin-top: -1px; line-height: 20px; background: #040404; }
.data_geti_box .databox table th{ background: #606873; height: 30px; font-size: 14px; color: #fff; }
.data_geti_box .databox table td{ background: #fff6f6; font-size: 12px; line-height: 14px; padding: 8px 4px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; }
.data_geti_box .databox table td.td_domain{ background: #ffeeee; color:#0072ff; }
.data_geti_box .databox table td.td_expire.highlight{ background: #ff3f3f; color: #ff0; font-style: italic; }

.data_geti_box .databox table tr.domain_expire_del{ text-decoration: line-through; font-style: italic; color: #888; }
.data_geti_box .databox table tr.domain_expire_del td{ background: #dadada; }
.data_geti_box .databox table tr.domain_expire_del td.td_domain{ background: #c3c3c3; }
.data_geti_box .databox table tr.domain_expire_del td.td_expire.highlight{ background: #dadada; color: #888; }

/* css注释：设置了浏览器宽度不小于1001px时 */ 
@media screen and ( min-width: 701px ) { 
	.syhome_body{ width: 700px; padding: 50px 0px 20px; }
	h1.site_name{ line-height: 42px; font-size: 36px; }
	/*data_wrap*/
	.data_wrap{ margin-bottom: 30px; }
	.data_mokuai_total{ font-size: 18px; margin: 20px 0px -10px; }

	.data_geti_box .databox table th.th_domain{ width: 33%; }
	.data_geti_box .databox table th.th_registration{ width: 20%; }
	.data_geti_box .databox table th.th_expire{ width: 20%; }
	.data_geti_box .databox table th.th_beizhu{ width: 27%; }
}


/* 设置了浏览器宽度不大于1000px时 */ 
@media screen and ( max-width: 700px ) { 
	.syhome_body{ width: calc(100% - 30px); padding: 30px 15px 20px; }
	h1.site_name{ line-height: 30px; font-size: 25px; }
	/*data_wrap*/
	.data_wrap{ margin: 0px 0px 20px; }
	.data_mokuai_total{ font-size: 16px; margin: 20px 0px -15px; }

	.data_geti_box:first-child{ margin-top: 10px; }

	.data_geti_box .databox table th.th_domain{ width: 29%; }
	.data_geti_box .databox table th.th_registration{ width: 24%; }
	.data_geti_box .databox table th.th_expire{ width: 24%; }
	.data_geti_box .databox table th.th_beizhu{ width: 23%; }
}