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;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.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;
}



.main{
    background: url(bg_new2.jpg);
    width: 100%;
    min-width: 1200px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    height: 5933px;
}

.banner {
    height: 670px;
    width: 1200px;
    margin:  0 auto;
    /*color: white;*/
}

.part1 {
    width: 1200px;
    margin: 0 auto;
	margin-top:125px;
    height: 670px;
}
.part2 .partpl_text {
    font-size: 18px;
    margin-top: 32px;
}
.part2 .part1_ltextarea {
    margin-left: 77px;
}
.part2 .part1_rtextarea {
    margin-right: -13px;
    width:  270px;
}
span.XL {
    font-size: 24px;
}
span.L {
    font-size: 21px;
}
.part2 .part1_line {
    text-align: center;
    padding-top: 338px;
    padding-bottom: 20px;
}
.link {
    text-decoration: underline;
    color: #ffe200;
    cursor: pointer;
}
.bx-wrapper {
    position: relative;
    margin: 66px 45px;
    height: 100px;
}
.prizer_box {
    background: #e2a268;
    height: 40px;
    width: 121px;
    /* background-size: contain; */
    color: white;
    padding: 5px 25px;
    font-size: 12px;
    border-radius: 35px;
}
.bx-viewport {
    height: 80px !important;
}
#expert_ul li:nth-child(even){
    margin-top: 20px;
}
a.bx-prev {
text-indent: -9998px;
    width: 54px;
    height: 71px;
    background: url(left_arr_white.png) no-repeat;
    position: absolute;
    left: -75px;
    top: 0px;
    z-index: 100;
}
a.bx-next {
text-indent: -9999px;
    width: 54px;
    height: 71px;
    background: url(right_arr_white.png) no-repeat;
    position: absolute;
    right: -77px;
    top: 0;
    z-index: 100;
}
.banner_text {
    width: 900px;
    margin:  0 auto;
    font-size: 18px;
    padding-top: 620px;
}

.banner_btnarea {
    font-size: 30px;
    text-align:  center;
    margin-top: 40px;
    position:  relative;
    right: 20px;
}

.banner_btn {
    background:  #e8382f;
    display: inline-block;
    width: 240px;
    text-align:  center;
    margin-left: 70px;
    margin-right: 70px;
    cursor:pointer;
}

.part_title {
    font-size:  40px;
    text-align:  center;
    padding-top: 70px;
}
.part_subtitle {
    text-align: center;
	width:1000px;
    font-size: 20px;
    line-height: 37px;
    font-weight: 700;
    color: #d93436;
	margin:0 auto;
    padding-top: 130px;
}

div#part1_content {
    padding-top: 15px;
    height:  1485px;
}

div#part1_title {
    padding-left: 30px;
}

div#part1_subtitle {
    padding-left: 30px;
}
.part1_ltextarea {
    float: left;
    margin-left: 65px;
    position: relative;
    bottom: -18px;
    }

.partpl_title {
    font-size: 30px;
}

.partpl_text.pl1 {
    margin-top: 1px;
    line-height: 34px;
    letter-spacing: 1px;
}
.partpl_text.a1{
	padding-top:20px;
	color:#361c1b;
}
.partpl_text.a2{
	padding-top:72px;
}
.partpl_text {
	padding-left:370px;
    font-size: 19px;
    margin-top: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
    text-align: left;
}

.part1_beforetext {
    text-align:  center;
    font-size:  18px;
    display:  inline-block;
    width:  50%;
    float: left;
}

.part1_spline {
    text-align:  center;
    height: 40px;
}

.part1_rtextarea {
    float: right;
    margin-right: 183px;
    margin-top: 18px;
    width: 380px;
}

.part1_line {
    clear: both;
    height: 177px;
}

.partpl_title {
    padding-top: 100px;
}

.part1_bottomarea {
    text-align:  center;
    color:  white;
    font-size: 20px;
}

.p1_bottomtitle {
    font-size: 24px;
    height: 65px;
    line-height: 75px;
}

.p1_bottomtext {
    height: 35px;
}



