@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: "Microsoft YaHei", "PingFangSC-Regular", "sans-serif";
  min-width: 1330px;
  height: 100%;
}
ul {
  list-style-type: none;
}
input {
  border: 0;
  outline: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none; /*去掉IE默认input带×行为*/
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.container {
  width: 100%;
  height: 100%;
  display: none;
}
.container .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
}

body {
  font-size: 0.12rem;
  font-family: "Microsoft YaHei", "PingFangSC-Regular", "sans-serif";
  color: #566570;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
body,
div,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
iframe,
input,
textarea,
select,
label,
article,
aside,
footer,
header,
menu,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
a {
  text-decoration: none;
  color: #566570;
}
a:hover {
  color: #333333;
}
a:visited {
  color: #566570;
  text-decoration: none;
}

textarea {
  resize: none;
}
.posRel {
  position: relative;
}
.disBlock {
  display: inline-block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.cl {
  clear: both;
}
.fb {
  font-weight: bold;
}
.hr20 {
  height: 20px;
  clear: both;
}
.hr10 {
  height: 10px;
  clear: both;
}
.overflowH {
  overflow: hidden;
}
.marR10 {
  margin-right: 10px;
}
.font12 {
  font-size: 12px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font24 {
  font-size: 24px;
}
.lineH25 {
  line-height: 25px;
}
.lineH30 {
  line-height: 30px;
}
.lineH32 {
  line-height: 32px;
}
.aLine,
a.aLine,
a.aLine:hover,
.aLine a:link,
.aLine a:hover {
  text-decoration: underline;
}
.aline,
a.aline,
a.aline:hover,
.aline a:hover {
  text-decoration: underline;
}
iframe,
img {
  border: 0;
}
img {
  vertical-align: middle;
}
ul,
ol,
li {
  list-style: none;
}
button {
  outline: 0;
  border: 0px;
  font-family: "Microsoft YaHei", "PingFangSC-Regular", "sans-serif";
  font-size: 14px;
  color: #696969;
}
input,
textarea {
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
  border: 0px;
  font-family: "Microsoft YaHei", "PingFangSC-Regular", "sans-serif";
  font-size: 14px;
  color: #696969;
}
/*input {   -webkit-appearance: none;}*/
select {
  /*-moz-appearance:none;  -webkit-appearance:none; background-color:transparent; margin:0px; border:0px;*/
  outline: none;
}
option {
  font-size: 14px;
}
input:focus,
select:focus {
  /*border:#7bb7f6 1px solid;*/
  border: none;
}
* {
  -webkit-tap-highlight-color: transparent; /* border:0px;  -webkit-appearance: none; */
}
.submitBt {
  -webkit-appearance: none;
  display: block;
}

.white,
.white a,
a.white,
.white a:link,
.white a:visited,
.white a:hover,
a.white:link,
a.white:visited,
a.white:hover {
  color: #ffffff;
}
.blue,
.blue a,
a.blue,
.blue a:link,
.blue a:visited,
a.blue:link,
a.blue:visited {
  color: #008aff;
}
.blue a:hover,
a.blue:hover {
  color: #0077dc;
}
.gray,
.gray a,
a.gray,
.gray a:link,
.gray a:visited,
a.gray:link,
a.gray:visited {
  color: #999999;
}
.gray a:hover,
a.gray:hover {
  color: #666666;
}

.padBoxTb {
  padding: 10px 0;
}

/*-----*/
.header {
  height: 95px;
  width: 100%;
}
.logo {
  width: 50%;
  height: 95px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -999px;
  background: url(../images/logo.png) no-repeat 0 center;
} /*yan width:500px;*/
.logoOut {
  width: 120px;
  height: 105px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -999px;
  background: url(../images/logo_loginout.png) no-repeat 0 0;
}

.wrapMain {
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
  padding-top: 105px;
  position: relative;
}
.loginMainBg {
  width: 100%; /*height:440px;*/
  height: 390px;
  background: #2090d8 url(../images/login_mainbg.jpg) no-repeat center center;
} /**yan* min-width:980px;**/
.loginoutMainBg {
  width: 100%;
  height: 440px;
  background: #2090d8 url(../images/loginout_mainbg.jpg) no-repeat center center;
} /*yan*min-width:980px;*/
.loginMain {
  margin: 0px auto 0 auto;
  margin-right: 5%;
} /*yan width:960px;*/
.change {
  /**position: absolute;top:140px;bottom:0;left:0;right:0;*/
  position: absolute;
  top: 140px;
  bottom: -94px;
  left: 822px;
  right: 0;
  width: 500px;
}
.tipUp {
  float: left;
  /* padding-top: -18px; */
  /* margin-top: -0.23rem; */
  margin-top: -0.3rem;
  /* color: rgb(204, 204, 204); */
  color: #245cac;
  display: none;
  /* margin-left: 8px; */
  margin-left: 0.15rem;
  font-size: 0.14rem;
}
.addBlue {
  border-image: linear-gradient(90deg, transparent, #245cac, transparent) 5 5
    stretch;
}
/**.loginBox { width:365px;height:376px; margin-top:30px; height:356px; margin-top:15px; overflow:hidden; float:right; background-color:#f3fbfd; border-radius:5px; -webkit-box-shadow:0px 5px 5px #195c91;-moz-box-shadow:0px 5px 5px #195c91;}*/
.loginBox {
  /* width:62.5%; */
  /* height:81.6%; */
  /* height:87%\9\0;
    position: absolute; */
  /* top:5%;
    left:49%; */
  /* margin-top: 0 !important; */
}
.loginBox.loginBox-one {
  width: 12.6rem;
  height: 7.6rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0.02rem 0.02rem 0.3rem 0.01rem rgb(36 92 172 / 20%);
  font-family: "Microsoft YaHei", "PingFangSC-Regular", "sans-serif";
  border-radius: 0.06rem;
  overflow: hidden;
}
:root .loginBox {
  height: 81.6%\9\0;
}
.loginBox .logo {
  width: 407px;
  height: 71px;
}
.ddtip {
  position: absolute;
  bottom: 0px;
  /* font-size: 36px; */
  font-size: 0.44rem;
  color: #fff;
  /* padding: 30px 0 30px 20px; */
  /* padding: 0.4rem 0 0.2rem 0.3rem; */
  padding: 0 0 0.2rem 0.3rem;
  /* background: linear-gradient(0,#000,transparent); */
  background-image: linear-gradient(
    to bottom,
    rgb(0, 0, 0, 0),
    rgb(0, 0, 0, 0.6)
  );
  /* border-radius:0 0 0 10px; */
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 0 0.06rem;
}
.ddtip-c {
  margin-left: 0.6rem;
}
.loginBox .loginBoxContent {
  width: 100%;
  height: 100%;
  /*margin-top: 2.7%;
  */
  position: absolute;
  z-index: 2;
  box-shadow: 0.03rem 0.03rem 0.4rem 0.15rem rgb(0 0 0 / 30%);
  border-radius: 0.06rem;
}
.loginBox .loginMask {
  position: absolute;
  border: 1px solid #121f41;
  border: 0\9\0;
  box-shadow: 0 1px 20px;
  opacity: 0.1;
  z-index: 1;
}
:root .loginBox .loginMask {
  border: 1px solid #121f41\9\0;
}
.loginBox .loginBoxContent .banner {
  /* overflow: hidden;
    height:100%;
	width:65%;
	 border-radius: 10px 0 0 10px;
	 width: 800px !important; */
  position: relative;
  height: 7.6rem;
  width: 7.6rem;
  float: left;
  overflow: hidden;
  border-radius: 0.06rem 0 0 0.06rem;
}
.loginBox .loginBoxContent .banner img {
  width: 100%;
  border-radius: 0.06rem 0 0 0.06rem;
  /* height: 100%; */
}
.banner .aaa {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0.3rem;
  left: 0.3rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.2rem;
  height: 0.36rem;
  color: #fff;
  /* line-height: 0.35rem; */
  font-size: 0.15rem;
  padding-right: 0.15rem;
  /* cursor: pointer; */
}
.banner .adiv {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin-right: 0.05rem;
  background: rgba(0, 0, 0, 0.3);
  width: 0.35rem;
  height: 0.35rem;
  display: inline-block;
}
.banner .aimage {
  width: 0.4rem !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-52%, -49%);
}

.banner .aspan {
  display: inline-block;
  vertical-align: top;
  line-height: 0.36rem;
}
.banner .aHref {
  color: #fff;
  cursor: pointer;
}

.loginBox .loginBoxContent .loginContent {
  /* height:100%;
    background: #fff;
	width:35%;
	margin-left: 800px !important; */
  float: left;
  width: 5rem;
  height: 100%;
  background: #fff;
  border-radius: 0 0.06rem 0.06rem 0;
}
.loginBox .goBack {
  font-size: 16px;
  color: #2b6db3;
  font-weight: bold;
  display: inline-block;
  margin-top: 4%;
  cursor: pointer;
}
.loginBox .loginBoxContent .loginContent .title {
  font-size: 0.33rem;
  color: #c4cbcf;
  /**font-weight: bold;*/
  /* font-family: "Microsoft YaHei"; */
  display: block;
  /**padding-top:15%;*/
  /* text-align: center;*/
  margin-bottom: 0.073rem;
}
.loginBox .loginBoxContent .loginContent .loginMess,
.modifyNew {
  /* width: 80%; */
  width: 3.7rem;
  /* height: 56%; */
  margin: 0 auto;
  /* padding-top: 35%; */
  margin-top: 1rem;
}
.loginBox .loginBoxContent .loginContent .loginMess .txtInput {
  width: 100%;
  height: 13.1%;
  margin-top: 5.3%;
  position: relative;
}
.loginBox .loginBoxContent .loginContent .label {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  display: block;
}
.loginBox .loginBoxContent .loginContent .label2 {
  margin-top: 5%;
}
.loginBox .loginBoxContent .loginContent .txt {
  width: calc(100% - 5%);
  width: 94%\9\0;
  height: 100%;
  background: #f8f9fd;
  border: 1px solid #dadee5;
  border-radius: 5px;
  font-size: 16px;
  padding-left: 5%;
}
:root .loginBox .loginBoxContent .loginContent .txt {
  width: calc(100% - 5%) \9\0;
}
.loginBox .loginBoxContent .loginContent .loginMess .txtInput .pla {
  font-size: 16px;
  color: #999;
  position: absolute;
  top: 27%;
  left: 5%;
}
.loginBox .loginBoxContent .loginContent .loginMess .txtInput .txtCheck {
  width: 60.7%\9\0;
  width: calc(65.3% - 5%);
  height: 100%;
  display: inline-block;
  position: relative;
  background: #f8f9fd;
  border: 1px solid #dadee5;
  border-radius: 5px;
  font-size: 16px;
  padding-left: 5%;
}
:root .loginBox .loginBoxContent .loginContent .loginMess .txtInput .txtCheck {
  width: calc(65.3% - 5%) \9\0;
}
.loginBox .loginBoxContent .loginContent .loginMess .txtInput .getCode {
  width: 30%;
  margin-left: 2%;
  background: #2b6db3;
  color: #fff;
  font-size: 16px;
  height: 100%;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}
.loginBox .loginBoxContent .loginContent .btn {
  width: 100%;
  height: 13.1%;
  background: #2b6db3;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  margin-top: 5%;
  cursor: pointer;
}
.loginBox .loginBoxContent .loginContent .pwd {
  /* margin-top: 15%; */
  margin-top: 0.16rem;
}
.txtChose {
  /* width: 27px;
  height: 27px; */
  width: 0.2rem;
  height: 0.2rem;
  /* width: 0.16rem;
  height: 0.16rem; */
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  /* top: -9px; */
  left: 0;
  z-index: 10001;
  cursor: pointer;
}
.remember {
  position: relative;
  margin-right: 0.1rem;
}
.rememberPwd {
  font-size: 0.14rem;
  /* color: #555353; */
  /* color: #ababab; */
  color: #3b3b3b;
  position: absolute;
}
.txtChose + label {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  /* width: 0.16rem;
  height: 0.16rem; */
  background: url(../images/check.png) no-repeat;
  background-position: 0 bottom;
  background-size: 100%;
  /* vertical-align: middle; */
}
.txtChose:checked + label {
  background-position: 0 0px;
}
.loginBox .loginBoxContent .loginContent .pwd .forget {
  font-size: 0.14rem;
  cursor: pointer;
}
.loginBox .loginBoxContent .loginContent .pwd .forget > a {
  /* color: #ababab; */
  color: #3b3b3b;
}
.loginBox .loginBoxContent .loginContent .pwd .forget > a:hover {
  color: #0c4e8d;
  text-decoration: underline;
}
.footer {
  /**  width:460px;*/
  /** position: absolute;*/
  /** bottom:0;
    bottom:-2%\9\0;*/
  z-index: 2;
  /** left:50%;*/
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.37rem;
}
:root .footer {
  /* bottom: -2%\9\0; */
}
.footer .foot {
  /* font-size: 14px; */
  font-size: 0.14rem;
  color: #b0b0b0;
  display: block;
  text-align: center;
}
@media screen and (max-height: 768px) {
  .loginBox .loginBoxContent .loginContent .title {
    /**padding-top:9.5%;*/
  }
  .loginBox .loginBoxContent .loginContent .loginMess .txtInput .pla {
    top: 18%;
  }
  .footer {
    bottom: 6%;
  }
}
@media screen and (max-height: 1050px) and (min-height: 800px) and (max-width: 1400px) {
  .loginBox .loginBoxContent .loginContent .loginMess .txtInput .txtCheck {
    width: calc(52.3% - 5%);
  }
  .loginBox .loginBoxContent .loginContent .loginMess .txtInput .getCode {
    width: 43%;
    margin-left: 0;
  }
  :root
    .loginBox
    .loginBoxContent
    .loginContent
    .loginMess
    .txtInput
    .txtCheck {
    width: calc(52.3% - 5%) \9\0;
  }
}
@media screen and (max-width: 1366px) {
  /* .loginBox { */
  /* transform: translate(-48%, 1%) !important; */
  /* width: 900px !important; */
  /* height: 600px !important; */
  /* margin: 0 !important;
  } */
  /* .loginBox .loginBoxContent .banner {
    width: 480px !important;
  } */
  /* .loginBox .loginBoxContent {
    width: auto;
    height: auto;
  } */
  /* .loginBox .loginBoxContent .loginContent {
    width: 400px;
    margin-left: 480px !important;
    height: 492px;
  } */
  /* .loginBox .loginBoxContent .loginContent .loginMess {
    width: 320px;
    margin: auto;
    padding-top: 10%;
  } */
  /* .loginBox .loginBoxContent .loginContent .pwd {
    margin-top: 20px;
  } */
  /* button.loginBt {
    margin-top: 20px;
  } */
  /* .warningBox {
    top: 19% !important;
    right: 40% !important;
  } */
}
@media screen and (min-width: 1400px) and (max-width: 1680px) {
  .loginBox {
    /* left: 46%; */
  }
}
.tabBar {
  width: 372px;
  height: 50px;
  background-color: #1870a0;
}
.tabBar li {
  width: 73px;
  height: 50px;
  float: left;
  cursor: pointer;
}
.tab {
  display: block;
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  margin: 10px 0;
  border-right: #468db3 1px solid;
  background-image: url(../images/login_tab.png);
  background-repeat: no-repeat;
}
.tab1 {
  background-position: center -10px;
}
.tab2 {
  background-position: center -70px;
}
.tab3 {
  background-position: center -130px;
}
.tab4 {
  background-position: center -190px;
}
.tab5 {
  background-position: center -610px;
}
.tab10 {
  background-position: center -736px;
}
.tab11 {
  background-position: center -876px;
}
.tab12 {
  background-position: center -1009px;
}
.tab15 {
  background-position: center -1137px;
}
/* .tab16 { background-position:center -1260px;} 140 64*/
.tab16 {
  background-position: center -1384px;
}
.tab17 {
  background-position: center -1513px;
}
.tab18 {
  background-position: center -1640px;
}
.tab19 {
  background-position: center -1765px;
}
.tab20 {
  background-position: center -1910px;
}
.tabCertBind {
  background-position: center -490px;
}
.tabBar li.dq {
  background-color: #f3fbfd;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.tabBar li.dq .tab {
  border-right: #f3fbfd 1px solid;
}
.tabBar li.dq .tab1 {
  background-position: center -250px;
}
.tabBar li.dq .tab2 {
  background-position: center -310px;
}
.tabBar li.dq .tab3 {
  background-position: center -370px;
}
.tabBar li.dq .tab4 {
  background-position: center -430px;
}
.tabBar li.dq .tab5 {
  background-position: center -670px;
}
.tabBar li.dq .tab10 {
  background-position: center -803px;
}
.tabBar li.dq .tab11 {
  background-position: center -943px;
}
.tabBar li.dq .tab12 {
  background-position: center -1071px;
}
.tabBar li.dq .tab15 {
  background-position: center -1201px;
}
/* .tabBar li.dq .tab16 { background-position:center -1323px;} */
.tabBar li.dq .tab16 {
  background-position: center -1448px;
}
.tabBar li.dq .tab17 {
  background-position: center -1577px;
}
.tabBar li.dq .tab18 {
  background-position: center -1703px;
}
.tabBar li.dq .tab19 {
  background-position: center -1837px;
}
.tabBar li.dq .tab20 {
  background-position: center -1974px;
}
.tabBar li.dq .tabCertBind {
  background-position: center -550px;
}

.tabCon {
  /** padding:15px 20px; */
  display: none;
}
.inputBox {
  /**border:#cad2d7 1px solid;*/
  border-bottom: #ddd 0.01rem solid;
  /* border-radius: 3px; */
  overflow: hidden;
  background-color: #ffffff;
}
.icon {
  float: left;
  width: 0.3rem;
  height: 0.3rem;
  margin-top: -0.04rem;
}
.icon > path {
  fill: #d4d4d4;
}
.svfuser {
  float: left;
  /* height: 25px; */
  height: 0.3rem;
  margin-right: 0.1rem;
}
.svfright {
  float: right;
  height: 25px;
}
.inputBox li {
  /**border-top:#cad2d7 1px solid;*/
  /* margin-top: 15px; */
  margin-top: 0.243rem;
  /* margin-top: 0.4rem; */
  height: 0.33rem;
  /* padding: 12px 0 5px; */
  padding: 0.18rem 0 0.05rem;
  position: relative;
  font-size: 0.17rem;
}
.inputBox li input.inputTl {
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 2px 0px;
  color: #cccccc;
}
.input_ico {
  display: block;
  width: 25px;
  height: 29px;
  background-image: url(../images/login_ico.png);
  background-repeat: no-repeat;
}
.icoUser {
  float: left;
  background-position: 0 0;
  padding-right: 10px; /**border-right:#cccccc 1px solid;*/
  background-image: url(../images/icon_input/user_icon_1.png);
}
.icoPass {
  float: left;
  background-position: 0 -35px;
  padding-right: 10px; /**border-right:#cccccc 1px solid;*/
  background: url(../images/icon_input/password_icon_1.png) no-repeat;
}
.icoYzm {
  float: left;
  background-position: 0 -70px;
  padding-right: 10px; /**border-right:#cccccc 1px solid;*/
  background-image: url(../images/icon_input/image_icon_1.png);
}
.icoOtp {
  float: left;
  background-position: 0 -175px;
  padding-right: 10px;
  border-right: #cccccc 1px solid;
}
.icoSms {
  float: left;
  background-position: 0 -210px;
  padding-right: 10px;
  border-right: #cccccc 1px solid;
  background-image: url(../images/icon_input/sms_icon_1.png);
}

/*2022 05 20 用户名密码_验证码 start*/
.input_ico1 {
  float: left;
  position: relative;
  top: 0px;
  display: block;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.icoUser1 {
  background-image: url(../images/icon_input/user_icon_1.png);
}

.icoPass1 {
  background-image: url(../images/icon_input/password_icon_1.png);
}

.icoYzm1 {
  background-image: url(../images/icon_input/image_icon_1.png);
}

.icoOtp1 {
  background-image: url(../images/icon_input/password_icon_1.png);
}

.icoSms1 {
  background-image: url(../images/icon_input/sms_icon_1.png);
}
/*2022 05 20 用户名密码_验证码 end*/

.icoDel,
.icoDel1,
.icoDel-modify2 {
  float: right; /**background-position:0 -105px;*/
  /* height: 25px; */
  height: 0.25rem;
  cursor: pointer;
  display: none;
  margin-top: 0.05rem;
}
.icoLook,
.icoModify {
  float: right;
  /* background-image: url(../images/login_icon_eye_close.svg); */
  cursor: pointer;
  /* height: 25px; */
  height: 0.2rem;
  margin-left: 0.1rem;
  margin-top: 0.08rem;
  background-position: center;
  background-size: 100%;
}
.icoModify {
  width: 0.2rem;
}
/* .icoLook:hover {
  background-image: url(../images/login_icon_eye.svg);
} */
.inputLogin {
  /* width: calc(100% - 55%); */
  float: left;
  /* padding: 2px 8px; */
  height: 0.35rem;
  /* line-height: 0.35rem; */
  width: 2.6rem;
  font-size: 0.22rem;
  padding-left: 0.15rem;
  color: #333;
}

.inputLogin2 {
  width: 260px;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 2px 8px;
  color: #cccccc;
}

.loginBox .inputBox2 {
  border: #ddd 1px solid;
  height: 30px;
  padding: 0px 5px;
  overflow: hidden;
  /* border-radius: 3px; */
  margin: 3px 0;
  background-color: #ffffff;
}
.loginBox .inputBox2 input/*,.inputBox2 input*/ {
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 5px 0;
  background: none;
}
.loginBox .selectBox {
  border: #e2e2e2 1px solid;
  height: 30px;
  overflow: hidden;
  border-radius: 3px;
  margin: 3px 0;
}
.loginBox .selectBox .select {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  padding: 4px 2px 4px 2px\9; /*IE8*/ /*IE7*/
}

.yzmBar {
  /** margin:15px 0; clear:both; height:40px; line-height:40px; */
  border-bottom: #ddd 0.01rem solid;
  /* border-radius: 3px; */
  /** overflow: hidden;*/
  background-color: #ffffff;
  /* margin-top: 15px;
  height: 25px;
  padding: 12px 10px; */
  padding: 0.18rem 0 0.05rem;
  height: 0.33rem;
  margin-top: 0.24rem;
}
.yzmBox {
  width: 1.8rem;
  height: 0.35rem; /**padding:8px 10px 7px 10px; */
  float: left;
  background-color: #ffffff;
  position: relative;
  /* border-radius: 3px;
  margin-right: 10px; */
}
.inputYzm {
  /* width: calc(100% - 35%); */
  width: calc(100% - 25%);
  float: left;
  height: 0.35rem;
  line-height: 0.35rem;
  /* padding: 2px 8px; */
  font-size: 0.22rem;
  padding-left: 0.15rem;
  color: #333;
}
input.inputYzm:-ms-input-placeholder,
input.inputYzm2:-ms-input-placeholder,
input.inputLogin:-ms-input-placeholder {
  /*text-align: center;*/
  color: rgb(185, 185, 185);
  /* position: relative;
  bottom: 0.03rem; */
  /* bottom: 0.04rem; */
  font-size: 0.17rem;
}
/* input.inputLogin.inputLoginPwd:-ms-input-placeholder {
  bottom: 0;
} */
input.inputYzm::-webkit-input-placeholder,
input.inputYzm2::-webkit-input-placeholder,
input.inputLogin::-webkit-input-placeholder {
  /*text-align: center;
  */
  color: rgb(185, 185, 185);
  /*position: relative;
  bottom: 0.01rem;
  */
  font-size: 0.17rem;
}
/* input.inputLogin.inputLoginPwd::-webkit-input-placeholder {
  bottom: 0;
} */
input.inputYzm ::-moz-placeholder,
input.inputYzm2 ::-moz-placeholder,
input.inputLogin ::-moz-placeholder {
  /*text-align: center;*/
  color: rgb(185, 185, 185);
  /* position: relative;
  bottom: 0.03rem; */
  /* bottom: 0.04rem; */
  font-size: 0.17rem;
}
/* input.inputLogin.inputLoginPwd ::-moz-input-placeholder {
  bottom: 0;
} */
input.inputYzm :-moz-placeholder,
input.inputYzm2 :-moz-placeholder,
input.inputLogin :-moz-placeholder {
  /*text-align: center;*/
  color: rgb(185, 185, 185);
  /* position: relative;
  bottom: 0.03rem; */
  /* bottom: 0.04rem; */
  font-size: 0.17rem;
}
/* input.inputLogin.inputLoginPwd :-moz-input-placeholder {
  bottom: 0;
} */
.yzmPic {
  width: 85px;
  height: 40px;
  overflow: hidden;
  float: right;
  margin-top: -0.2rem;
}
.yzmBox2 {
  width: 185px;
  height: 25px;
  padding: 8px 10px 7px 10px;
  float: left;
  background-color: #ffffff;
  border-radius: 3px;
}
.inputYzm2 {
  width: 130px;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 2px 8px;
  color: #cccccc;
}
.yzmBt42 {
  background: transparent;
  height: 0.48rem;
  color: #245cac;
  font-size: 0.14rem;
  cursor: pointer;
  float: right;
  margin-top: -0.1rem;
  margin-left: 0.1rem;
}
.yzmBt {
  display: block;
  width: 110px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  float: right;
  font-size: 16px;
  background-color: #1870a0;
  border-radius: 3px;
  overflow: hidden;
}
.zhengshuTxt {
  background-color: #ffffff;
  border-radius: 3px;
  line-height: 26px;
  font-size: 16px;
  padding: 10px 10px;
}

a.loginBt {
  display: block;
  margin: 20px 0px;
  height: 49px;
  line-height: 49px;
  font-size: 20px; /* font-weight:bold;*/
  text-align: center;
  background: url(../images/loginbt.png) repeat-x 0 0;
  border-radius: 5px;
  border: #208ad6 1px solid;
}
a.loginBt:hover {
  background: url(../images/loginbt.png) repeat-x 0 -51px;
}
input.loginBt {
  display: block;
  width: 330px;
  margin: 20px 0px;
  height: 49px;
  line-height: 49px;
  font-size: 20px;
  text-align: center;
  background: url(../images/loginbt.png) repeat-x 0 0;
  border-radius: 5px;
  border: #208ad6 1px solid;
  color: #ffffff;
}
input.loginBt:hover {
  background: url(../images/loginbt.png) repeat-x 0 -51px;
}
button.cofirmBtnModify,
button.loginBt {
  width: 3.7rem;
  height: 0.55rem;
  background: #245cad;
  color: #fff;
  font-size: 0.18rem;
  /*border-radius: 0.08rem;
  */
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  /* bottom: 1.85rem; */
  bottom: 0.85rem;
}
/**button.loginBt:hover {background:url(../images/loginbt.png) repeat-x 0 -51px;}*/

.warningBox {
  width: 3.7rem;
  position: absolute;
  /* bottom: 2.46rem; */
  bottom: 1.41rem;
  left: 0.65rem;
}
.warningBoxOut {
  width: 335px;
  margin-top: 20px;
  float: right;
  padding-right: 2px;
  position: relative;
}
.warningBar {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 999;
}
/*.warning { width:335px; height:36px; line-height:36px; margin:10px 0; clear:both; background:url(../images/warning.png) no-repeat 0 0;}*/
.wColor1 {
  color: #ff4c4c;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.24rem;
}
.wColor2 {
  color: #18ff00;
}
.wColor3 {
  color: #00fcff;
}
.closeBt {
  visibility: hidden;
  /* display: block;
  width: 32px;
  height: 22px;
  float: left;
  background: url(../images/close_bt.png) no-repeat center center;
  cursor: pointer; */
}
.infoBt {
  display: block;
  width: 32px;
  height: 22px;
  float: left;
  background: url(../images/ico_prompt1.png) no-repeat center center;
  cursor: pointer;
}
.closeBt1 {
  display: block;
  width: 32px;
  height: 22px;
  float: left;
  background: url(../images/close_bt.png) no-repeat center center;
  cursor: pointer;
}
/*.warning2 { width:315px; height:360px; padding:5px 20px 5px 0; margin:10px 0; clear:both; background:url(../images/warning2.png) no-repeat 0 0;}*/
.warningBg {
  /* width: 350px;
  margin: 11px 0;
  line-height: 22px;
  border-radius: 5px;
  padding: 7px 10px 7px 0px;
  background: url(../images/warning_bg.png) repeat 0 0;
  position: relative; */
}
.warningBgSetPasswordHint {
  width: 335px;
  margin: 11px 0;
  margin-top: 42px;
  line-height: 22px;
  border-radius: 5px;
  padding: 7px 10px 7px 0px;
  background: url(../images/warning_bg.png) repeat 0 0;
  position: relative;
}
.warningBgUserInfo {
  width: 335px;
  margin: 11px 0;
  line-height: 22px;
  border-radius: 5px;
  padding: 7px 10px 7px 0px;
  background: url(../images/warning_bg.png) repeat 0 0;
  position: relative;
}
.warningArr {
  visibility: hidden;
  /* display: block;
  width: 6px;
  height: 30px;
  background: url(../images/warningArr.png) no-repeat 0 0;
  position: absolute;
  right: -6px;
  top: 0px;
  z-index: 1; */
}
.warningTxt {
  /* overflow: hidden;
  line-height: 22px; */
}

.footerNavBar {
  width: 1050px;
  height: 100px;
  margin: 38px auto 15px;
  background: url(../images/login_navline.png) no-repeat right center;
}
.footerNavBar li {
  width: 150px;
  height: 100px;
  float: left;
  text-align: center;
  background: url(../images/login_navline.png) no-repeat left center;
}
.fNav {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url(../images/login_footernav.png);
  background-repeat: no-repeat;
}
.fNav1 {
  background-position: 0 0;
}
.fNav2 {
  background-position: 0 -70px;
}
.fNav3 {
  background-position: 0 -140px;
}
.fNav4 {
  background-position: 0 -210px;
}
.fNav5 {
  background-position: 0 -280px;
}
.fNav6 {
  background-position: 0 -350px;
}
.fNav7 {
  background-position: 0 -420px;
}
.footerNavBar .tit {
  display: block;
  width: 100%;
  clear: both;
  line-height: 18px;
  padding-top: 4px;
}

.copyright {
  line-height: 26px;
  width: 100%;
  text-align: center;
  padding: 20px 0;
} /*yan*min-width:1000px;**/

/*-----20161025----*/
.passwordLayerUser,
.passwordLayer {
  display: block;
  /* width: calc(100% - 55%); */
  /* height: 25px; */
  line-height: 0.35rem;
  background-color: #ffffff;
  position: absolute;
  /* left: 38px; */
  /* padding: 0 5px; */
  overflow: hidden;
  top: 0.16rem;
  color: #b9b9b9;
  left: 0.35rem;
  font-size: 0.17rem;
  /* text-indent: 0.03rem; */
  margin-left: 0.1rem;
}
.passwordLayer span {
  display: none;
}

.mibaoScroll {
  height: 220px;
  overflow-y: auto;
  padding-right: 5px;
  margin-bottom: 10px;
}
.buttonBarCol2 li {
  width: 50%;
  float: left;
  overflow: hidden;
}
a.button1 {
  display: block;
  margin: 10px 0px;
  height: 38px;
  line-height: 38px;
  font-size: 18px; /* font-weight:bold;*/
  text-align: center;
  background: url(../images/loginbt.png) repeat-x 0 0;
  border-radius: 5px;
  border: #208ad6 1px solid;
  margin-right: 3px;
}
a.button1:hover {
  background: url(../images/loginbt.png) repeat-x 0 -51px;
}
input.button1 {
  display: block;
  margin: 10px 0px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  text-align: center;
  background: url(../images/loginbt.png) repeat-x 0 0;
  border-radius: 5px;
  border: #208ad6 1px solid;
  color: #ffffff;
  margin-right: 3px;
}
input.button1:hover {
  background: url(../images/loginbt.png) repeat-x 0 -51px;
}
a.button2 {
  display: block;
  margin: 10px 0px;
  height: 38px;
  line-height: 38px;
  font-size: 18px; /* font-weight:bold;*/
  text-align: center;
  background: url(../images/loginbt.png) repeat-x 0 -110;
  border-radius: 5px;
  border: #cad2d7 1px solid;
  margin-left: 3px;
}
a.button2:hover {
  background: url(../images/loginbt.png) repeat-x 0 -170px;
}
input.button2 {
  display: block;
  margin: 10px 0px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  text-align: center;
  background: url(../images/loginbt.png) repeat-x 0 -110;
  border-radius: 5px;
  border: #cad2d7 1px solid;
  margin-left: 3px;
}
input.button2:hover {
  background: url(../images/loginbt.png) repeat-x 0 -170px;
}

.loginOutBox {
  /* width:300px;*/
  width: 550px;
  height: 275px;
  padding: 20px;
  background-color: #f3fbfd;
  border-radius: 3px;
  float: right;
  -webkit-box-shadow: 0px 5px 5px #195c91;
  -moz-box-shadow: 0px 5px 5px #195c91;
  margin-top: 65px;
  font-size: 16px;
  color: #666666;
}
.loginOutTxt {
  font-size: 26px;
  position: absolute;
  z-index: 9;
  top: 160px; /* left:-70px;*/
  left: 70px;
}
.loginOutBox .tit {
  height: 30px;
  line-height: 30px;
}
.loginOutcon {
  height: 130px;
  overflow-y: auto;
  margin: 5px 0;
  padding: 18px 18px;
  background-color: #ffffff;
  border-radius: 3px;
  border: #cad2d7 1px solid;
}
.loginOutcon li {
  line-height: 20px;
  padding: 5px 0px;
  clear: both;
}
.loginOutBt {
  width: 330px;
  height: 50px;
  margin: 20px auto 40px auto;
}

.warningBox.warningBoxMibao {
  margin-right: 370px;
  margin-top: 0;
}
.ddd {
  margin-top: 0px !important;
  margin-left: 0px !important;
}
.loginBoxMibao {
  height: auto;
  margin-top: -50px;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  z-index: 100;
  position: absolute;
  right: 0px;
  min-height: 380px;
}
.loginBoxMibao {
  height: auto;
  margin-top: -50px;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: no;
  z-index: 100;
  position: absolute;
  right: 0px;
}
.loginCoverBg {
  z-index: 10;
  left: 0px;
  top: 0px;
  position: fixed;
  opacity: 0.4;
  filter: Alpha(Opacity=40);
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgb(0, 0, 0);
}

.loginBox .inputMibao {
  border: #e2e2e2 1px solid;
  height: 40px;
  padding: 0px 10px;
  overflow: hidden;
  border-radius: 3px;
  margin: 5px 0;
  background-color: #ffffff;
}
.loginBox .inputMibao input {
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 10px 0;
  background: none;
}

.loginBox .selectBox.selectMibao {
  border: #e2e2e2 1px solid;
  height: 40px;
  overflow: hidden;
  border-radius: 3px;
  margin: 5px 0;
}
.loginBox .selectBox.selectMibao .select {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 30px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  padding: 4px 2px 4px 2px\9; /*IE8*/ /*IE7*/ /*border:#ffffff 1px solid; */
}
.hrMibao {
  height: 5px;
  overflow: hidden;
  margin: 10px 0 5px 0;
  border-top: #e2e2e2 1px solid;
}

.loginMainRel {
  position: relative;
  height: 390px;
}
.loginBoxAbsolute {
  height: auto;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  z-index: 100;
  position: absolute;
  right: 0px;
  top: 50%;
  min-height: 280px;
}

select:focus {
  border: #ffffff 1px solid;
}

.promptTit {
  height: 62px;
  line-height: 62px;
  padding: 10px 50px;
  font-size: 24px;
}
.promptTit span.promptIco {
  display: block;
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 10px;
}
.promptTit span.promptIco img {
  width: 62px;
  height: 62px;
}
.promptTxt {
  min-height: 100px;
  padding: 10px 50px;
  font-size: 18px;
  line-height: 28px;
  color: #666666;
}
.promptTxt2 {
  min-height: 100px;
  padding: 10px 50px 20px 50px;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
}
.promptTxt2 p {
  padding: 8px 0;
}

.popBox {
  background-color: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  z-index: 100011;
  visibility: hidden;
  position: fixed;
}
.popTitBar {
  height: 30px;
  line-height: 30px;
  padding: 5px 10px 5px 20px;
  background: url(../images/pop_titbg.png) repeat-x 0 0;
  cursor: move;
}
.popCon {
  padding: 10px 20px;
  overflow-y: auto;
}
.popCon p {
  padding: 8px 0;
}
.colseBt {
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  background: url(../images/close.png) no-repeat center center;
}
.chaxunBt,
.chongzhiBt,
a.chaxunBt,
a.chongzhiBt {
  display: inline-block;
  width: 110px;
  height: 30px;
  border-radius: 3px;
  overflow: hidden;
  line-height: 30px;
  text-align: center;
  margin-left: 10px;
}
.chaxunBt {
  background: url(../images/bar_bg.png) repeat-x 0 0;
  border: #208ad6 1px solid;
}
.chongzhiBt {
  background: url(../images/bar_bg.png) repeat-x 0 -40px;
  border: #cad2d7 1px solid;
}

.loginText {
  margin-left: 30%;
}
.loginTe {
  margin-left: 39%;
  margin-bottom: 1%;
}
.loginImg {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 100%;
}
.loginT {
  /* margin-left: 23%; */
  margin-top: 0.4rem;
  text-align: center;
  font-size: 0.14rem;
  color: #c4cbcf;
}
.error-strong-red {
  display: inline-block;
  color: red;
  font-size: 0.2rem;
  margin-top: 1rem;
  line-height: 0.35rem;
  word-break: break-all;
}
.error-btn {
  display: block;
  margin: 0.6rem 0 0 1rem;
  cursor: pointer;
  border-radius: 0.08rem;
  font-size: 0.18rem;
  padding: 0 0.2rem;
  height: 0.55rem;
  background: #245cad;
  color: #fff;
  margin: 0.6rem auto 0;
}

/* 修改密码 */
.modifyNew .inputBox .posRel {
  border-bottom: #ddd 0.01rem solid;
}
.icolookEyeBG {
  background-image: url(../images/login_icon_eye.svg);
  background-repeat: no-repeat;
}
.icolookEyeCloseBG {
  background-image: url(../images/login_icon_close.svg);
  background-repeat: no-repeat;
}
.smsCodeModify {
  color: #245cad;
  float: right;
  background: #fff;
  margin-top: 0.05rem;
  font-size: 0.14rem;
  cursor: pointer;
  margin-left: 0.1rem;
}
.yzmBt42.dis,
.smsCodeModify.dis {
  color: #b9b9b9;
}
button.cofirmBtnModify {
  bottom: 0.8rem;
}
.warningBox.warningBoxMibao1 {
  bottom: 1.41rem;
}
/* 带mobile类的 为移动端适配样式 */
/* 适配 iPhone X 顶部填充*/
/* @supports (bottom: constant(safe-area-inset-bottom)) or
  (bottom: env(safe-area-inset-bottom)) {
  .mobile .loginBox .loginBoxContent {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }
} */
.mobile .loginBox.loginBox-one {
  width: 100%;
  height: 100%;
  box-shadow: none;
  display: flex;
  justify-content: center;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.mobile .loginBox .loginBoxContent {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  box-shadow: none;
  width: 10rem;
  border-radius: 0;
  /*height: calc(88rpx + constant(safe-area-inset-top));
  height: calc(88rpx + env(safe-area-inset-top));
  */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.mobile .loginBox .loginBoxContent .loginContent .loginMess,
.mobile .modifyNew {
  box-sizing: border-box;
  height: auto;
  width: 100%;
  padding: 0 1rem;
  margin-top: 0.6rem;
}
.mobile .loginBox .loginBoxContent .banner {
  /*height: 44%;
  */
  width: 100%;
  height: auto;
  /*height: 10rem;
  */ /*width: 100%;
  */ /*height: 18.7rem;
  */
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.mobile .loginBox .loginBoxContent .loginContent {
  width: 100%;
  /* flex: 1; */
}
.mobile .loginBox .loginBoxContent .banner img {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.mobile button.loginBt,
.mobile button.cofirmBtnModify {
  font-family: "Microsoft YaHei", "PingFangSC-Regular", "sans-serif";
  width: 85%;
  /*height: 12%;
  */
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 5px;
  font-size: 0.4rem;
  bottom: 1.3rem;
  font-size: 0.48rem;
  height: 1.25rem;
  /*border-radius: .2rem;
  */
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.mobile button.loginBt.static,
.mobile button.cofirmBtnModify.static {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  width: 100%;
  position: static;
  margin: 2rem 0 0.3rem 0;
}

.mobile button.cofirmBtnModify {
  bottom: 0.5rem;
}
/* @media screen and (max-width:376px){
} */
.mobile .inputBox li {
  height: 0.45rem;
  margin-top: 0.5rem;
  margin-bottom: 0.1rem;
}
.mobile .yzmBar {
  height: 0.506rem;
  margin-top: 0.6rem;
  /* padding-bottom: 0.05rem; */
}
.mobile .slogan-top {
  /* margin-left: 0.6rem; */
}
.mobile .yzmPic {
  width: 1.48rem !important;
  height: 0.7rem !important;
  margin-top: -0.1rem;
}
.mobile .yzmBt42,
.mobile .smsCodeModify {
  font-size: 0.35rem;
}
@media screen and (min-width: 376px) {
  .mobile .inputBox li {
    height: 0.6rem;
  }
  .mobile .yzmBar {
    height: 0.61rem;
    margin-top: 0.6rem;
    /* padding-bottom: 0; */
  }
  .mobile .yzmPic {
    width: 1.8rem !important;
    height: 0.7rem !important;
    margin-top: -0.1rem;
  }
}
.mobile .inputBox {
  overflow: hidden;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 376px) {
  .mobile .inputBox {
    margin-bottom: 0.1rem;
  }
}
.mobile .warningBox {
  width: 100%;
  bottom: 2.7rem;
  left: 0;
  text-align: center;
  /* position: static; */
}
.mobile .warningBox.static {
  position: static;
}
@media screen and (min-width: 376px) {
  .mobile .warningBox {
    bottom: 2.8rem;
  }
}
.mobile .warningBoxMibao1 {
  bottom: 2rem;
  margin-top: 0.5rem;
  position: static;
}

.mobile .icoDel,
.mobile .icoDel1,
.mobile .icoDel-modify2,
.mobile .icoLook,
.mobile .icoModify {
  height: 0.43rem;
  /* margin-top: 0; */
  margin: -0.12rem 0 0 0;
  padding: 0.2rem;
}
.mobile .icoModify {
  background-origin: content-box;
  background-clip: content-box;
  width: 0.43rem;
}
/* .mobile .icoDel#yzmdel_42 {
  margin-top: -0.22rem;
} */
/* @media screen and (max-width:376px){
  .mobile .icoDel,
  .mobile .icoDel1,
  .mobile .icoDel-modify2,
  .mobile .icoLook,
  .mobile .icoModify {
    margin-top: 0;
  }
} */
.mobile .loginBox .loginBoxContent .loginContent .pwd {
  margin-top: 0.25rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.mobile .rememberPwd {
  position: initial;
  font-size: 0.35rem;
}
.mobile .loginBox .loginBoxContent .loginContent .pwd .forget {
  font-size: 0.35rem;
}
.mobile .loginBox .loginBoxContent .loginContent .title {
  display: none;
}
.mobile .inputYzm {
  height: 0.7rem;
  /* line-height: 0.4rem; */
  font-size: 0.4rem;
  padding-left: 0.3rem;
  /* margin-top: -0.1rem; */
  margin-top: -0.2rem;
}
.mobile .inputLogin {
  font-size: 0.4rem;
  /* height: 0.5rem; */
  height: 0.7rem;
  width: 60%;
  /* width: 65%; */
  padding-left: 0.3rem;
  margin-top: -0.2rem;
}
.mobile .yzmBox {
  width: 60%;
}
.mobile .warningBar {
  padding: 3px 0;
}
.mobile .wColor1 {
  line-height: normal;
}
.mobile .tipUp {
  font-size: 0.4rem;
  margin-top: -0.7rem;
  margin-left: 0.3rem;
}
.mobile .wColor1 {
  /* font-size: 0.24rem; */
  font-size: 0.35rem;
}
@media screen and (min-width: 750px) {
  .mobile .loginBox .loginBoxContent .loginContent .loginMess,
  .mobile .modifyNew {
    margin-top: 0.4rem;
  }
  .mobile .inputBox {
    margin-bottom: 0;
  }
  .mobile button.loginBt,
  .mobile button.cofirmBtnModify {
    bottom: 0.85rem;
  }
  .mobile .yzmBar {
    height: 0.49rem;
    margin-top: 0.5rem;
  }
  .mobile .warningBox {
    bottom: 1.85rem;
    position: static;
  }
  .mobile .tipUp {
    margin-top: -0.65rem;
  }
}
.mobile .banner .aaa {
  top: 0.45rem;
  left: 0.4rem;
  border-radius: 0.7rem;
  height: 0.7rem;
  font-size: 0.3rem;
  background: rgba(0, 0, 0, 0.12);
}
.mobile .banner .aimage {
  width: 0.6rem !important;
}
.mobile .footer {
  bottom: 0.5rem;
}
.mobile .footer .foot {
  font-size: 0.2rem;
}
.mobile .footer.static {
  position: static;
  line-height: 0.8rem;
}
.mobile .ddtip {
  font-size: 0.55rem;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.mobile .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.28rem;
}
.mobile .passwordLayer {
  left: 0;
  font-size: 0.4rem;
}
.mobile .passwordLayerUser,
.mobile .passwordLayer {
  height: 0.4rem;
  font-size: 0.4rem;
}
@media screen and (min-width: 376px) {
  .mobile .passwordLayerUser,
  .mobile .passwordLayer {
    height: 0.66rem;
  }
}
.mobile .banner .adiv {
  width: 0.7rem;
  height: 0.7rem;
  background: rgba(0, 0, 0, 0.15);
}
.mobile .banner .aspan {
  letter-spacing: 1px;
  transform: scale(0.95);
}
.mobile .error-btn {
  margin: 0.6rem auto;
}
.mobile .remember,
.mobile .txtChose {
  width: 0.4rem;
  height: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}
.mobile .txtChose + label {
  width: 0.4rem;
  height: 0.4rem;
  /* vertical-align: top; */
}
.mobile .remember {
  /* vertical-align: bottom; */
  display: inline-block;
}
@media screen and (max-width: 376px) {
  .mobile .remember {
    /* vertical-align: middle; */
  }
}
.mobile input::-webkit-input-placeholder {
  font-size: 0.4rem !important;
  /* bottom: 0; */
}
.mobile .error-strong-red {
  font-size: 0.4rem;
  line-height: 0.5rem;
}
.mobile .error-btn {
  font-size: 0.35rem;
  height: 0.8rem;
  width: 65%;
}
/* 带chian-sec类的  为持安移动设备适配 */
.chian-sec .loginBox .loginBoxContent .banner {
  display: none;
}
.chian-sec button.loginBt {
  width: 85%;
  height: 10%;
  bottom: 0.55rem;
}
.chian-sec .footer {
  /* display: none; */
  bottom: 0.15rem;
}
.chian-sec .warningBox {
  bottom: 1.45rem;
}
.chian-sec button.cofirmBtnModify {
  width: 55%;
  height: 8%;
  bottom: 0.15rem;
}
.chian-sec .inputBox {
  margin-bottom: 0.1rem;
}
.chian-sec .inputBox li {
  margin-top: 0.45rem;
}
.chian-sec .inputLogin {
  font-size: 0.3rem;
}
.chian-sec .icon {
  width: 0.55rem;
  height: 0.55rem;
  margin-top: -0.18rem;
}
.chian-sec .tipUp {
  font-size: 0.3rem;
  margin-top: -0.5rem;
}
.chian-sec .yzmBar {
  margin-top: 0.45rem;
  padding-bottom: 0;
}
.chian-sec .warningBoxMibao1 {
  bottom: 0.85rem !important;
}
.chian-sec input::-webkit-input-placeholder {
  font-size: 0.3rem !important;
}
@media screen and (min-width: 462px) {
  .chian-sec .inputBox li {
    height: 0.45rem;
  }
  .chian-sec .yzmBar {
    height: 0.55rem;
  }
}
.chian-sec .rememberPwd,
.chian-sec .loginBox .loginBoxContent .loginContent .pwd .forget {
  font-size: 0.3rem;
}
.chian-sec .remember {
  width: 0.3rem;
  height: 0.3rem;
  /* vertical-align: text-top; */
}
.chian-sec .inputYzm {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.3rem;
}
.chian-sec .inputBox li {
  margin-bottom: 0;
}
/* 用户名短信 */
button.login42 {
  /* bottom: 1rem; */
}
.warningBox.warn42 {
  /* bottom: auto; */
}
#countTab,
#countTabEr {
  position: absolute;
  /* right: 5px;
	top: 5px; */
  display: none;
  /* width: 30px; */
  right: 0.05rem;
  top: 0.05rem;
  width: 0.6rem;
  cursor: pointer;
}
/* #countTabEr {
  display: block;
} */
.loginQr {
  /* width: 3rem; */
  margin: 0.3rem auto;
  text-align: center;
  position: relative;
}
.qr-img {
  display: inline-block;
  position: relative;
}
.qr-scan-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.1rem;
  display: none;
}
.qr-scan-mask-cover {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.qr-scan-mask-cover span {
  font-size: 46px;
  margin-bottom: 12px;
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.universe-icon svg {
  display: inline-block;
  vertical-align: -0.14em;
}

#__vconsole {
  display: none;
}
.console-box {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  z-index: 10;
}

@supports (bottom: constant(safe-area-inset-bottom)) or
  (bottom: env(safe-area-inset-bottom)) {
  .mobile .tabCon,
  .mobile .loginBox.loginBox-one,
  .mobile .loginBox .loginBoxContent,
  .banner.fl .ddtip,
  .mobile .loginBox .loginBoxContent .loginContent {
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
  }
  .mobile .tabCon,
  .mobile .loginBox .loginBoxContent .loginContent {
    box-sizing: border-box;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }
  .mobile .loginBox .loginBoxContent .loginContent {
    height: 80%;
  }
  .mobile .tabCon {
    box-sizing: content-box;
  }
}
@supports (top: constant(safe-area-inset-top)) or
  (top: env(safe-area-inset-top)) {
  .mobile .loginBox .loginBoxContent {
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
  }
}

/* 弹框 */
.msg-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.msg-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 400px;
  background: #f9f9f9;
  min-height: 276px;
  border: 1px solid #d7d7d7;
  z-index: 99;
  background-color: #ffffff;
  /* min-width: 4rem;
  min-height: 2.7rem; */
}
.mb-top {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #efefef;
  text-align: center;
  background: #f9f9f9;
  font-size: 20px;
  color: #61626b;
  /* font-size: .2rem;
  height: .6rem;
  line-height: .6rem; */
}
.mbt-close {
  width: 33px;
  height: 30px;
  position: absolute;
  right: 8px;
  top: 13px;
  cursor: pointer;
  /* width: 0.3rem;
    height: 0.3rem;
    right: 0.08rem;
    top: 0.13rem; */
}
.mb-content {
  text-align: center;
  margin-top: 20px;
  /* margin-top: .2rem; */
}
.mb-content img {
  width: 56px;
  height: 50px;
  /* height: .5rem;
  width: .56rem; */
}
#web_content {
  padding: 25px;
  /* font-size: 0.22rem; */
  font-size: 18px;
  color: #333;
  /* padding: .25rem; */
}
.mb-bottom {
  height: 60px;
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 42px;
  /* display: flex;
  justify-content: space-between; */
  text-align: center;
  /* height: .6rem;
  line-height: .42rem; */
}
.mb-bottom #tip_cancel {
  width: 25%;
  height: 70%;
  cursor: pointer;
  border: none;
  /* background: #f9f9f9; */
}
.mb-bottom #tip_sure {
  width: 25%;
  height: 70%;
  cursor: pointer;
  background: #005bac;
  color: #fff;
  border-radius: 0px;
  margin-left: 40px;
  /* margin-left: .4rem; */
}
/* 错误提示弹框 */
.mobile .msg-bg {
  /* display: none; */
  position: fixed;
  width: 100%;
  height: 100%;
}
.mobile .msg-box {
  width: 80%;
  min-width: auto;
  min-height: 3.5rem;
}
.mobile .mb-top {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.4rem;
}
.mobile .mbt-close {
  width: 0.7rem;
  height: 0.7rem;
  right: 0.1rem;
  top: 0.15rem;
}
.mobile .mb-content {
  margin-top: 0.55rem;
}
.mobile .mb-content img {
  width: 0.8rem ;
  height: 0.7rem ;
}
.mobile .mb-content #web_content {
  /* padding: .5rem 0.15rem ; */
  padding-right: .15rem;
  padding-left: .15rem;
  font-size: .4rem;
}
.mobile .mb-bottom {
  position: static;
  height: 1.5rem;
  line-height: 1.5rem;
}
.mobile .mb-bottom #tip_sure,
.mobile .mb-bottom #tip_cancel {
  width: 30%;
  font-size: .37rem;
}
.mobile .mb-bottom #tip_sure {
  margin-left: .8rem;
}