* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  font-family: OPPOSans;
  font: inherit;
  border: none;
  text-decoration: none;
  color: #141518;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
a:hover {
  color: #ff3333;
}
a:first {
  outline-style: none;
}
ul {
  list-style: none;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="radio"],
input[type="checkbox"],
input[type="hidder"],
input[type="radio"],
input[type="checkbox"],
select,
button {
  border: none;
  outline: none;
  /* padding: 4px; */
  -webkit-appearance: none;
}
.img {
  overflow: hidden;
}
.imgs {
  transition: all 500ms;
}
.item,
.imgs {
  cursor: pointer;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.flex-x{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.flex-y{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.cont {
  max-width: 1920px;
  margin: auto;
}
.template {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.w-wrap{
  overflow: hidden;
}
.w-wrap .top{
  align-items: flex-start;
  position: fixed;
  padding-bottom: 0;
}
.p1{
  margin-bottom: 1rem;
}
.p{
  margin-left: .8rem;
}

.w-wrap .wrap3 {
  margin-top: 9.4rem;
  overflow: auto;
  height: calc(100vh - 12.9rem);
}
.w-wrap .wrap4{
  margin-top: 9rem;
  overflow: auto;
  height: calc(100vh - 12.4rem);
}
.w-wrap .wrap5{
  margin-top: 6rem;
  overflow: auto;
  height: calc(100vh - 9.6rem);
}
.w-wrap .wrap6{
  margin-top: 3rem;
  overflow: auto;
  height: calc(100vh - 6.6rem);
}
.w-wrap .wrap7{
  margin-top: 1rem;
  overflow: auto;
  height: calc(100vh - 7.6rem);
}

.ul-reg>li:last-child{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ul-reg>li:last-child input{
  width: 100%;
  background: #ffbf14;
  font-size: .7rem;
  height: 1.8rem;
  color: #fff;
  border-radius: .25rem;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
}
.back a{
  margin-bottom: .8rem;
  font-size: .6rem;
}
.back a:last-child{
  margin: 0;
}
.wrap7 .li{
  justify-content: flex-start;
  margin-bottom: 1.4rem;
}
.wrap7 .li:last-child{
  margin: 0;
}
.wrap7 .li .i1,.wrap7 .li .i2{
  font-size: .7rem;
  color: #fff;
}
a:active{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.wrap3 *{
  color: #fff;
  font-size: .7rem !important;
  line-height: 1.6rem;
}
.content .dtxq-c *{
  color: #fff;
  font-size: .7rem !important;
  line-height: 1.6rem;
}