/*
* 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;
	text-size-adjust:none;
}

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%;
	padding-bottom: 105px !important;
	background: #E0331A;
}


.page-cover {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/loadingnhst.png") no-repeat center;
	background-size: 80px;
	z-index: 999999999;
	opacity: 0.6;
	display: none;
	background-color: #000;
}
.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;
}

.hide{
	display: none !important;
}

.nhst-wrap{
	width: 640px;
	margin: 0 auto;
	background: url(../images/nhst2026bg.png) no-repeat;
	background-size: 640px;
	padding-bottom: 200px;
}
.nhst-wraps{
	width: 640px;
	margin: 0 auto;
	background: url(../images/nhst2025bg_s.png) no-repeat;
	background-size: 640px;
	padding-bottom: 200px;
}
.nhst-wrap .nhst-top-wrap{
	width: 640px;
	margin: 0 auto;
	height: 680px;
	position: relative;
}
.nhst-wrap .nhst-top-wrap .remark-top{position: absolute;right: 20px;top: 20px;color: #D8D8D8;opacity: 0.8;}
.nhst-wrap .nhst-top-wrap .sub-title{
	background: #FF4531;
	width: 540px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: 225px;
	left: 50px;
	border-radius: 100px;
	text-align: center;
	font-size: 26px;
	color: #fff;
}
.nhst-wrap .nhst-top-wrap .sub-title em{
	color: #FFEB9E;
}
.nhst-wrap .nhst-top-wrap .count-down{
	position: absolute;
	top: 222px;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 20px;
}
.nhst-wrap .nhst-top-wrap .count-down div{}
.nhst-wrap .nhst-top-wrap .count-down div span{
	display: inline-block;
	vertical-align: middle;
}
.nhst-wrap .nhst-top-wrap .count-down div b{
	color: #fff;
	font-family: monospace;
	background: url(../images/nhst2026icon14.png) no-repeat 0px;
	width: 43px;
	display: inline-block;
	background-size: 37px;
	text-align: left;
	letter-spacing: 8px;
	font-size: 19px;
	height: 27px;
	text-indent: 3px;
	line-height: 27px;
	vertical-align: middle;
}
.nhst-wrap .nhst-top-wrap .top-link1{
	display: block;
	position: absolute;
	background: #000;
	width: 120px;
	height: 40px;
	border-radius: 100px 0 0 100px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	right: 0;
	top: 340px;
	opacity: 0.6;
}
.nhst-wrap .nhst-top-wrap .top-link2{
	display: block;
	position: absolute;
	background: #000;
	width: 120px;
	height: 40px;
	border-radius: 100px 0 0 100px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	right: 0;
	top: 400px;
	opacity: 0.6;
}
.nhst-wrap .nhst-top-wrap .top-link3{
	display: block;
	position: absolute;
	background: #000;
	width: 120px;
	height: 40px;
	border-radius: 100px 0 0 100px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	right: 0;
	top: 460px;
	opacity: 0.6;
}

.bm-already-wrap{
	width: 600px;
	margin: 0 auto;
	background: #FFD1C9;
	border-radius: 20px;
}
.bm-already-wrap h6{
	height: 50px;
	line-height: 50px;
}
.bm-already-wrap h6 span{
	color: #A53635;
	font-size: 18px;
	margin-left: 30px;
	display: block;
	float: left;
}
.bm-already-wrap h6 a{
	display: block;
	float: right;
	margin-right: 30px;
	color: #A53635;
	font-size: 18px;
}
.bm-already-wrap div{
	background: #fff;
	border-radius: 20px;
	height: 380px;
	position: relative;
}
.bm-already-wrap div .bminfo1{
	display: block;
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 24px;
	color: #888;
	font-weight: bold;
}
.bm-already-wrap div .bminfo2{
	display: block;
	position: absolute;
	top: 65px;
	left: 30px;
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.bm-already-wrap div .bminfo3{
	display: none;
	position: absolute;
	top: 25px;
	right: 115px;
	font-size: 20px;
	color: #666;
}
.bm-already-wrap div .bminfo4{
	background: #dde8f5;
	background-size: 66px;
	position: absolute;
	top: 20px;
	right: 0px;
	font-size: 20px;
	color: #333;
	display: block;
	width: 160px;
	height: 35px;
	padding-left: 20px;
	border-radius: 100px 0 0 100px;
	line-height: 35px;
}
.bm-already-wrap div .bminfo5{
	display: block;
	position: absolute;
	top: 70px;
	right: 40px;
	font-size: 28px;
	color: #666;
	text-align: right;
	color: #333;
	font-weight: bold;
}
.bm-already-wrap div .bminfo5 em{
	color: #E52F00;
}
.bm-already-wrap div .bminfo5 i{}
.bm-already-wrap div .bminfo6{
	display: block;
	position: absolute;
	top: 135px;
	left: 30px;
	font-size: 20px;
	color: #888;
	font-weight: bold;
}
.bm-already-wrap div .bminfo7{
	display: block;
	position: absolute;
	top: 175px;
	left: 30px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.bm-already-wrap div .bminfo8{
	display: block;
	position: absolute;
	top: 135px;
	left: 191px;
	font-size: 20px;
	color: #888;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	font-weight: bold;
}
.bm-already-wrap div .bminfo9{
	display: block;
	position: absolute;
	top: 175px;
	left: 225px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.bm-already-wrap div .bminfo10{
	display: block;
	position: absolute;
	top: 135px;
	left: 400px;
	font-size: 20px;
	color: #888;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	font-weight: bold;
}
.bm-already-wrap div .bminfo11{
	display: block;
	position: absolute;
	top: 175px;
	left: 435px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.bm-already-wrap div .bminfo12{
	display: block;
	position: absolute;
	top: 220px;
	right: 40px;
	font-size: 18px;
	color: #888;
	text-align: right;
}
.bm-already-wrap div .bminfo12 i{}
.bm-already-wrap div .goto-trade{
	display: block;
	position: absolute;
	background: #0066FD;
	color: #fff;
	width: 500px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 26px;
	border-radius: 100px;
	top: 270px;
	left: 50px;
}
.prize-intro-box{
	width: 600px;
	margin: 20px auto;
	background: url(../images/nhst2025subbg.png) no-repeat;
	background-size: 600px;
	border-radius: 20px;
	padding-bottom: 10px;
	padding-top: 1px;
	background-color: #fff9eb;
}
.prize-intro-box h3{
	text-align: center;
	color: #A9451D;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	height: 60px;
	margin-top: 20px;
}
.prize-intro-box img{
    width: 100%;
}
.prize-intro-box h4{
	text-align: center;
	color: #A9451D;
	font-size: 22px;
}
.prize-intro-box .prize-intro-rank-123{
	position: relative;
	width: 100%;
	height: 275px;
}
.prize-intro-box .prize-intro-rank-123 .p1{
	display: block;
	position: absolute;
	width: 194px;
	left: 203px;
	top: 20px;
}
.prize-intro-box .prize-intro-rank-123 .p2{
	display: block;
	position: absolute;
	width: 170px;
	left: 20px;
	top: 28px;
}
.prize-intro-box .prize-intro-rank-123 .p3{
	display: block;
	position: absolute;
	width: 170px;
	right: 20px;
	top: 28px;
}
.prize-intro-box .prize-intro-rank{
	padding: 0 20px;
}
.prize-intro-box .prize-intro-rank p{
	background: url(../images/nhst2025icon4.png) no-repeat;
	background-size: 100%;
	height: 60px;
	margin: 10px 0;
	line-height: 60px;
}
.prize-intro-box .prize-intro-rank p span{
	display: inline-block;
	color: #A9451D;
	font-size: 22px;
	margin-left: 30px;
	width: 175px;
}
.prize-intro-box .prize-intro-rank p em{
	font-size: 22px;
	color: #C80000;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.prize-intro-box .prize-intro-rank p i{}
.prize-intro-box .prize-intro-rank p i{
	font-size: 22px;
	color: #A9451D;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}
.prize-intro-box .prize-remark{
	padding: 10px 20px;
	color: #AE5239;
	font-size: 18px;
}
.prize-intro-box .goto-shop{
	display: block;
	background: url(../images/nhst2025icon5.png) no-repeat;
	width: 220px;
	height: 60px;
	background-size: 220px;
	margin: 20px auto;
	line-height: 60px;
	text-align: center;
	color: #852F10;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	text-indent: -10px;
}
.prize-intro-box .goto-shop em{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 3px solid #863010;
    border-left: 3px solid #863010;
    top: 23px;
    right: 20px;
    transform: rotate(135deg);
}
.rank-wrap{
	width: 600px;
	margin: 20px auto;
	background: url(../images/nhst2025subbg2.png) no-repeat;
	background-size: 600px;
	border-radius: 20px;
	padding-top: 1px;
	position: relative;
	background-color: #fff8e7;
}
.rank-wrap h3{
	text-align: center;
	color: #A9451D;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	position: relative;
	z-index: 999;
}
.rank-wrap h5{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fcdcaf;
	margin-top: -10px;
}
.rank-wrap .view-rank-list{
	position: absolute;
	display: block;
	right: 20px;
	top: 30px;
	color: #A9451D;
	font-size: 18px;
	z-index: 999;
}
.rank-wrap .rank-item-box{
	background: #fff;
	border-radius: 10px;
	width: 580px;
	margin: 0 10px;
	position: relative;
	padding-top: 1px;
}
.rank-wrap .rank-item-box .rank-tab{
	display: block;
	position: absolute;
	width: 250px;
	left: 0;
	top: 0;
	height: 70px;
	line-height: 70px;
}
.rank-wrap .rank-item-box .rank-tab a{
	display: inline-block;
	text-align: center;
	width: 120px;
	font-size: 24px;
	color: #888;
}
.rank-wrap .rank-item-box .rank-tab a.sel{
	font-size: 26px;
	color: #333;
}
.rank-wrap .rank-item-box .rank-tab a.sel em{
	display: block;
	width: 22px;
	height: 5px;
	margin: 0 auto;
	background: #F4312C;
	border-radius: 100px;
	margin-top: -10px;
}
.rank-wrap .rank-item-box .rank-tab a em{}
.rank-wrap .rank-item-box .data-sel-box{
	position: absolute;
	right: 20px;
	top: 18px;
	background: #F9F9F9;
	line-height: 40px;
	padding:  0 20px;
	font-size: 18px;
	color: #888;
	border-radius: 100px;
	background: url(../images/nhsts5_enter_btn2.jpg) no-repeat 243px;
	background-color: #F9F9F9;
	background-size: 17px;
	padding-right: 30px;
}
.rank-wrap .rank-item-box .data-sel-box .sel-date{
	color: #888;
}
.rank-wrap .rank-item-box .rank-list-title{
	display: block;
	margin-top: 70px;
	background: #F9F9F9;
	color: #888;
	font-size: 18px;
}
.rank-wrap .rank-item-box .rank-list-title div{
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.rank-wrap .rank-item-box .rank-list-title div span{
	display: block;
	float: left;
}
.rank-wrap .rank-item-box .rank-list-title div span:nth-child(1){
	width: 100px;
}
.rank-wrap .rank-item-box .rank-list-title div span:nth-child(2){
	width: 190px;
}
.rank-wrap .rank-item-box .rank-list-title div span:nth-child(3){
	width: 170px;
}
.rank-wrap .rank-item-box .rank-list-title div span:nth-child(4){
	width: 115px;
}
.rank-wrap .rank-item-box .rank-list{}
.rank-wrap .rank-item-box .rank-list ul{
	/* height: 250px; */
}
.rank-wrap .rank-item-box .rank-list ul li:last-child{
	border: none;
}
.rank-wrap .rank-item-box .rank-list ul li{
	line-height: 1em;
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	font-size: 22px;
}
.rank-wrap .rank-item-box .rank-list ul li span{
	display: block;
	float: left;
}
.rank-wrap .rank-item-box .rank-list ul li span:nth-child(1){
	width: 100px;
	font-weight: bold;
	color: #ccc;
}
.rank-wrap .rank-item-box .rank-list ul li span:nth-child(2){
	width: 190px;
	color: #333;
}
.rank-wrap .rank-item-box .rank-list ul li span:nth-child(3){
	width: 170px;
}
.rank-wrap .rank-item-box .rank-list ul li span:nth-child(4){
	width: 115px;
	position: relative;
}
.rank-wrap .rank-item-box .rank-list ul li .rank1{
	background: url(../images/rank_s3_medal1.jpg) no-repeat;
	text-indent: -9999em;
	background-size: 50px;
	background-position: 25px;
	height: 40px;
	margin-bottom: -10px;
	margin-top: -10px;
	display: block;
}
.rank-wrap .rank-item-box .rank-list ul li .rank2{
	background: url(../images/rank_s3_medal2.jpg) no-repeat;
	text-indent: -9999em;
	background-size: 50px;
	background-position: 25px;
	height: 40px;
	margin-bottom: -10px;
	margin-top: -10px;
	display: block;
}
.rank-wrap .rank-item-box .rank-list ul li .rank3{
	background: url(../images/rank_s3_medal3.jpg) no-repeat;
	text-indent: -9999em;
	background-size: 50px;
	background-position: 25px;
	height: 40px;
	margin-bottom: -10px;
	margin-top: -10px;
	display: block;
}
.rank-wrap .rank-item-box .rank-list ul li:nth-child(1) span:nth-child(2){
	/* margin-top: -5px; */
}
.rank-wrap .rank-item-box .rank-list ul li:nth-child(1) span:nth-child(2) a{
	display: block;
	position: absolute;
	width: 190px;
	margin-top: 5px;
}
.rank-wrap .rank-item-box .rank-list ul li span:nth-child(4) a{
	display: inline-block;
	background: #FFECD8;
	width: 100px;
	margin: 0 auto;
	padding: 10px 0;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: -10px;
	border-radius: 100px;
	color: #A9451D;
	font-size: 18px;
}
.rank-wrap .rank-item-box .rank-list ul li:nth-child(1) span:nth-child(4) a{
	display: inline-block;
	background: #FFE2E2;
	width: 100px;
	margin: 0 auto;
	padding: 10px 0;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: -10px;
	border-radius: 100px;
	color: #FD2E28;
	font-size: 18px;
}
.rank-wrap .rank-item-box .rank-list .view-more-rank{
	text-align: center;
	display: block;
	height: 80px;
	line-height: 80px;
	color: #888;
	font-size: 24px;
}
.rank-wrap .last-update{
	text-align: center;
	font-weight: normal;
	color: #e59b6d;
	display: block;
	line-height: 50px;
}
.rank-wrap .last-update i{}