.whitered {
    background: #fff;
    color: #e8382f;
}
.p1_bottomtextsp {
    height: 85px;
}
.part2 {
    width: 1200px;
    margin: 0 auto;
    height: 763px;
}

.p2l_title_box {
    display:  inline-block;
    background: #565656;
    color:  white;
    font-size: 24px;
    width: 150px;
    text-align:  center;
}
.p2l_text_box {
    font-size:  18px;
    height: 45px;
    line-height: 45px;
}

.part2_left {
    height: 500px;
    clear:  both;
    margin-top: 55px;
}

.p2l_text_box p:first-child {
    margin-top: 15px;
}

.p2l_text_box:last-child {
    line-height:  35px;
}
.part2_bottom {
    clear:  both;
    text-align: center;
    font-size:  18px;
}
.box {
    margin: 0px 33px;
    margin-top: 190px;
    width: 324px;
    letter-spacing: 2px;
    line-height: 33px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #fff;
    text-align: left;
    font-weight: 700;
}
.box:nth-child(1) {
    margin-left: 10px;
}
.box:nth-child(2) {
    margin-left: 55px;
}
.box:nth-child(3) {
    margin-right: 10px;
    margin-left: 57px;
}
.box_bottom {
    font-size: 22px;
    width: 795px;
    margin: 50px 70px; 
    height: 149px;
    line-height: 37px;
}
.p3_d {
    margin-bottom: 57px;
}
.redwhite {
    background: #e8382f;
    color:  white;
}

.bottombtn {
    display: inline-block;
    width: 235px;
    height: 45px;
    line-height: 45px;
    margin-top: 15px;
    cursor:  pointer;
    font-size: 30px;
}

.p2_bottomtext:last-child {
    font-size: 14px;
}

.p2_bottomtext .bottombtn {
    margin-right: 40px;
}
div#part2sp_content {
    padding-top: 170px;
}

.part4 {
    width: 1200px;
    margin: 0 auto;
    height: 640px;
}
table {
    width: 163px;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    color: white;
    border: transparent;
}
.part4 table {
    font-size: 30px;
    width: 550px;
    line-height: 50px;
}

td.nred {
    color:  #d93436;
}

td.nred2 {
    color:  #830102;
}

.part4 table tr:first-child td {
    font-size:  24px !important;
    font-weight:  bold;
}
div#part4_subtitle {
    padding-top: 176px;
}
.part3 {
    width: 1200px;
    margin: 0 auto;
    height: 805px;
}
div#part3_title {
    padding-top: 50px;
}
.part2_right {
    height: 500px;
    clear: both;
    margin-top: 55px;
    float: right;
    text-align:  right;
}
.part3 .part_subtitle {
    text-align: left;
}
span.yellow {
    color: #e1d61e;
}
div#part3_content {
    font-size: 18px;
    /* margin: 50px 45px; */
    line-height: 33px;
    color: #fff;
    font-weight: 700;
}
div#part3_subtitle {
    padding-left: 5px;
    padding-top: 129px;
    font-size: 22px;
    margin-bottom: 20px;
    color:  #000;
}
.box_top {
    display: inline-block;
    width: 215px;
    padding-left: 106px;
    margin-left: 40px;
    text-align:center;
}
div#part3_content {
    margin-top: 25px;
    margin-left: 30px;
    text-align:  left;
}
.part8 {
    height: 350px;
}

.btn_popup {
    display: inline-block;
    background: url(red_btn.png) no-repeat center center;
    background-size: contain;
    color: #fff;
    width: 163px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    cursor: pointer;
    margin-top: 5px;
    position: fixed;
    left: 15px;
    top: 250px;
    font-weight: bold;
    padding-left: 16px;
    z-index: 100;
}
.btn_detail {
    display: inline-block;
    /*background: #d0a24f;*/
	background:#ba2324;
    color: #fff;
    padding: 5px 40px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 5px;
    position: relative;
    left: 75px;
    top: 59px;
    float: left;
}

