body, button, input, txt {
    font-family: "Microsoft YaHei","Hiragino Sans GB";
}
input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
       -webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
      -webkit-box-shadow: 0 0 0 1000px white inset;
}
[class^="icon-index-"], [class*="icon-index-"] {
    background: url(/img/login/i-icon2x.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:120dpi) {
    [class^="icon-index-"], [class*="icon-index-"] {
	    background: url(/img/login/i-icon1x.png) no-repeat;
	    background-size:35px 286px;
	}
}
input[placeholder], [placeholder], *[placeholder] {
	color:#666 !important;
}
html,body{margin:0;padding:0;height:100%}
.container{min-height:100%;height:auto !important;height:100%; position:relative;}
.container-login{min-height:100%;height:100%; position:relative;}
.center{
	padding-bottom:80px;
	background:url(/img/user/centerBg.png) no-repeat;
	background-size:100% 100%; }
.header{
	background:#fafafa;
	min-width:1200px;
	height:80px;
	border-bottom: 1px solid #e8e8e8;
}
.box{
	width: 1130px;
	height:60px;
	margin:0 auto;
}
.logo{
	height: 25px;
	padding-top: 4px;
	font-size:18px;
	color:#333;
}
.logo span{
	line-height: 18px;
	padding-top: 3px;
	margin-left: 20px;
}
.header .txt span{
	font-size:14px;
	color:#666666;
	line-height:14px;
	margin-top: 33px;
}
.header .txt .login{
	font-size:14px;
	color:#333333;
	line-height:14px;
	margin-top: 33px;
	margin-left: 30px;
}
.header .txt .login:hover{
	text-decoration: underline;
}
.header .txt .sign{
	font-size:14px;
	color:#333333;
	line-height:30px;
	width: 68px;
	height: 30px;
	border:1px solid #ddd;
	text-align: center;
	margin-top: 24px;
	margin-left: 20px;
}
.footer{
	position:absolute;
	bottom:0;
	width: 100%;
	min-width: 1200px;
}
.footer p{
	text-align: center;
	font-size: 12px;
	color:#999;
	line-height: 12px;
}
.footer p.p1{
	padding-bottom: 16px;
	padding-top:20px;
}
.footer p.p1 a{
	color:#333;
}
.footer p.p1 a:hover{
	color:#333;
	text-decoration: underline;
}
.main{
	width: 600px;
	margin:0 auto;
	padding-top: 80px;
}
.formBox{
	margin-bottom: 40px;
}
.formBox ul li{
	float:left;
	width: 300px;
	border-bottom:2px solid #ddd;
	font-size:16px;
	color:#333333;
	line-height:16px;
	padding-bottom: 14px;
}
.formBox ul li.on{
	border-color:#ff6633;
}
.formBox ul li a{
	-padding-left: 30px;
	margin-left: 46px;
	line-height: 20px;
}
.formBox ul li a.a1 i{
	width: 20px;
	height: 20px;
	background-position:0 0;
	margin-top: -3px;
	margin-right: 10px;
}
.formBox ul li a.a2 i{
	width: 20px;
	height: 20px;
	background-position:0 -30px;
	margin-top: -3px;
	margin-right: 10px;
}
.formBox .user{
	max-width: 450px;
	background:#f6f6f6;
	height:38px;
	margin:0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.formBox .user .userPic{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 10px;
	behavior: url(ie-css3.htc);
}
.formBox .user .userName{
	font-size:12px;
	color:#333333;
	line-height:12px;
	margin-top: 13px;
	width: 55px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.formBox .user .txt{
	font-size:12px;
	color:#333333;
	line-height:12px;
	margin-top: 13px;
	width: 337px;
}
.form-item{
	position:relative;
	background:#ffffff;
	border:1px solid #cccccc;
	width:378px;
	height:46px;
	margin:0 auto;
}
.form-item .icon-index-correct{
	position:absolute;
	top:17px;
	right:10px;
	width: 14px;
	height: 14px;
	background-position:0 -108px;
}
.form-item.error{
	border-color:#fa5454;
}
.form-item label{
	float:left;
	font-size:14px;
	color:#666666;
	line-height:46px;
	padding-left: 10px;
	width: 60px;
}
.form-item label.china0086{
	padding-left:0;
	text-align:center;
	width:80px;
	border-right:1px solid #ccc;
}
.form-item input.acc,.passw{
    outline: 0;
	border: 0 none;
    font-size: 14px;
    width: 240px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-top: 13px;
    line-height:20px;
}
.form-item input.passw.code{
    outline: 0;
	border: 0 none;
    font-size: 14px;
    width: 180px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 12px;
    padding-top: 13px;
}
.form-item select{
	background-color: #ffffff;
	color: #666;
	border: 0 none;
	outline: 0;
	font-size: 14px;
	height: 42px;
	line-height: 46px;
	width: 250px;
	text-align: center;
	text-align-last: center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.form-item select option{
	text-align:center;
	text-align-last:center;
}
.input-tip{
	width:380px;
	margin:0 auto;
	height: 30px;
	padding-top: 10px;
}
.binding{
	background:#ff6b3a;
	width:380px;
	height:44px;
	font-size:14px;
	color:#ffffff;
	line-height:44px;
	text-align:center;
	display:block;
	margin:0 auto;
}
.forget{
	font-size:12px;
	color:#666;
	line-height:12px;
	float:right;
	display: block;
	margin:16px auto;
	margin-right: 110px;
}
.forget:hover{
	color:#ff6633;
	text-decoration: underline;
}
.form-item .img-code{
	position:absolute;
	top:5px;
	right:10px;
	width: 98px;
	height: 36px;
	cursor: pointer;
}
.i-error{
	font-size:12px;
	color:#ff4646;
	line-height:14px;
	margin-right: 30px;
}
.i-error i{
    width: 14px;
    height: 15px;
    background-position: 0 -60px;
    vertical-align: text-bottom;
    margin-right: 6px;
}
.i-status{
	font-size:12px;
	color:#32c03c;
	line-height:14px;
	margin-right: 30px;
}
.i-status i{
    width: 14px;
    height: 15px;
    background-position: 0 -108px;
    vertical-align: text-bottom;
    margin-right: 6px;
}
.i-gray{
	font-size:12px;
	color:#999;
	line-height:14px;
	margin-right: 30px;
	position:absolute;
}
.i-gray i{
    width: 14px;
    height: 15px;
    background-position: 0 -84px;
    vertical-align: text-bottom;
    margin-right: 6px;
}

.overtime{
	background:#ffffff;
	border:1px solid #ddd;
	width:398px;
	height:200px;
	position: absolute;
	top:40%;
	left:50%;
	margin-left:-200px;
	margin-top:-61px;
	z-index: 999;
}
.overtime .icon-index-overtime{
	position:absolute;
	top: 79px;
	left: 115px;
	width: 35px;
	height: 35px;
	background-position: 0 -229px;
}
.overtime .icon-index-status{
	position:absolute;
	top: 79px;
	left: 115px;
	width: 35px;
	height: 35px;
	background-position: 0 -184px;
}
.overtime .overbox{
	margin-left: 170px;

}
.overtime .overbox h3{
	font-size:16px;
	color:#666666;
	line-height:16px;
	padding-top: 75px;
	font-weight: normal;
}
.overtime .overbox p{
	font-size:12px;
	color:#666666;
	line-height:12px;
	margin-top: 14px;
}
.overtime .overbox p a{
	color:#ff7345;
	text-decoration: underline;
}
.close{
	width: 12px;
	height: 12px;
	position:absolute;
	top:10px;
	right:10px;
}
.close img{
	display:block;
}

.changePassword .changeOne{
	margin-bottom: 100px;
}
.barBox{
	width: 560px;
	margin:0 auto;
	margin-bottom: 70px;
}
.barBox li{
	float:left;
	width: 140px;
	text-align: center;
}
.barBox li p{
	width: 140px;
	height: 6px;
	background:#ccc;
	position:relative;
	margin-bottom: 20px;
}
.barBox li.on p{
	background:#32c03c;
}
.barBox li p i{
	display: block;
	position:absolute;
	left:50%;
	top:-8px;
	z-index: 10;
	margin-left:-11px;
	color:#fff;
	font-size: 14px;
	background:#ccc;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(ie-css3.htc);
}
.barBox li.on p i{
	background:#32c03c;
}
.barBox li span{
	font-size:14px;
	color:#cccccc;
	line-height:14px;
	text-align:center;
}
.barBox li.on span{
	color:#32c03c;
}
.barBox li .p1{
	border-radius: 20px 0 0 20px;
	behavior:url(ie-css3.htc);
}
.barBox li .p2{
	border-radius: 0 20px 20px 0;
	behavior:url(ie-css3.htc);
}

.changeTwo .mail{
	font-size:18px;
	color:#333333;
	line-height:18px;
	text-align:center;
	margin-bottom: 30px;
}
.grayBox{
	background:#f6f6f6;
	width:560px;
	margin:0 auto;
	margin-bottom: 10px;
}
.grayBox p{
	font-size:12px;
	color:#666666;
	text-align:center;
}
.grayBox p.p1{
	line-height: 22px;
	padding-top:20px;
	padding-bottom: 20px;
}
.grayBox p.p2{
	line-height: 12px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.grayBox p.p3{
	padding-bottom: 30px;
}
.grayBox p.p3 span{
	color:#333;
}
.grayBox p a{
	color:#ff6633;
	text-decoration: underline;
}
.grayBox .loginMail{
	background:#ff7345;
	width:230px;
	height:40px;
	font-size:14px;
	color:#ffffff;
	line-height:40px;
	text-align:center;
	display: block;
	margin:0 auto;
}
.grayBox h3{
	font-size:14px;
	color:#333333;
	line-height:18px;
	font-weight: normal;
	margin-left: 196px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.grayBox i{
	width:18px;
	height:18px;
	background-position: 0 -156px;
	margin-right: 10px;
	vertical-align: bottom;
}
.grayBox .p4{
	line-height: 24px;
	padding-bottom: 20px;
}
.grayBox .p4 span{
	color:#333;
	text-decoration: underline;
}

.grayBox .success{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 177px;
	padding-left: 55px;
	position: relative;
}
.grayBox .success .icon-index-bg{
	width: 35px;
    height: 35px;
    background-position: 0 -184px;
    vertical-align: baseline;
    position: absolute;
    left: 0;
    top: 43px;
}
.grayBox .success h2{
	font-size:16px;
	color:#666666;
	line-height:16px;
	margin-bottom: 14px;
	font-weight: normal;
}
.grayBox .success p{
	text-align: left;
	line-height: 12px;
}


.phonePass .eml{
	font-size:14px;
	color:#666;
	line-height:14px;
	padding-left: 120px;
	margin-bottom: 40px;
}
.phonePass .eml span{
	margin-left: 35px;
	color:#333;
}
.phonePass .phone{
	font-size:14px;
	color:#666;
	line-height:14px;
	padding-left: 120px;
	margin-bottom: 40px;
}
.phonePass .phone span{
	margin-left: 25px;
	color:#333;
}
.btn-phonecode{
	background:#eeeeee;
	width:104px;
	height:36px;
	font-size:14px;
	color:#333;
	line-height:36px;
	text-align:center;
	position:absolute;
	top:6px;
	right:6px;
	border:none;
	padding:0;
	outline:0;
	cursor: pointer;
}
.login-phonecode{
	background:#eeeeee;
	width:98px;
	height:36px;
	font-size:12px;
	color:#333;
	line-height:36px;
	text-align:center;
	position:absolute;
	top:3px;
	right:3px;
	border:none;
	padding:0;
	outline:0;
	cursor: pointer;
}
.btn-phonecode span{
	color:#ff7345;
}
.login-phonecode span{
	color:#ff7345;
}
.agree{
	width: 380px;
	height: 34px;
	margin:0 auto;
	font-size:14px;
	line-height:14px;
}
.agree span{
	cursor: pointer;
	color:#666666;
	padding-left: 24px;
	float: left;
	background:url(/img/login/inp.png) no-repeat left center;
	margin-right: 5px;
}
.agree span.active{
	background:url(/img/login/inp1.png) no-repeat left center;
}
.agree a{
	color:#ff6633;
	float: left;
	text-decoration: underline;
}

.capslock-tip {
    right: 2px;
    top: -45px;
}
.tips {
    position: absolute;
    background: #fef4e5;
    border: solid 1px #f6c090;
    color: #bc5212;
    display: none;
    padding: 0 12px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    z-index: 11;
}
.tips .arrow {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-color: #f6c090 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 8px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -16px;
}
.tips .arrow-inner {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-color: #fef4e5 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 8px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -15px;
}
.directLogin{
	text-align: center;

}
.directLogin h2{
	font-size:20px;
	font-weight: normal;
	color:#333333;
	line-height:20px;
	margin-bottom: 30px;
}
.directLogin p{
	font-size:12px;
	color:#666666;
	line-height:12px;
}
.directLogin p a{
	color:#ff6633;
	margin-bottom: 40px;
}
.loginBg{
	height:100%;
	background:url(/img/login/loginBg.png) no-repeat;
	position: relative;
}
.loginBg .loginCenter{
	width: 970px;
	height: 600px;
	margin:0 auto;
	position:absolute;
	top: 50%;
    	left: 50%;
    	margin-top: -300px;
    	margin-left: -485px;
	background:url(/img/login/loginCenter.png) no-repeat;
	background-size: 100% 100%;
}
.loginBg .loginCenter .txtPic .txt{
	margin-left: 100px;
	padding-top: 110px;
}
.loginBg .loginCenter .txtPic .txt h1{
	font-family:FZZZHONGJW--GB1-0;
	font-size:36px;
	color:#ffffff;
	letter-spacing:3px;
	line-height:36px;
	margin-bottom: 20px;
}
.loginBg .loginCenter .txtPic .txt p{
	opacity:0.9;
	filter:alpha(opacity=90);
	font-size:16px;
	color:#ffffff;
	line-height:34px;
	text-align:left;
	margin-bottom: 32px;
}
.loginBox{
	background:url(/img/login/loginBoxBg.png) no-repeat;
	background-size: 100% 100%;
	border-radius:6px;
	behavior: url(ie-css3.htc);
	width:330px;
	height:500px;
	margin-top: -256px;
	padding-left: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -190px;
}
.loginBox .twoBtns{
	padding-top: 30px;
}
.loginBox .twoBtns li{
	float:left;
	width: 140px;
	text-align: center;
	border-bottom:2px solid #ddd;
	height: 35px;
}
.loginBox .twoBtns li.on{
	border-color: #ff6633;
}
.loginBox .twoBtns li a{
	font-size:16px;
	color:#333333;
	line-height:16px;
	display: block;
	height: 35px;
}
.loginBox .login-tip{
	padding-top: 8px;
	height:22px;
}
.loginBox .item-fore{
	position:relative;
	background:#ffffff;
	border:1px solid #dddddd;
	width:278px;
	height:42px;
}
.loginCs{
	display: none;
}
.loginCs.active{
	display:block;
}
.loginBox .item-fore.error{
	border-color:#fa5454;
}

[class^="icon-login-"], [class*="icon-login-"] {
    background: url(/img/login/icon-login1x.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:120dpi) {
    [class^="icon-login-"], [class*="icon-login-"] {
	    background: url(/img/login/icon-login2x.png) no-repeat;
	    background-size:78px 322px;
	}
}
.loginBox .item-fore .login-label{
	float:left;
	width: 40px;
	height: 40px;
	padding:1px 4px;
	border-right:1px solid #ddd;
}
.loginBox .mpanel .login-label{
	float:left;
	width: 40px;
	height: 40px;
	padding:1px 4px;
	border:1px solid #ddd;
}

.login-label.icon-login-name{
	background-position: 4px 2px;
}
.login-label.icon-login-pwd{
	background-position: 4px -49px;
}
.login-label.icon-login-code{
	background-position: 4px -149px;
}
.login-label.icon-login-phone{
	background-position: 4px -100px;
}
.login-label.icon-login-num{
	background-position: 4px -49px;
}
.loginBox .item-fore .itxt{
    outline: 0;
    border: 0 none;
    font-size: 14px;
   /*  width: 160px; */
    width: 192px;
    height: 20px;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-top: 12px;
    line-height:20px;
}
.h20{
	height:20px;
}
.loginBox .item-fore .itxt.code{
	width: 150px;
}
.loginBox .item-fore .img-code{
	position:absolute;
	top:3px;
	right:3px;
	width: 98px;
	height: 36px;
	cursor: pointer;
}
.autoLogin{
	height: 32px;
	font-size:12px;
	line-height:14px;
	padding-top: 12px;
}
.autoLogin i{
	cursor: pointer;
	color:#666666;
	padding-left: 24px;
	float: left;
	background:url(/img/login/inp.png) no-repeat left center;
	margin-right: 5px;
}

.autoLogin i.boxcheked{
	background:url(/img/login/inp1.png) no-repeat left center;
}
.login-btn{
	background: #ff6b3a;
    width: 280px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    display: block;
}
.txtBtns{
	width: 280px;
	text-align: center;
	font-size:12px;
	line-height:12px;
	margin-top: 20px;
}
.txtBtns span{
	color:#ddd;
}
.txtBtns a{
	color:#666666;
}
.txtBtns a:hover{
	color:#ff6633;
	text-decoration: underline;
}
.loginB{
	position:absolute;
	left:50px;
	bottom:60px;
	width: 280px;
	height: 46px;
	border-top:1px solid #e8e8e8;
}
.posR{
	position:relative;
	padding-top: 25px;
	height: 35px;
}
.posR span{
	width: 100px;
	background:#fff;
	position:absolute;
	top:-7px;
	left:90px;
	font-size:12px;
	color:#999999;
	line-height:12px;
	text-align:center;
}
.posR a{
	float:left;
	width: 34px;
	height: 34px;
}
.posR a.icon-login-wx{
	background-position:0 -200px;
	margin-left: 40px;
	margin-right: 49px;
}
.posR a.icon-login-wx:hover{
	background-position:-44px -200px;
}
.posR a.icon-login-qq{
	background-position:0 -244px;
	margin-right: 49px;
}
.posR a.icon-login-qq:hover{
	background-position:-44px -244px;
}
.posR a.icon-login-wb{
	background-position:0 -288px;
}
.posR a.icon-login-wb:hover{
	background-position:-44px -288px;
}
.h30{
	height:30px;
}



.confirm{
	width: 398px;
	height: 200px;
	border:1px solid #ddd;
	position:absolute;
	top:40%;
	left:50%;
	margin-left: -200px;
	margin-top: -101px;
	background:#fff;
	z-index: 99999;
}
.confirm .p1{
	padding-top: 40px;
	font-size:16px;
	color:#999999;
	line-height:16px;
	text-align:center;
}
.confirm .p2{
	padding-top: 30px;
	font-size:14px;
	color:#333333;
	line-height:14px;
	text-align:center;
}
.confirm div .clearfix{
	padding-top: 35px;
}
.confirm div .clearfix a{
	background:#ff7e45;
	border-radius:4px;
	width:70px;
	height:32px;
	float: left;
	font-size:14px;
	color:#ffffff;
	line-height:32px;
	text-align:center;
	margin-right: 20px;
}
.confirm div .clearfix a:first-child{
	margin-left: 120px;
}