@charset "utf-8";
.loginPages{
  background: #f7f2f3;
  padding-top: 0;
}
.loginPage {
  position: relative;

}
.loginPages .public_top_header{
  box-shadow:none;
}
.bg_top_transparent{
  background-image: url(../img/login/logo-bj.png);
}
.loginPages .loginPage .logo_section{
  width:100%;
  height: 2.34rem;
  margin: 0 0 1.2rem 0;
  padding: 0;
}
.loginPages .login_form_section .item .select{
  text-align: left;
  padding-left: initial;
}
.loginPages .loginPage .login_form_section .item .fieldError + label.fieldError{
  left: 0;
}
.loginPages .loginPage .login_form_section{
  padding-top:2.48rem;
}
.loginPages  .login_form_section .item{
  background: #ffffff;
  height: 1.3467rem;
  border-radius: 0.2133rem;
  border:none;
  padding: 0.24rem 0.7rem;
  box-sizing: border-box;
}
.loginPages .btn_cornor_long{
  height: 1.3467rem;
  border-radius: 0.2133rem;
  font-family: SourceHanSansSC-Bold;
  font-size: 0.48rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0.0267rem;
  color: #ffffff;
}
.loginPages .login_form_section .item i.fa{
  right: 0.32rem;
  left: initial;
}
.loginPages .login_form_section .item .input{
  text-align: left;
}
.loginPage.complete_info .tab_section {
  margin-bottom: -0.26666667rem;
}
.loginPage.complete_info .login_form_section .btn_cornor_long {
  margin-top: 0.66666667rem;
}
.loginPage.edit_info .login_form_section .item .fieldError + label.fieldError {
  top: 1.2rem;
}
.loginPage.edit_info .login_form_section {
  margin-top: 1.33333333rem;
}
.loginPage.edit_info .login_form_section .item {
  padding: 0.24rem 0.48rem;
}
.loginPage.edit_info .login_form_section .item .input {
  text-align: left;
}
.loginPage .logo_section {
  width: 3.6rem;
  height: 3.6rem;
  padding: 0.73333333rem;
  margin: 0 auto;
}
.loginPage .logo_section .login-tip{
  font-family: SourceHanSansSC-Bold;
  font-size: 0.48rem;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0.0267rem;
  color: #ea5217;
  margin-left: 0.4667rem;
}
.loginPage .logo_section img {
  display: block;
  width: 2.34rem;
  height: auto;
}
.loginPage .tab_section {
  overflow: hidden;
  margin-bottom: 1.06666667rem;
  color: #ea5921;
  text-align: center;
}
.loginPage .tab_section a {
  display: inline-block;
  width: 40%;
  height: 0.53333333rem;
  line-height: 0.53333333rem;
  text-align: center;
  font-size: 0.42rem;
  color: #444;
}
.loginPage .tab_section a + a {
  border-left-width: 0.03rem;
  border-left-style: solid;
  border-left-color: #444;
}
.loginPage .tab_section a.active {
  color: #ea5921;
}
.login_form_section {
  width: 7.73333333rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.4rem;
}
.login_form_section .xieyihang {
  padding: 0.32rem 0;
  font-size: 0.32rem;
  line-height: 0.45333333rem;
  color: #999;
}
.login_form_section .xieyihang .fli_checkbox_blue {
  display: inline-block;
  margin-right: 0.13rem;
}
.login_form_section .label_tips {
  color: #ea5921;
  font-size: 0.32rem;
  line-height: 0.4rem;
}
.login_form_section.has_label {
  width: 90%;
}
.login_form_section.has_label .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: box;
  display: flex;
  padding: 0.24rem;
}
.login_form_section.has_label .item.disabled {
  background: #f9f9f9;
}
.login_form_section.has_label .item label:first-child {
  width: 2.42666667rem;
  line-height: 0.66666667rem;
  font-size: 0.4rem;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.login_form_section.has_label .item .input {
  color: #ea5921;
  font-size: 0.42rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.login_form_section.has_label .btn_cornor_long {
  width: 100%;
}
.login_form_section .item {
  position: relative;
  height: 1.2rem;
  border: 1px solid #444;
  border-radius: 0.08rem;
  padding: 0.24rem 0.13333333rem;
  margin-top: 0.66666667rem;
}
.login_form_section .tips2 {
  font-size: 0.32rem;
  margin-top: 0.3rem;
}
.login_form_section .tips2 div{
  margin-top: 0.3rem;
}
.login_form_section .item i.fa {
  display: block;
  position: absolute;
  left: 0.32rem;
  top: 0.32rem;
  color: #999;
  font-size: 0.5rem;
  z-index: 999;
}
[data-dpr="1"] .login_form_section .item {
  border: none;
}
[data-dpr="1"] .login_form_section .item:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #444;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px;
  z-index: 0;
  pointer-events: auto;
}
.login_form_section .item .input {
  position: relative;
  display: block;
  width: 100%;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  border: none;
  background: transparent;
  text-align: center;
  color: #444;
  font-size: 0.42rem;
  z-index: 99;
}
.login_form_section .item .input.pwd {
  -webkit-text-security: disc;
  text-security: disc;
}
.login_form_section .item .select {
  position: relative;
  display: block;
  width: 100%;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  border: none;
  background: url(../img/bg_select.png) right center no-repeat #ffffff;
  background-size: 0.89333333rem 0.89333333rem;
  text-align: center;
  padding-left: 47%;
  color: #444;
  font-size: 0.42rem;
  z-index: 99;
}
.login_form_section .item .code {
  position: absolute;
  top: 0.13333333rem;
  right: 0.13333333rem;
  display: inline-block;
  min-width: 1.73333333rem;
  height: 0.88rem;
  line-height: 0.88rem;
  padding-left: 0.06666667rem;
  padding-right: 0.06666667rem;
  border: none;
  background: #ffa132;
  text-align: center;
  color: #fff;
  font-size: 0.32rem;
  border-radius: 0.08rem;
  z-index: 100;
}
.login_form_section .item img {
  position: absolute;
  top: 0.13333333rem;
  right: 0.13333333rem;
  display: inline-block;
  width: 1.9rem;
  height: 0.88rem;
  line-height: 0.88rem;
  border: none;
  border-radius: 0.08rem;
  z-index: 100;
}
.login_form_section .item .code[disabled="disabled"] {
  opacity: 0.5;
}
.login_form_section .icon_clear {
  right: 0.4rem;
  top: 50%;
  margin-top: -0.25rem;
}
.login_form_section.textLeft .item .input {
  text-align: left;
  padding-left: 0.32rem;
}
.login_form_section.textLeft .item .input.fieldError + label.fieldError {
  top: 1.2rem;
}
.login_form_section .hasbutton .icon_clear {
  right: 2.2rem;
}
.login_form_section .hasbutton.long .icon_clear {
  right: 3rem;
}
.login_form_section .links_box {
  overflow: hidden;
}
.login_form_section .links_box .link:first-child {
  float: right;
}
.login_form_section .links_box .link:first-child + .link {
  float: left;
}
.login_form_section .link {
  display: block;
  position: relative;
  color: #ea5921;
  font-size: 0.34rem;
  height: 1.2rem;
  line-height: 1.2rem;
  margin-left: 0.2rem;
}
.login_form_section .text_error {
  display: none;
  color: #ee0a3b;
  font-size: 0.34rem;
  line-height: 0.88rem;
}
.login_form_section .text_error.more_line {
  line-height: 0.5rem;
  margin-top: 0.2rem;
}
.login_form_section .darkTips {
  font-size: 0.32rem;
  color: #999;
  padding: 0.16rem 0;
  margin-bottom: -1rem;
}
.login_form_section .text_error + .item {
  margin-top: 0;
}
.login_form_section .text_error2 {
  display: none;
  position: absolute;
  top: 1.3rem;
  left: 0.2rem;
  color: red;
  width: 100%;
  font-size: 0.34rem;
}
.login_form_section ::-webkit-input-placeholder {
  color: #999;
}
.login_form_section :-moz-placeholder {
  color: #999;
}
.login_form_section ::-moz-placeholder {
  color: #999;
}
.login_form_section :-ms-input-placeholder {
  color: #999;
}
input[type="date"]:before {
  color: #A9A9A9;
  content: attr(placeholder);
}
input[type="date"].full:before {
  color: black;
  content: "" !important;
}
.followUsPage {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../img/view_login_bg.png) center center / cover no-repeat #38b0fc;
}
.followUsPage .box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 7.84rem;
  height: auto;
}
.followUsPage .box.success_section header {
  font-size: 0.50666667rem;
}
.followUsPage .box.success_section article {
  padding-top: 0;
  padding-bottom: 0.66666667rem;
}
.followUsPage .box header {
  width: 100%;
  height: 1.92rem;
  line-height: 1.92rem;
  color: #fff;
  font-size: 0.58666667rem;
  text-align: center;
  background: url(../img/view_login_header.png) center center / cover no-repeat #4074f2;
}
.followUsPage .box article {
  background: #fff;
  padding-top: 1.78666667rem;
  padding-bottom: 1.78666667rem;
}
.followUsPage .box article .img {
  width: 3.84rem;
  height: auto;
  margin: 0 auto;
}
.followUsPage .box article .img img {
  display: block;
  width: 100%;
  height: auto;
}
.followUsPage .box article > p {
  font-size: 0.45333333rem;
  text-align: center;
  color: #369ff2;
  line-height: 0.53333333rem;
  margin-top: 0.66666667rem;
}
.followUsPage .box footer {
  position: relative;
  top: -1px;
  width: 100%;
  height: 0.10666667rem;
  background: url(../img/view_login_footer.png) center center / cover no-repeat;
}
.success_header {
  position: relative;
  padding: 0.4rem;
  color: #666;
}
.success_header:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #ddd;
  color: #ddd;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.success_header .icon_success {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/pic_suc.png) center center / contain no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.4rem;
}
.success_header p {
  font-size: 0.32rem;
}
.success_header p.title {
  font-size: 0.42666667rem;
  margin-bottom: 0.06666667rem;
}
.contact_us {
  color: #666;
  text-align: center;
  padding: 0.4rem;
}
.contact_us .label {
  display: block;
  font-size: 0.26666667rem;
  background: #eeeeee;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.06666667rem;
  margin-bottom: 0.26666667rem;
  margin-left: auto;
  margin-right: auto;
}
.contact_us p {
  font-size: 0.32rem;
  line-height: 0.53333333rem;
}
.contact_us p span {
  display: inline-block;
  font-size: 0.32rem;
  margin: 0 0.2667rem;
}
.contact_us p.time {
  margin-top: 0.53333333rem;
}
.fli_main_page {
  padding-top: 0.8rem;
  background: url(../img/fli_main_bg.png) center top / contain no-repeat;
}
.fli_main_page h2 {
  color: #fff;
  text-align: center;
  font-size: 0.42666667rem;
}
.fli_main_page .login_form_section {
  margin-top: 1.86666667rem;
}
.fli_main_page .login_form_section .text_center {
  display: block;
  text-align: center;
  color: #416efb;
  font-size: 0.37333333rem;
  line-height: 1.2rem;
}
.fli_main_page .login_form_section .text_center + .item {
  margin-top: 0;
}
.fli_main_page .login_form_section .item {
  background: #fff;
}
.fli_main_page .login_form_section .item:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #cdd0dc;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px;
  z-index: 0;
  pointer-events: auto;
}
.fli_main_page .login_form_section .item:after {
  border-radius: 0;
}
.fli_main_page .login_form_section .btn_cornor_long {
  border-radius: 0;
  margin-top: 0.86666667rem;
}
.fli_main_page .login_form_section .text_error2 {
  top: 1.4rem;
  left: 0;
}
.compelet_info_page img {
  display: block;
  width: 100%;
  height: auto;
}
.compelet_info_page .login_form_section .item {
  border: 1px solid #f97878;
}
.compelet_info_page .login_form_section .item.select {
  background: url(../img/bg_select_red.png) 96% center no-repeat #ffffff;
  background-size: 0.89333333rem 0.89333333rem;
}
.compelet_info_page .login_form_section .item.select select {
  padding-left: 45%;
  color: #999;
}
.compelet_info_page .btn_cornor_long {
  margin-top: 1rem;
  background: #f97878;
}
[data-dpr="1"] .compelet_info_page .login_form_section .item {
  border: none;
}
[data-dpr="1"] .compelet_info_page .login_form_section .item:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #f97878;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px;
  z-index: 0;
  pointer-events: auto;
}
.fliSkinToDark .loginPage .tab_section {
  color: #4da990;
}
.fliSkinToDark .loginPage .tab_section a.active {
  color: #4da990;
}
.fliSkinToDark .login_form_section.has_label .item .input {
  color: #4da990;
}
.fliSkinToDark .login_form_section .link {
  color: #4da990;
}
.fliSkinToDark .login_form_section .label_tips {
  color: #4da990;
}
.fliSkinToDark .login_form_section .item .code {
  background-color: rgba(77, 169, 144, 0.5);
}
.fliSkinToDark .fli_main_page .login_form_section .text_center {
  color: #4da990;
}
.otherLoginWaySimple {
  text-align: center;
  padding: 0.8rem 0.2667rem;
}
.otherLoginWaySimple a {
  display: inline-block;
  line-height: 0.5333rem;
  color: #ea5921;
  font-size: 0.4rem;
}
.otherLoginWay {
  padding-bottom: 0.8rem;
}
.otherLoginWay header {
  border-bottom: 1px solid #eee;
  text-align: center;
  margin-bottom: 0.4rem;
  margin-top: -0.4rem;
}
.otherLoginWay header span {
  position: relative;
  display: inline-block;
  top: 0.66rem;
  color: #666;
  font-size: 0.36rem;
  line-height: 0.8rem;
  background: #fff;
  padding: 0.2667rem;
}
.otherLoginWay .list {
  text-align: center;
}
.otherLoginWay .list a {
  display: inline-block;
  vertical-align: middle;
  padding: 0.32rem;
}
.otherLoginWay .list a i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  color: #fff;
  font-size: 0.66rem;
  border-radius: 100%;
  padding: 0.25rem 0;
  text-align: center;
  margin: 0 auto;
}
.otherLoginWay .list a i.fa-wechat {
  background-color: #51aa37;
}
.otherLoginWay .list a i.fa-lock {
  background-color: #f1a33a;
  font-size: 0.8rem;
  padding: 0.2rem 0;
}
.otherLoginWay .list a p {
  font-size: 0.32rem;
  color: #666;
  text-align: center;
  line-height: 1rem;
}
.otherLoginWay .list a:hover i {
  opacity: 0.8;
}