﻿* {
	box-sizing:border-box;
	padding:0px;
	margin:0px;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}
.max-width {
    width:1200px;
    margin:0px auto;
}
.top-header {
	height:102px;
	width:1200px;
	line-height:102px;
	margin:0px auto;
    text-align:left;
    position:relative;
}
.top-header>img{
    max-height:72px;
    vertical-align:top;
    margin-top:15px;
}
.top-header>a>img{
    max-height:72px;
    vertical-align:top;
    margin-top:15px;
}
.page-title {
    display:inline-block;
    margin-left:44px;
    padding-left:44px;
    height:36px;
    line-height:36px;
    color:#ff7200;
    font-size:24px;
    border-left:2px solid #ff7200;
    margin-top:33px;
}
.right-info {
    position:absolute;
    top:0px;
    right:0px;
    height:102px;
	line-height:102px;
    padding-right:90px;
}
.sysfont {
    position:absolute;
    right:0px;
    top:0px;
    height:102px;
	line-height:102px;
    z-index:999999;
}
a.richscan{
    padding-left:20px;
    background:url('../images_v1.0/top_ico_sys.png') no-repeat;
    display:block;
    background-position:left 43px;
}
.wechat-qrcode {
    position:absolute;
    right:0px;
    top:72px;
    z-index:99;
    width:150px;
    height:150px;
    padding:10px;
    border:1px solid #ddd;
    background-color:#fff;
    display:none;
}
.wechat-qrcode img{
    width:130px;
    height:130px;
}
.richscan:hover .wechat-qrcode {
    display:block;
}
/*登录*/
.center-body {
    width:100%;
    margin-bottom:100px;
    position:relative;
}
.login-bg {
    position:absolute;
    z-index:9;
    top:0;
    left:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:620px
}
.body-layout {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    height:620px;
    z-index:999;
}
.login-box-warp {
    position:absolute;
    right:0px;
    top:50%;
    width:400px;
    height:480px;
    background-color:#fff;
    /*box-shadow:0px 0px 5px rgba(0,0,0,0.4);*/
    padding:40px;
    margin-top:-240px;
}
.register-title {
    text-align:right;
    font-size:16px;
}
.register-title a{
    color:#ff7301;
}

.register-title span{
    color:#626262;
    float:left;
    padding:0px;
    margin:0px;
    line-height:25px;
    font-weight:bold;
}

.input-wrap {
    width:320px;
    border:1px solid #b5b5b5;
    height:48px;
    padding:14px 14px 14px 52px;
    position:relative;
}
.input-wrap.min {
    width:200px;
}
.input-wrap i{
    display:block;
    background:url(../images_v1.0/login-ico-812.png) no-repeat left bottom;
    width:27px;
    height:26px;
    position:absolute;
    top:50%;
    margin-top:-13px;
    left:14px;
}
.pwd-warp .input-wrap i{
    display:block;
    background:url(../images_v1.0/login-ico-812.png) no-repeat center bottom;
    width:26px;
    height:29px;
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:14px;
}
.yzm-warp .input-wrap i{
    display:block;
    background:url(../images_v1.0/login-ico-812.png) no-repeat right bottom;
    width:20px;
    height:26px;
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:16px;
}
.input-wrap input{
    height:20px;
    width:100%;
    border:none;
    outline:none;
    line-height:20px;
}
.input-wrap .error-ico {
    position:absolute;
    width:18px;
    height:18px;
    background:url(../images/error.png) no-repeat center center;
    top:50%;
    right:14px;
    margin-top:-9px;
    display:none;
}
.phone-warp {
    margin-top:15px;
}
.pwd-warp {
    margin-top:15px;
}
.yzm-warp {
    margin-top:15px;
    position:relative;
}
.yzm-warp .yzm-img{
    position:absolute;
    right:0px;
    top:0px;
    width:115px;
    height:48px;
}
.yzm-warp .yzm-img img{
    width:115px;
    height:48px;
}
.is-autologin {
    width:320px;
    margin-top:20px;
    position:relative;
}

.is-autologin a{
    position:absolute;
    right:0px;
    color:#ff7200
}


.btnwrap {
    width:320px;
    margin-top:25px;
    height:48px;
    background-color:#ff7200;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:48px;
    cursor:pointer;
    border-radius:4px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.btnwrap:hover {
    background-color:#ff8b2e;
}
.btnwrap:active {
    background-color:#e56600;
}

.other-login-type {
    position:absolute;
    left:40px;
    bottom:40px;
    font-size:13px;
    color:#444;
    text-align:left;
    width:320px;
}
.other-login-type ul {
    padding:0px;
    margin:0px;
    width:100%;
    display:block;
}
.other-login-type div {
    padding-top:15px;
}
.other-login-type ul li{
    float:left;
    width:56px;
    height:62px;
    opacity:0.8;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    cursor:pointer;
    text-align:center;
}
.other-login-type ul li div{
    
    background:url(../images_v1.0/login-ico-812.png) no-repeat;
}
.other-login-type ul li div {
    width:42px;
    height:42px;
    margin:0px auto;
}
.other-login-type ul li.wx {
    margin-left:76px;
}
.other-login-type ul li:hover{
    opacity:1;
}
.other-login-type ul li.qq div{
    background-position:center top;
}
.other-login-type ul li.wx div{
    background-position:left top;
}
.other-login-type ul li.sina div{
    background-position:right top;
}
.login-tip-info {
    color:#ff0000;
    font-size:14px;
    height:40px;
    line-height:40px;
    text-align:left;
}
.yzm {
    margin-top:10px;
}
.yzm .yzmwarp{
    height:40px;
}


.choseboxuser *{ margin:0px; padding:0px; border:0px;}
.choseboxuser{ width:500px; height:300px; border:1px solid #cccccc; border-radius:5px; background:#fff; position:fixed; left:50%; top:40%; margin-left:-250px; margin-top:-150px;z-index:999;overflow:hidden}
.choseboxuser1{ width:500px; height:auto; font-size:14px; color:#797979; line-height:30px; padding:10px 20px; background:#f2f2f2; overflow:hidden;}
#person{ width:200px; height:200px; cursor:pointer; float:left; margin-top:20px; margin-left:30px;}
#spaceadmin{ width:200px; height:200px; cursor:pointer;  float:right; margin-top:20px; margin-right:30px;}
#person span{ width:140px; height:140px; display:block; margin:0 auto; background-repeat:no-repeat; border:1px solid #f2f2f2; border-radius:70px; background-image:url(../images/login_icons.png); background-position: -9px -10px; }
#person span:hover{ background-position: -9px -155px;  background-color: #f37345;}
#person label{ width:200px; height:24px; font-size:18px; color:#797979; text-align:center; margin-top:15px; display:block;}
#spaceadmin span{ width:140px; height:140px; display:block; margin:0 auto; background-repeat:no-repeat; border:1px solid #f2f2f2; border-radius:70px; background-image:url(../images/login_icons.png); background-position: -145px -10px; }
#spaceadmin span:hover{ background-position: -145px -155px;  background-color: #56abe4;}
#spaceadmin label{ width:200px; height:24px; font-size:18px; color:#797979; text-align:center; margin-top:15px; display:block;}