.xs-wrap{
	background: #fff;
	width: 600px;
	margin: 20px auto;
	border-radius: 20px;
	padding-top: 1px;
	padding-bottom: 10px;
}
.xs-wrap h3 span{
	display: inline-block;
	color: #A9451D;
	font-weight: bold;
	font-size: 30px;
	vertical-align: middle;
	margin: 0 10px;
}
.xs-wrap h3{
	text-align: center;
	height: 80px;
	line-height: 80px;
}
.xs-wrap h3 em{
	background: url("../images/nhst2025icon6.png") no-repeat center;
	display: inline-block;
	width: 70px;
	height: 80px;
	background-size: 70px;
	vertical-align: middle;
}
.xs-wrap .xs-link{
	display: block;
	margin: 20px 30px;
	font-size: 24px;
	color: #333;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}
.xs-wrap .xs-link em{
	background: #e03d1a;
	color: #fff;
	border-radius: 100px;
	width: 30px;
	vertical-align: 2px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}
.xs-wrap .xs-link i{
	width: 11px;
	height: 11px;
	display: inline-block;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	transform: rotate(45deg);
	margin-left: 5px;
	vertical-align: 2px;
}

.zq-wrap{
	background: #fff;
	width: 600px;
	margin: 20px auto;
	border-radius: 20px;
	padding-top: 1px;
	padding-bottom: 10px;
	position: relative;
	height: 400px;
}
.zq-wrap h3{
	text-align: center;
	height: 80px;
	line-height: 80px;
}
.zq-wrap h3 em{
	background: url("../images/nhst2025icon6.png") no-repeat center;
	display: inline-block;
	width: 70px;
	height: 80px;
	background-size: 70px;
	vertical-align: middle;
}
.zq-wrap h3 span{
	display: inline-block;
	color: #A9451D;
	font-weight: bold;
	font-size: 30px;
	vertical-align: middle;
	margin: 0 10px;
}
.zq-wrap .zq-link1{
	position: absolute;
	left: 20px;
	top: 80px;
	display: block;
}
.zq-wrap .zq-link1 img{
	width: 275px;
}
.zq-wrap .zq-link2{
	display: block;
	position: absolute;
	right: 20px;
	top: 80px;
}
.zq-wrap .zq-link2 img{
	width: 275px;
}
.zq-wrap .zq-link3{
	display: block;
	position: absolute;
	right: 20px;
	top: 240px;
}
.zq-wrap .zq-link3 img{
	width: 275px;
}

.float-btm-wrap{
	position: fixed;
	background: #fff;
	bottom: 0;
	width: 100%;
	height: 150px;
	z-index: 9999;
}
.float-btm-wrap a{
	display: block;
	height: 150px;
	width: 33%;
	float: left;
	text-align: center;
}
.float-btm-wrap a span{
	display: block;
	text-align: center;
	font-size: 24px;
	color: #888;
}
.float-btm-wrap a.sel span{
	display: block;
	text-align: center;
	font-size: 24px;
	color: #333;
}
.float-btm-wrap a img{
	margin: 10px auto;
	display: block;
	width: 55px;
}

.get-prize-intro-box{
	width: 600px;
	margin: 20px auto;
	background: url(../images/nhst2025subbg2.png) no-repeat;
	background-size: 600px;
	border-radius: 20px;
	padding-top: 1px;
	position: relative;
	background-color: #fff8e7;
	padding-bottom: 20px;
}
.get-prize-intro-box h3{
	text-align: center;
	color: #A9451D;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	position: relative;
	z-index: 999;
}
.get-prize-intro-box h5{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fcdcaf;
	margin-top: -10px;
}
.get-prize-intro-box div{
	width: 560px;
	margin: 0 auto;
	background: url(../images/nhst2025icon13.png) no-repeat;
	background-color: #FFF;
	height: 220px;
	background-size: 560px;
	position: relative;
	margin-top: 20px;
}
.get-prize-intro-box div a{
	display: block;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to right, #FEE5A5, #FFF9EA);
	width: 560px;
	height: 70px;
	border-radius: 10px;
	line-height: 70px;
	text-indent: 30px;
	color: #A9451D;
	font-size: 22px;
	font-weight: bold;
}
.get-prize-intro-box div a span{
	background: #A9451D;
	color: #fff;
	border-radius: 100px;
	display: block;
	float: right;
	width: 150px;
	height: 45px;
	line-height: 45px;
	margin-top: 15px;
	margin-right: 15px;
}
.get-prize-intro-box div a em{}

.bm-btm-wrap{
	width: 640px;
}
.bm-btm-wrap .goto-bm{
	display: block;
	background: url(../images/nhst2025bmbtn.png) no-repeat center;
	width: 560px;
	background-size: 560px;
	height: 140px;
	margin: 0 auto;
	text-align: center;
	line-height: 110px;
	color: #fff;
	font-size: 30px;
}
.data-sel-list-box{}
.data-sel-list-box .data-sel-list{
	position: fixed;
	width: 100%;
	height: 400px;
	background: #fff;
	bottom: 0;
	left: 0;
	z-index: 999999;
}
.data-sel-list-box .data-sel-list h7{
	height: 60px;
	line-height: 60px;
}
.data-sel-list-box .data-sel-list h7 a{
	display: block;
	width: 100px;
	height: 60px;
	text-align: center;
	font-size: 24px;
}
.data-sel-list-box .data-sel-list ul{
	overflow-y: scroll;
	height: 340px;
}
.data-sel-list-box .data-sel-list ul li {
	line-height: 70px;
	height: 70px;
	color: #666;
	border-bottom: 1px solid #eee;
}
.data-sel-list-box .data-sel-list ul li a{
	display: block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #8888;
	font-size: 22px;
}
.data-sel-list-box .data-sel-list-fix ul li{
    display:none;
}
.data-sel-list-box .data-sel-list-fix ul li:nth-child(1){
    display:block !important;
 }
.data-sel-list-box .data-sel-list ul li a.sel{
	color: #333;
}
.popup-bg{
	z-index: 9999;
}


.nhst-canvas-wrap{
	background: url(../images/nhst_mycanvas_bg.png) no-repeat;
	background-size: 560px;
	margin: 100px auto;
	width: 560px;
	height: 725px;
}
.nhst-canvas-wrap .user-box{
	position: relative;
	width: 560px;
	height: 725px;
	background:none;
}
.nhst-canvas-wrap .user-box .ttt{
	display: block;
	position: absolute;
	border-radius: 1000px;
	width: 100px;
	left: 230px;
	top: 95px;
	height: 100px;
}
.nhst-canvas-wrap .user-box .rank-first{
	display: block;
	position: absolute;
	width: 50px;
	left: 255px;
	top: 60px;
}
.nhst-canvas-wrap .user-box .rank-second{
	display: block;
	position: absolute;
	width: 50px;
	left: 255px;
	top: 60px;
}
.nhst-canvas-wrap .user-box .rank-third{
	display: block;
	position: absolute;
	width: 50px;
	left: 255px;
	top: 60px;
}
.nhst-canvas-wrap .user-box .user-2{
	display: block;
	color: #FFF2D4;
	top: 215px;
	position: absolute;
	left: 100px;
	font-size: 24px;
	width: 200px;
	text-align: right;
	font-weight: normal;
}
.nhst-canvas-wrap .user-box .rank{
	display: block;
	position: absolute;
	width: 50px;
	color: #e70808;
	top: 216px;
	left: 405px;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
}
.nhst-canvas-wrap .user-box .zsy-2{
	display: block;
	position: absolute;
	font-size: 62px;
	color: #FFF2D4;
	font-weight: bold;
	text-shadow: 0 0 10px #666;
	top: 330px;
	width: 100%;
	text-align: center;
}
.nhst-canvas-wrap .user-box .remark{
	display: block;
	position: absolute;
	font-size: 30px;
	color: #FFF2D4;
	top: 439px;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
}

.nhst-canvas-bg{
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 99999;
	opacity: 0.7;
	display: none;
}
.nhst-canvas-cover{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
}
.nhst-canvas-cover .share-my-canvas{display: block;position: absolute;background: url(../images/share_mycanvas_icon.png) no-repeat;width: 70px;height: 70px;background-size: 70px;top: 130px;left: 480px;text-indent: -9999em;}
.nhst-canvas-cover .close-my-canvas{
	display: block;
	background: url(../images/51_popup_close.png) no-repeat;
	background-size: 60px;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 850px;
	left: 295px;
	text-indent: -9999em;
}

.view-canvas{
	display: block;
	position: absolute;
	right: 47px;
	top: 66px;
	height: 46px;
	line-height: 45px;
	width: 80px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	text-indent: -9999em;
	z-index: 999;
	background: url(../images/nhst_xy_icon.png) no-repeat 9px;
	background-size: 66px;
}

#save {
	position: fixed;
	z-index: 9999999;
	top: 100px;
	left: 40px;
	border-radius: 30px;
	overflow: hidden;
	width: 560px;
}

