.w1400 {
  width: 14rem;
  margin: 0 auto;
  font-size: 0;
  z-index: 2;
}

@media (max-width: 1420px) {
  .w1400 {
    width: 94%;
  }
}

.logims {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f8f8f8;
}

.logims .logim {
  width: 100%;
  background-color: #fff;
  padding: 1rem 0.8rem;
}

.logims .logim .logm {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 400px;
}

.logims .logim .logm form {
  width: 100%;
  display: block;
}

.logims .logim .logm form .git {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.36rem;
}

.logims .logim .logm form .inpt {
  width: 100%;
  margin-bottom: 0.2rem;
}

.logims .logim .logm form .inpt input {
  width: 100%;
  display: block;
  border: solid 1px #dcdcdc;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3.5;
  height: 3.5em;
}

.logims .logim .logm form .vot {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.logims .logim .logm form .vot a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.8;
}

.logims .logim .logm form .sub {
  width: 100%;
}

.logims .logim .logm form .sub input {
  width: 100%;
  display: block;
  background-color: #e50012;
  color: #fff;
  line-height: 3.5;
  text-align: center;
  height: 3.5em;
  cursor: pointer;
  border: none;
}

.logims .logim .step {
  width: 100%;
  font-size: 0;
  max-width: 9.2rem;
  font-size: 0;
  margin: 0 auto 0.4rem;
  position: relative;
}

.logims .logim .step:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 6px;
  left: 0;
  right: 0;
  bottom: calc(0.25rem - 3px);
  background-color: #eee;
  border-radius: 3px;
}

