@charset "UTF-8";
html, body {width: 100%; height: 100%; background: #FAFCFF; overflow-x: hidden; -ms-overflow-x: hidden;}
h2 {margin: 0;}
.container {height: 100%; padding: 0;}
.container-box {height: 100%; min-width: 540px; background: #FFFFFF; box-shadow: 0 4px 25px 0 #E9F2FF;}
.row-head {height: 20%; min-height: 100px;}
.row-main {height: 66%; min-height: 400px;}
.row-foot {height: 11%; min-height: 50px;}
.row {background: white; margin: 0 0 0.5% 0;}
.row-100 {width: 100%;}
.col-vh-66 {height: 64.75vh; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.col-vh-20 {height: 20vh; display: flex; justify-content: left; align-items: center;}
.col-vh-11 {height: 11vh; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
.row-alert {height: 20vh;}
.row-from {height: 30vh;}
.table tbody tr td {border: 0; padding-top: 10px; padding-bottom: 10px;}
.td-w-87-5 {width: 87.5%;}
.td-w-12-5 {width: 12.5%;}
.font-bolder {font-weight: bolder;}
.text-indent-2em {text-indent: 2em;}
.title-logo {width: 56px; height: 56px;}
.title-1 {min-width: 192px; color: #333333; font-family: Source Han Sans CN, serif; font-weight: bold; font-size: 24px; line-height: normal;letter-spacing: 0; text-align: left;}
.title-2 {min-width: 100px; align-self: center; font-size: 1.5em; text-align: center; margin-left: 20px; color: darkgrey;}
.glyphicon-warning-sign {margin-left: 1%; margin-right: 1%;}

.formLabelCell label span {color: red; font-weight: bolder;}
.from-sign {color: lightgrey;}
.bv-form {width: 100%;}
/*#form_person {height: 64.75vh; display: flex; justify-content: space-evenly; align-items: center;}*/






.page-title {width: 100%; height: 100px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; background: white;}
.page-level2-title {width: 100%; height: 40px; position: absolute; top: 125px;}/**154px*/
.page-level2-title-con {width: 93px;}

.page-content {width: 100%; min-height: 400px; position: absolute; top: 165px}/**position: absolute; top: 170px;*/
.row-100px-h {height: 100px; line-height: 100px;}
.password-content-h{min-height: 400px;}

.bg-color {background: none;}
.row-40px-h {height: 40px; line-height: 40px;}
.page-level2-title-font {color: #4E5969; font-family: Source Han Sans CN, serif; font-weight: bolder; font-size: 18px; line-height: 22px; letter-spacing: 0; text-align: center;}

.content-group {height: 240px; width: 818px; position: relative; top: 35px; left: 164px;}
.pic-group {height: 240px; width: 200px; border-radius: 6px; background: #2494F219; float: left;}
.from-group {height: 100%; width: 506px; float: right;}
.tig {color: #FF7D00; font-family: Source Han Sans CN, serif; font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: 1px; text-align: left;}
.tig-c {color: #FF7D00; font-family: Source Han Sans CN, serif; font-size: 14px; line-height: 22px; letter-spacing: 1px; text-align: left;}
.alert {width: 100%; height: 82px; border-radius: 2px; background: #FFF7E8; color: #f59d28; line-height: 28px;}

.oper {width: 560px; position: absolute; bottom: 0; text-align: center;}
.affirm {border-radius: 2px; background: #2494F2; color: #FFFFFF; font-family: Source Han Sans CN, serif; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: center;}
.out {margin-left: 30px; border-radius: 2px; background: #ffffff; border: 1px solid #CCCCCC; color: #666666; font-family: Source Han Sans CN, serif; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: center }

.u-name {width: 66px; height: 22px; margin: 10px 0 0 10px;color: #4E5969; font-family: Source Han Sans CN, serif; font-weight: bolder; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: left;}
.u-pic {width: 85px; height: 80px; border: 1px solid inherit; border-radius: 50%; margin: 32px 62.5px 5px 62.5px;}
.u-acc {width: 200px; margin-top: 10px;}
.u-acc p:nth-child(1){color: #333333; font-family: Source Han Sans CN, serif; font-weight: bolder; font-size: 18px; line-height: 22px; letter-spacing: 0; text-align: center;}
.u-acc p:nth-child(2){color: #999999; font-family: Source Han Sans CN, serif; font-size: 14px; line-height: 22px; letter-spacing: 0; text-align: center;}

.forgetEmail-oper {margin-top: 35px;}
.forgetEmail-oper-affirm, .forgetEmail-oper-out {width: 60px; height: 32px;}

.person-box {background: #FAFCFF; max-height: 100%; height: 400px;}
.person-page {margin-left: 30px; width: 800px; height: 100%; float: left; height: 100%; min-width: 540px; background: #FFFFFF; box-shadow: 0 4px 25px 0 #E9F2FF;}
.perosn-oper {width: 800px; position: absolute; bottom: 0; text-align: center; margin-bottom: 10px;}
.person-btn {width: 80px;}
