html, body {
    overflow-x: hidden;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color:#000;
}

.mobile_footer{
    display: none;
}

.mobile_header{
    display:none;
}

.desktop_footer{
    display:block;
}

.desktop_header{
    display:block;
}
.d{
    display: block;
}
.m{
    display:none;
}
span.d {
    display:  inline-block;
}
	.popup_text {
		z-index: 1000001;
		color:  #fff;
		text-align: center;
		position: fixed;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		top: 50%;
		left: 50%;
		width: 240px;
		font-size:  48px;
	}

	.popup_mask {
		display:none;
		width:  100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		position: fixed;
		z-index: 1000000;
	}
	.eloader {
		border: 16px solid #f3f3f3; /* Light grey */
		border-top: 16px solid #3498db; /* Blue */
		border-radius: 50%;
		width: 120px;
		height: 120px;
		animation: spin 2s linear infinite;
	}

	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}





.cslive {
    width: 125px !important;
    height: 241px !important;
}


.section1,.section2,.section3,.section4,.section5,.section6,.section7,.section8,.section9,.section98,.section99{
	width:100%; text-align:center;
}

.part1,.part2,.part3,.part4,.part5,.part6,.part7,.part8,.part9,.part98,.part99 {
    width:  1200px;
    margin: 0 auto;
    height:  300px;
	border:1px solid transparent;
}

.part1{
	height:1615px;
}


/* form */
.form_area {
    width: 1200px;
    margin: 0 auto;
    height: 65px;
    margin-top: 30px;
    text-align:  center;
}

.form_area >div {
    display: inline-block;
    width: 280px;
    float: left;
    position:  relative;
}

.form_name {margin-left: 30px;}

.form_area > div > input {
    width: 225px;
    height: 50px;
    font-size: 20px;
    text-indent: 0.3em;
    background: #fff;
    border: 1px solid #a92424;
    border-radius:  5px;
}



.form_vcode {
    width: 270px !important;
    text-align:  left;
}

.form_button {
    width: 130px !important;
}

.submit {
    height: 40px;
    width: 130px;
}

.getcode {
    width: 107px;
    background: #a0a0a0;
    color: white;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    cursor:pointer;
    left: 180px;
    border-radius:  0px 5px 5px 0px;
}

div#part3_content {
    margin-top: 0;
}

.form_title {
    font-size: 24px;
    display:  none;
    text-align:  center;
    color:  white;
    background: #a92424;
    width: 300px;
    border-radius: 5px;
    margin:  0 auto;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
}

.submit>* {
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    width: 200px;
    color:  white;
    background: url('btn_submit.jpg') no-repeat center center;
    cursor:  pointer;
    border-radius: 5px;
}

/* form */



#mask {
    background-color: #000;
    /*display: none;*/
    height: 4200px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.hdtk {
    background-repeat:no-repeat;
	background-position:left top;
    position:fixed;
    left:50%;
    margin-left:-443px;
    bottom:50px;
    font-size:16px;
    color:#000;
    display:none;
    z-index:101;
    top:60px;
}

.hdtk .nr {
    max-width: 95%;
    margin: auto;
    margin-top: 43px;
    overflow-y: auto;
    margin-right: 13px;
    text-align: left;
    line-height: 27px;
    padding: 0px 56px;
    color: #f7000c;
    font-size:22px;
	height:750px;
}

.hdtk .nr p{
	color:#4b4647;
	font-size:15px;
}

.hdtk .nr p:first-child{
	margin-top:10px;
}

.main{
		width: 100%;
		min-width: 1200px;
		position: relative;
		background-repeat: no-repeat;
		background-position: top center;
	}
	
.ranking{
	position:absolute;
	top:263px;
	left:134px;
	width:252px;
	height:75px;
	border:1px solid transparent;
	cursor:pointer;
}
	
.btn_live800,.btn_detail_rules{
	display:inline-block;
	border:1px solid transparent;
	margin:12px 64px 0 51px;
	width:384px;
	height:85px;
	cursor:pointer;
}