.share-wrap{
	display: none;
	position: fixed;
	width: 640px;
	/* height: 250px; */
	background: #f8f8f8;
	bottom: 0;
	left: 0;
	z-index: 9999999;
	border-radius: 20px 20px 0 0;
}
.share-wrap .share-box{
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.share-wrap .share-box a{
	display: block;
	width: 140px;
	float: left;
	background: #fff;
	height: 140px;
	border-radius: 20px;
	margin: 10px;
	position: relative;
}
.share-wrap .share-box a img{
	display: block;
	height: 65px;
	margin: 20px auto;
}
.share-wrap .share-box a span{
	display: block;
	font-size: 20px;
	color: #666;
	margin: 5px auto;
	text-align: center;
}
.share-wrap .close-share{
	width: 640px;
	height: 80px;
	display: block;
	text-align: center;
	line-height: 80px;
	font-size: 24px;
}
.share-wrap .close-share a{
	width: 640px;
	height: 80px;
}

.popup-enter{
	position: fixed;
	width: 500px;
	height: 280px;
	top: calc(50% - 300px);
	left: calc(50% - 250px);
	z-index: 9999999;
	border-radius: 20px;
	display: none;
	background: url(../images/nhst7_enter_bm_bg.png) no-repeat;
	background-size: 500px;
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 30px;
}
.popup-enter h3{
	font-size: 26px;
	text-align: center;
	line-height: 70px;
	color: #333;
}
.popup-enter input{
	display: block;
	margin: 0 auto;
	width: 380px;
	height: 70px;
	border: none;
	background: #F4F4F5;
	text-align: center;
	font-size: 22px;
	border-radius: 10px;
	color: #666;
	margin-bottom: 20px;
}
.popup-enter .bm-btn{
	display: block;
	width: 400px;
	height: 75px;
	line-height: 75px;
	margin: 30px auto 0;
	text-align: center;
	background: #F43037;
	background-size: 350px;
	color: #fff;
	font-size: 30px;
	border-radius: 100px;
}


.popup-enter .close-bm{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/popup_close.png) no-repeat;
	background-size: 55px;
	margin: 80px 220px 0;
	position: absolute;
}
.popup-enter .agreement{
	text-align: center;
	margin: 20px auto;
}
.popup-enter .agreement span{
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 100px;
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
}
.popup-enter .agreement em{
	text-indent: -9999em;
	display: block;
	width: 11px;
	height: 11px;
	background: #0066fd;
	border-radius: 100px;
	left: 2px;
	position: absolute;
	top: 2px;
}
.popup-enter .agreement b{
	color: #999;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
.popup-enter .agreement a{
	color: #0066FD;
}

.error-box {
	display: none;
	top: 400px;
	left: 20px;
	font-size: 24px;
	font-weight:
			bolder;
	box-shadow: 0 0 10px #ccc;
	z-index: 99999999;
	position: fixed;
	width: 600px;
	height: 75px;
	line-height: 75px;
	color: #333;
	background: #fff;
	opacity: 0.9;
	border-radius:10px;
}

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


.popup-khbox2{
	position: fixed;
	width: 500px;
	height: 400px;
	background: #fff;
	z-index: 9999999;
	left: 70px;
	top: calc(50% - 200px);
	border-radius: 10px;
	padding: 1px 0;
	display: none;
	text-align: center;
	padding-bottom: 20px;
}
.popup-khbox2 h3{
	letter-spacing: 0px;
	text-align: center;
	line-height: 100px;
	font-size: 30px;
	font-weight: bold;
	color: #6e493c;
}
.popup-khbox2 p{
	font-size: 24px;
	text-align: left;
	/* height:100px; */
	line-height: 34px;
	color: #6e493c;
	padding: 0 30px;
}
.popup-khbox2 div{
	text-align:center;
}
.popup-khbox2 a.goto-kh{
	display: block;
	width: 200px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	color: #999;
	border-radius: 100px;
	margin: 0 auto;
}
.popup-khbox2 a.kh-close{
	display: block;
	margin: 0 auto;
	background: url(../images/nhstsw_bund.jpg) no-repeat;
	width: 420px;
	text-align: center;
	height: 78px;
	line-height: 78px;
	font-size: 28px;
	color: #fff;
	border-radius: 100px;
	margin: 40px auto 20px;
	background-size: 420px;
	font-weight: bold;
}
.popup-khbox2 a.close {
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/popup_close.png) no-repeat;
	background-size: 55px;
	bottom: -100px;
	position: absolute;
	left: 222px;
}