.part5 {
    height:  440px;
}
div#part5_subtitle {
    padding-top: 100px;
    color: white;
    font-size: 22px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 47px;
    text-shadow: 2px 2px #2b2929;
    -webkit-text-stroke: 1px #185fbf;
}

div#part5_content {
    font-size: 22px;
    margin: 50px 45px;
    line-height: 44px;
    color: #fff;
    margin-top: 15px;
    text-align: left;
    margin-left: 26px;
    font-weight: bold;
}
.part6 {
    height:496px;
}

.part4item {
    display: inline-block;
    font-size: 22px;
    color: #d93436;
    font-weight: 700;
    margin-left: 0;
    width: 232px;
    text-align: center;
    padding-top: 405px;
    
}
.part7 {
    height: 870px;
}
.part5item.on {
    /*color: #db1f1f;
    background: url(yellow_tab.jpg) no-repeat left top !important;*/
	background-color:#ca0000;
	color:#fff;
}

.part5item {
    display: inline-block;
    font-size: 22px;
    color: #595959;
    width: 233px;
    text-align: center;
    background: #fff;
    height: 52px;
    line-height: 52px;
    cursor: pointer;
    font-weight: 700;
}

div#part7_content {
    width: 1180px;
    margin: 0 auto;
    margin-left: 15px;
    margin-top: 160px;
}

.apr {
    font-size: 27px;
    color: #ca0000;
	background-color:#f6e7e0;
    font-weight: 700;
    margin-left: 18px;
    line-height: 71px;
    text-align:  left;
}

.cal {
    margin-top: 43px;
    margin-left: 15px;
    margin-right: 6px;
}

.tab_content.on {
    display: block !important;
}

.tab_content {
    display: none;
}

.date {
    display: inline-block;
    vertical-align: top;
    width: 153px;
    height: 60px;
    padding: 40px 2px 0px 10px;
    color: #d93436;
    font-size: 12px;
    line-height: 22px;
}
.final_popup {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow: auto;
    height: 90%;
    display: none;
}
/* 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;
}


.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;
     background-size: contain;
    position: fixed;
    left: 50%;
 	transform: translateX(-50%);
    -ms-transform:  translateX(-50%);
    -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    bottom: 50px;
    font-size: 16px;
    color: #000;
    display: none;
    z-index: 101;
    top: 75px;
}

.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: #c22c1e;
    font-size: 15px;
}


.main{
		width: 100%;
		min-width: 1200px;
		position: relative;
		background-repeat: no-repeat;
		background-position: top center;
	}

.btn_detail_rules{
	margin:0 auto;
	width:50%;
	font-weight:bold;
	font-size:30px;
	color:#000;
}
div#part2_content {
    position:  relative;
}

.hdtk2 {
    background: url(popup_bg_s.jpg) no-repeat left top;
    width: 900px;
    height: 733px;
    transform: translateX(-50%);
    -ms-transform:  translateX(-50%);
    -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    position: fixed;
    left: 50%;
    bottom: 50px;
    font-size: 16px;
    color: #000;
    display: none;
    z-index: 101;
    top: 135px;
}

.hdtk2 .nr {
    height: 675px !important;
    max-width: 95%;
    margin: auto;
    margin-top: 43px;
    overflow-y: auto;
    margin-right: 13px;
    text-align: left;
    line-height: 27px;
    padding: 0px 56px;
    color: #c22c1e;
    font-size: 15px;
}
table.mark_list {
    border-collapse: collapse;
    width: 92%;
	margin-left:56px;
	margin-right:auto;
}
.mark_list tr:nth-child(odd) {
    background-color: transparent;
}
.mark_list tr:nth-child(even) {
    background-color: transparent;
}
.mark_list td {
    color: #000;
    font-size: 24px;
    padding: 0px 17px;
    border-top: 1px solid transparent;
    font-weight: 700;
}
.mark_list th {
    background: transparent;
    color: #d93436;
    font-size: 25px;
    /*padding: 0px 37px;*/
	width:25%;
	text-align:center;
}
.hdtk3 .poptitle {
    text-align: center;
    font-size: 40px;
    line-height: 37px;
    margin-bottom: 22px;
    color: #f66538;
    font-weight: 700;
    letter-spacing: 1px;
}
.hdtk3 {
    background: #ffeb90;
    width: 900px;
    height: 515px;
    transform: translateX(-50%);
    -ms-transform:  translateX(-50%);
    -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    position: fixed;
    left: 50%;
    bottom: 50px;
    font-size: 16px;
    color: #000;
    display: none;
    z-index: 101;
    top: 135px;
}