/* ######################################### start mobile section ####################################### */
		@media(max-width: 999px){
				* {
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
				}
				input{
					border-radius: 0;
					padding: 0;
					margin:0;
				}
				.d{
					display: none;
				}
				.m{
					display:block;
				}

				span.d {
					display:  none;
				}
				.cslive{
					display: none;
				}

				.mobile_header{
					width: 100%;
					display: block;
				}
				.mobile_footer{
					display: block;
				}

				.desktop_footer{
					display:none;
				}

				.desktop_header{
					display:none;
				}


				.wrapper,#footer{
					display:none;
				}


				.main{
					width: 100%;
					position: relative;
					background-repeat: no-repeat;
					background-size: contain;
					min-width: 0;
					float: left;
				}

				
				.part1,.part2,.part3,.part4,.part5,.part6,.part7,.part8,.part9,.part99 {
					width:  100%;
					height: 3rem;
					border:0.04rem solid transparent;
				}
				
				.part1{
					height:14.5rem;
				}
				
				.btn_live800,.btn_detail_rules{
					border:1px solid transparent;
					width:4rem;
					height:.7rem;
					margin:.1rem 0 0 0;
				}
				
				
				/* form */
				.form_area {
				    width:  100%;
				    height:  2rem;
				    margin-top: 0.4rem;
				}

				.form_area >div {
				    width: 3.5rem;
				    display: block;
				    float: none;
				    margin:  0 auto;
				    margin-bottom: 0.1rem;
				}

				.form_name {
				    margin-left: 0rem;
				    width: 7rem !important;
				}

				.form_area > div > input {
				    width:  100%;
				    height: 0.8rem;
				    font-size: 0.42rem;
				    border-radius:  0;
				}

				.form_number {
				    width: 7rem !important;
				    margin-left: 0.5rem;
				}

				.form_vcode {
				    margin-top: 0.3rem;
				    width: 7rem !important;
				    margin-left: 0.75rem;
				}

				input#inputvode {
				    width: 100% !important;
				}

				.getcode {
				    width: 2rem;
				    height: 100%;
				    line-height: 0.8rem;
				    bottom: 0rem;
				    font-size: 0.34rem;
				    left: inherit;
				    right: -1px;
				    border-radius: 0;
				    height:  0.8rem;
				    bottom: 1px;
				}

				.submit.s1 {
				    height: inherit;
				    width: inherit;
				}

				.submit_btn.redwhite {
				    height: 1.2rem;
				    width: 5rem;
				    font-size: 0.52rem;
				    line-height: 0.8rem;
				    background-size:  contain;
				    border-radius:  0;
				    margin:  0 auto;
				}

				.form_button {
				    width: 7rem !important;
				    margin-top: 0.3rem;
				    margin-left: 0.2rem;
				}


				/* form */
				
				#mask {
					background-color: #000;
					/*display: none;*/
					height: 4200px;
					left: 0;
					opacity: 0.5;
					position: absolute;
					top: 0;
					width: 100%;
					z-index: 99;
				}
				
				.hdtk {
					background-repeat:no-repeat;
					background-position:left top;
					background-size: contain;
					width: 90%;
					position: fixed;
					left: 50%;
					top: 2.8rem;
					margin-left: -4.6rem;
					font-size: 0.45rem;
					z-index: 101;
				}
				
				.hdtk .nr {
					max-width: unset;
					width: 87%;
					overflow-y: auto;
					font-size: 0.45rem;
					line-height: 0.65rem;
					padding: 0rem 0.5rem;
					margin-right: 0;
					margin-top: 0.2rem;
					color: #c22c1e;
					border:0.04rem solid transparent;
				}
				
				.hdtk .nr p:first-child{
					margin-top:.2rem;
				}
				.hdtk .nr p{
					font-size:.38rem;
				}
				.ranking{
					background:url(ranking.png) center center no-repeat;
					background-size:contain;
					width:2.5rem;
					height:1rem;
					top:8.35rem;
					left:.2rem;
				}
				

	}