.login-box { width: 26%; position: relative; margin-top: 30px; opacity: 0.8;margin-left: 525px;}

.login_2{
	width:500px;
	margin:0 auto;
	margin-top: 55px;
}
.login_left{
	float: left;
	width: 600px;
	height:400px;
	background: url(../images/login.png) no-repeat;
}
.login-wrap{
	width: 400px;
	height:400px;
	border:2px solid #DEDEDE;
	margin:0 auto;
	position: relative;
	background: #fff;
	}
.fl {
    float: left;
}
.fr {
    float: right;
}
.login-wrap .login-form .item .icon,.logo-info-r a.sina, .logo-info-r a.qq,.login-wrap .login-form .msg-wrap .msg-icon,.logo-info-r .weixin span,.login-wrap .login-form .item-coagent a i{
    background: url(../images/user-icon.png) no-repeat;
}
.login-wrap .login-form{
    z-index: 1;
    width: 360px;
    background: #fff;
    padding: 20px;
    overflow: visible;
    position: relative;
}

#login-wrap {
    position: relative
}

#login-wrap .hd {
    position: relative;
    height: 20px
}

#login-wrap .hd .static {
    background: url("../images/quick_bg.png") no-repeat;
    text-indent: -99999px
}

#login-wrap .hd .quick {
    background: url("../images/static_bg.png") no-repeat;
    text-indent: -99999px
}

#login-wrap .hd h2 {
    display: block;
    cursor: pointer;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 100%;
    font-weight: 400;
}

#login-wrap.login-quick .hd .quick, #login-wrap.login-static .hd .static, .login-quick #login-form {
    display: none;
}

.login-static .qrcode-login {
    display: none
}

.login-quick .qrcode-login,.login-static #login-form {
    display: block
}
.qrcode-login {  z-index: 1; }

.qrcode-desc {
    text-align: center;
    padding-bottom: 10px;
    overflow: hidden;
}
.qrcode_box {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    padding: 7px;
    box-shadow: 0 0 8px #ddd;
}

.qrcode-desc {
    text-align: center;
    padding: 20px 0;
    overflow: hidden
}

.qrcode-desc .iconfont {
    display: inline-block;
    color: #00a2ca;
    font-size: 34px;
    line-height: 36px;
    margin-right: 10px
}
@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_1451959379_8626566.eot);
    src: url(//at.alicdn.com/t/font_1451959379_8626566.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1451959379_8626566.woff) format('woff'),url(//at.alicdn.com/t/font_1451959379_8626566.ttf) format('truetype'),url(//at.alicdn.com/t/font_1451959379_8626566.svg#iconfont) format('svg')
}
.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font: 12px/1.6 Tahoma,Arial,Hiragino Sans GB,\5b8b\4f53;
}


.qrcode-desc p {
    line-height: 16px;
    font-size: 12px;
    text-align: left;
    display: inline-block
}

