span.areaviewer {
    position: absolute;
    background: white;
    width: 80px;
    text-align: center;
    font-size: 16px;
    height: 48px;
    border: 1px solid #bfbfbf;
    line-height: 48px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: black;
}
.modal-body span.areaviewer {
    left: 59px;
    border-radius: 0!important;
    height: 40px;
    line-height: 40px;
}
input.hasareacode {
    padding-left: 91px!important;
}
div#fd_code {
    padding-bottom: 18px;
}


*{
	font-family:"Hiragino Sans GB","Microsoft Yahei",SimSun,Arial,"Helvetica Neue"
}
footer{
    /* position: absolute; */
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: white;
}
/**样式被污染，修复*/
h1,h2,h3,h4,h5,h6{
	margin-top:0px!important;
	margin-bottom:0px!important;
}

div.bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../img/login_bg.jpg);
    background-position: center top;
    background-size: 100% auto;
}
body,html {
	margin:0;
	padding:0;
	background-color:#ae3042!important;
}
*[pager].disabled{
    color: gainsboro;
    background: #a2a2a2;
}
#fd_code .select2,#fd_code .selection,#fd_code .select2-selection--single,#fd_code .select2-container,#fd_code .select2-selection__rendered{
	width:280px!important;
	display: block!important;
	position: relative!important; 
	height:40px;
	min-height:initial!important;
	line-height:40px!important;
}
#fd_code .select2-container--default .select2-selection--single .select2-selection__arrow{
	top:6px!important;
}

#fd_code .select2-container{
	display:table;
	margin:0 auto;
}
.header{
	width:100%;
	height:100px;
	/* padding:15px 0px; */
}
.content{
	margin:0 auto;
	width: 1024px;
}
.header .content *{
	vertical-align: middle;
}
.header .content h1{
	display:inline-block;
	line-height:70px;
	font-size:30px;
	margin-left:50px;
}
.main{
	width:100%;
	height: 603px;
}
.main .content{
	height:100%;
	position: relative;
	display: table;
}
.formbox{
	width: 400px;
	display: table-cell;
	vertical-align:middle;
	position: relative;
	color:white;
}
.formbox .login,.formbox .register{
	float:right;
	background-color: rgba(45,45,45,0.8);
	padding: 20px;
	border-radius: 0;
	padding-bottom: 18px;
}
.formbox .login>div,.formbox .register>div{
	padding:7px;
	position: relative;
}
.error{
	max-width: 350px;
}
.register{
	display:none;
}
.formbox input[type='text'],.formbox input[type='password'],.formbox input[type='button']{
	color:#111;
	padding:12px 15px;
	width: 340px;
	border-radius: 3px;
	border:1px solid #bfbfbf;
	font-size:16px;
}

.login .switcher,.register .switcher{
	font-size:22px;
}
.login input[type='submit'],.register input[type='submit']{
    width: 340px;
    padding: 8px 0;
    margin-top: 10px;
    border-radius: 3px;
    background-color: #e5aa15;
    border: 1px solid #e5aa15;
    font-size:17px;
    color:white;
}
.error{
	color:#FF9292;
	text-align:center;
}
.pager{
	display:table;
}
.pager *{
	display:inline-block!important;
	margin:10px!important;
}
.switcher span{
	text-align: right;
	display: block;
	text-align: right;
	background-repeat: no-repeat;
	cursor:pointer;
	color: yellow;
	font-size: 16px;
}
.login a,.register a{
	color: white;
	text-decoration:none;
	position: relative;
	z-index:9;
}
.login a:hover,.register a:hover{
	text-decoration:none;
	color: gray;
}
span.vcode {
    position: absolute;
    /* width: 83px; */
    background: #ae3042;
    padding: 5px;
    display: block;
    top: 16px;
    right: 20px;
    border-radius: 5px;
    cursor:pointer;
}
span.vcode.disabled{
	background-color:#a9a9a9;
	color:#F5F5F5;
}
.modal_align{
	margin-top:15%;
}
.modal-dialog{
	width:430px!important;
}
.modal-header {
    color: white;
    background: #88323e;
    padding: 10px;
}
.modal-body>div {
	padding:7px;
	margin:0 auto;
	position: relative;
}
.modal-body>div .vcode{
	right: 65px;
    color: white;
    top: 22px;
}
.modal-body>div input{
	width:280px;
	padding:8px;
	margin:0 auto;
	display:block; 
}
.modal-body input:first-child{
	margin-top:10px;
}
.modal-body button {
    display: block;
    margin: 0 auto;
    width: 105px;
    padding: 10px;
    background: #b23c4d;
    border: 0;
    color: white;
    margin-bottom:15px;
    margin-top:10px;
}
.forms{
	
    display: inherit;
    float: right;
    position: relative;
	
}
img.down-app {
    margin-top:20px;
    cursor:pointer;
}
a.lang_switcher{
	cursor:pointer;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #bfbfbf!important;
}
a.toright {
    float: right;
}