.hdtk3 .nr {
    height: 675px !important;
    max-width: 95%;
    margin: auto;
    margin-top: 43px;
    overflow-y: auto;
    margin-right: 13px;
    text-align: left;
    line-height: 27px;
    padding: 0px 56px;
    color: #c22c1e;
    font-size: 15px;
}
table.p8_t {
    border-collapse: collapse;
    width: 48%;
    line-height: 67px;
    
}
.p8_t th:nth-child(1) {
    color: #d93436;
    font-size: 24px;
}
.p8_t th:nth-child(2) {
    color: #000;
    font-size: 24px;
}
.p8_t td:nth-child(1) {
    color: #d93436;
    font-size: 30px;
}
.p8_t td:nth-child(2) {
    color: #000;
    font-size: 30px;
}
/* ######################################### 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;
				}

				
				.banner{
				    width: 100%;
				    margin: 0 auto;
				    height: 7.7rem;
				}
				.main{
					background:url(bg_mnew2.jpg);
					width: 100%;
					height:86rem;
					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:27rem;
					margin-top:0;
				}

				div#part1_subtitle {
					width:8rem;
				    margin:0 auto;
					font-size:.34rem;
				}

				.part_subtitle {
				    font-size:.42rem;
				    padding-top:2.2rem;
				    line-height:.65rem;
				}
				
				.partpl_text.a1{
					padding:.35rem 0 0 2rem;
				}
				.partpl_text.a2{
					padding:.95rem 0 0 2rem;
					line-height:.5rem;
				}

				div#part1_content {
				    padding-top: 0rem;
				    height:  6.7rem;
				}

				.part1_ltextarea {
				    bottom: 0rem;
				    margin-left: 30px;
				}

				.partpl_text.pl1 {
				    line-height:  0.8rem;
				    margin-top: 0.3rem;
				}

				.partpl_text {
				    font-size: .3rem;
					width:5rem;
					margin:0 auto;
				}

				.part1_rtextarea {
				    margin-right: 0rem;
				    width:  9.5rem;
				}

				.part2 {
				    height:  8.5rem;
				}			

				.btn_popup.popup {
				    top: 2.4rem;
				    right: 0.2rem;
				    height: 1rem;
				    width: 2.3rem;
				    font-size: 0.34rem;
				}
				
				div#part2_content {
				    position:  relative;
				}

				.btn_detail.rules {
				    top:1rem;
				    left:3.85rem;
				    height:.6rem;
				    width:2.3rem;
				    font-size:.34rem;
				    padding:0;
				    line-height:.6rem;
				}

				.part2 .part1_line {
				    padding-top: 4.84rem;
				    padding-bottom: 0;
				}

				.part1_line {
				    height: 1.45rem;
				}

				.part2 .part1_ltextarea {
				    margin-left: 0;
				}

				.part2 .partpl_text {
				    font-size: 0.3rem;
				    margin-top: 0px;
				    line-height: 0.34rem;
				    text-align:  center;
				}

				span.XL {
				    font-size: 0.3rem;
				}

				span.L {
				    font-size: 0.3rem;
				}

				.part2 .part1_rtextarea {
				    width: 2.7rem;
				    margin-right:  0;
				    margin-top: 0;
				}

				.bx-viewport {
				    height: 2rem !important; 
				}

				.bx-wrapper {
				    margin: 0.5rem 1rem;
				    height: 2.5rem;
				    margin-bottom: 0;
				}

				a.bx-next {
				    background-size: contain;
				    width: 1.2rem;
				    height: 1.2rem;
				    right: -1.2rem;
				    top: -0.2rem;
				}

				a.bx-prev {
				    background-size: contain;
				    width: 0.8rem;
				    height: 1.2rem;
				    left: -0.85rem;
				    top: -0.25rem;
				}
				
				.part3 {
				    height:14.5rem;
				}

				div#part3_subtitle {
				    padding-left: 0.1rem;
				    padding-top: 2rem;
				    font-size:  0.34rem;
				    line-height:  0.5rem;
				    margin-bottom: 0.2rem;
				}

				div#part3_content {
				    margin-top: 0.35rem;
				    margin-left: 0.4rem;
				    font-size: 0.34rem;
				    line-height: 0.6rem;
				    width: 7rem;
				}

				.part4 {
					padding-top:2.5rem;
				    height:10rem;
				}
				.box_top{
					width:7rem;
					margin-left:0;
					margin-bottom:1.25rem;
					padding-top:.3rem;
					padding-left:2rem;
				}
				.box_bottom{
					width:6rem;
					height:3rem;
					line-height:.38rem;
					font-size:.38rem;
					margin:.2rem .2rem .5rem .5rem;
				}
				.d2{
					margin-top:1rem;
				}

				div#part4_subtitle {
				    padding-top: 2.4rem;
				}

				.part4 table {
				    font-size: 0.48rem;
				    width: 85%;
				    line-height:.4rem;
				    margin: 0 auto;
				}
				
				.p3_d{
					margin-bottom:0;
				}

				div#part4_content {
				    padding-top: 0.5rem;
				}

				.part4 table tr:first-child td {
				    font-size: 0.48rem !important;
				}

				.part5 {
				    height:  7.2rem;
				}

				div#part5_subtitle {
				    padding-top: 2rem;
				    font-size: 0.4rem;
				    padding-left: 0.3rem;
				    height: 1.4rem;
				    padding-bottom: 0.1rem;
				}

				div#part5_content {
				    font-size: 0.35rem;
				    margin: 0.1rem 0.8rem;
				    line-height: 0.55rem;
				    padding-right: 1.9rem;
				    padding-top: 0rem;
				    margin-left: 0.3rem;
				}

				.part6 {
				    height:  12.1rem;
				}
				
				.part4item {
				    font-size: 0.4rem;
				    margin-left: 0rem;
				    width: 3.3rem;
				    padding-top: 3.65rem;
				}

				div#part6_content {
				    margin-top: 2.7rem;
				}

				.part4item:nth-child(4) {
				    position:  relative;
				    right: 0.4rem;
				}

				.part7 {
				    height:9.64rem;
				}

				div#part7_content {
				    width: 100%;
				    margin: 0 auto;
				    margin-left: 0rem;
				    padding-top: 2.4rem;
				}

				.part5item {
				    font-size: 0.38rem;
				    width: 3rem;
				    height: 0.7rem;
				    line-height: 0.75rem;
				    margin-bottom: 0.1rem;
				}

				.apr {
				    margin-left: 0.5rem;
				    line-height: 80px;
				    font-size: 0.42rem;
				    line-height: 0.5rem;
				    text-align:  left;
					background-color:transparent;
				}

				.cal {
				    margin-top: 0.44rem;
				    margin-left: 0.15rem;
				    margin-right: 0.1rem;
				}
				.date {
				    width: 0.9rem;
				    height: 0.75rem;
				    padding: 0.1rem 0.1rem 0rem 0.32rem;
				    font-size: 0.3rem;
				    line-height: 22px;
				}

				.star {
				    background: url(star.png) no-repeat top center;
				    background-size: contain;
				    width: 0.7rem;
				    height: 0.7rem;
				    margin-left: 0.2rem;
				}
				.final_popup{
					width:100%;
				}
				
				#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;
					transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					font-size: 0.45rem;
					z-index: 101;
				}
				
				.hdtk .nr {
					max-width: unset;
					width: 87%;
					overflow-y: auto;
					font-size: 0.35rem;
					line-height: 0.65rem;
					padding: 0rem 0.5rem;
					margin-right: 0;
					margin-top: 0.2rem;
					color: #c22c1e;
					border:0.04rem solid transparent;
				}
				
				.btn_detail_rules{
					margin:0 auto;
					width:50%;
					font-weight:bold;
					font-size:1rem;
					color:#000;
				}

				/* 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 */

				.hdtk2 .nr {
				    height: 12.5rem !important;
				    max-width: unset;
				    width: 87%;
				    overflow-y: auto;
				    font-size: 0.35rem;
				    line-height: 0.65rem;
				    padding: 0rem 0.5rem;
				    margin-right: 0;
				    margin-top: 0.2rem;
				    color: #c22c1e;
				    border: 0.04rem solid transparent;
				}
				.hdtk2{
				    background-image: url(popup_m_s.jpg);
				    height: 14.5rem;
				    background-repeat: no-repeat;
				    background-position: left top;
				    background-size: contain;
				    width: 90%;
				    position: fixed;
				    left: 50%;
				    top: 2.8rem;
				    transform: translateX(-50%);
				    -ms-transform: translateX(-50%);
				    -webkit-transform: translateX(-50%);
				    -moz-transform: translateX(-50%);
				    font-size: 0.45rem;
				    z-index: 101;
				}
				.hdtk3 .nr {
				    height: 12.5rem !important;
				    max-width: unset;
				    width: 87%;
				    overflow-y: auto;
				    font-size: 0.35rem;
				    line-height: 0.65rem;
				    padding: 0rem 0.5rem;
				    margin-right: 0;
				    margin-top: 0.2rem;
				    color: #c22c1e;
				    border: 0.04rem solid transparent;
				}
				.hdtk3{
				    height: 8.1rem;
				    background-repeat: no-repeat;
				    background-position: left top;
				    background-size: contain;
				    width: 90%;
				    position: fixed;
				    left: 50%;
				    top: 2.8rem;
				    transform: translateX(-50%);
				    -ms-transform: translateX(-50%);
				    -webkit-transform: translateX(-50%);
				    -moz-transform: translateX(-50%);
				    font-size: 0.45rem;
				    z-index: 101;
				}
                .hdtk3 .poptitle {
                    font-size: 0.6rem;
                    line-height: 0.6rem;
                    margin-bottom: 0.3rem;
                }
                table.mark_list {
                    border-collapse: collapse;
                    width: 100%;
                }
                .mark_list th {
                    background: transparent;
                    color: #000;
                    font-size: 0.4rem;
                    padding: 0.3rem 0.2rem;
                }
                .mark_list td {
                    font-size: 0.4rem;
                    padding: 0.2rem 0.2rem;
                }
				#mask2 {
				    background-color: #000;
				    display: none;
				    height: 4200px;
				    left: 0;
				    opacity: 0.5;
				    position: absolute;
				    top: 0;
				    width: 100%;
				    z-index: 100;
				}
				.datepopup {
				    background: url(popup.png) no-repeat left top;
				    background-size: contain;
				    width: 84%;
				    height: 11rem;
				    position: fixed;
				    left: 50%;
				    margin-left: -4.3rem;
				    bottom: 0;
				    font-size: 0.5rem;
				    color: #fff;
				    display: none;
				    z-index: 103;
				    top: 2rem;
				    text-align: center;
				}

				.close {
				    position: absolute;
				    width: 1rem;
				    height: 1rem;
				    top: 0.5rem;
				    right: 0.5rem;
				}
				.datetitle {		    
				    text-align: center;
				    margin: 0 auto;
				    margin-top: 5.4rem;
				    background: #d93436;
				    padding: 0.1rem 1rem;
				    border-radius: 7px;
				    width: 5rem;
				}

				.dateinfo {
				    display: inline-block;
				    background: #3b29e6;
				    padding: 0.1rem 0.5rem;
				    border-radius: 7px;
				    margin-top: 0.5rem;
    				width: 5rem;
				}
	}