.logims .logim .step .stam {
  width: 33.3%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.logims .logim .step .stam .tx {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.logims .logim .step .stam .icon {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem;
  position: relative;
  z-index: 4;
}

.logims .logim .step .stam .icon span {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  color: #666;
  border-radius: 50%;
  background-color: #eeeeee;
}

.logims .logim .step .stam.on .tx {
  color: #e50012;
}

.logims .logim .step .stam.on:after {
  background-color: #e50012;
  content: ' ';
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 6px;
  left: 0;
  right: 0;
  bottom: calc(0.25rem - 3px);
  border-radius: 3px;
}

.logims .logim .step .stam.on .icon span {
  background-color: #e50012;
  color: #fff;
}

.logims .logim .verification {
  width: 100%;
}

.logims .logim .verification .vetop {
  width: 100%;
  font-size: 0;
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.logims .logim .verification .vetop .vetom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0 0.3rem;
  cursor: pointer;
}

.logims .logim .verification .vetop .vetom .vion {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.logims .logim .verification .vetop .vetom .vion span {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #ededed;
}

.logims .logim .verification .vetop .vetom .vion span img {
  width: 100%;
  display: block;
}

.logims .logim .verification .vetop .vetom .vion span img:first-child {
  display: block;
}

.logims .logim .verification .vetop .vetom .vion span img:last-child {
  display: none;
}

.logims .logim .verification .vetop .vetom .xt {
  width: 100%;
  margin-top: 0.15rem;
  text-align: center;
  line-height: 1.5;
  color: #666;
}

.logims .logim .verification .vetop .vetom.on .vion span {
  background-color: #e50012;
}

.logims .logim .verification .vetop .vetom.on .vion span img:first-child {
  display: none;
}

.logims .logim .verification .vetop .vetom.on .vion span img:last-child {
  display: block;
}

.logims .logim .verification .veroms {
  width: 100%;
}

.logims .logim .verification .veroms .veom {
  width: 100%;
  display: none;
}

.logims .logim .verification .veroms .veom .form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 0;
  padding: 0.5rem 0.5rem;
  position: relative;
}

.logims .logim .verification .veroms .veom .form.padr {
  left: -50px;
}

.logims .logim .verification .veroms .veom .inputs {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.logims .logim .verification .veroms .veom .inputs .name {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin-right: 0.2rem;
  color: #666;
  line-height: 1.8;
  width: 100px;
}

.logims .logim .verification .veroms .veom .inputs .inpt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px - 0.2rem);
  position: relative;
  font-size: 0;
}

.logims .logim .verification .veroms .veom .inputs .inpt input {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  line-height: 3.2;
  height: 3.2em;
  color: #999;
  background-color: #fff;
  border: solid 1px #dcdcdc;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin-right: 4%;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  border: solid 1px #ddd;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select .select-value {
  width: 100%;
  position: relative;
  display: inline-block;
  line-height: 3;
  height: 3em;
  color: #333;
  padding: 0 0.2rem 0 0.15rem;
  text-align: left;
  top: -1px;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select select option {
  color: #333;
  font-size: calc(12px - 0.12rem + 0.16rem);
  line-height: 3;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select:after {
  display: inline-block;
  content: "";
  background-image: url("../images/x1.png");
  background-position: center;
  background-size: 100%;
  width: 14px;
  height: 8px;
  position: absolute;
  right: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select:nth-child(2n) {
  margin-right: 0;
}

.logims .logim .verification .veroms .veom .inputs .inpt .select.w100 {
  width: 100%;
  margin-right: 0;
}

.logims .logim .verification .veroms .veom .inputs .inpt .vm {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  line-height: 3.2;
  height: 3.2em;
  color: #999;
  background-color: #f9f9f9;
  border: solid 1px #dcdcdc;
}

.logims .logim .verification .veroms .veom .inputs.test .inpt input {
  width: calc(100% - 120px);
  display: inline-block;
  vertical-align: middle;
}

.logims .logim .verification .veroms .veom .inputs.test .inpt .gets {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  text-align: center;
  background-color: #e50012;
  color: #fff;
  height: 3.2em;
  line-height: 3.2;
  cursor: pointer;
}

.logims .logim .verification .veroms .veom .mot {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.logims .logim .verification .veroms .veom .mot .sub {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  margin-left: calc(100px + 0.2rem);
  width: calc(100% - 100px - 0.2rem);
  background-color: #e50012;
  color: #fff;
  line-height: 3.2;
  cursor: pointer;
  border: none;
  text-align: center;
}

.logims .logim .verification .veroms .veom .mot .vmt {
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  width: 100%;
  background-color: #e50012;
  color: #fff;
  line-height: 3.2;
  cursor: pointer;
  border: none;
  text-align: center;
}

.logims .logim .verification .veroms .veom .vmc {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.3rem;
}

.logims .logim .verification .veroms .veom .vmc span {
  display: inline-block;
  vertical-align: middle;
  width: 0.7rem;
  height: 0.7rem;
}

.logims .logim .verification .veroms .veom .vmc span img {
  width: 100%;
  display: block;
}

.logims .logim .verification .veroms .veom .tn {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 2;
}

.logims .logim .verification .veroms .veom .tb {
  width: 100%;
  color: #333;
  line-height: 2;
  text-align: center;
  margin-bottom: 0.44rem;
  margin-top: 0.1rem;
}

.logims .logim .verification .veroms .veom.on {
  display: block;
}

.members {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f8f8f8;
}

.members .mel {
  display: inline-block;
  vertical-align: top;
  width: calc((250 / 1400) * 100%);
  background-color: #fff;
  margin-right: calc((29 / 1400) * 100%);
}

.members .mel .pelist {
  width: 100%;
}

.members .mel .pelist .pelam {
  width: 100%;
  position: relative;
}

.members .mel .pelist .pelam .pelm {
  width: 100%;
  display: block;
}

.members .mel .pelist .pelam .pas {
  width: 100%;
  padding: 0.3rem;
  font-size: 0;
}

.members .mel .pelist .pelam .pas a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  width: 100%;
}

.members .mel .pelist .pelam .pas a .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
}

.members .mel .pelist .pelam .pas a .ic img {
  width: 100%;
  display: block;
}

.members .mel .pelist .pelam .pas a .ic img:first-child {
  display: block;
}

.members .mel .pelist .pelam .pas a .ic img:last-child {
  display: none;
}

.members .mel .pelist .pelam .pas a .im {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.34rem);
  color: #333;
  line-height: 1.5;
}

.members .mel .pelist .pelam .puls {
  width: 100%;
  background-color: #f8edee;
  padding: 0.2rem;
  display: none;
}

.members .mel .pelist .pelam .puls .pwem {
  width: 100%;
  position: relative;
}

.members .mel .pelist .pelam .puls .pwem .pwm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.members .mel .pelist .pelam .puls .pwem .pwm a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2.2;
}

.members .mel .pelist .pelam .puls .pwem .pwm a:hover {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwm a.on {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul {
  width: 100%;
  display: none;
  padding: 0.1rem 0 0.1rem 0.1rem;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem {
  width: 100%;
  position: relative;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .pem {
  width: 100%;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .pem .psm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .pem .psm a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2.2;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .pem .psm a:hover {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .pem .psm a.on {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul {
  width: 100%;
  display: none;
  padding: 0.1rem 0 0.1rem 0.1rem;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem {
  width: 100%;
  position: relative;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prm {
  width: 100%;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prm .pdm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prm .pdm a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2.2;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prm .pdm a:hover {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prm .pdm a.on {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul {
  width: 100%;
  display: none;
  padding: 0.1rem 0 0.1rem 0.1rem;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem {
  width: 100%;
  position: relative;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptm a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2.2;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptm a:hover {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptm a.on {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptul {
  width: 100%;
  display: none;
  padding: 0.1rem 0 0.1rem 0.1rem;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptul .pyem {
  width: 100%;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptul .pyem .pym {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptul .pyem .pym a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2.2;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptul .pyem .pym a:hover {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem .ptul .pyem .pym a.on {
  color: #e50012;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem.has-ptul:after {
  content: '';
  position: absolute;
  display: inline-block;
  font-size: 16px;
  width: 14px;
  height: 8px;
  text-align: center;
  right: 0.2rem;
  top: calc(0.9em - 4px);
  transition: all ease 0.3s;
  transform: rotate(0deg);
  background-image: url("../images/x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem .prul .ptem.has-ptul.show:after {
  transform: rotate(180deg);
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem.has-prul:after {
  content: '';
  position: absolute;
  display: inline-block;
  font-size: 16px;
  width: 14px;
  height: 8px;
  text-align: center;
  right: 0.2rem;
  top: calc(0.9em - 4px);
  transition: all ease 0.3s;
  transform: rotate(0deg);
  background-image: url("../images/x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem .peul .prem.has-prul.show:after {
  transform: rotate(180deg);
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem.has-peul:after {
  content: '';
  position: absolute;
  display: inline-block;
  font-size: 16px;
  width: 14px;
  height: 8px;
  text-align: center;
  right: 0.2rem;
  top: calc(0.9em - 4px);
  transition: all ease 0.3s;
  transform: rotate(0deg);
  background-image: url("../images/x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.members .mel .pelist .pelam .puls .pwem .pwul .peem.has-peul.show:after {
  transform: rotate(180deg);
}

.members .mel .pelist .pelam .puls .pwem.has-pwul:after {
  content: '';
  position: absolute;
  display: inline-block;
  font-size: 16px;
  width: 14px;
  height: 8px;
  text-align: center;
  right: 0.2rem;
  top: calc(1em - 4px);
  transition: all ease 0.3s;
  transform: rotate(0deg);
  background-image: url("../images/x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.members .mel .pelist .pelam .puls .pwem.has-pwul.show:after {
  transform: rotate(180deg);
}

.members .mel .pelist .pelam.has-hul:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 8px;
  text-align: center;
  right: 0.2rem;
  top: 0.35rem;
  transition: all ease 0.3s;
  transform: rotate(0deg);
  background-image: url("../images/x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.members .mel .pelist .pelam.has-hul.show:after {
  transform: rotate(180deg);
  background-image: url("../images/xs.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.members .mel .pelist .pelam.has-hul.show .pas {
  background-color: #e50012;
}

.members .mel .pelist .pelam.has-hul.show .pas .ic img:first-child {
  display: none;
}

.members .mel .pelist .pelam.has-hul.show .pas .ic img:last-child {
  display: block;
}

.members .mel .pelist .pelam.has-hul.show .pas .im {
  color: #fff;
}

.members .mel .pelist .pelam.on .pas {
  background-color: #e50012;
}

.members .mel .pelist .pelam.on .pas .ic img:first-child {
  display: none;
}

.members .mel .pelist .pelam.on .pas .ic img:last-child {
  display: block;
}

.members .mel .pelist .pelam.on .pas .im {
  color: #fff;
}

.members .mer {
  display: inline-block;
  vertical-align: top;
  width: calc((1120 / 1400) * 100%);
}

.members .mer .mesat {
  width: 100%;
  background-color: #fff;
}

.members .mer .mesat .mit {
  width: 100%;
  padding: 0.2rem 0.5rem;
  font-weight: bold;
  border-bottom: solid 1px #eaeaea;
  color: #333;
  line-height: 1.5;
}

.members .mer .mesat .ment {
  width: 100%;
  padding: 0.5rem;
}

.members .mer .mesat .ment form {
  width: 100%;
  display: block;
}

.members .mer .mesat .ment .mavem {
  width: 100%;
  margin-bottom: 0.4rem;
}

.members .mer .mesat .ment .mavem .miv {
  width: 100%;
  color: #e50012;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.members .mer .mesat .ment .mavem .rimpt {
  width: 100%;
  font-size: 0;
  max-width: 500px;
  margin-bottom: 0.1rem;
}

.members .mer .mesat .ment .mavem .rimpt .name {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  width: 90px;
}

.members .mer .mesat .ment .mavem .rimpt .info {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.members .mer .mesat .ment .mavem .rimpt .input {
  width: calc(100% - 90px);
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.members .mer .mesat .ment .mavem .rimpt .input input {
  width: 100%;
  display: block;
  background-color: #ffffff;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3;
  height: 3em;
  border: solid 1px #eeeeee;
}

.members .mer .mesat .ment .mavem .rimpt.tam .input .tip {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: 70px;
  white-space: nowrap;
  color: #0058ba;
  right: 0.2rem;
  top: 50%;
  text-align: right;
  transform: translateY(-50%);
}

.members .mer .mesat .ment .mavem .rimpt.tam .input input {
  padding-right: calc(70px + 0.2rem);
}

.members .mer .mesat .ment .bot {
  width: 100%;
  font-size: 0;
  text-align: center;
  max-width: 500px;
}

.members .mer .mesat .ment .bot .sub {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.6rem;
  border: none;
  background-color: #e50012;
  color: #fff;
  line-height: 3;
  cursor: pointer;
  border-radius: 1.5em;
}

.members .mer .melist {
  width: 100%;
  padding: 0.3rem 0.4rem;
}

.members .mer .melist .mlist {
  width: 100%;
  font-size: 0;
}

.members .mer .melist .mlist .meram {
  display: inline-block;
  vertical-align: top;
  width: calc((230 / 1040) * 100%);
  margin-right: calc((39 / 1040) * 100%);
  margin-bottom: 0.3rem;
}

.members .mer .melist .mlist .meram a {
  width: 100%;
  display: block;
}

.members .mer .melist .mlist .meram .imgs {
  width: 100%;
  overflow: hidden;
  background-color: #f8f8f8;
  border: solid 1px #eeeeee;
}

.members .mer .melist .mlist .meram .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.3s;
}

.members .mer .melist .mlist .meram .name {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0 0.06rem;
}

.members .mer .melist .mlist .meram .vt {
  width: 100%;
  color: #888;
  line-height: 1.6;
}

.members .mer .melist .mlist .meram:nth-child(4n) {
  margin-right: 0;
}

.members .mer .melist .mlist .meram:hover .imgs .img {
  transform: scale(1.1);
}

.members .mer .melist .mlist .meram:hover .name {
  color: #e50012;
}

.members .mer .melist .mevom {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.5rem;
}

.members .mer .melist .mevom .mlg {
  display: inline-block;
  vertical-align: middle;
  width: calc((320 / 1040) * 100%);
}

.members .mer .melist .mevom .mlg .img {
  width: 100%;
  padding-top: 100%;
}

.members .mer .melist .mevom .rms {
  display: inline-block;
  vertical-align: middle;
  width: calc((720 / 1040) * 100%);
  padding-left: 0.4rem;
}

.members .mer .melist .mevom .rms .rit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.members .mer .melist .mevom .rms .rinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.members .mer .melist .mevom .rms .rinp p {
  color: #333;
  line-height: 1.5;
}

.members .mer .melist .files {
  width: 100%;
}

.members .mer .melist .files .fit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.2rem;
  padding-left: 0.2rem;
  position: relative;
}

.members .mer .melist .files .fit:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0.2rem;
  background-color: #e50012;
}

.members .mer .melist .files .filist {
  width: 100%;
  font-size: 0;
}

.members .mer .melist .files .filist .fieam {
  display: inline-block;
  vertical-align: top;
  width: calc((500 / 1040) * 100%);
  margin-right: calc((39 / 1400) * 100%);
  margin-bottom: 0.3rem;
  background-color: #f8f8f8;
}

.members .mer .melist .files .filist .fieam a {
  width: 100%;
  display: block;
  font-size: 0;
  padding: 0.2rem;
}

.members .mer .melist .files .filist .fieam .icon {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
}

.members .mer .melist .files .filist .fieam .icon img {
  width: 100%;
  display: block;
}

.members .mer .melist .files .filist .fieam .icon img:first-child {
  display: block;
}

.members .mer .melist .files .filist .fieam .icon img:last-child {
  display: none;
}

.members .mer .melist .files .filist .fieam .name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 28px - 90px);
  color: #333;
  line-height: 1.5;
  padding: 0 0.2rem;
}

.members .mer .melist .files .filist .fieam .time {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: right;
  color: #888;
  line-height: 1.5;
}

.members .mer .melist .files .filist .fieam:nth-child(2n) {
  margin-right: 0;
}

.members .mer .melist .files .filist .fieam:hover {
  background-color: #e50012;
}

.members .mer .melist .files .filist .fieam:hover .icon img:first-child {
  display: none;
}

.members .mer .melist .files .filist .fieam:hover .icon img:last-child {
  display: block;
}

.members .mer .melist .files .filist .fieam:hover .name {
  color: #fff;
}

.members .mer .melist .files .filist .fieam:hover .time {
  color: #fff;
}

.members .mer .melist .process {
  width: 100%;
}

.members .mer .melist .process .pix {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.5rem;
}

.members .mer .melist .process .pix a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #888;
  line-height: 2.2;
}

.members .mer .melist .process .pix a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem;
  color: #888;
  line-height: 2.2;
}

.members .mer .melist .process .pix a:last-child {
  color: #333;
}

.members .mer .melist .process .pix a:last-child span {
  display: none;
}

.members .mer .melist .process .pinp {
  width: 100%;
  color: #555;
  line-height: 1.8;
}

.members .mer .melist .process .pinp p {
  color: #555;
  line-height: 1.8;
}

.pages {
  width: 100%;
  padding: 0.3rem 0 0.2rem;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  margin: 0 0.1rem 0.1rem;
  transition: all ease 0.3s;
}

.pages .page.auto {
  width: auto;
  padding: 0 0.2rem;
}

.pages .page:hover {
  color: #fff;
  background-color: #e50012;
  border: solid 1px #e50012;
}

.pages .page.on {
  color: #fff;
  background-color: #e50012;
  border: solid 1px #e50012;
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
  }
  .pages .page.auto {
    width: auto;
    padding: 0 0.2rem;
  }
}