.nhst-popup-daily{
	background: url(../images/nhst_popup_page3.png) no-repeat center top;
	position: fixed;
	z-index: 99;
	width: 500px;
	background-size: 720px;
	height: 770px;
	left: 70px;
	top: calc(50% - 500px);
	padding-top: 1px;
	display:none;
	z-index: 999999;
}
.nhst-popup-daily .nhst-popup-box{
	height: 100%;
	width: 100%;
	position: relative;
	padding-top: 1px;
}
.nhst-popup-daily .nhst-popup-box ul{width: 360px;margin: 327px auto 0;}
.nhst-popup-daily .nhst-popup-box ul li{
	display: block;
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
}

.nhst-popup-daily .nhst-popup-box ul li b{
	color: #333;
	display: block;
	float: left;
	height: 60px;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
}
.nhst-popup-daily .nhst-popup-box ul li span{
	display: block;
	height: 60px;
	line-height: 60px;
	color: #333;
	float: right;
	font-weight: normal;
	font-size: 24px;
}
.nhst-popup-daily .nhst-popup-box .btn-dl{
	position: absolute;
	display: block;
	height: 90px;
	bottom: 64px;
	width: 420px;
	left: 40px;
	border-radius: 100px;
	text-indent: -9999em;
}
.nhst-popup-daily .nhst-popup-box em{
	position: absolute;
	display: block;
	height: 30px;
	bottom: 64px;
	width: 100%;
	text-align: center;
	line-height: 30px;
	bottom: 25px;
	font-size: 20px;
	color: #666;
}
.slockb{
	bottom:190px;
}

