/*
* Copyright (c) nanhua All rights reserved.
* MIT Licensed
* Build: 2017-5-18 10:30
* By aiko wang
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

body {
	letter-spacing: 1px;
	color: #333;
	background: #F6F7F7;
	font-family: PingFang, STXihei, STHeiti,
 "Hiragino Sans GB",sans-serif;
}

em, i {
	font-style: normal;
}

button, input, select, textarea {
	font-family: PingFang, STXihei, STHeiti,
 "Hiragino Sans GB",sans-serif;
}

a, input {
	-webkit-appearance: none;
	text-decoration: none;
	outline: none;
	color: #666;
}

a:hover {
	color: #1070AE;
	text-decoration: none;
}

a:visited, a:link {

}

img {
	border: 0 none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
	height: 0;
}

.clear {
	zoom: 1;
}

.Helvetica { /**/

}

.clearboth {
	clear: both;
}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner
{
	border: none;
	padding: 0;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background: #cfe6fa;
	/* padding-bottom: 85px; */
}


.page-cover {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/blue_loading.gif") no-repeat center;
	background-color: #fff;
	z-index: 999999;
	opacity: 0.8;
	display: none;
}
.error-box {
	display: none;
	top: 0;
	left: 0;
	font-size: 20px;
	box-shadow: 0 0 10px #ccc;
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 75px;
	line-height: 75px;
	color: #fff;
	background: red;
	opacity: 0.8;
}

.error-box p {
	text-align: center;
}

.nhst-wrap{
	width: 640px;
	background: url(../images/nh_sim_join_s2_bg0507.jpg) left top no-repeat;
	background-size: 640px;
	height: 1480px;
	position: relative;
}
.nhst-wrap .show-form{
	position: absolute;
	display: block;
	top: 711px;
	width: 480px;
	height: 90px;
	left: 80px;
}
.nhst-wrap .show-rule{
	position: absolute;
	display: block;
	top: 330px;
	width: 120px;
	height: 80px;
	left: 0;
	background: url(../images/sim_show_rule_icon.jpg) no-repeat;
	background-size: 120px;
}

