html,body{
	height:100%;
	margin: 0;
	font-family:"Microsoft YaHei",simsun;
}
input{outline:none;}
.flex-wrap {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  flex-flow: column;
  overflow:hidden;
}
.flex-header{
	width:100%;
	height:90px;
	padding-top:70px;
}
.flex-footer{
	width:100%;
	font-size: 15px;
    color: #949494;
    text-align: center;
}
.info{
	padding:30px 0 15px 0;
}
.licen{
	height:30px;
	line-height:30px;
	display:none;
}
.flex-footer a{
    color: #949494;
    text-decoration:none;
}
.flex-main{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background:#3f83fe url(../images/loginbg.jpg) no-repeat center top;
  background-size: cover;
  overflow:hidden;
  max-height:595px;
}
.flex-wrapd{width:100%;height:auto;overflow:hidden;}
.flex-maind{width:100%;height:560px;overflow:hidden;background:url(../images/loginbg.jpg) no-repeat center bottom;background-size:cover;}
.mainDiv{width:1000px;height:100%;margin:0 auto;overflow:hidden;}
.main{
    width: 400px;
    float:right;;
    margin:40px auto 0 auto;
    background-color: #FFFFFF;
    color: #363636;
    padding-bottom:10px;
    min-height:430px;
    border: 2px solid #e0e0e0;
    text-align:center;
}
.title{
	padding-left:40px;
	line-height:50px;
	color:#2b8fff;
    font-size: 22px;
    text-align:left;
}
.name {
    width:346px;
    height:42px;
    line-height:40px;
    margin:10px auto;
    text-align:center;
    display:inline-block;
}
.lhide{display:none;}
.name input.txt {
    width: 310px;
    font-size: 14px;
    height:100%;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
    border:none;
    color:#757575;
    float:right;
    background:#fff;
}
.name input.txt::-webkit-input-placeholder {/* placeholder颜色  */
	color: #c1c1c1;
}
.nameu{
	border: 1px solid #e0e0e0;
	background: url(../images/yhmbg.gif) no-repeat 10px center;
}
.namep{
	border: 1px solid #e0e0e0;
	background: url(../images/mmbg.gif) no-repeat 10px center;
}
.namel{margin-bottom:0;}
.name input.validatecode{
	width:200px;
	padding-left:15px;
	float:left;
	display:inline;
    margin: 0;
    margin-right:10px;
    border: 1px solid #e0e0e0;
    color: #757575;
}
.validatecodeImg{
	cursor:pointer;
	width:115px;
	height:100%;
	vertical-align:top;
}
.btn {
    width: 347px;
    margin: 20px auto 20px auto;
    cursor: pointer;
    background:#2b8fff;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    text-align:center;
    clear:both;
}
.ermsg{width:100%;text-align:center;}
.colorred{color:#c03;}

.hdmain{
	width:1000px;
	margin:0 auto;
	height:100%;
	color:#2b8fff;
}
.logodiv{float:left;width:75px;height:100%;overflow:hidden;text-align:left;padding-top:6px;}
.logodiv img{height:60px;margin-top:15px;}
.titlediv{float:left;line-height:80px;padding-top:10px;font-size:34px;font-weight:bold;}
.hd_right{
	width:auto;
	line-height:16px;
	margin-top:55px;
	padding-left:16px;
	float:right;
	display:inline;
	text-align:right;
	font-size:14px;
	color:#979797;
	background:url(../images/bzwd.gif) no-repeat left center;
}
.hd_right a{text-decoration:none;color:#979797;}
form{margin-top:20px;}
.tsmsg{padding-top:10px;font-size:14px;color:#2b8fff;}
.logods{float:left;width:75px;text-align:left;padding-top:28px;}
.flex-maind.cmc{background-image:url(../../cmc/images/loginbg.jpg);}

@media only screen and (max-width:1000px){
	.hd_right,.title,.tsmsg{display:none;}
	.flex-wrapd{height:100%;}
	.flex-header{padding-top:10px;}
	.flex-maind{height:500px;background:#2b8fff;}
	.hdmain{width:350px;}
	.mainDiv{width:100%;height:360px;padding-top:30px;}
	.main{float:none;width:auto;height:100%;min-height:0;margin:0 20px 0 20px;}
	.name{width:90%;}
	.name input.txt{width:calc(100% - 50px);}
	.name input.validatecode{width:170px;}
}