.qrcode-desc a { color:#F48702; }

.login-static .login-tip {
    display: block
}

.login-static .login-tip2 {
    display: none
}

.login-quick .login-tip2 {
    display: block
}

.login-tip {
    position: absolute;
    top: 0;
    right: 52px;
    display: none
}

.poptip {
    border: 1px solid #f3d995;

    line-height: 16px;
    padding: 5px 20px 5px 15px;
    background: #fefcee;
    position: relative;
    z-index: 9999
}

.poptip .poptip-content {
    color: #df9c1f;
    font-size: 12px;
    font-weight: 400
}

.poptip .poptip-content .iconfont {
    color: #df9c1f;
    font-size: 14px;
    margin-right: 8px
}

.poptip-arrow {
    position: absolute;
    z-index: 10;
    *zoom:1}

.poptip-arrow em,.poptip-arrow span {
    position: absolute;
    *zoom:1;width: 0;
    height: 0;
    border-color: rgba(255,255,255,0);
    border-color: transparent \0;
    *border-color: transparent;
    _border-color: tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    top: 0;
    left: 0
}

.poptip-arrow {
    top: 8px;
    right: 0
}

.poptip-arrow em {
    top: 0;
    left: 1px;
    border-left-color: #f3d995;
    border-width: 6px 0 6px 6px
}

.poptip-arrow span {
    border-left-color: #fefcee;
    border-width: 6px 0 6px 6px
}


.login-regist { width: 100%; height:30px; line-height: 30px; text-align: right;  }
.login-regist a { color:#F48702; }






.login-wrap .login-form .login-tit{
    height: 27px;
    line-height: 27px;
    font-size: 20px;	
}
.login-wrap .login-form .login-tit .regist-link{
	float:right;
	font-size:12px;	
}
.login-wrap .login-form .login-tit .regist-link i{
	font-family:sinum;
	font-weight:bold;	
}

.login-wrap .login-form .msg-wrap{
	min-height: 31px;
    height: auto;
    margin: 5px 0;
    visibility: hidden;	
}
.login-wrap .login-form .msg-wrap .msg-error {
    position: relative;
    background: #fff6f7;
    color: #E31939;
    border: 1px solid #ff6d82;
    padding: 3px 10px 3px 40px;
    line-height: 18px;
    min-height: 18px;
}
.login-wrap .login-form .msg-wrap .msg-icon {
    position: absolute;
    left: 13px;
    top: 5px;
    display: block;
    width: 14px;
    height: 14px;
    background-position: 0 0;
}
.login-wrap .login-form .item{
	overflow:hidden;	
	height:38px;
	position:relative;
	border: 1px solid #ddd;
	margin-bottom:20px;	
}
.login-wrap .login-form .item-error{
	border:1px solid #E31939;	
}
.login-wrap .login-form .item .icon{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left:10px;
	top:9px;	
}
.login-wrap .login-form .item-name .icon{
	background-position:0 -15px;	
}

.login-wrap .login-form .item-password .icon{
	background-position:0 -36px;	
}
.login-wrap .login-form .item .text{
	line-height: 18px;
    height: 18px;
    border: 0;
    padding: 10px 0 10px 40px;
    width: 264px;
    float: none;
    overflow: hidden;
    font-size: 14px;
}
.login-wrap .login-form .item-authcode {
	border:0;	
	height:40px;
}
.login-wrap .login-form .item-authcode .item-detail {
    border: 1px solid #ddd;
    width: 100px;
}
.login-wrap .login-form .item-authcode .item-error{
	border-color:#E31939;	
}
.login-wrap .login-form .item-authcode .icon{
	background-position:0 -57px;	
}
.login-wrap .login-form .item-authcode .text{
	width:60px;	
	float:left;
}
.login-wrap .login-form .item-authcode .img{
	margin-top:3px;	
}
.login-wrap .login-form .safety{
	margin-bottom:15px;
	overflow:hidden;
	height:18px;
	line-height:18px;
}
.login-wrap .login-form .safety .checkbox{
	vertical-align:middle;
	margin-right:3px;
	float:none;
}
.login-wrap .login-form .login-btn{
	margin-bottom:20px;	
	overflow:hidden;
}
.login-wrap .login-form .login-btn .btn-img{
	width: 360px;
    height: 35px;
    font-size: 14px;
    color: #FFF;
    background: #F48702;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    border-radius: 5px;
    border: none;	
}
.login-wrap .login-form .item-coagent{
	height:24px;
	line-height:24px;	
	overflow:hidden;
}
.login-wrap .login-form .item-coagent a{
	float:left;
	height:24px;	
	padding-left:26px;
	position:relative;
	margin-right:25px;
}
.login-wrap .login-form .item-coagent a i{
	display:block;
	width:24px;
	height:24px;	
	position:absolute;
	left:0;
	top:0;
}
.login-wrap .login-form .item-coagent a i.weixin{
	background-position:-24px 0;	
}
.login-wrap .login-form .item-coagent a i.qq{
	background-position:-24px -25px;	
}
.login-wrap .login-form .item-coagent a i.sina{
	background-position:-24px -50px;	
}
.login-wrap .login-form .item-coagent a i.alipay{
	background-position:-24px -76px;	
}
.login-wrap .login-form .item-coagent a.last{
	margin:0;	
}