body {
	background-size: 100% 100%;
	min-width: 1220px;
	overflow-x: hidden;
}

.bck {
	background: url(../img/bck.jpg)  top center no-repeat;
	width: 100%;
	height: 2570px;
	position: relative;
}

.sumbit {
    background: url(../img/join_btn.png) no-repeat;
    background-size: 100% 100%;
    width: 241px;
    height: 87px;
    position: absolute;
    top: 772px;
    left: 50%;
    margin-left: -122.5px;
    cursor: pointer;
    transition: transform 0.7s;
}
            
.sumbit:hover {
	transform: scale(1.1);
	animation: transform 1s liner;
}
.btn_rule {
    position: absolute;
    display: block;
    top: 865px;
    left: 50%;
    font-size: 17px;
    font-family: "微软雅黑","Arial","Microsoft YaHei","黑体","宋体","sans-serif";
    color: #522000;
    line-height: .5;
    margin-left: -68px;
    cursor: pointer;
    border: 0;
    text-decoration: underline;
}
 .btn_rule p{
 	  font-family: "微软雅黑","Arial","Microsoft YaHei","黑体","宋体","sans-serif";
 }

.blk {
	background: rgba(10,18,28,0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
}

.sf_sty {
	text-align: center;
	display: none;
	z-index: 3;
}

.sf_bck {
	background: url(../img/sf_bck.png) no-repeat;
	background-size: 100% ;
	width: 744px;
	height: 307px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -372px;
	margin-top: -153.5px;
	z-index: 3;
	
}

.play_off {
	display: inline-block;
    background: url(../img/play_off.png) no-repeat;
    background-size: 100% 100%;
    width: 352px;
    height: 47px;
    margin: 111px 0 30px 0;
    border: none;
    cursor: pointer;
    outline: none;
}
.up_off {
	display: inline-block;
	background: url(../img/up_off.png) no-repeat;
	background-size: 100% 100%;
	width: 352px;
	height: 47px;
	border: none;
	outline: none;
	cursor: pointer;
}
.sf_closesty {
	width: 744px;
    text-align: right;
    position: fixed;
	top: 50%;
    margin-top: 120px;
    text-align: center;
    
}

.sf_close {
	display: inline-block;
	background: url(../img/close.png) no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 50px;
	z-index: 101;
	cursor: pointer;
}

.bg_sty {
	text-align: center;
	display: none;
	z-index: 3;
}

.bg_bck {
	background: url(../img/bg_bck.png) no-repeat;
	background-size: 100% ;
	width: 794px;
	height: 724px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -397px;
	margin-top: -362px;
	z-index: 3;
}

.bg_chm {
	display: block;
    color: black;
    width: 477px;
    height: 51px;
    border: none;
    position: relative;
    background-color: transparent;
    left: 217px;
    margin-top: 160px;
    margin-bottom: 26px;
    outline: none;
    font-size: 22px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

.bg_qhm {
	    display: block;
    color: black;
    width: 477px;
    height: 51px;
    border: none;
    position: relative;
    background-color: transparent;
    left: 217px;
    margin-bottom: 26px;
    margin-left: -1px;
    outline: none;
    font-size: 22px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}


.bg_shm {
	    color: black;
  	width: 477px;
    height: 51px;
    border: none;
    position: relative;
    background-color: transparent;
   margin-bottom: 30px;
    left: 217px;
    display: block;
    outline: none;
    font-size: 22px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

.bg_dcr {
	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    color: black;
    width: 468px;
    height: 135px;
    border: none;
    position: relative;
    background-color: transparent;
    left: 221px;
    outline: none;
    resize: none;
    display: block;
    font-size: 22px
}	
    input::-webkit-input-placeholder{
      font: "微软雅黑";
      font-weight:400px ;
      font-size:14px;
    }  
    input:-moz-placeholder{
      font: "微软雅黑";
      font-weight:400px ;
      font-size:14px;
    }                 
    input::-moz-placeholder{
      font: "微软雅黑";
      font-weight:400px ;
      font-size:14px;
    }                 
     input:-ms-input-placeholder{
      font: "微软雅黑";
      font-weight:400px ;
      font-size:14px;
    }
	#textArea::-webkit-input-placeholder{
      height: 135px;line-height: 135px;
      font: "微软雅黑";
      font-weight:400px ;
      font-size:13.2px;
    }   
	#textArea:-moz-placeholder{
      height: 135px;line-height: 135px;
      font: "微软雅黑";
      font-weight:400px ;
      font-size:13.2px;
    }                  
    #textArea::-moz-placeholder{
      height: 135px;line-height: 135px;
      font: "微软雅黑";
      font-weight:400px ;
      font-size:13.2px;
    }                 
    #textArea:-ms-input-placeholder{
      height: 135px;line-height: 135px;
      font: "微软雅黑";
      font-weight:400px ;
      font-size:13.2px;
    }
.sumbitb {
	background: url(../img/join_btnb.png) no-repeat;
    background-size: 100% 100%;
    width: 241px;
    height: 87px;
    display: inline-block;
    margin-right: 40px;
    cursor: pointer;
    transition: transform 0.7s; 
}
.sumbitb:hover {
	transform: scale(1.1);
	animation: transform 1s liner;
}
.bg_closesty {
	width: 744px;
    text-align: right;
    position: fixed;
    top: 50%;
    margin-top: 321px;
    text-align: center;
   
}
 
.bg_close {
	display: inline-block;
	background: url(../img/close.png) no-repeat;
	background-size: 100% 100%;
	width: 50px;
	height: 50px;
	z-index: 101;
	cursor: pointer;
	
}

.eng_bck {
	background: url(../img/enj_bck.png) no-repeat;
	background-size: 100% 100%;
	width: 366px;
	height: 68px;
	display: inline-block;
}

.eng_sty {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -183px;
	margin-bottom: 30px;
}

.show-btn-icon {
	margin: 0 90px;
	font-size: 32px;
	width: 270px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.icons {
	width: 36px;
	height: 36px;
	font-size: 0;
	line-height: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.code {
	border: 3px solid #000000;
	border-radius: 9px;
	position: absolute;
	top: -110px;
	display: inline-block;
	width: 100px;
	height: 100px;
	left: -37px;
}

.shade {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 9998;
}

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -150px;
	background-color: rgba(0,0,0,0.6);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	color: #fff;
	text-align: center;
	border-radius: 4px;
	z-index: 9999;
}

.img {
	width: 100%;
	height: 100%;
	border-radius: 7px;
}

.popup p {
	width: 280px;
	height: 60px;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}

.popup span {
	font-size: 16px;
	vertical-align: middle;
}

.nav {
    text-align: center;
    padding-top: 58px;
}

.nav_a {
	
    display: inline-block;
    width: 168px;
    height: 61px;
}

.nav_b {
	
    display: inline-block;
    width: 151px;
    opacity: 0.51;
    height: 61px;
    margin: 0px 23px 0 15px;
}

.nav_c {
	
    display: inline-block;
    width: 134px;
    height: 61px;
    padding-left: 29px;
    border-radius: 0px 22px 17px 0px;
}
.popupa{
	background: url(../img/success.png) no-repeat;
	width: 452px;
	height: 294px;
	background-size: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -147px;
	margin-left: -226px;
	display: none;
	z-index: 100000;
	}
