body {
    margin: 0px;
    padding: 0px;
    background-image:url(../images/V1/bg2.jpg);
}
#whole {
    padding-top: 10px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    /*background: #6ac0f1;*/
    /*background-image: url(../../images/sso/wholebg.png);*/
    /*border-top: solid 2px #259ade;*/
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}
.header{
    margin:0px;
    /*background-image:url(../images/sso/nsi/newlogobg.jpg);*/
    /*border-bottom:solid 1px #cccccc;*/
}
.logo{
    width:1200px;
    height:80px;
    margin:20px auto 0px auto;
    background-repeat:no-repeat;
    background-image:url(../images/V1/logo.png);
}
/*.header {
	height: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	background-color: #f1f1f1;
	background-image: url(../images/autotranslogo.png);
}*/
.main {
    width: 1100px;
    height: 570px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 1px solid #E3E6EC;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px -5px 10px 0px #E3E6EC,
    -6px 0px 6px 0px #E3E6EC,
    6px 0px 6px 0px #E3E6EC,
    0px 5px 19px 0px #E3E6EC;
}
.bottom {
    width: 1000px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 210px;

    /*position: absolute;*/
}
.bottomimg {
    float:left;
    width:90px;
    height:100px
}

.bottomtitle {
    float:left;
    width:400px;
    padding-top:20px;
    height:30px;
    font-size:14;
    font-weight:bold;
    color:#4d4b4b
}

.bottomsen {
    float:left;
    width:400px;
    height:50px;
    font-size:12px;
    color:#999999
}
.left {
    /*height: 350px;*/
    padding: 40px;
    width: 500px;
    float: left;
}
.left ul {
    list-style-type: none;
    /*margin: 40px;*/
    /*padding: 0px;*/
}
.left ul li {
    margin-top: 25px;
    color: #666;
}
.left ul li span {
    font-size: 12px;
    color: #666;
}
.left ul li span a {
    text-decoration: none;
    color: #00F;
}
.liimg {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 20px;
}
.right {
    float: right;
    width: 500px;
}
.login {
    height: 430px;
    margin-top: 70px;
    margin-right: 65px;
    margin-left: 35px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0px -3px 5px 0px #EFEFEF,
    -3px 0px 3px 0px #E3E6EC,
    3px 0px 3px 0px #E3E6EC,
    0px 3px 10px 0px #E3E6EC;
}
.logininfo {
    height: 25px;
    padding-left: 0px;
    color: #333;
}
.username {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-top: 0px;
}
.usernameerro {
    color: red;
    font-size: 12px;
    font-weight: normal;
    height: 15px;
}
.username input {
    padding-left: 12px;
    margin-top: 0px;
    border: 1px solid #e5e5e5;
    height: 40px;
    width: 325px;
    border-radius: 2px;
    background: #ffffff;
}
.password {
    font-size: 13px;
    color: #333;
    margin-top: 2.5px;
    font-weight: bold;
}


.password input {
    padding-left: 12px;
    margin-top: 0px;
    border: 1px solid #e5e5e5;
    height: 40px;
    width: 325px;
    border-radius: 2px;
    background: #ffffff;
    margin-top:2.5px;
}

.loginoperate {
    height: 30px;
    margin: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 5px;
    font-size: 12px;
    color: #666;
    padding-left: 0px;
}
.loginbt{
    padding:10px 0;
}
.loginbt a{
    color: #FFF;
    background-color: #4d90fe;
    border: 1px solid #3079ed;
    float: left;
    width: 40px;
    height: 20px;
    padding-top: 7px;
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
}

.loginbt a:hover {
    background-color: #679FFE;
}
.loginck {
    float: left;
    margin-right: 10px;
    margin-left: 8px;
    margin-top: 5px;
}
.logincheckbox {
    height: 15px;
    width: 15px;
    background-color: #FFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.loginrmb {
    float: left;
    width: 100px;
    margin-top: 8px;
}
.footer {
    font-size: 12px;
    color: #333;
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding-bottom: 10px;
}
.validateCodediv {
    font-size: 13px;
    font-weight: bold;
    padding-left: 20px;
    color: #333;
    margin-top: 0px;
    margin-top:5px;
}
.validateCodediv input {
    margin-top: 0px;
    border: 1px solid #e5e5e5;
    height: 32px;
    width: 120px;
    border-radius: 2px;
    background: #ffffff;
}
#validateCodeImg{
    position:relative;
    top:10px;
}

.authorize-card {
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0px -3px 5px 0px #EFEFEF,
    -3px 0px 3px 0px #E3E6EC,
    3px 0px 3px 0px #E3E6EC,
    0px 3px 10px 0px #E3E6EC;
    padding: 40px; width: 480px;height: 350px; max-width: 90vw;margin-top: 30px}
.authorize-card h2 { color: #333; font-size: 20px; margin-bottom: 20px; text-align: center; }
.app-info { background: #f8f9fa; border-radius: 6px; padding: 16px; margin-bottom: 24px; }
.app-name { font-size: 16px; font-weight: 600; color: #1a73e8; margin-bottom: 8px; }
.app-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;

}