*{ margin:0px; padding:0px; list-style:none;}
.right{ float:right;}
.clear{ clear:both;}
.block{ display:block;}
.hide{ display:none;}
body{ font-family:" 微软雅黑体"; background:fffefc;}
.personal{ max-width:640px; margin:auto;  background:#fffefc; min-height:960px;}
.personal_1{ width:100%; max-width:640px; margin:auto; position:relative; }
.personal_1 img{ width:100%; height:auto; }
.personal_1_a{ width:15%; position:absolute; top:12%; left:5%;}
.personal_1_b{width:23%; position:absolute; top:12%; left:39%;}
.personal_1_c{ width:15%; position:absolute; top:12%; right:5%;}
.personal_1_a img{ width:100%; height:auto;}
.personal_1_b img{ width:100%; height:auto;}
.personal_1_c img{ width:100%; height:auto;}

.personal_3{ width:96%; margin:auto; height:500px;margin-top:3%;}
.personal_4{ width:96%; margin:auto; height:500px;margin-top:3%;}
#yuanjiaos{ border-top-left-radius:20px; border-top-right-radius:20px;}
#yuanjiaox{ border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.red{ background:#eed1c3 !important;}
.personal_3_a{position:relative; }
.personal_3_a li{ padding:3% 0 3% 3%;  }
.personal_3_a li span{ display:inline-block; font-size:22pt; margin-left:2%; color:#5e352f;}
.personal_3_a li .tup{ display:inline-block; width:4.5%;   }
.personal_3_a li .jiantou{ float:right; margin-right:5%;}
.personal_3_a li img{ width:100%; height:auto;}

.personal_3_a img{ width:100%; height:auto; }
.upload{ position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); cursor:pointer; width:100%; height:100%; }

.bottom{ width:100%; height:auto;  position:fixed; bottom:-6px; max-width:640px !important ; font-size:20px; font-weight:bold; z-index:2;  }
.bottom img{ width:100%; height:auto;}
.bottom ul { position:fixed; bottom:0px; width:100%; height:auto; max-width:640px;}
.bottom ul li { width:18%; height:auto; float:left;}
.bottom ul li img{ width:40%; height:auto; margin-left:60%;}

.nc_scale span {
  border: 1px solid #53ACE0 !important;
  border-radius: 4px;
}



@media screen and (min-width:641px) {
	body{background:#3a3e4a;}
	}

@media screen and (max-width:600px) {
	.personal_2_a p{  height:30px; font-size:17pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:22%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:23px;}
	.personal_3_a li span{ font-size:21pt;}
	
	}
	
@media screen and (max-width:570px) {
	.personal_2_a p{  height:30px; font-size:16pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:24%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:21px;}
	.personal_3_a li span{ font-size:20pt;}
	}
	
@media screen and (max-width:550px) {
	.personal_2_a p{  height:28px; font-size:15pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:26%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:19px;}
	.personal_3_a li span{ font-size:19pt;}
	}
	
	@media screen and (max-width:480px) {
	.personal_2_a p{  height:26px; font-size:14pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:28%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:17px;}
	.personal_3_a li span{ font-size:18pt;}
	 }
	 
	 @media screen and (max-width:450px) {
	.personal_2_a p{  height:24px; font-size:13pt;}
	.personal_2_b{ position:absolute; width:18.75%; top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:17px;}
	
	 }
	 
	 
	 @media screen and (max-width:430px) {
		 .personal_2_a p{  height:24px; font-size:12pt;}
	    .personal_2_b{top:30%; right:5%;}
		.personal_2_a .pic  img{ width:100%; height:15px;}
		.personal_3_a li span{ font-size:16pt;}
	
	 }
		
		 @media screen and (max-width:380px) {
			 .personal_2_a p{  height:22px; font-size:11pt;}
	.personal_2_b{ top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:13px;}
	.personal_3_a li span{ font-size:14pt;}
	
	 }
	 
	 	 @media screen and (max-width:350px) {
			 .personal_2_a p{  height:20px; font-size:10pt;}
	.personal_2_b{ top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:12px;}
	 
	 }
	 
	  @media screen and (max-width:330px) {
		  .personal_2_a p{  height:18px; font-size:10pt;}
	.personal_2_b{top:30%; right:5%;}
	.personal_2_a .pic  img{ width:100%; height:10px;}
	.personal_3_a li span{ font-size:12pt;}
	
	 }

	 
	 
.submit-suc,.pay-confirm-wrap {
	background-color: rgba(0,0,0,0.35);
	width: 100%;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	/*-webkit-backface-visibility: hidden;*/
	/*-webkit-transform-style: preserve-3d;*/
}
.submit-suc .submit-suc-con {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eee;
	height: auto;
	position: relative;
	width: 240px;
	margin: 0 auto;
	z-index: 30;
	top: 25%;
	padding-bottom: 1px;
}
.submit-suc h2 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
	font: normal 14px/34px "Microsoft YaHei","Arial","sans-serif";
	text-align: center;
}
.submit-suc abbr {
	display: block;
	font: normal 14px/20px "Microsoft YaHei","Arial","sans-serif";
	padding: 35px 15px 16px;
	color: #272727;
	text-align: center;
}
.submit-suc-con a {
	background-color: #4099d5;
	display: block;
	width: 80%;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   	    border-radius: 5px;
	text-align: center;
	margin: 15px auto;
}
.shade {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.before-loading {
	height: 100px;
	width: 200px;
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -100px;
	z-index: 4;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
}
.before-loading img {
	height: 25px;
	width: 25px;
	margin: 25px auto 10px;
	display: block;
}
.before-loading span {
	display: block;
	line-height: 20px;
	text-align: center;
	color: #000;
	font-size: 12px;
}	 
@font-face {
    font-family:icomoon;
    src: url('../fonts/fontawesome-webfont.eot?v=20160812') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=20160812') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=20160812') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=20160812') format('svg');
    font-weight:400;
    font-style:normal;
}	 
[class^="icon-"] {
    speak:none;
    font-size:30px;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1.3;
    display:inline-block;
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding:2px 0px;
}
.icon-gamepad{
    padding-top:0px !important;
    font-size:20px;
}
.icon-gift{
    font-size:22px;
    padding:0px !important;
}
.icon-angle-right:before {
    content:"\f105"
}
.icon-gamepad:before {
    content:"\f11b"
}
.icon-home3:before {
    content:"\f0c0"
}
.icon-user:before {
    content:"\f007";
}
.icon-gift:before{
    content:"\f06b"
}
.icon-pwd:before{content:"\f023";}
.icon-mobile:before{content:"\e800"}
.icon-suc:before{content:"\e804"}
.icon-loading:before{content:"\e834"}
.icon-sina:before{content:"\f18a";}
.icon-qq:before{content:"\f1d6";}
.icon-wx:before{content:"\f1d7";}	 
.personal_3 ul li div{
	width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e87f09;
    color: #e87f09;
    line-height: 1.5;
    margin: 0 auto;
	cursor:pointer;
}
.otherlogin{
	clear:both;
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: flex;
    margin-bottom: 1px;
	margin-top: 5px;
    padding: 0;	
}
.otherlogin span{
    display: block;
    vertical-align: middle;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    text-decoration: none;
}
.loginbut{
	color: #fff;
    border-color: #cc2311;
    background: #ef4e3a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	width:80%;
	max-width: 330px;
    vertical-align: top;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-style: solid;
    -webkit-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    padding: 0 12px;
	margin-top:15px;
    line-height: 25px;
    height: 30px;
    border-width: 1px;
	cursor:pointer;
	border-radius: 3px;
}
.regbut{
    border-color: #d39211;
	background: #f0b840;
}
.regpwd{
    border-color: #238bbf;
	background: #50addf;
}