.nhst-popup-daily .close-dl{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/popup_close.png) no-repeat center;
	background-size: 55px;
	margin: 20px auto;
}


.popup-nick{
	position: fixed;
	width: 500px;
	height: 300px;
	background: #fff;
	top: calc(50% - 160px);
	left: calc(50% - 250px);
	z-index: 9999999;
	border-radius: 20px;
	display: none;
	background: url(../images/nhst7_enter_bm_bg.png) no-repeat;
	background-size: 500px;
	background-color: #fff;
	padding-top: 80px;
}

.popup-nick h3{
	font-size: 26px;
	text-align: center;
	line-height: 80px;
}
.popup-nick input {
	display: block;
	margin: 0 auto;
	width: 380px;
	height: 70px;
	border: none;
	background: #F4F4F5;
	text-align: center;
	font-size: 22px;
	border-radius: 10px;
	color: #666;
	margin-bottom: 20px;
}
.edit-nick-btn{
	display: block;
	width: 400px;
	height: 75px;
	line-height: 75px;
	margin: 35px auto 0;
	text-align: center;
	background: #F43037;
	background-size: 350px;
	color: #fff;
	font-size: 30px;
	border-radius: 100px;
}
.popup-nick .close-nick{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/popup_close.png) no-repeat;
	background-size: 55px;
	margin: 80px 220px 0;
}
.lock-box{
	display: none;
	position: absolute;
	width: 585px;
	height: 400px;
	top: 119px;
	bottom: 103px;
	z-index: 9999;
}
.lock-box div{
	float: right;
	height: 100%;
	width: 160px;
	background: #fff;
	opacity: 0.9;
	margin-right: 1px;
	text-indent: -9999em;
	background: url(../images/nhst7_lock_icon.png) no-repeat 75px 26px;
	background-size: 35px;
	background-color:#fff;
	background: none;
}

