* {
  margin: 0;
  padding: 0;
}
body {
  height: 100vh;
  max-width: 19.20rem;
  min-width: 12rem;
  background-image: url(../image/bj.png);
  background-size: 19.20rem 100vh;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover; /* 覆盖整个容器 */
  background-position: center; /* 中心对齐 */
}
.box {
  width: 5.35rem;
  height: 5.57rem;
  border-radius: 0.08rem;
  background-color: #fff;
  position: absolute;
  right: 3.14rem;
  top: 1.8rem;

}
.box::before {
  content: "";
  width: 5.35rem;
  height: 5.57rem;
  display: block;
  background-image: url(../image/bj2.png);
  background-size: 100% 100%;
  position: absolute;
  top: .18rem;
  left: .18rem;
z-index: -1;
}
.title {
  margin-top: .71rem;
}
.title h3 {
  font-size: .38rem;
  font-weight: 500;
  color: #ba0101;
  text-align: center;
}
.nva {
  text-align: center;
  margin-top: .35rem;
}
.nva span {
  display: inline-block;
  width: 1.92rem;
  height: .34rem;
  background-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.4);
  line-height: .34rem;
}
.action {
  background-color: #ba0101 !important;
  color: #fff !important;
}
.form1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: .39rem;
}
.form1 input {
  width: 3.89rem;
  height: .53rem;
  position: relative;
  background: #f4f4f4;
  border-radius: .06rem;
  text-indent: 3em;
  margin-bottom: .2rem;
  border: none;
}
.form1 input:focus {
  outline: none;
}
.phone {
  position: relative;
  width: 3.89rem;
}
.password {
  position: relative;
  width: 3.89rem;
}
.phone i {
  content: "";
  position: absolute;
  left: .14rem;
  top: .14rem;
  width: .21rem;
  height: .23rem;
  background-image: url(../image/sj.png);
  background-size: 100% 100%;
}
.password i {
  content: "";
  position: absolute;
  left: .14rem;
  top: .14rem;
  width: .21rem;
  height: .23rem;
  background-image: url(../image/mi.png);
  background-size: 100% 100%;
}
.charset input {
  width: .16rem;
  height: .16rem;
  background-color: #ba0101;
  margin-right: .05rem;
}
.charset {
  text-align: left;
  width: 3.89rem;
  display: flex;
  align-items: center;
}
.charset span{font-size: 0.16rem;}
.charset a{font-size: 0.16rem; text-decoration: none;color: #000;}

.tabal {
  padding: 0 .72rem;
}
.logobutton {
  width: 3.89rem;
  height: .56rem;
  background: #ba0101;
  border-radius: .06rem;
  text-align: center;
  line-height: .56rem;
  font-size: .16rem;
  margin-top: .35rem;
  color: #fff;
}
.xyne{width: 5.0rem; height: 4.5rem; background-color: #fff; position: fixed; left: 50%; top: 50%; z-index: 102; margin-left: -250px; margin-top: -200px;}
.xy_titile{width:100%; height: 0.3rem; line-height: 0.3rem;  padding: 0.1rem 0px; text-align: center; font-size:0.16rem; margin-bottom: 0.1rem;  background-color: #d9d9d9;}
.xy_content{width:100%; height: 3.7rem; overflow-x: auto; font-size: 0.14rem;  padding: 0px 0.2rem;box-sizing: border-box; }
.zzc{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .9); position: fixed; left: 0; top: 0; z-index: 101;}
/* pre{padding:0; margin:0; font:12px/22px "宋体"} */
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}