input.wrong{
	border:1px solid red;
	outline:none;
}

.textbox, select, .select2, .select2-selection--single, .select2-selection--single .select2-selection__rendered{
	min-height:48px;
	color:#111;
	width: 340px!important;
	font-size:16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:48px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top:12px!important;
}

.login-text {
    color: #ccc;
    font-size: 20px;
    width: 768px;
}

.header{
	background:#3a3a3a;
	height:72px;
	box-sizing: initial!important;
}
.w1024{
	width:1024px;
	margin:0 auto;
	position:relative;
	height:100%;
	display: table;
}
.logo{
	padding:13px;
	padding-left:0;
}
.header_opt a {
    display: inline-block;
    margin-left: 20px;
    text-align: center;
    color: white;
    text-decoration: none;
    position: relative;
    font-size: 16px;
}
.header_opt {
    display: inline;
    height: 100%;
    vertical-align: middle;
    float: right;
    margin-top: 13px;
}
.header_opt a:not(:last-child):after {
    width: 1px;
    height: 24px;
    background-color: white;
    display: inline-block;
    content: ' ';
    position: absolute;
    margin-left: 19px;
    bottom: 5px;
}
.formbox>div {
    display: table-cell;
    vertical-align: middle;
}

.login-text>img {
    display: inline-block;
    margin-bottom: 32px;
}





div.content1{
	display:table;
	border-bottom:1px solid #eee;
	margin:0 auto;
	padding:40px;
	background: white;
}
.content-text.font{
	font-size:35px;
	color: #666;
}
.content-text,.content-image{
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.content-image.long-right{
	margin-left:-340px;
}
.long-left{
		margin-right:-250px;
}
.download.container{
	float:none!important;
	display: table;
	margin: 0 auto;
	margin-top:35px;
}
.download.container .vcode{
	float:left!important;
}

.content1.left .content-text{
	margin-right:120px;
}
.content1.right .content-text{
	margin-left:120px;
}
.contents{
	background-color:white;
}
.wechat_follow{
	position:fixed;
	z-index:2333;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	display:none;
}
.wechat_follow img {
    margin: 0 auto;
    display: table;
    cursor: pointer;
}
.footer_text{
	text-align:left;
	vertical-align: middle;
	float: left;
	margin-top: 6px;
	line-height: 20px;
}


.footer {
    color: #414141;
    text-align: center;
    width: 100%;
    bottom: 0;
    height:100px;
    background-color:white;
    font-size:12px;
    display:table;
    padding-top: 16px;
}
a:hover, a:focus {
    color: white!Important;
}
.downapp{
	display:none;
}
.downapp>div {
    height: 190px;
    font-size: 16px;
    margin:20px;
    padding: 9px 0px;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
}
.downapp-title{
	padding-bottom:10px;
}
.downs img{
	margin-bottom: 15px;
	display:inline-block;
	margin-top: 3px;
}
.usernote{
	padding-top:5px;
	padding-left: 6px;
}
.usernote input{
	display:inline-block;
	vertical-align: top;
	margin-right: 8px!important;
}
.usernote a {
    padding: 0px 5px;
    text-decoration: underline;
}
span.imgvcode {
    position: absolute;
    display: block;
    top: 7px;
    right: 6px;
    border-radius: 3px;
    cursor:pointer;
}
img.imgvcode {
	height:48px;
}
span.imgvcodefind {
    position: absolute;
    display: block;
    top: 17px;
    right: 56px;
    border-radius: 3px;
    cursor:pointer;
}
img.imgvcodefind {
	height:40px;
}