.nhst-form{
	width: 640px;
	background: url(../images/form_bg_s3_.jpg) left top no-repeat;
	background-size: 640px;
	height: 2930px;
	position: relative;
}
.nhst-form .form-box{
	width: 520px;
	position: absolute;
	top: 711px;
	padding: 0 60px;
}
.nhst-form .form-box h3{
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.nhst-form .form-box p{
	position: relative;
}
.nhst-form .form-box p input{
	display: block;
	width: 100%;
	height: 75px;
	border: none;
	margin: 30px 0;
	border-radius: 10px;
	text-indent: 40px;
	font-size: 24px;
	color: #666;
	border: 1px solid #1A74F7;
	background: #F5FBFF;
}
.nhst-form .form-box p .code{}
.nhst-form .form-box p .send-code{
	display: block;
	position: absolute;
	background: #1C75F7;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 22px;
	width: 160px;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	top: 8px;
	right: 10px;
}

.nhst-form .form-box p .ck{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #fff;
	position: relative;
	border-radius: 5px;
	vertical-align: middle;
}
.nhst-form .form-box p .ck i{
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
	left: 3px;
	top: 5px;
	/* border-radius: 5px; */
}
.nhst-form .form-box p .cked i{
	position: absolute;
	display: block;
	width: 15px;
	height: 8px;
	border-left: 3px solid #0088cc;
	top: 5px;
	border-bottom: 3px solid #0088cc;
	transform: rotate(-51deg);
}
.nhst-form .form-box p span{
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	margin-left: 10px;
	color: #fff;
}
.nhst-form .form-box p span .show-rule{
	color: #fff;
	text-decoration: underline;
}
.nhst-form .form-box p .sub{display: block;width: 100%;height: 90px;margin-top: 35px;text-indent: -9999em;}

.nhst-rule-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	opacity: 0.5;
	display: none;
}
.nhst-rule-wrap{
	position: fixed;
	width: 100%;
	height: calc(100% - 250px);
	background: #fff;
	/*top: 250px;*/
	top: 2250px;
	border-radius: 50px 50px 0 0;
}
.nhst-rule-wrap h3{
	margin-top: 40px;
}
.nhst-rule-wrap h3 img{
	display: block;
	margin: 0 auto;
	width: 500px;
}
.nhst-rule-wrap .rule-content{
	-webkit-text-size-adjust: none;
	padding: 30px;
	font-size: 24px;
	height: calc(100% - 363px);
	overflow-y: scroll;
	margin-top: 30px;
	-webkit-overflow-scrolling: touch;
}
.nhst-rule-wrap .rule-content p{
	margin-top: 30px;
	color: #2989FF;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
.nhst-rule-wrap .rule-content span{
	color: #76B6FF;
	line-height: 40px;
	display: block;
}
.nhst-rule-wrap .rule-content b{
	font-weight: bolder;
	color: #2989ff;
}
.nhst-rule-wrap .close-rule{
	display: block;
	background: url(../images/rule_btn.jpg) no-repeat center;
	height: 80px;
	background-size: 450px;
	margin-top: 40px;
	text-indent: -9999em;
}
.remark-info{
	position: fixed;
	background: #fff;
	width: 350px;
	color: #333;
	padding: 30px;
	font-size: 26px;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	top: 400px;
	left: 120px;
	display: none;
}
.popup-success-wrap{
	position: fixed;
	background: #fff;
	width: 350px;
	color: #333;
	padding: 50px 30px 0;
	font-size: 26px;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	top: 400px;
	left: 120px;
	height: 240px;
	font-weight: bold;
	color: #2863ff;
	display: none;
}
.btm-box{
	position: absolute;
	bottom: 0;
	width: 640px;
	height: 550px;
}
.btm-box img{
	display: block;
	width: 390px;
	margin: 80px auto 60px;
}
.btm-box span{
	text-align: center;
	display: block;
	font-size: 22px;
	color: #62a3ef;
}
.btm-box span a{
	color: #62a3ef;
}
.popup-success-wrap a{display: block;background: #2863ff;color: #fff;border-radius: 10px;width: 160px;height: 60px;line-height: 60px;margin: 20px auto;}

.nh-sim-rank-wrap{
	width: 980px;
	/* background: #406eda; */
	padding-bottom: 100px;
	margin: 0 auto;
}

.rank-main{
	position: relative;
}

.nh-sim-rank-wrap .top-title{
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 26px;
	color: #fff;
	position: relative;
}
.nh-sim-rank-wrap .top-title .cur-season{
	color: #fff;
	display: block;
	background: url(../images/season_sel_arrow.png) no-repeat 450px;
	background-size: 20px;
}
.nh-sim-rank-wrap .top-title ul{
	background: #66a2e8;
	position: absolute;
	border-bottom: 1px solid #ccc;
	width: 640px;
	z-index: 99;
	border-top: 1px solid #ccc;
	top: 70px;
	left: 0;
	display: none;
}
.nh-sim-rank-wrap .top-title ul li{
	border-bottom: 1px solid #ccc;
}
.nh-sim-rank-wrap .top-title ul li a{
	color: #fff;
}
.nh-sim-rank-wrap .rank-tab{
	width: 600px;
	background: #4C9FFF;
	height: 60px;
	margin: 10px auto;
	border-radius: 100px;
}
.nh-sim-rank-wrap .rank-tab a{
	display: block;
	float: left;
	/* background: #000; */
	border-radius: 100px;
	width: 190px;
	margin: 5px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}
.nh-sim-rank-wrap .rank-tab .sel{
	color: #0162D7;
	background: #fff;
	font-size: 24px;
}

.nh-sim-rank-wrap .fake-bg{
	background: url(../images/rank_fake_bg.jpg) no-repeat center;
	background-size: 640px;
	height: 265px;
	margin: 5px auto;
}

.nh-sim-rank-wrap .list-title{
	width: 600px;
	background: #fff;
	margin: 0 auto;
	border-radius: 15px 15px 0 0;
	margin-bottom: -1px;
	/* height: 60px; */
	line-height: 60px;
	/* border-top: 6px solid #77B5FE; */
	display: block;
}
.nh-sim-rank-wrap .list-title li{
	width: 560px;
	margin: 0 auto;
	padding-left: 30px;
}
.nh-sim-rank-wrap .list-title li span{
	font-size: 22px;
	color: #999;
	display: inline-block;
}
.nh-sim-rank-wrap .list-title li span:nth-child(1){
	width: 200px;
	text-indent: 26px;
}
.nh-sim-rank-wrap .list-title li span:nth-child(2){
	width: 160px;
}
.nh-sim-rank-wrap .list-title li span:nth-child(3){
	width: 160px;
}
.nh-sim-rank-wrap .list-title li span:nth-child(4){
	display: none;
}

.nh-sim-rank-wrap .rank-list{
	background: #fff;
	/* width: 600px; */
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
	/* height: 1050px; */
}
.nh-sim-rank-wrap .add-sc{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 1750px;
}
.nh-sim-rank-wrap .rank-main .rank-list{/* height: 740px; */margin-top: -4px;}
.nh-sim-rank-wrap .rank-list li{
	width: 560px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	line-height: 100px;
	padding-left: 40px;
}
.nh-sim-rank-wrap .rank-list li span{
	display: inline-block;
	font-size: 24px;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(1){
	font-weight: bold;
	color: #ccc;
	width: 135px;
	font-style: italic;
	margin-left: 20px;
	text-indent: 15px;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(2){
	color: #333;
	width: 230px;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(3){
	width: 171px;
	color: #ff0000;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(4){
	text-align: center;
	width: 70px;
	display: none;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(4) i{
	display: inline-block;
	width: 20px;
	height: 25px;
	vertical-align: middle;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(4) .acc{
	background: url(../images/acc.jpg) no-repeat center top;
	background-size: 14px;
}
.nh-sim-rank-wrap .rank-list li span:nth-child(4) .dec{
	background: url(../images/dec.jpg) no-repeat center top;
	background-size: 14px;
}
.fake-bg li{display: none;}
.fake-bg li:nth-child(1){
	position: absolute;
	width: 200px;
	height: 100px;
	top: 205px;
	text-align: center;
	left: 220px;
	line-height: 30px !important;
	border: none;
	display: block;
}
.fake-bg li:nth-child(2){
	position: absolute;
	width: 200px;
	height: 100px;
	top: 205px;
	text-align: center;
	left: 30px;
	line-height: 30px !important;
	border: none;
	display: block;
}
.fake-bg li:nth-child(3){
	position: absolute;
	width: 200px;
	height: 100px;
	top: 205px;
	text-align: center;
	right: 30px;
	line-height: 30px !important;
	border: none;
	display: block;
}
.fake-bg li span:nth-child(1){
	display: none;
}
.fake-bg li span:nth-child(2){
	display: block;
	text-align: center;
	font-size: 24px;
}
.fake-bg li span:nth-child(3){
	display: block;
	text-align: center;
	font-size: 22px;
	color: #ff0000;
}
.fake-bg li span:nth-child(4){
	display: none;
}
.rank-main .rank-list li:nth-child(1) span:nth-child(1){
	background: url(../images/rank_s3_medal1.jpg) no-repeat;
	text-indent: -9999em;
	background-size: 50px;
	background-position: 0;
}
.rank-main .rank-list li:nth-child(2) span:nth-child(1){
	background: url(../images/rank_s3_medal2.jpg) no-repeat;
	text-indent: -9999em;
	background-size: 50px;
	background-position: 0;
}
.rank-main .rank-list li:nth-child(3) span:nth-child(1){
	background: url(../images/rank_s3_medal3.jpg) no-repeat;
	text-indent: -9999em;
	background-size: 50px;
	background-position: 0;
}
.rank-main .rank-list li:nth-child(1){
	/* display: none; */
}
.rank-main .rank-list li:nth-child(2){
	/* display: none; */
}
.rank-main .rank-list li:nth-child(3){
	/* display: none; */
}
.rank-main .rank-list li:nth-child(1) span:nth-child(1), .rank-main .rank-list li:nth-child(2) span:nth-child(1), .rank-main .rank-list li:nth-child(3) span:nth-child(1){
	/* display: none; */
}
.rank-main .rank-list li:nth-child(1) span:nth-child(2), .rank-main .rank-list li:nth-child(2) span:nth-child(2), .rank-main .rank-list li:nth-child(3) span:nth-child(2){
	/* width: 200px; */
}
.rank-main .rank-list li:nth-child(1) span:nth-child(3), .rank-main .rank-list li:nth-child(2) span:nth-child(3), .rank-main .rank-list li:nth-child(3) span:nth-child(3){
	/* width: 200px; */
}
.rank-main .rank-list li:nth-child(1) span:nth-child(4), .rank-main .rank-list li:nth-child(2) span:nth-child(4), .rank-main .rank-list li:nth-child(3) span:nth-child(4){
	display: none;
}
.time-list{
	color: #fff;
	text-align: left;
	width: 600px;
	margin: 20px auto;
	height: 20px;
	font-size: 18px;
	opacity: 0.6;
}
.time-list-center{
	color: #fff;
	text-align: center;
	width: 600px;
	margin: 20px auto;
	height: 20px;
	font-size: 18px;
	opacity: 0.6;
}
.history-title{
	background: url(../images/rank_history_title.jpg) no-repeat center;
	background-size: 640px;
	height: 150px;
}
.sub-tab{
	width: 600px;
	margin: 0 auto;
}
.sub-tab a{
	display: inline-block;
	font-size: 22px;
	height: 50px;
	color: #fff;
	margin-right: 50px;
}
.sub-tab a em{}
.sub-tab .sel{
	font-size: 28px;
	color: #fff;
}
.sub-tab .sel em{
	display: block;
	width: 35px;
	height: 10px;
	background: #fff;
	border-radius: 100px;
	margin: 10px auto;
}

.nh-sim-rule-wrap{width: 640px;margin: 0 auto;padding-bottom: 50px;background: #7ca7f5;}
.nh-sim-rule-wrap .nh-sim-rule-bg1{background: url(../images/rule_bg1.jpg) no-repeat center top;height: 1300px;background-size: 640px;position: relative;}
.nh-sim-rule-wrap .nh-sim-rule-bg1 a{
	display: block;
	position: absolute;
}
.nh-sim-rule-wrap .nh-sim-rule-bg1 a:nth-child(1){
	width: 130px;
	height: 75px;
	top: 320px;
}
.nh-sim-rule-wrap .nh-sim-rule-bg1 a:nth-child(2){
	width: 205px;
	height: 230px;
	top: 430px;
	left: 100px;
}
.nh-sim-rule-wrap .nh-sim-rule-bg1 a:nth-child(3){
	width: 205px;
	height: 230px;
	top: 430px;
	right: 100px;
}
.nh-sim-rule-wrap .nh-sim-rule-bg1 a:nth-child(4){background: url(../images/rule_button.png) no-repeat center;width: 230px;height: 80px;right: 20px;bottom: 20px;background-size: 230px;position: fixed;}
.nh-sim-rule-wrap .nh-sim-rule-bg2{background: url(../images/rule_bg2.jpg) no-repeat center top;height: 2015px;background-size: 640px;}


.rank-all-wrap .time-list{text-indent: -9999em;}
.show-all-main-table{
	width: 600px;
	background: #fff;
	margin: 0 auto;
	margin-top: -15px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	font-size: 22px;
	display: none !important;
}
.show-all-main-table .show-all-rank{}
.show-all-main-table .hide-all-rank{
	display: none;
}

.show-all-main-table .show-all-rank-2{}
.show-all-main-table .hide-all-rank-2{
	display: none;
}
.no-limit{
	height: auto !important;
}
.chart-popup-wrap{
	position: fixed;
	width: 600px;
	height: 620px;
	background: #fff;
	z-index: 9999;
	top: 200px;
	left: 20px;
	border-radius: 15px;
	display: none;
}
.chart-popup-wrap .chart-popup-box{}
.chart-popup-wrap .chart-popup-box h3{
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 26px;
}
.popup-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9999;
	top: 0px;
	left: 0px;
	opacity: 0.7;
	display: none;
}
.chart-popup-wrap .chart-popup-box .close{
	display: block;
	text-align: center;
	width: 160px;
	height: 60px;
	line-height: 60px;
	margin: 30px auto;
	background: #3f51b5;
	border-radius: 10px;
	font-size: 24px;
	color: #fff;
}
.chart-popup-wrap .chart-popup-box #line-chart{}



.nh-sim-rank-wrap .rank-list-history{
	background: #fff;
	width: 600px;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 0 0 15px 15px;
	overflow-y: scroll;
	height: 1050px;
}
.nh-sim-rank-wrap .rank-list-history .add-sc{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 1750px;
}

.nh-sim-rank-wrap .rank-list-history li{
	width: 560px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	line-height: 100px;
}
.nh-sim-rank-wrap .rank-list-history li span{
	display: inline-block;
	font-size: 24px;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(1){
	font-weight: bold;
	color: #ccc;
	width: 90px;
	font-style: italic;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(2){
	color: #333;
	width: 220px;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(3){
	width: 130px;
	color: #ff0000;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(4){
	text-align: center;
	width: 115px;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(4) i{
	display: inline-block;
	width: 20px;
	height: 25px;
	vertical-align: middle;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(4) .acc{
	background: url(../images/acc.jpg) no-repeat center top;
	background-size: 14px;
}
.nh-sim-rank-wrap .rank-list-history li span:nth-child(4) .dec{
	background: url(../images/dec.jpg) no-repeat center top;
	background-size: 14px;
}
.nh-sim-rank-result{
	width: 640px;
	margin: 0 auto;
	/* background: url(../images/rank_result_bg.jpg) no-repeat; */
	background-size: 640px;
	padding-top: 1px;
	padding-bottom: 100px;
}
.nh-sim-rank-result .rank-result-tab-box{position: relative;margin-top: 350px;height: 60px;width: 600px;margin-left: 20px;}
.nh-sim-rank-result .rank-result-tab-box .rank-tab-cover{
	position: absolute;
	background: #fff;
	width: 600px;
	height: 60px;
	border-radius: 100px;
	opacity: 0.3;
}
.nh-sim-rank-result .rank-result-tab-box a{display: block;width: 290px;float: left;margin-left: 7px;border-radius: 100px;color: #fff;height: 50px;margin-top: 5px;text-align: center;line-height: 50px;font-size: 22px;position: absolute;}
.nh-sim-rank-result .rank-result-tab-box .sel{
	background: #fff;
	color: #2889FE;
	height: 50px;
	font-weight: bold;
}
.rank-result-week-wrap{}
.rank-result-week-wrap .rank-week-title{
	background: url(../images/rank_result_title_week.jpg) no-repeat;
	width: 640px;
	height: 123px;
	background-size: 640px;
}
.rank-result-week-wrap .rank-week-tab{
	width: 588px;
	margin: 0 auto;
	background: #fff;
	height: 100px;
	line-height: 60px;
	text-align: center;
}
.rank-result-week-wrap .rank-week-tab a{
	display: inline-block;
	width: 130px;
	font-size: 24px;
	color: #9BA8B8;
	position: relative;
}
.rank-result-week-wrap .rank-week-tab .sel{
	color: #2889FE;
}
.rank-result-week-wrap .rank-week-tab .sel em{
	position: absolute;
	background: #2889FE;
	width: 30px;
	height: 8px;
	border-radius: 100px;
	left: 47px;
	top: 60px;
}
.rank-week-detail-box{
	width: 588px;
	background: #fff;
	margin: 0 auto;
	border-radius: 0 0 10px 10px;
	display: none;
	overflow: hidden;
}
.rank-week-detail-box table{
	width: 100%;
	border: none;
	background: #fff;
}
.rank-week-detail-box table tr{}
.rank-week-detail-box table td{
	border: none;
	line-height: 48px;
	font-size: 24px;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 20px;
}
.rank-week-detail-box table td:nth-child(1){
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-left: 50px;
	width: 84px;
	font-style: italic;
}
.rank-week-detail-box table td:nth-child(2){
	width: 180px;
}
.rank-week-detail-box table td:nth-child(3){
	color: #ff0000;
}
.rank-week-detail-box table td:nth-child(4){}
.rank-week-detail-box table td em{
	display: inline-block;
}
.rank-week-detail-box table td .rank-1{
	background: url(../images/rank_1_result_icon.jpg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px;
	vertical-align: middle;
}
.rank-week-detail-box table td .rank-2{
	background: url(../images/rank_2_result_icon.jpg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px;
	vertical-align: middle;
}
.rank-week-detail-box table td .rank-3{
	background: url(../images/rank_3_result_icon.jpg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px;
	vertical-align: middle;
}
.rank-result-month-wrap{
	width: 588px;
	margin: 10px auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #333;
	overflow: hidden;
}
.rank-result-month-wrap .rank-week-title{
	background: url(../images/rank_result_title_month.jpg) no-repeat;
	width: 640px;
	height: 123px;
	background-size: 640px;
}
.rank-result-month-wrap table{
	width: 100%;
	border: none;
	background: #fff;
	width: 587px;
	margin: 0 auto;
	border-radius: 0 0 10px 10px;
}
.rank-result-month-wrap table tr{}
.rank-result-month-wrap table td{
	border: none;
	line-height: 48px;
	font-size: 24px;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 20px;
}
.rank-result-month-wrap table td:nth-child(1){
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-left: 50px;
	width: 84px;
}
.rank-result-month-wrap table td:nth-child(2){
	width: 180px;
}
.rank-result-month-wrap table td:nth-child(3){
	color: #ff0000;
}
.rank-result-month-wrap table td:nth-child(4){}
.rank-result-month-wrap table td em{
	display: inline-block;
}
.rank-result-month-wrap table td .rank-1{
	background: url(../images/rank_1_result_icon.jpg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px;
	vertical-align: middle;
}
.rank-result-month-wrap table td .rank-2{
	background: url(../images/rank_2_result_icon.jpg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px;
	vertical-align: middle;
}
.rank-result-month-wrap table td .rank-3{
	background: url(../images/rank_1_result_icon.jpg) no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px;
	vertical-align: middle;
}
.font-rank{
	color: #FF7C00 !important;
}
.show-week-rank{}
.show-month-rank{
	right: 5px;
}
.remark-bottom{
	background: url(../images/bottom_result.jpg) no-repeat center;
	height: 50px;
	background-size: 380px;
	margin: 30px auto;
}
.view-more-result{
	background: url(../images/view_more_result.png) no-repeat center;
	height: 80px;
	background-size: 200px;
	background-color: #fff;
	width: 587px;
	margin: 0 auto;
	border-radius: 0 0 10px 10px;
	border-top: 1px solid #ddd;
	margin-top: -10px;
}
.rank-result-month-wrap table .hide{
	display: none;
}
.show{display: block !important;}


.nh-sim-rank-result .top-title{
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 26px;
	color: #fff;
	position: relative;
}
.nh-sim-rank-result .top-title .cur-season{
	color: #fff;
	display: block;
	background: url(../images/season_sel_arrow.png) no-repeat 450px;
	background-size: 20px;
}
.nh-sim-rank-result .top-title ul{
	background: #66a2e8;
	position: absolute;
	border-bottom: 1px solid #ccc;
	width: 640px;
	z-index: 99;
	border-top: 1px solid #ccc;
	top: 70px;
	left: 0;
	display: none;
}
.nh-sim-rank-result .top-title ul li{
	border-bottom: 1px solid #ccc;
}
.nh-sim-rank-result .top-title ul li a{
	color: #fff;
}
.nh-sim-share-wrap{
	width: 640px;
	margin: 0 auto;
	background: url(../images/share_bg_s3.jpg) no-repeat;
	height: 2665px;
	background-size: 640px;
	position: relative;
}
.nh-sim-share-wrap a{
	display: block;
	position: absolute;
	width: 150px;
	height: 60px;
}
.nh-sim-share-wrap a:nth-child(1){
	left: 0;
	top: 330px;
}
.nh-sim-share-wrap a:nth-child(2){
	left: 0;
	top: 403px;
}
.nh-sim-share-wrap .share-qr-box{
	position: absolute;
	display: block;
	width: 200px;
	height: 200px;
	top: 340px;
	left: 220px;
}
.nh-sim-share-wrap .share-qr-box img{
	display: block;
	width: 170px;
	height: 170px;
	background: #fff;
	margin: 18px auto;
}
.share-remark-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
}
.share-remark{
	background: url(../images/rui_share_guide_wx.png) no-repeat;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.keep-rank-wrap{
	background: url(../images/keep_rank_bg.jpg) no-repeat;
	background-size: 640px;
	height: 1450px;
	padding-top: 1px;
}
.keep-rank-wrap .keep-rank-title{
	margin-top: 400px;
	background: #fff;
	width: 586px;
	margin: 0 auto;
	margin-top: 352px;
	font-size: 26px;
}
.keep-rank-wrap .keep-rank-title span{
	display: inline-block;
	color: #999;
	height: 70px;
	line-height: 70px;
}
.keep-rank-wrap .keep-rank-title span:nth-child(1){
	margin-left: 30px;
	width: 350px;
}
.keep-rank-wrap .keep-rank-title span:nth-child(2){}
.keep-rank-wrap .keep-rank-list{
	width: 586px;
	margin: 0 auto;
	font-size: 26px;
	border-radius: 0 0 10px 10px;
	margin-top: 349px;
}
.keep-rank-wrap .keep-rank-list li{
	height: 107px;
	line-height: 107px;
	width: 560px;
	margin: 0 auto;
}
.keep-rank-wrap .keep-rank-list li span{
	display: inline-block;
	font-size: 28px;
}
.keep-rank-wrap .keep-rank-list li span:nth-child(1){
	font-weight: bolder;
	margin-left: 80px;
	width: 300px;
}
.keep-rank-wrap .keep-rank-list li span:nth-child(2){
	color: #ff0000;
	width: 140px;
	text-align: right;
}
.keep-rank-wrap .keep-rank-list li span:nth-child(3){
	color: #ff0000;
}
.nhst-form .btm-box{
	bottom: 89px;
}
.nhst-form .btm-box img{
	margin: 80px 117px 0;
}
.view-rank{

}
.border-box{
    box-shadow: 10px 10px #0d55c1;
    width: 600px;
    margin: 30px auto;
    border-radius: 10px;
}
.rank-list p{
    text-align: center;
    line-height: 200px;
    /* border: 1px solid #eee; */
    font-size: 20px;
    color: #999;
}

.tab-box{
    margin: 0 auto;
    width: 900px;
    height: 40px;
    margin: 20px auto;
}
.tab-box div{
    width: 600px;
    margin: 0 auto;
    height: 50px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.tab-box a{
    width: 300px;
    display: block;
    float: left;
    text-align: center;
    line-height: 50px;
    height: 50px;
    font-size: 20px;
}
.tab-box a.sel{
    background: #1e75f7;
    color: #fff;
    font-weight: bold;
}

.page-wrap{
	width: 100%;
	background: #cfe6fa;
}
.page-wrap .page-box{
	width: 980px;
	margin: 0 auto;
	background: url(../images/nhstTJ_intro_2024.jpg) no-repeat center -660px;
	background-size: 980px;
	height: 2230px;
	position: relative;
}
.top{

}
.top p{
	text-align: center;
	color: #377BDD;
	font-size: 14px;
	line-height: 2.2em;
}
.page-wrap .page-box .box{
	width: 700px;
	margin: 0 auto;
	position: absolute;
	padding: 0 140px;
}
.page-wrap .page-box div:nth-child(1){
    top: 80px;
}
.page-wrap .page-box div:nth-child(2){
	top: 240px;
}
.page-wrap .page-box div:nth-child(3){
	top: 720px;
}
.page-wrap .page-box div:nth-child(4){
	top: 1005px;
}
.page-wrap .page-box div:nth-child(5){
	top: 1290px;
}
.page-wrap .page-box div:nth-child(6){
	top: 1645px;
}
.page-wrap .page-box div:nth-child(7){
	top: 1962px;
}
.page-wrap .page-box div:nth-child(8){
	top: 2620px;
}
.page-wrap .page-box .box p{
	font-size: 14px;
	line-height: 2em;
	color: #333;
}
.page-wrap .page-box .box p b{
	color: #FD6300;
	font-weight: normal;
}
.page-wrap .page-box .box p em{}
.page-wrap .page-box .box p a{
	color: #333;
}
.page-wrap .page-box .box p img{
	display: block;
	width: 160px;
	margin: 10px auto;
}
.page-wrap .page-box .box p span{}
.page-wrap .page-box .box p span{
	color: #FD6300;
	font-size: 16px;
	padding: 5px 0 5px 0;
	display: block;
}
.bottom{

	text-align: center;
	display: block;
	width: 100%;
	bottom: 20px;
	color: #5884d2;
	font-size: 12px;
}
.tab-box2{display:none;}