html, body, div, h1, h2, h3, h4, h5, h6, p, span, em, a, img, ul, li, ol, form, button, input, textarea, dl, dt, dd, iframe { margin: 0px; padding: 0px; }
body { text-align: left; font: 14px/1.5 "微软雅黑","Verdana",sans-serif; background: rgb(237, 237, 237) url('body-bg.png') repeat scroll 0px 0px; color: rgb(136, 136, 136); }
a { cursor: pointer; color: rgb(0, 0, 0); text-decoration: none; outline: 0px none; transition: all 0.2s linear 0s; }
a:hover, a:focus { text-decoration: none; color: rgb(205, 36, 7); }
ol, ul { list-style: outside none none; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.wrap { margin: 0px auto; width: 980px;  }
.mt20 { margin-top: 20px; }
.mt1 { margin-top: 1px; }
.nav_bar { height: 60px;border-bottom:1px solid #fff; color: rgb(255, 255, 255); text-shadow: 1px 1px 1px rgb(0, 0, 0); background-color:#ab1f1f;margin:0 auto;}
.nav_bar a { color: rgb(255, 255, 255); text-decoration: none; }
.nav_bar a:hover { color: rgb(99, 184, 255); text-decoration: none; }
.nav_bar .domain { float: left; font-family:"Microsoft Yahei"}
.nav_bar .nav_bar_r { float: right; line-height: 60px; margin-right: 20px; overflow: hidden; }
.nav_menu { width: 980px; overflow: hidden; }
.nav li { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 162px; height: 40px; line-height: 40px; font-size: 16px; color: rgb(255, 255, 255); border-left: 1px solid rgb(230, 230, 230); float: left; text-align: center; text-shadow: 1px 1px 1px rgb(245, 245, 245); border-bottom: 1px solid rgb(230, 230, 230); }
.nav li a { display: inline-block; width: 162px; color: rgb(0, 0, 0); }
.nav li a:hover { background-color:#ab1f1f; color: rgb(255, 255, 255); text-decoration: none; text-shadow: 1px 1px 1px rgb(0, 0, 0); }
.btcont { background-color:#ab1f1f; width: 124px; height: 40px; font-size: 16px; font-family: "microsoft yahei"; color: rgb(255, 255, 255); text-align: center; line-height: 40px;  z-index: 500; margin: 0px 0px 10px 1px; border-radius: 3px; }
.fh { width: 960px; height: 12px; overflow: hidden; margin: 0px auto; }
.copyright { height: 50px; line-height: 50px; text-align: center;color:#747474; }
.STYLE1 { font-size: 32px;margin-left:30px; }
#nt-test { position: relative; z-index: 2; }
#nt-test > h2 { display: block; max-width: 780px; height: 32px; margin: 10px auto 0px 10px; font-size: 20px;color:#747474;font-weight:500;}
#nt-test > ul a, #nt-test > ul i, #nt-test > ul em, #nt-test > ul span { font-style: normal; }
#nt-test > ul, #nt-test > ul a { font-size: 0px; line-height: 0; }
#nt-test > ul > li { display: inline-block; width: 33%; }
#nt-test > ul > li .best{ background-color:#f7ce4d;}
#nt-test > ul > li .better{ background-color:#f8ebc3;}
#nt-test > ul > li a { display: block; margin: 8px; padding: 8px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid #ab1f1f; border-radius: 2px; box-shadow: 0px 2px 6px rgba(131, 147, 183, 0.3); position: relative; transition: all 0.3s ease 0s; }
#nt-test > ul > li a:hover { box-shadow: 0px 5px 10px rgba(131, 147, 183, 0.5); }
#nt-test > ul > li a > em, #nt-test > ul > li a > span { font-size: 14px; line-height: 32px; padding: 0px 8px; }
#nt-test > ul > li a > i, #nt-test > ul > li a > span { position: absolute; top: 8px; }
#nt-test > ul > li a > i { display: block; width: 32px; height: 32px; right: 8px; background-image: url('enter.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#nt-test > ul > li a > em { display: block; margin-right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#nt-test > ul > li a > span { right: 40px; text-align: center; width: 110px; }
#nt-test > ul > li a > span i { padding: 0px 4px; margin-right: 4px; font-weight: bold; }
#nt-test > ul > li a > span em.error { color: rgb(240, 73, 73); }
#nt-test > .tryagain a{width:240px; border: 0px none; background-color: #fff; color: rgb(0, 0, 0); display: block; font-size: 16px; height: 48px;text-align:center; line-height: 47px; margin: 20px auto; outline: 0px none; padding: 0px 32px; border-radius: 2px;border:1px solid #ab1f1f;}
#nt-test > .tryagain a:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;  }
#nt-test > p {background-color:#fff; position: relative; margin: 0px auto 20px; text-align: center; border:1px solid #ab1f1f;color:#747474; font-size: 12px; padding: 6px 18px; width: 520px; border-radius: 2px; }
#nt-test > p::before { position: absolute; left: 50%; top: -16px; margin-left: -4px; display: block; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 8px; border-color: transparent transparent #ab1f1f; }
@media screen and (max-width: 960px) {
	.header { display: none; }
	.header-smart { display: inherit; }
	.wrap {width:300px}
	#nt-test > h2 { width: 300px; height: 52px;margin: 10px auto 0px;font-size:18px; text-align:center;}
	#nt-test > ul > li a > span { font-size: 16px; }
	#nt-test > .tryagain a { font-size: 18px; width:80%}
	#nt-test > p { width: 90%; line-height: 22px; }
	.nav_bar_r,.btcont,.nav,#ft,.fh {display:none; }
	.nav_bar strong{display:none;}
	body {  background: #fff ;  }

}
@media screen and (max-width: 480px) {
	#nt-test > ul > li { width: 100%; }
}
@media screen and (max-width: 320px) {
}