.prize-intro-box-ss{
	background: url(../images/nhst2025subbg_s.png) no-repeat;
	background-size: 600px;
	background-color: #fff8e9;
}
.prize-intro-box-ss table{
	border: 2px solid #fff;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	width: 560px;
	margin: 0 auto;
}
.prize-intro-box-ss table tr{}
.prize-intro-box-ss table tr th{
	/* background: #FFB766; */
	text-align: center;
	padding: 15px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	border-right: 1px solid #FFE4D3;
	font-size: 20px;
	font-weight: bold;
}
.prize-intro-box-ss table tr td{
	text-align: center;
	width: 50%;
	color: #AE5239;
	padding: 10px 0;
	border-right: 1px solid #FFE4D3;
	font-size: 18px;
}
.prize-intro-box-ss table em{
	font-size: 16px;
}
.prize-intro-box-ss table tr:nth-child(1) {background: url(../images/nhstbkjt.png) no-repeat !important;background-size: 615px !important;}
.prize-intro-box-ss table tr:nth-child(odd){
	background: #FFF5E2;
}
.prize-intro-box-ss table tr:nth-child(even){}
.prize-intro-box-ss .prize-remark2{
	padding: 5px 20px;
	color: #bb8779;
	font-size: 18px;
}
.get-prize-intro-box-s div{
	background: url(../images/nhst2025subbg3.png) no-repeat;
	background-color: #FFF;
	height: 220px;
	background-size: 560px;
}
.report-box{
	padding: 30px;
}
.report-box ul{}
.report-box ul li{
	padding: 10px 0;
}
.report-box ul li a{
	display: block;
	position: relative;
	padding-left: 30px;
}
.report-box ul li a em{
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	background: #e0331a;
	left: 10px;
	top: 10px;
}
.report-box ul li a span{
	color: #333;
	font-size: 22px;
	font-weight: bold;
}




/*我的*/
.my-nhst-wrap{
	width: 640px;
	margin: 0 auto;
	background: linear-gradient(to bottom, #F0F4FE, #F6F7FB);
}
.my-nhst-wrap h1{
	padding: 20px;
}
.my-nhst-wrap h1 span{
	font-size: 26px;
	font-weight: bold;
}
.my-nhst-wrap h1 a{
	display: block;
	float: right;
	font-size: 22px;
	width: 180px;
	background: url(../images/nhst2025icon17.png) no-repeat center;
	background-size: 162px;
	background-color: #e8edf9;
	border-radius: 100px;
	height: 50px;
	text-align: center;
	line-height: 52px;
	color: #888;
}
.my-nhst-wrap .this-match{
	width: 600px;
	margin: 10px auto;
}
.my-nhst-wrap .this-match .no-data{
	padding: 80px 20px;
	margin: 20px auto;
	background: #E8EDF9;
	border-radius: 10px;
	text-align: center;
}
.my-nhst-wrap .this-match .no-data p{
	color: #888;
	font-size: 24px;
}
.my-nhst-wrap .this-match .no-data p a{
	background: #0066FD;
	color: #fff;
	border-radius: 100px;
	font-size: 18px;
	display: inline-block;
	padding: 5px 15px;
	line-height: 25px;
	vertical-align: middle;
	margin-left: 10px;
}
.my-nhst-wrap .this-match .has-data{
	padding: 20px;
	position: relative;
	margin: 20px auto;
	background: #fff;
	border-radius: 10px;
	height: 150px;
	box-shadow: 0 0 10px #ccc;
	overflow: hidden;
}
.my-nhst-wrap .this-match .has-data h2{
	height: 60px;
	font-size: 26px;
	border-bottom: 1px solid #eee;
}
.my-nhst-wrap .this-match .has-data h2 span{
	font-weight: bolder;
}
.my-nhst-wrap .this-match .has-data h2 b{
	float: right;
	font-size: 22px;
	padding-right: 20px;
	background: linear-gradient(58deg, #fff, #fae4ff59);
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	line-height: 80px;
	width: 269px;
	text-align: right;
}
.my-nhst-wrap .this-match .has-data h2 .i1{
	display: inline-block;
	width: 30px;
	height: 60px;
	background: url(../images/nhst2025icon15.png) no-repeat center;
	background-size: 30px;
	vertical-align: middle;
	margin: 0 5px;
}
.my-nhst-wrap .this-match .has-data h2 .i2{
	display: inline-block;
	width: 30px;
	height: 60px;
	background: url(../images/nhst2025icon16.png) no-repeat center;
	background-size: 30px;
	vertical-align: middle;
	margin: 0 5px;
}

.my-nhst-wrap .this-match .has-data h2 em{}
.my-nhst-wrap .this-match .has-data h2 abbr{
	color: #ff0000;
}
.my-nhst-wrap .this-match .has-data .text1{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 20px;
}
.my-nhst-wrap .this-match .has-data .text2{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 320px;
}
.my-nhst-wrap .this-match .has-data .text3{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 480px;
}
.my-nhst-wrap .this-match .has-data .zqy{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 20px;
	font-weight: bold;
}
.my-nhst-wrap .this-match .has-data .rpm{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 325px;
	font-weight: bold;
	width: 100px;
	text-align: center;
}
.my-nhst-wrap .this-match .has-data .zjmc{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 475px;
	font-weight: bold;
	width: 100px;
	text-align: center;
}
.my-nhst-wrap .history-match{
	width: 600px;
	margin: 10px auto;
	padding-bottom: 100px;
}
.my-nhst-wrap .history-match .no-data{
	padding: 80px 20px;
	margin: 20px auto;
	background: #E8EDF9;
	border-radius: 10px;
	text-align: center;
}
.my-nhst-wrap .history-match .no-data p{
	color: #888;
	font-size: 24px;
}
.my-nhst-wrap .history-match .has-data{
	padding: 20px;
	position: relative;
	margin: 20px auto;
	background: #fff;
	border-radius: 10px;
	height: 150px;
	box-shadow: 0 0 10px #ccc;
}
.my-nhst-wrap .history-match .has-data h2{
	height: 60px;
	font-size: 26px;
	border-bottom: 1px solid #eee;
}
.my-nhst-wrap .history-match .has-data h2 span{
	font-weight: bold;
}
.my-nhst-wrap .history-match .has-data .text1{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 20px;
}
.my-nhst-wrap .history-match .has-data .text2{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 320px;
}
.my-nhst-wrap .history-match .has-data .text3{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 480px;
}
.my-nhst-wrap .history-match .has-data .zqy{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 20px;
	font-weight: bold;
}
.my-nhst-wrap .history-match .has-data .syl{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 280px;
	font-weight: bold;
	width: 150px;
	text-align: center;
}
.my-nhst-wrap .history-match .has-data .zjmc{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 475px;
	font-weight: bold;
	width: 100px;
	text-align: center;
}

.my-nhst-prize-wrap{
	width: 640px;
	margin: 0 auto;
}
.my-nhst-prize-wrap .no-data{background: url(../images/nhst2025icon18.png) no-repeat center;width: 100%;height: 500px;background-size: 180px;text-align: center;color: #888;font-size: 20px;line-height: 750px;}
.my-nhst-prize-wrap .has-data{
	padding: 20px;
	position: relative;
	margin: 20px auto;
	background: #fff;
	border-radius: 10px;
	height: 240px;
	width: 560px;
}
.my-nhst-prize-wrap .has-data h2{
	height: 60px;
	font-size: 26px;
	border-bottom: 1px solid #eee;
}
.my-nhst-prize-wrap .has-data h2 span{
	font-weight: bold;
}
.my-nhst-prize-wrap .has-data h2 .statues{
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 5px 15px;
	font-size: 20px;
}
.my-nhst-prize-wrap .my-nhst-prize-box-active .has-data h2 .statues{
	background: #FFF6EE;
	color: #BE814B;
}
.my-nhst-prize-wrap .my-nhst-prize-box-get .has-data h2 .statues{
	color: #0066FD;
	background: #F3F8FF;
}
.my-nhst-prize-wrap .my-nhst-prize-box-expired .has-data h2 .statues{
	color: #999AA0;
	background: #F9F9F9;
}
.my-nhst-prize-wrap .my-nhst-prize-box-active .has-data a{
	background: #0066FD;
	color: #fff;
	width: 440px;
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	border-radius: 100px;
	bottom: 25px;
	position: absolute;
	left: 80px;
}
.my-nhst-prize-wrap .my-nhst-prize-box-get .has-data a{
	background: #F3F8FF;
	color: #0066FD;
	width: 440px;
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	border-radius: 100px;
	bottom: 25px;
	position: absolute;
	left: 80px;
}
.my-nhst-prize-wrap .my-nhst-prize-box-expired .has-data{height: 160px;}
.my-nhst-prize-wrap .my-nhst-prize-box-expired .has-data span{
	color: #888;
}
.my-nhst-prize-wrap .my-nhst-prize-box-expired .has-data b{
	color: #888;
}
.my-nhst-prize-wrap .has-data .text1{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 20px;
}
.my-nhst-prize-wrap .has-data .text2{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 273px;
}
.my-nhst-prize-wrap .has-data .text3{
	display: block;
	position: absolute;
	font-size: 22px;
	color: #888;
	top: 100px;
	left: 474px;
}
.my-nhst-prize-wrap .has-data .zsy{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 20px;
	font-weight: bold;
}
.my-nhst-prize-wrap .has-data .zpm{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 234px;
	font-weight: bold;
	width: 150px;
	text-align: center;
}
.my-nhst-prize-wrap .has-data .jl{
	display: block;
	position: absolute;
	font-size: 24px;
	color: #333;
	top: 140px;
	left: 405px;
	font-weight: bold;
	width: 180px;
	text-align: center;
}
.my-nhst-prize-wrap .expire-title{
	position: relative;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
}
.my-nhst-prize-wrap .expire-title em{
	display: inline-block;
	background: #f9f9f9;
	padding: 0 10px;
	position: relative;
	z-index: 99;
	color: #999;
}
.my-nhst-prize-wrap .expire-title b{
	display: block;
	position: absolute;
	width: 400px;
	height: 1px;
	background: #ccc;
	left: 120px;
	top: 19px;
}

.rank-wrap .rank-item-box .rank-list ul.limit-height250{
	/* height: 240px; */
	overflow: hidden;
}
.rank-wrap .rank-item-box .rank-list ul.limit-height250 li:nth-child(1){
	display: none;
}
.no-rank-data{
	background: url(../images/no_data.png) no-repeat center;
	background-size: 320px;
	height: 250px;
}
.font-red{
	color:#ff0000 !important;
}
.popup-khbox2-s{
	height: 80px;
}
.zb-popup-wrap{
    display: block;
    position: fixed;
    width: 560px;
    height: 800px;
    z-index: 99999999;
    top: calc(50% - 400px);
    left: 40px;
    display: none;
}
.zb-popup-wrap div{
    position: relative;
}
.zb-popup-wrap img{
    display: block;
    width: 560px;
}
.zb-popup-wrap .zb-popup-btn{
    display: block;
    position: absolute;
    width: 400px;
    height: 95px;
    /* background: #000; */
    top: 540px;
    left: 80px;
}
.zb-popup-wrap .close-zb{
    display: block;
    width: 70px;
    height: 70px;
    background: url(../images/popup_close.png) no-repeat;
    background-size: 55px;
    margin: 20px 250px 0;
}
.dis-scroll{
    overflow:hidden !important;
}
.ai-guess-wrap{
    width: 600px;
    margin: 20px auto;
    background: linear-gradient(to bottom, #fed5cc, #fff9eb);
    border-radius: 20px;
    padding-bottom: 20px;
    letter-spacing: 0px;
}
.ai-guess-wrap h3{
    text-align: center;
    line-height: 90px;
    font-size: 32px;
    font-weight: bold;
    color: #a34826;
}
.ai-guess-wrap .ai-guess-box{
    width: 560px;
    background: linear-gradient(155deg, #fee9e5 10%, #fff);
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #fff;
}
.ai-guess-wrap .ai-guess-box h4{
    height: 60px;
    line-height: 60px;
    text-indent: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #a14414;
}
.ai-guess-wrap .ai-guess-box h4 .view-ai-hot{
    display: inline-block;
    background: url(../images/nhst_ai_icon1.png) no-repeat center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 18px;
    margin: 0 3px;
}
.ai-guess-wrap .ai-guess-box h4 em{
    display: inline-block;
    background: url(../images/nhst_ai_icon3.png) no-repeat center;
    width: 20px;
    height: 30px;
    vertical-align: middle;
    background-size: 23px;
}
.ai-guess-wrap .ai-guess-box h4 .ai-kh{
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 18px;
    margin-right: 10px;
    font-weight: normal;
    color: #aa461e;
}
.ai-guess-wrap .ai-guess-box .ai-title{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.ai-guess-wrap .ai-guess-box .ai-title span{
    display: block;
    float: left;
    margin-left: 10px;
    color: #999;
    font-size: 20px;
    text-align: center;
}
.ai-guess-wrap .ai-guess-box .ai-title span:nth-child(1){
    width: 170px;
    text-align: left;
}
.ai-guess-wrap .ai-guess-box .ai-title span:nth-child(2){
    width: 80px;
}
.ai-guess-wrap .ai-guess-box .ai-title span:nth-child(3){
    width: 160px;
}
.ai-guess-wrap .ai-guess-box .ai-title span:nth-child(4){
    width: 109px;
}
.ai-guess-wrap .ai-guess-box .ai-title span .view-ai-rate{
    display: inline-block;
    background: url(../images/nhst_ai_icon2.png) no-repeat center;
    width: 20px;
    height: 20px;
    vertical-align: -2px;
    background-size: 18px;
    margin: 0 2px;
}
.ai-guess-wrap .ai-guess-box .ai-list{
    position: relative;
    overflow: hidden;
}
.ai-guess-wrap .ai-guess-box .ai-list ul{
    display: block;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li{
    display: block;
    overflow: hidden;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #eee;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span{
    display: block;
    float: left;
    margin-left: 10px;
    color: #333;
    font-size: 26px;
    text-align: center;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span:nth-child(1){
    width: 170px;
    text-align: left;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span:nth-child(2){
    width: 80px;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span:nth-child(3){
    width: 160px;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span:nth-child(4){
    width: 109px;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span .ai-link{
    font-size: 19px;
    background: #e03319;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    border-radius: 100px;
    width: 100px;
}
.ai-guess-wrap .ai-guess-box .ai-list ul li span .ai-gray{
    font-size: 19px;
    background: #ddd !important;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    border-radius: 100px;
    width: 100px;
}
.ai-guess-wrap .ai-guess-box .ai-list .ai-lock-box{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 180px;
    backdrop-filter: blur(8px);
}
.ai-guess-wrap .ai-guess-box .ai-list .ai-lock-box div{
    width: 100%;
    height: 100%;
    background: url(../images/nhst_ai_icon4.png) no-repeat center;
    background-size: 120px;
}
.ai-popup-wrap{display: block;position: fixed;width: 460px;height: 300px;z-index: 99999999;top: calc(50% - 150px);left: 90px;display: none;background: #fff;border-radius: 20px;}
.ai-popup-wrap div{}
.ai-popup-wrap div h3{
    text-align: center;
    line-height: 70px;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
}
.ai-popup-wrap div p{
    padding: 0 20px;
    font-size: 20px;
    line-height: 34px;
}
.ai-popup-wrap div a{
    display: block;
    text-align: center;
    font-size: 22px;
    margin: 20px auto;
    border-top: 1px solid #eee;
    line-height: 70px;
}
.top-version{
	position: absolute;
	background: #496af2;
	right: 71px;
	top: 140px;
	color: #fff;
	width: 20px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
}
.bm-already-wrap div abbr{
    position: absolute;
    display: block;
    text-align: center;
    bottom: 9px;
    width: 100%;
    text-align: center;
    color: #999;
}
.invitation-link{
    display: block;
    width: 600px;
    margin: 20px auto;
}
.invitation-link img{
    width: 100%;
}

.collect-prize-box{
}
.collect-prize-box .product-box{
    margin: 20px;
    background: #fff;
    width: 600px;
    border-radius: 15px;
    padding-top: 1px;
}
.collect-prize-box .product-box .product{
    width: 560px;
    background: #f6f6f6;
    margin: 20px;
    border-radius: 10px;
    position: relative;
    height: 120px;
}
.collect-prize-box .product-box .product img{
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    left: 20px;
    top: 20px;
}
.collect-prize-box .product-box .product h3{
    position: absolute;
    left: 120px;
    top: 20px;
    font-size: 22px;
    color: #333;
}
.collect-prize-box .product-box .product h4{
    position: absolute;
    left: 120px;
    top: 65px;
    color: #666;
}
.collect-prize-box .product-box .product-info{
    margin: 20px;
    color: #666;
    font-size: 24px;
    margin-top: 40px;
    height: 50px;
}
.collect-prize-box .mobile-box{
    background: #fff;
    width: 560px;
    margin: 20px;
    border-radius: 10px;
    padding: 30px 20px;
}
.collect-prize-box .mobile-box span{
    font-size: 24px;
    color: #444;
    display: inline-block;
}
.collect-prize-box .mobile-box input{
    font-size: 20px;
    border: none;
    display: inline-block;
    margin-left: 20px;
}
.collect-prize-box .remark{
    width: 600px;
    margin: 20px;
    color: #999;
}
.collect-prize-box .info-box{
    width: 580px;
    margin: 30px;
    font-size: 26px;
    line-height: 38px;
    text-align: justify;
}
.collect-prize-box .info-box p{}
.collect-prize-box .sub{
    display: block;
    margin: 20px auto;
    text-align: center;
    width: 500px;
    background: #dc0101;
    color: #fff;
    border-radius: 100px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
}
.collect-prize-box .sub-gray{
    display: block;
    margin: 20px auto;
    text-align: center;
    width: 500px;
    background: #ccc;
    color: #fff;
    border-radius: 100px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
}
.bm-btm-wrap abbr{
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 796px;
    font-size: 16px;
    color: #f89990;
}