@charset "UTF-8";
.w1720 {
  width: 17.2rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  width: 100%;
  max-width: 17.2rem;
}

@media (max-width: 1200px) {
  .w1720 {
    max-width: 100%;
    padding: 0 10px;
  }
}

.nanper {
  width: 100%;
  position: relative;
}

.nanper .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.nanper .imgs .img {
  width: 100%;
  height: 2.4rem;
}

.nanper .imgs.addhei .img {
  height: auto;
  padding-top: 31.25%;
  transition: all ease 0.5s;
}

.nanper .nox {
  position: absolute;
  left: calc(230 / 1920 * 100%);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  max-width: 90%;
}

.nanper .nox .nit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.nanper .nox .nit span {
  font-weight: bold;
  white-space: nowrap;
  -webkit-text-stroke: 0.5px #fff;
  -webkit-text-fill-color: transparent;
  font-weight: 550;
  word-break: break-all;
}

.nanper .nox .nig {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.nanper .nox .nig p {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 800px) {
  .nanper .imgs.addhei .img {
    padding-top: 50%;
  }
  .nanper .nox {
    left: 3%;
  }
}

.news {
  width: 100%;
  padding: 0.4rem 0 0.6rem;
  background-color: #fafafa;
}

.news .more {
  width: 100%;
  margin-top: 0.45rem;
}

.news .more a {
  width: 100%;
  display: block;
  background-color: #d22627;
  color: #fff;
  line-height: 3.5;
  text-align: center;
}

.news .newlist {
  width: 100%;
}

.news .newlist .netom {
  width: 100%;
  background-color: transparent;
  transition: all ease 0.5s;
}

.news .newlist .netom a {
  width: 100%;
  display: block;
  font-size: 0;
}

.news .newlist .netom .nelm {
  width: 100%;
  font-size: 0;
  display: flex;
}

.news .newlist .netom .nel {
  display: inline-block;
  vertical-align: middle;
  width: calc(300 / 1720 * 100%);
  width: 3rem;
  position: relative;
  overflow: hidden;
  transition: all ease 0.5s;
}

.news .newlist .netom .nel .img {
  width: 100%;
  height: 2rem;
  transition: all ease 0.5s;
}

.news .newlist .netom .ner {
  display: inline-block;
  vertical-align: middle;
  width: calc( 1420 / 1720 * 100%);
  width: calc(100% - 3rem);
  padding-left: 0.3rem;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  border-bottom: solid 1px #dedede;
}

.news .newlist .netom .ner .nip {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.18rem;
}

.news .newlist .netom .ner .time {
  width: 100%;
  color: #d22627;
  line-height: 1.5;
  margin-bottom: 0.12rem;
}

.news .newlist .netom .ner .nim {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 3em;
}

.news .newlist .netom:hover {
  background-color: #fff;
  box-shadow: 5px 9px 30px 0px rgba(45, 45, 45, 0.1);
}

.news .newlist .netom:hover .nel {
  width: calc( 370 / 1720 * 100%);
  width: 3.7rem;
}

.news .newlist .netom:hover .ner {
  width: calc( 1350 / 1720 * 100%);
  width: calc(100% - 3.7rem);
  padding-left: 0.4rem;
}

.news .newlist .netom:hover .ner .nip {
  color: #d22627;
}

.news .newlist .netom + .netom {
  margin-top: 0.3rem;
}

@media (max-width: 1740px) {
  .news .newlist .netom .nel .img {
    height: 120px;
  }
}

.max9 {
  width: 900px;
  display: block;
  margin: 0 auto;
  max-width: 94%;
}

.netails {
  width: 100%;
}

.netails .netop {
  width: 100%;
  padding: 0.8rem 0 0.3rem;
}

.netails .netop .nit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.15rem;
}

.netails .netop .time {
  width: 100%;
  color: #d22627;
  line-height: 1.5;
  text-align: center;
}

.netails .ninps {
  width: 100%;
  border-bottom: solid 1px #dedede;
  border-top: solid 1px #dedede;
  padding: 0.5rem 0;
  color: #666;
  line-height: 2;
}

.netails .ninps p {
  color: #666;
  line-height: 2;
}

.netails .nob {
  width: 100%;
  padding: 0.5rem 0;
}

.netails .nob .ntm {
  width: 100%;
}

.netails .nob .ntm a {
  width: 100%;
  display: flex;
  border: solid 1px #dedede;
  padding: 0.3rem;
  display: flex;
  transition: all ease 0.5s;
}

.netails .nob .ntm .xm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 1.5;
}

.netails .nob .ntm .pm {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #666;
  line-height: 1.5;
}

.netails .nob .ntm:hover a {
  background-color: #dedede;
}

.netails .nob .ntm + .ntm {
  margin-top: 0.1rem;
}

.contacts {
  width: 100%;
  font-size: 0;
}

.contacts .col {
  display: inline-block;
  vertical-align: top;
  width: calc(880 / 1920 * 100%);
  position: relative;
  top: -0.4rem;
}

.contacts .col .imgs {
  position: relative;
  overflow: hidden;
}

.contacts .col .imgs .img {
  width: 100%;
  padding-top: 83.63%;
  transition: all ease 0.5s;
}

.contacts .col .cip {
  width: 100%;
  padding: 0.2rem;
  text-align: right;
  color: #999;
  line-height: 2;
}

.contacts .cor {
  display: inline-block;
  vertical-align: top;
  width: calc(1040 / 1920 * 100%);
  padding: 0.7rem calc(100 / 1920 * 100%) 0.6rem calc( 80 / 1920 * 100%);
}

.contacts .cor .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.contacts .cor .cop {
  width: 100%;
}

.contacts .cor .cop .cli {
  width: 100%;
  font-size: 0;
  padding: 0.14rem 0;
}

.contacts .cor .cop .cli .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  width: 30px;
  height: 30px;
}

.contacts .cor .cop .cli .ic img {
  width: 100%;
  display: block;
}

.contacts .cor .cop .cli .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  width: calc(100% - 30px);
  padding-left: 0.14rem;
  font-size: 0;
}

.contacts .cor .cop .cli .cm span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2;
  margin-right: 0.2rem;
}

.contacts .cor .lx {
  width: 100%;
  height: 3px;
  background-image: linear-gradient(-90deg, #ddd 0%, #f0514f 100%), linear-gradient(#dddddd, #dddddd);
  background-blend-mode: normal, 
 normal;
  margin: 0.5rem 0;
}

.contacts .cor .cog {
  width: 100%;
}

.contacts .cor .cog .cli {
  width: 100%;
  font-size: 0;
  padding: 0.14rem 0;
}

.contacts .cor .cog .cli .ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  width: 30px;
  height: 30px;
  line-height: 2;
}

.contacts .cor .cog .cli .ic img {
  width: 100%;
  display: block;
}

.contacts .cor .cog .cli .ck {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.3rem);
  width: calc(100% - 30px);
  padding-left: 0.2rem;
  color: #999;
  line-height: 2;
}

.contacts .cor .contact {
  width: 100%;
  margin-top: 0.7rem;
}

.contacts .cor .contact .form {
  width: 100%;
}

.contacts .cor .contact .form form {
  width: 100%;
  display: block;
}

.contacts .cor .contact .input {
  width: 100%;
  border: solid 1px #dedede;
  margin-bottom: 0.2rem;
}

.contacts .cor .contact .input input {
  width: 100%;
  display: block;
  padding: 0 0.3rem;
  line-height: 3.5;
  height: 3.5em;
  border: none;
  background-color: transparent;
}

.contacts .cor .contact .slom {
  width: 100%;
  font-size: 0;
  display: flex;
  margin-bottom: 0.2rem;
  border: solid 1px #dedede;
}

.contacts .cor .contact .slom .select {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  max-width: 100%;
  border-right: solid 1px #dedede;
}

.contacts .cor .contact .slom .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.contacts .cor .contact .slom .select .select-con .select-value {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  padding: 0 0.4rem 0 0.2rem;
  color: #555;
  height: 3.5em;
}

.contacts .cor .contact .slom .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.contacts .cor .contact .slom .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.contacts .cor .contact .slom .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 14px;
  height: 9px;
  background-image: url("../images/x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.contacts .cor .contact .slom .xtm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.2rem;
  text-align: center;
  color: #333;
  line-height: 3.5;
}

.contacts .cor .contact .slom .int {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.contacts .cor .contact .slom .int input {
  width: 100%;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3.5;
  height: 3.5em;
  display: block;
  border: none;
  background-color: transparent;
}
.contacts .cor .contact .slom .int.selects {
  width: 30%;
  flex: none;
  position: relative;
}

.contacts .cor .contact .slom .int.selects .history-clear {
  display: none;
  position: absolute;
  top: 0;
  cursor: pointer;
  right: .4rem;
  width: .4   rem;
  height: 100%;
  background-color: #fff;
  background-image: url(../images/close2.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.contacts .cor .contact .slom .int.selects .history-buttom {
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 1;
  display: block;
  background-color: #fff;
  width: .3rem;
  height: 100%;
  background-image: url(../images/sm11.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.contacts .cor .contact .slom .int.selects .history-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 38;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0.05rem 0.05rem -0.03rem rgba(0, 0, 0, 0.2), 0 0.08rem 0.1rem 1px rgba(0, 0, 0, 0.14), 0 0.03rem 0.14rem 0.02rem rgba(0, 0, 0, 0.12);
  border-radius: .04rem;
}

.contacts .cor .contact .slom .int.selects .history-sub .history-cont {
  width: 100%;
  height: 3.5rem;
  overflow: auto;
}

.contacts .cor .contact .slom .int.selects .history-sub .history-item {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.contacts .cor .contact .slom .int.selects .history-sub .history-tip {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.contacts .cor .contact .slom .int.history-box.show .history-sub {
  display: block;
}

.contacts .cor .contact .slom .int.history-box.haxval .history-clear {
  display: block;
}



.contacts .cor .contact .text {
  width: 100%;
  border: solid 1px #dedede;
  margin-bottom: 0.3rem;
}

.contacts .cor .contact .text .area {
  width: 100%;
  display: block;
  padding: 0.25rem;
  color: #333;
  line-height: 1.8;
  border: none;
  background-color: transparent;
}

.contacts .cor .contact .sub {
  width: 100%;
  font-size: 0;
}

.contacts .cor .contact .sub .stn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.6rem;
  line-height: 3.5;
  border-radius: 1.75em;
  background-color: #d22627;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border: none;
}

@media (max-width: 800px) {
  .contacts .col {
    top: 0;
  }
}

.Inquirys {
  width: 100%;
  position: relative;
  background-color: #fafafa;
  padding: 0.4rem 0 0.8rem;
}

.Inquirys .Inquiry {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.Inquirys .Inquiry .inls {
  display: inline-block;
  vertical-align: top;
  width: calc(1280 / 1720 * 100%);
  background-color: #ffffff;
  border-radius: 0.1rem;
  position: relative;
  top: -0.8rem;
  padding: 0.4rem;
}

.Inquirys .Inquiry .inls .inp {
  width: 100%;
  color: #222;
  line-height: 2;
}

.Inquirys .Inquiry .inls .inp p {
  color: #222;
  line-height: 2;
}

.Inquirys .Inquiry .inls .intom {
  width: 100%;
  padding: 0.14rem 0;
}

.Inquirys .Inquiry .inls .intom .inv {
  width: 100%;
  color: #222;
  line-height: 1.8;
  margin-bottom: 0.1rem;
}

.Inquirys .Inquiry .inls .intom .text {
  width: 100%;
  border: solid 1px #dedede;
}

.Inquirys .Inquiry .inls .intom .text .area {
  width: 100%;
  display: block;
  padding: 0.2rem;
  color: #333;
  line-height: 1.8;
  border: none;
  background-color: transparent;
}

.Inquirys .Inquiry .inls .intom .text.red {
  border: solid 1px #ff0000;
}

.Inquirys .Inquiry .inls .intom .int {
  width: 100%;
  border: solid 1px #dedede;
  margin-bottom: 0.2rem;
}

.Inquirys .Inquiry .inls .intom .int input {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  border: none;
  background-color: transparent;
}

.Inquirys .Inquiry .inls .intom .int.red {
  border: solid 1px #ff0000;
}

.Inquirys .Inquiry .inls .intom .add {
  width: 100%;
  font-size: 0;
}

.Inquirys .Inquiry .inls .intom .add .atn {
  display: inline-block;
  vertical-align: middle;
  padding: 0.2rem 0.4rem;
  border: dashed 1px #dedede;
  color: #999;
  line-height: 0.3rem;
  cursor: pointer;
  position: relative;
}

.Inquirys .Inquiry .inls .intom .add .atn span {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -0.03rem;
  margin-right: 0.1rem;
}

.Inquirys .Inquiry .inls .intom .add .atn span img {
  width: 100%;
  display: block;
}

.Inquirys .Inquiry .inls .intom .add .atn input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.Inquirys .Inquiry .inls .intom .add .choxm {
  display: inline-block;
  vertical-align: middle;
  padding: 0.2rem 0.4rem;
  border: dashed 1px #dedede;
  color: #999;
  line-height: 1.5;
  cursor: pointer;
  margin-right: 0.2rem;
  position: relative;
}

.Inquirys .Inquiry .inls .intom .add .choxm .c-img {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.2rem;
}

.Inquirys .Inquiry .inls .intom .add .choxm .name {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1;
}

.Inquirys .Inquiry .inls .intom .add .choxm .c-delete {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #fff;
  text-align: center;
  position: absolute;
  right: -0.15rem;
  top: -0.15rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 0;
}

.Inquirys .Inquiry .inls .intom .add .choxm .c-delete span {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 0.3rem;
  font-size: 18px;
}

.Inquirys .Inquiry .inls .form {
  width: 100%;
}

.Inquirys .Inquiry .inls .form form {
  width: 100%;
  display: block;
}

.Inquirys .Inquiry .inls .form .row {
  width: 100%;
  font-size: 0;
}

.Inquirys .Inquiry .inls .form .row .item {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.1rem;
}

.Inquirys .Inquiry .inls .form .row .item .name {
  width: 100%;
  color: #222;
  line-height: 2;
  margin-bottom: 0.06rem;
}

.Inquirys .Inquiry .inls .form .row .item .name span {
  color: #d20c0c;
}

.Inquirys .Inquiry .inls .form .row .item .int {
  width: 100%;
  border: solid 1px #dedede;
}

.Inquirys .Inquiry .inls .form .row .item .int input {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  border: none;
  background-color: transparent;
}

.Inquirys .Inquiry .inls .form .row .item .int.red {
  border: solid 1px #ff0000;
}

.Inquirys .Inquiry .inls .form .row .item .int.psd {
  display: flex;
  align-items: center;
}

.Inquirys .Inquiry .inls .form .row .item .int.psd input {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.Inquirys .Inquiry .inls .form .row .item .int.psd .pmg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.Inquirys .Inquiry .inls .form .row .item .int.selects {
  position: relative;
}

.Inquirys .Inquiry .inls .form .row .item .int.selects .history-clear {
  display: none;
  position: absolute;
  top: 0;
  cursor: pointer;
  right: .4rem;
  width: .4   rem;
  height: 100%;
  background-color: #fff;
  background-image: url(../images/close2.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.Inquirys .Inquiry .inls .form .row .item .int.selects .history-buttom {
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 1;
  display: block;
  background-color: #fff;
  width: .3rem;
  height: 100%;
  background-image: url(../images/sm11.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.Inquirys .Inquiry .inls .form .row .item .int.selects .history-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 38;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0.05rem 0.05rem -0.03rem rgba(0, 0, 0, 0.2), 0 0.08rem 0.1rem 1px rgba(0, 0, 0, 0.14), 0 0.03rem 0.14rem 0.02rem rgba(0, 0, 0, 0.12);
  border-radius: .04rem;
}

.Inquirys .Inquiry .inls .form .row .item .int.selects .history-sub .history-cont {
  width: 100%;
  height: 3.5rem;
  overflow: auto;
}

.Inquirys .Inquiry .inls .form .row .item .int.selects .history-sub .history-item {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.Inquirys .Inquiry .inls .form .row .item .int.selects .history-sub .history-tip {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.Inquirys .Inquiry .inls .form .row .item .int.history-box.show .history-sub {
  display: block;
}

.Inquirys .Inquiry .inls .form .row .item .int.history-box.haxval .history-clear {
  display: block;
}

.Inquirys .Inquiry .inls .form .row .item .int.psd .pmg img {
  width: 100%;
  display: inline-block;
}

.Inquirys .Inquiry .inls .form .row .item:nth-child(2n) {
  margin-right: 0;
}

.Inquirys .Inquiry .inls .form .sub {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
}

.Inquirys .Inquiry .inls .form .sub .stn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.6rem;
  line-height: 3.5;
  border-radius: 1.75em;
  background-color: #d22627;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border: none;
  box-shadow: 1px 1px 20px 0px rgba(210,38,39, 0.5);
}

.Inquirys .Inquiry .inls .form .simp {
  width: 100%;
  color: #999;
  line-height: 1.8;
  margin-top: 0.4rem;
}

.Inquirys .Inquiry .inls .form .simp p {
  color: #999;
  line-height: 1.8;
}

.Inquirys .Inquiry .inrs {
  display: inline-block;
  vertical-align: top;
  width: calc(400 / 1720 * 100%);
  background-color: #ffffff;
  border-radius: 0.1rem;
  padding: 2rem 0.4rem 0.4rem;
}

.Inquirys .Inquiry .inrs .inrlist {
  width: 100%;
}

.Inquirys .Inquiry .inrs .inrlist .inrm {
  width: 100%;
  text-align: center;
}

.Inquirys .Inquiry .inrs .inrlist .inrm .inc {
  display: block;
  width: 0.62rem;
  height: 0.62rem;
  margin: 0 auto 0.12rem;
  border-radius: 50%;
  background-color: #d22627;
}

.Inquirys .Inquiry .inrs .inrlist .inrm .inc img {
  width: 100%;
  display: block;
}

.Inquirys .Inquiry .inrs .inrlist .inrm .inm {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.5;
  margin: 0.14rem 0;
}

.Inquirys .Inquiry .inrs .inrlist .inrm .xjt {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0.1rem auto;
}

.Inquirys .Inquiry .inrs .inrlist .inrm .xjt img {
  width: 100%;
  display: block;
}

.Inquirys .Inquiry .inrs .inrlist .inrm:last-child .xjt {
  display: none;
}

@media (max-width: 800px) {
  .Inquirys .Inquiry .inls {
    top: 0;
  }
  .Inquirys .Inquiry .inrs {
    width: 100%;
    padding-top: 2.4rem;
  }
}

.aboutus {
  width: 100%;
  padding: 0.4rem 0;
  background-color: #fafafa;
}

.aboutus .abtom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0.4rem 0;
}

.aboutus .abtom .abl {
  display: inline-block;
  vertical-align: middle;
  width: calc(756 / 1720 * 100%);
  position: relative;
}

.aboutus .abtom .abl .img {
  width: 100%;
  padding-top: 90.60%;
}

.aboutus .abtom .abl .voc {
  position: absolute;
  width: calc(649 / 756 * 100%);
  overflow: hidden;
  border-radius: 50%;
  right: 0;
  top: 0.2rem;
}

.aboutus .abtom .abl .voc .vmg {
  width: 100%;
  padding-top: 100%;
}

.aboutus .abtom .abl .vobc {
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 0;
  bottom: 0;
  background-color: #d22627;
  border-radius: 0.1rem;
  font-size: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  padding: 0.24rem 0.2rem;
}

.aboutus .abtom .abl .vobc .vtem {
  display: flex;
  align-items: center;
  width: 49%;
  margin-right: 2%;
}

.aboutus .abtom .abl .vobc .vtem .num {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #fff;
  line-height: 1.2;
  margin-right: 0.1rem;
}

.aboutus .abtom .abl .vobc .vtem .mxn {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #fff;
  line-height: 1.5;
  height: 3em;
}

.aboutus .abtom .abl .vobc .vtem:nth-child(2n) {
  margin-right: 0;
}

.aboutus .abtom .abr {
  display: inline-block;
  vertical-align: middle;
  width: calc(920 / 1720 * 100%);
  position: relative;
}

.aboutus .abtom .abr .air {
  width: 100%;
  color: #333;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.aboutus .abtom .abr .air p {
  color: #333;
  line-height: 1.3;
}

.aboutus .abtom .abr .ainps {
  width: 100%;
  color: #222;
  line-height: 1.7;
}

.aboutus .abtom .abr .ainps p {
  color: #222;
  line-height: 1.7;
}

.aboutus .abcom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
}

.aboutus .abcom .abcl {
  display: inline-block;
  vertical-align: middle;
  width: calc(730 / 1720 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.aboutus .abcom .abcl .img {
  width: 100%;
  padding-top: 93.15%;
}

.aboutus .abcom .abcr {
  display: inline-block;
  vertical-align: middle;
  width: calc(900 / 1720 * 100%);
}

.aboutus .abcom .abcr .ainb {
  width: 100%;
  color: #222;
  line-height: 1.6;
  margin-bottom: 0.3rem;
}

.aboutus .abcom .abcr .ainb p {
  color: #222;
  line-height: 1.6;
}

.aboutus .abcom .abcr .abclis {
  width: 100%;
  font-size: 0;
}

.aboutus .abcom .abcr .abclis .abim {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.22rem;
}

.aboutus .abcom .abcr .abclis .abim .bia {
  width: 100%;
  color: #222;
  line-height: 1.2;
}

.aboutus .abcom .abcr .abclis .abim .vib {
  width: 100%;
  color: #222;
  line-height: 1.4;
  margin-bottom: 0.08rem;
}

.aboutus .abcom .abcr .abclis .abim .aik {
  width: 100%;
  color: #222;
  line-height: 1.5;
  height: 4.5em;
}

.aboutus .abcom .abcr .abclis .abim .aik p {
  color: #222;
  line-height: 1.5;
}

.aboutus .abcom .abcr .abclis .abim:nth-child(2n) {
  margin-right: 0;
}

.aboutus .abmon {
  width: 100%;
  margin: 0.4rem 0;
  border-radius: 0.15rem;
  padding: 1rem 0.4rem;
  min-height: 4.5rem;
}

.aboutus .abmon .aimp {
  width: 100%;
  color: #fafafa;
  line-height: 1.6;
}

.aboutus .abmon .aimp p {
  color: #fafafa;
  line-height: 1.6;
}

.aboutus .remain {
  width: 100%;
  padding: 0.5rem 0;
}

.aboutus .remain .retop {
  width: 100%;
  margin-bottom: 0.6rem;
}

.aboutus .remain .retop .rit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.aboutus .remain .retop .rip {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.aboutus .remain .retop .rip p {
  color: #222;
  line-height: 1.5;
}

.aboutus .remain .remaiper {
  width: 100%;
  position: relative;
  padding: 0.3rem 0;
}

.aboutus .remain .remaiper .btn {
  position: absolute;
  cursor: pointer;
  z-index: 3;
  width: 0.4rem;
  height: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.aboutus .remain .remaiper .btn img {
  width: 100%;
  display: block;
}

.aboutus .remain .remaiper .bl {
  left: 0;
}

.aboutus .remain .remaiper .br {
  right: 0;
}

.aboutus .remain .remaiper .swiper-container {
  width: calc(100% - 1.6rem);
  display: block;
  margin: 0 auto;
}

.aboutus .remain .remaiper .swiper-slide {
  width: 100%;
  font-size: 0;
  padding-top: 0.3rem;
}

.aboutus .remain .remaiper .swiper-slide .sic {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  margin-right: 0.2rem;
}

.aboutus .remain .remaiper .swiper-slide .sic img {
  width: 100%;
  display: block;
}

.aboutus .remain .remaiper .swiper-slide .som {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 24px - 0.2rem);
}

.aboutus .remain .remaiper .swiper-slide .som .year {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.aboutus .remain .remaiper .swiper-slide .som .yim {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.aboutus .remain .remaiper .swiper-slide .som .yim p {
  color: #666;
  line-height: 1.5;
}

.aboutus .remain .remaiper .swiper-slide .som .pmg {
  width: 100%;
  font-size: 0;
}

.aboutus .remain .remaiper .swiper-slide .som .pmg span {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}

.aboutus .remain .remaiper .swiper-slide .som .pmg span img {
  width: 100%;
  display: block;
}

.aboutus .remain .remaiper .swiper-slide:nth-child(2n) {
  padding-top: 0;
}

.aboutus .honors {
  width: 100%;
  padding: 0.5rem 0;
  position: relative;
}

.aboutus .honors .retop {
  width: 100%;
  margin-bottom: 0.6rem;
}

.aboutus .honors .retop .rit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.aboutus .honors .honpers {
  width: 100%;
  position: relative;
}

.aboutus .honors .honpers .btn {
  position: absolute;
  cursor: pointer;
  z-index: 3;
  width: 0.4rem;
  height: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.aboutus .honors .honpers .btn img {
  width: 100%;
  display: block;
}

.aboutus .honors .honpers .bl {
  left: 0;
}

.aboutus .honors .honpers .br {
  right: 0;
}

.aboutus .honors .honpers .swiper-container {
  width: calc(100% - 1.6rem);
  display: block;
  margin: 0 auto;
}

.aboutus .honors .honpers .swiper-slide {
  width: 100%;
}

.aboutus .honors .honpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.aboutus .honors .honpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 68.77%;
  transition: all ease 0.5s;
}

.supplier {
  width: 100%;
  padding: 0.3rem 0;
  background-color: #fafafa;
}

.supplier .suopm {
  width: 100%;
}

.supplier .suopm .sip {
  width: 100%;
  color: #222;
  line-height: 2;
  margin-bottom: 0.1rem;
}

.supplier .suopm .classify {
  width: 100%;
  background-color: #fff;
  padding: 0.1rem 0.15rem 0;
  font-size: 0;
  margin-bottom: 0.3rem;
}

.supplier .suopm .classify .citm {
  display: inline-block;
  vertical-align: top;
  line-height: 2.5;
  border-radius: 1.25em;
  width: 2.5em;
  text-align: center;
  color: #222;
  transition: all ease 0.5s;
  margin-right: 0.25rem;
  margin-bottom: 0.1rem;
  cursor: pointer;
}

.supplier .suopm .classify .citm.on, .supplier .suopm .classify .citm:hover {
  color: #fff;
  background-color: #d22627;
  box-shadow: 1px 5px 10px 0px rgba(210, 38, 39, 0.2);
}

.supplier .suopm .suppers {
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 0.1rem;
  padding: 0.2rem;
}

.supplier .suopm .suppers .supm {
  width: 100%;
}

.supplier .suopm .suppers .supm .sio {
  width: 100%;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.supplier .suopm .suppers .supm .suplist {
  width: 100%;
  font-size: 0;
}

.supplier .suopm .suppers .supm .suplist .spli {
  display: inline-block;
  vertical-align: top;
  width: calc(236 / 1680 * 100%);
  margin-right: calc(4 / 1680 * 100%);
  margin-bottom: 0.15rem;
}

.supplier .suopm .suppers .supm .suplist .spli a {
  width: 100%;
  display: block;
}

.supplier .suopm .suppers .supm .suplist .spli .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  border: solid 2px transparent;
  transition: all ease 0.5s;
  background-color: #fff;
}

.supplier .suopm .suppers .supm .suplist .spli .imgs .img {
  width: 100%;
  padding-top: 42.37%;
  transition: all ease 0.5s;
}

.supplier .suopm .suppers .supm .suplist .spli .sim {
  width: 100%;
  text-align: center;
  margin-top: 0.05rem;
  color: #666;
  line-height: 2;
  font-weight: bold;
}

.supplier .suopm .suppers .supm .suplist .spli:nth-child(7n) {
  margin-right: 0;
}

.supplier .suopm .suppers .supm .suplist .spli:hover .imgs {
  border: solid 2px #d22627;
}

.supplier .suopm .suppers .supm .suplist .spli:hover .imgs .img {
  transform: scale(1.1);
}

.supplier .suopm .suppers .supm + .supm {
  margin-top: 0.3rem;
  border-top: solid 1px #dedede;
  padding-top: 0.3rem;
}

.questions {
  width: 100%;
}

.questions .qutop {
  width: 100%;
  border-bottom: solid 1px #dedede;
}

.questions .quom {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.questions .quom .qitm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.36rem;
  color: #333;
  line-height: 0.8rem;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.questions .quom .qitm a{display: inline-block;}

.questions .quom .qitm:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #d22627;
  opacity: 0;
  transition: all ease 0.5s;
}

.questions .quom .qitm + .qitm {
  margin-left: 0.3rem;
}

.questions .quom .qitm.on {
  color: #d22627;
}

.questions .quom .qitm.on:after {
  opacity: 1;
}

.questions .questom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.7rem 0;
}

.questions .questom .qul {
  display: inline-block;
  vertical-align: top;
  width: calc(420 / 1720 * 100%);
}

.questions .questom .qul .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.questions .questom .qul .imgs .img {
  width: 100%;
  padding-top: 145.95%;
}

.questions .questom .qul .qulom {
  width: 100%;
  background-color: #fff;
  padding: 0.22rem;
}

.questions .questom .qul .searom {
  width: 100%;
}

.questions .questom .qul .searom form {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0;
  background-color: #f4f4f4;
  border-radius: 5px;
  overflow: hidden;
  padding: 0 0.2rem;
}

.questions .questom .qul .searom .inc {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  line-height: 3.2;
  height: 3.2em;
  color: #333;
  width: calc(100% - 20px);
  padding-right: 0.12rem;
}

.questions .questom .qul .searom .stn {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  position: relative;
}

.questions .questom .qul .searom .stn img {
  width: 100%;
  height: 100%;
  display: block;
}

.questions .questom .qul .searom .stn .snc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.questions .questom .qul .reslist {
  width: 100%;
  padding: 0.2rem 0.1rem;
}

.questions .questom .qul .reslist .rli {
  width: 100%;
}

.questions .questom .qul .reslist .rli a {
  width: 100%;
  display: block;
  color: #333;
  line-height: 2.5;
  padding: 0 0.15rem;
  border-radius: 5px;
}

.questions .questom .qul .reslist .rli.on a, .questions .questom .qul .reslist .rli:hover a {
  background-color: #d22627;
  color: #fff;
}

.questions .questom .qul .reslist .rli + .rli {
  margin-top: 0.08rem;
}

.questions .questom .qur {
  display: inline-block;
  vertical-align: top;
  width: calc(1240 / 1720 * 100%);
}

.questions .questom .qur .qurlist {
  width: 100%;
}

.questions .questom .qur .quitem {
  width: 100%;
  background-color: #fff;
  padding: 0 0.3rem;
}

.questions .questom .qur .quitem .qit {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0;
  padding: 0.3rem 0;
  cursor: pointer;
}

.questions .questom .qur .quitem .qit .qc {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  height: 0.34rem;
  margin-right: 0.15rem;
}

.questions .questom .qur .quitem .qit .qc img {
  width: 100%;
  display: block;
}

.questions .questom .qur .quitem .qit .qt {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  font-weight:unset;
}

.questions .questom .qur .quitem .qit .num {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  text-align: center;
  font-size: 0;
}

.questions .questom .qur .quitem .qit .num span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
}

.questions .questom .qur .quitem .qit .num .red {
  color: #d22627;
}

.questions .questom .qur .quitem .qit .num span:first-child {
  display: inline-block;
}

.questions .questom .qur .quitem .qit .num span:last-child {
  display: none;
}

.questions .questom .qur .quitem .qcon {
  width: 100%;
  padding-left: 0.49rem;
  display: none;
}

.questions .questom .qur .quitem .qcon .qiuls {
  width: 100%;
  padding: 0.2rem 0;
  border-top: solid 1px #dedede;
}

.questions .questom .qur .quitem .qcon .qli {
  width: 100%;
  padding: 0.14rem 0;
}

.questions .questom .qur .quitem .qcon .qli .qie {
  width: 100%;
  color: #333;
  line-height: 1.8;
}

.questions .questom .qur .quitem .qcon .qli .qib {
  width: 100%;
  color: #999;
  line-height: 1.8;
}

.questions .questom .qur .quitem + .quitem {
  margin-top: 0.1rem;
}

.questions .questom .qur .quitem.show .qit .num span:first-child {
  display: none;
}

.questions .questom .qur .quitem.show .qit .num span:last-child {
  display: inline-block;
}

.questions .questom .qur .downlist {
  width: 100%;
}

.questions .questom .qur .downlist .dowom {
  width: 100%;
  background-color: #fff;
}

.questions .questom .qur .downlist .dowom a {
  width: 100%;
  display: flex;
}

.questions .questom .qur .downlist .dowom .dol {
  display: flex;
  align-items: center;
  width: calc(100% - 1.2rem);
  width: calc(100% - 120px);
  padding: 0.3rem;
  font-size: 0;
}

.questions .questom .qur .downlist .dowom .dol .dic {
  display: inline-block;
  vertical-align: middle;
  width: 0.63rem;
  height: 0.63rem;
  margin-right: 0.3rem;
  background-color: #e7e7e7;
  border-radius: 5px;
  transition: all ease 0.5s;
}

.questions .questom .qur .downlist .dowom .dol .dic img {
  width: 100%;
  display: block;
}

.questions .questom .qur .downlist .dowom .dol .dic img:first-child {
  display: block;
}

.questions .questom .qur .downlist .dowom .dol .dic img:last-child {
  display: none;
}

.questions .questom .qur .downlist .dowom .dol .dig {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.95rem);
  color: #666;
}

.questions .questom .qur .downlist .dowom .dor {
  display: flex;
  flex-wrap: wrap;
  width: 1.2rem;
  width: 120px;
  background-color: #f1f1f1;
  transition: all ease 0.5s;
  align-content: center;
  justify-content: center;
  padding: 0.3rem 0.2rem;
}

.questions .questom .qur .downlist .dowom .dor .rc {
  display: block;
  width: 0.28rem;
  height: 0.28rem;
  margin: 0 auto 0.1rem;
}

.questions .questom .qur .downlist .dowom .dor .rc img {
  width: 100%;
  display: block;
}

.questions .questom .qur .downlist .dowom .dor .rc img:first-child {
  display: block;
}

.questions .questom .qur .downlist .dowom .dor .rc img:last-child {
  display: none;
}

.questions .questom .qur .downlist .dowom .dor .rm {
  width: 100%;
  text-align: center;
  color: #b0b0b0;
}

.questions .questom .qur .downlist .dowom + .dowom {
  margin-top: 0.1rem;
}

.questions .questom .qur .downlist .dowom:hover .dol .dic {
  background-color: #d22627;
}

.questions .questom .qur .downlist .dowom:hover .dol .dic img:first-child {
  display: none;
}

.questions .questom .qur .downlist .dowom:hover .dol .dic img:last-child {
  display: block;
}

.questions .questom .qur .downlist .dowom:hover .dol .dig {
  color: #d22627;
}

.questions .questom .qur .downlist .dowom:hover .dor {
  background-color: #d22627;
}

.questions .questom .qur .downlist .dowom:hover .dor .rc img:first-child {
  display: none;
}

.questions .questom .qur .downlist .dowom:hover .dor .rc img:last-child {
  display: block;
}

.questions .questom .qur .downlist .dowom:hover .dor .rm {
  color: #fff;
}

@media (max-width: 800px) {
  .questions .questom .qur .downlist .dowom .dol {
    width: calc(100% - 100px);
  }
  .questions .questom .qur .downlist .dowom .dor {
    width: 100px;
  }
}

@media (max-width: 1200px) {
  body.notop {
    padding-top: 0;
  }
}

.logom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.logom .logl {
  display: flex;
  flex-wrap: wrap;
  width: calc(630 / 1920 * 100%);
  position: relative;
}

.logom .logl .img {
  width: 100%;
  padding-top: 142.85%;
}

.logom .logr {
  display: flex;
  flex-wrap: wrap;
  width: calc(1290 / 1920 * 100%);
  align-items: center;
  justify-content: center;
  background-color: #fafafa;
}

.logom .logr .lox {
  width: 6rem;
  max-width: 94%;
  display: block;
  margin: 0 auto;
}

.logom .logr .lox .lit {
  width: 100%;
  text-align: center;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

.logom .logr .lox form {
  width: 100%;
  display: block;
}

.logom .logr .lox .input {
  width: 100%;
  display: block;
  margin-bottom: 0.1rem;
  overflow: hidden;
}

.logom .logr .lox .input input {
  width: 100%;
  display: block;
  border: none;
  background-color: #fff;
  padding: 0 0.2rem;
  color: #666;
  line-height: 3.2;
  height: 3.2em;
  box-sizing: border-box;
}

.logom .logr .lox .input.psd {
  background-color: #fff;
  font-size: 0;
}

.logom .logr .lox .input.psd input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.5rem);
}

.logom .logr .lox .input.psd .ss1 {
  display: inline-block;
}

.logom .logr .lox .input.psd .ss1.hide {
  display: none;
}

.logom .logr .lox .input.psd .s2 {
  display: none;
}

.logom .logr .lox .input.psd .s2.show {
  display: inline-block;
}

.logom .logr .lox .input.psd .roc {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
  margin-right: 0.2rem;
}

.logom .logr .lox .input.psd .roc img {
  width: 100%;
  display: block;
}

.logom .logr .lox .input.psd .roc img:first-child {
  display: block;
}

.logom .logr .lox .input.psd .roc img:last-child {
  display: none;
}

.logom .logr .lox .input.psd .roc.hide img:first-child {
  display: none;
}

.logom .logr .lox .input.psd .roc.hide img:last-child {
  display: block;
}

.logom .logr .lox .loom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0;
  margin-bottom: 0.1rem;
}

.logom .logr .lox .loom .check {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.1rem;
}

.logom .logr .lox .loom .label {
  display: inline-block;
  vertical-align: middle;
}

.logom .logr .lox .loom .label .cm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.logom .logr .lox .loom .am {
  display: inline-block;
  vertical-align: middle;
}

.logom .logr .lox .ltn {
  width: 100%;
  margin-bottom: 0.1rem;
}

.logom .logr .lox .ltn .s18tn{
  width: 100%;
  display: block;
  background-color: #fa4a4b;
  color: #fff;
  line-height: 3.2;
  text-align: center;
  border:none;
}

.logom .logr .lox .or {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 3;
}

.logom .logr .lox .share {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.3rem;
}

.logom .logr .lox .share .stn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

.logom .logr .lox .share .stn img {
  width: 100%;
  display: inline-block;
}

.logom .logr .lox .share .stn + .stn {
  margin-left: 0.3rem;
}

.logom .logr .lox .crea {
  width: 100%;
}

.logom .logr .lox .crea a {
  width: 100%;
  display: block;
  border: solid 1px #d5d5d5;
  text-align: center;
  color: #666;
  line-height: 3.2;
  height: 3.2em;
}

.logom .logr .lox .lip {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.logom .logr .lox .lig {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.logom .logr .lox .lig p {
  color: #999;
  line-height: 1.5;
}

.logom .logr .lox .lotm {
  width: 100%;
}

.logom .logr .lox .lotm .name {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

@media (max-width: 1000px) {
  .logom .logl {
    width: 100%;
  }
  .logom .logl .img {
    padding-top: 50%;
  }
  .logom .logr {
    width: 100%;
    padding: 0.4rem 0;
  }
  .logom .logr .lox {
    width: 92%;
  }
}

.petails {
  width: 100%;
  background-color: #fafafa;
}

.petails .petail {
  width: 100%;
  padding: 0.2rem 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.petails .petail .pel {
  display: inline-block;
  vertical-align: top;
  width: calc(1380 / 1720 * 100%);
}

.petails .petail .pel .proem {
  width: 100%;
  font-size: 0;
  padding: 0.4rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  justify-content: space-between;
}

.petails .petail .pel .proem .peml {
  display: inline-block;
  vertical-align: top;
  width: calc(420 / 1280 * 100%);
  position: relative;
}

.petails .petail .pel .proem .peml .petop {
  width: 100%;
  position: relative;
}

.petails .petail .pel .proem .peml .petop img {
  max-width: none !important;
}

.petails .petail .pel .proem .peml .petop .MagicBoxShadow {
  background-color: #fff;
}

.petails .petail .pel .proem .peml .petop .swiper-slide {
  width: 100%;
  height: auto;
  background-size: cover;
  background-color: #fff;
  background-position: center center;
}

.petails .petail .pel .proem .peml .petop .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.petails .petail .pel .proem .peml .petop .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}

.petails .petail .pel .proem .peml .petop .swiper-slide .mg {
  width: 100%;
  height: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  cursor: pointer;
}

.petails .petail .pel .proem .peml .petop .btn img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .btn img:first-child {
  display: block;
}

.petails .petail .pel .proem .peml .petop .btn img:last-child {
  display: none;
}

.petails .petail .pel .proem .peml .petop .btn:hover img:first-child {
  display: none;
}

.petails .petail .pel .proem .peml .petop .btn:hover img:last-child {
  display: block;
}

.petails .petail .pel .proem .peml .petop .bl {
  left: 0;
}

.petails .petail .pel .proem .peml .petop .br {
  right: 0;
}

.petails .petail .pel .proem .peml .petop .roc {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  white-space: nowrap;
  font-size: 0;
  width: auto;
}

.petails .petail .pel .proem .peml .petop .roc .am {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
}

.petails .petail .pel .proem .peml .petop .roc .am a, .petails .petail .pel .proem .peml .petop .roc .am img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am + .am {
  margin-left: 0.1rem;
}

.petails .petail .pel .proem .peml .petop .roc .am {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.petails .petail .pel .proem .peml .petop .roc .am a {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am .a1 {
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am .a2 {
  display: none;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc {
  position: absolute;
  top: calc(100% + 20px);
  font-size: 0;
  background-color: #fff;
  box-shadow: 0px 1px 20px 0px rgba(58, 56, 54, 0.54);
  right: -0.2rem;
  right: -20px;
  white-space: nowrap;
  padding: 15px;
  display: none;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc:before {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  right: 0.2rem;
  right: 20px;
  bottom: 100%;
  border: solid 8px;
  border-color: transparent transparent #fff transparent;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc .ac {
  display: inline-block;
  vertical-align: middle;
  width: 0.24rem;
  height: 0.24rem;
  width: 24px;
  height: 24px;
  margin: 0 0.06rem;
  margin: 0 6px;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc .ac img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc .ac img:first-child {
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc .ac img:last-child {
  display: none;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc .ac:hover img:first-child {
  display: none;
}

.petails .petail .pel .proem .peml .petop .roc .am .shomc .ac:hover img:last-child {
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am:hover .a1 {
  display: none;
}

.petails .petail .pel .proem .peml .petop .roc .am:hover .a2 {
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am.on .a1 {
  display: none;
}

.petails .petail .pel .proem .peml .petop .roc .am.on .a2 {
  display: block;
}

.petails .petail .pel .proem .peml .petop .roc .am + .am {
  margin-left: 0.14rem;
}

.petails .petail .pel .proem .peml .petop:hover .swiper-container {
  overflow: visible !important;
}

.petails .petail .pel .proem .peml .petop:hover .swiper-slide {
  opacity: 0;
}

.petails .petail .pel .proem .peml .petop:hover .swiper-slide .MagicZoomPlusHint {
  visibility: hidden !important;
}

.petails .petail .pel .proem .peml .petop:hover .swiper-slide-active {
  opacity: 1;
}

.petails .petail .pel .proem .peml .petop:hover .swiper-slide-active .MagicZoomPlusHint {
  visibility: visible !important;
}

.petails .petail .pel .proem .peml .pebot {
  width: 100%;
  margin-top: 0.15rem;
}

.petails .petail .pel .proem .peml .pebot .swiper-slide {
  width: 100%;
  border: solid 1px #ddd;
}

.petails .petail .pel .proem .peml .pebot .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.petails .petail .pel .proem .peml .pebot .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}

.petails .petail .pel .proem .peml .pebot .swiper-slide.on {
  border: solid 1px #d22627;
}

.petails .petail .pel .proem .pemr {
  display: inline-block;
  vertical-align: top;
  width: calc(750 / 1280 * 100%);
}

.petails .petail .pel .proem .pemr .sum {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0;
}

.petails .petail .pel .proem .pemr .sum span {
  display: inline-block;
  vertical-align: middle;
}

.petails .petail .pel .proem .pemr .sum .st {
  color: #e52c2e;
  line-height: 2;
  font-weight: bold;
}

.petails .petail .pel .proem .pemr .sum .su {
  color: #999999;
  line-height: 2;
  margin-left: 0.1rem;
  font-weight: bold;
}

.petails .petail .pel .proem .pemr .pinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.petails .petail .pel .proem .pemr .pinp p {
  color: #333;
  line-height: 1.5;
}

.petails .petail .pel .proem .pemr .setlist {
  width: 100%;
}

.petails .petail .pel .proem .pemr .setlist .sli {
  width: 100%;
  font-size: 0;
  padding: 0.06rem 0;
}

.petails .petail .pel .proem .pemr .setlist .sli .sname {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  width: 100px;
}

.petails .petail .pel .proem .pemr .setlist .sli .sem {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  width: calc(100% - 100px);
}

.petails .petail .pel .proem .pemr .choicd {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0.1rem 0;
}

.petails .petail .pel .proem .pemr .choicd .chl {
  display: inline-block;
  vertical-align: top;
  color: #333;
  line-height: 2.2;
  width: auto;
}

.petails .petail .pel .proem .pemr .choicd .chr {
  display: inline-block;
  vertical-align: top;
  flex: 1;
  margin-left: 0.2rem;
  font-size: 0;
}

.petails .petail .pel .proem .pemr .choicd .chr .chrms {
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  border: solid 1px #ddd;
  padding: 0 0.1rem;
  line-height: 2.2;
  color: #555;
  cursor: pointer;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
}

.petails .petail .pel .proem .pemr .choicd .chr .chrms.on {
  border: solid 1px #d22627;
  color: #d22627;
}

.petails .petail .pel .proem .pemr .choicd .chr .chrms:hover {
  border: solid 1px #d22627;
  color: #d22627;
}

.petails .petail .pel .proem .pemr .coops {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0;
}

.petails .petail .pel .proem .pemr .coops .colp {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  background-color: #ffffff;
  border: solid 1px #edecf0;
  margin-right: 0.3rem;
  white-space: nowrap;
  margin-bottom: 0.1rem;
}

.petails .petail .pel .proem .pemr .coops .colp .ctn {
  display: inline-block;
  vertical-align: middle;
  width: 0.35rem;
  width: 33px;
  height: 43px;
  cursor: pointer;
}

.petails .petail .pel .proem .pemr .coops .colp .ctn img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .pemr .coops .colp .reduce {
  border-right: solid 1px #edecf0;
}

.petails .petail .pel .proem .pemr .coops .colp .plus {
  border-left: solid 1px #edecf0;
}

.petails .petail .pel .proem .pemr .coops .colp .counx {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
}

.petails .petail .pel .proem .pemr .coops .colp .counx input {
  width: 100%;
  display: block;
  line-height: 2.2;
  text-align: center;
  color: #222;
  height: 2.2em;
  border: none;
  background-color: none;
}

.petails .petail .pel .proem .pemr .coops .btns {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.petails .petail .pel .proem .pemr .coops .btns .btn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.petails .petail .pel .proem .pemr .coops .btns .btn a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.4rem;
  min-width: 1.5rem;
  text-align: center;
  color: #fff;
  line-height: 43px;
  height: 43px;
  background-color: #f4c021;
}

.petails .petail .pel .proem .pemr .coops .btns .btn.buy a {
  background-color: #d22627;
}

.petails .petail .pel .proem .pemr .coops .btns .btn + .btn {
  margin-left: 0.2rem;
}

.petails .petail .pel .proem .pemr .conpemt {
  width: 100%;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd {
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  padding: 0.2rem;
  font-size: 0;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .came {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  width: 85px;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .emgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 85px);
  font-size: 0;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .emgs .em {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .emgs .em img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .emgs .pk {
  display: inline-block;
  vertical-align: middle;
  color: #68c240;
  line-height: 1.5;
  margin-left: 0.1rem;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .emgs .emk {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  margin-right: 0.1rem;
  margin-right: 0.1rem;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd .emgs .emk img {
  width: 100%;
  display: block;
}

.petails .petail .pel .proem .pemr .conpemt .cpomd + .cpomd {
  margin-top: 0.1rem;
}
.petails .petail .pel .proem .pemr .voy{
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.3rem;
}

.petails .petail .pel .proem .pemr .voy .btn{
  display: inline-block;
  vertical-align: middle;
    width: auto;
}
.petails .petail .pel .proem .pemr .voy .btn a{
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.4rem;
  min-width: 1.5rem;
  text-align: center;
  color: #fff;
  line-height: 43px;
  height: 43px;
  background-color: #d22627;
}

.petails .petail .pel .vonpent {
  width: 100%;
  background-color: #fff;
  margin-top: 0.2rem;
  padding: 0.4rem 0.5rem;
}

.petails .petail .pel .vonpent .vonnav {
  width: 100%;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide .vmc {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.2;
  width: auto;
  position: relative;
  cursor: pointer;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide .vmc:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  height: 2px;
  left: 0;
  width: 100%;
  background-color: #d22627;
  transition: all ease 0.5s;
  opacity: 0;
  right: 0;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide .lx {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.2;
  margin: 0 0.3rem;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide.on .vmc {
  color: #d22627;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide.on .vmc:after {
  opacity: 1;
}

.petails .petail .pel .vonpent .vonnav .swiper-slide:last-child .lx {
  display: none;
}

.petails .petail .pel .vonpent .pentoc {
  width: 100%;
  margin-top: 0.4rem;
}

.petails .petail .pel .vonpent .pentoc .pevom {
  width: 100%;
  display: none;
}

.petails .petail .pel .vonpent .pentoc .pevom.on {
  display: block;
}

.petails .petail .pel .vonpent .pentoc .tables {
  width: 100%;
}

.petails .petail .pel .vonpent .pentoc .tables .tr {
  width: 100%;
  display: flex;
  border-bottom: solid 1px #dedede;
}

.petails .petail .pel .vonpent .pentoc .tables .tr:first-child {
  border-top: solid 1px #dedede;
}

.petails .petail .pel .vonpent .pentoc .tables .rlm {
  display: inline-block;
  vertical-align: middle;
  width: 3.5rem;
  background-color: #fafafa;
}

.petails .petail .pel .vonpent .pentoc .tables .rom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 3.5rem);
}

.petails .petail .pel .vonpent .pentoc .tables .rm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  padding: 0.2rem 0.5rem;
}

.petails .petail .pel .vonpent .pentoc .tables .om {
  width: 100%;
  color: #333;
  line-height: 1.5;
  padding: 0.2rem 0.3rem;
}

.petails .petail .pel .vonpent .pentoc .more {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0;
  text-align: center;
}

.petails .petail .pel .vonpent .pentoc .more .mtn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 1.5;
  cursor: pointer;
}

.petails .petail .pel .vonpent .pentoc .more .mtn .xx {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  margin-left: 0.06rem;
  position: relative;
  top: -0.02rem;
}

.petails .petail .pel .vonpent .pentoc .more .mtn .xx img {
  width: 100%;
  display: block;
}

.petails .petail .pel .vonpent .pentoc .pinps {
  width: 100%;
  margin-top: 0.1rem;
  color: #666;
  line-height: 1.8;
}

.petails .petail .pel .vonpent .pentoc .pinps p {
  color: #666;
  line-height: 1.8;
}

.petails .petail .pel .evaluate {
  width: 100%;
}

.petails .petail .pel .evaluate .evalm {
  width: 100%;
  padding: 0.4rem 0 0.3rem;
  border-bottom: solid 1px #dedede;
}

.petails .petail .pel .evaluate .evalm .emtop {
  width: 100%;
  font-size: 0;
}

.petails .petail .pel .evaluate .evalm .emtop .ec {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-right: 0.2rem;
}

.petails .petail .pel .evaluate .evalm .emtop .ec img {
  width: 100%;
  display: block;
}

.petails .petail .pel .evaluate .evalm .emtop .epm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.8rem);
}

.petails .petail .pel .evaluate .evalm .emtop .epm .eame {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.petails .petail .pel .evaluate .evalm .emtop .epm .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.petails .petail .pel .evaluate .evalm .eomp {
  width: 100%;
  padding-left: 0.8rem;
}

.petails .petail .pel .evaluate .evalm .eomp .start {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0.1rem 0;
}

.petails .petail .pel .evaluate .evalm .eomp .start img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 3px;
  cursor: pointer;
}

.petails .petail .pel .evaluate .evalm .eomp .start > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.petails .petail .pel .evaluate .evalm .eomp .start .score-inner {
  font-size: 0;
}

.petails .petail .pel .evaluate .evalm .eomp .eip {
  width: 100%;
  color: #333;
  line-height: 1.5;
  padding: 0.1rem 0;
}

.petails .petail .pel .evaluate .evalm .eomp .eip p {
  color: #333;
  line-height: 1.5;
}

.petails .petail .pel .evaluate .evalm .eomp .emglist {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.petails .petail .pel .evaluate .evalm .eomp .emglist .emg {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  position: relative;
  overflow: hidden;
  margin-right: 0.1rem;
}

.petails .petail .pel .evaluate .evalm .eomp .emglist .emg .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.5s;
}

.petails .petail .per {
  display: inline-block;
  vertical-align: top;
  width: calc(310 / 1720 * 100%);
}

.petails .petail .per .petop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.petails .petail .per .petop .xp {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  line-height: 1.5;
  margin-right: 0.1rem;
}

.petails .petail .per .petop .xp img {
  width: 100%;
  display: block;
}

.petails .petail .per .petop .pm {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.petails .petail .per .perlist {
  width: 100%;
}

.petails .petail .per .perlist .peli {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: solid 1px #e4e4e4;
  position: relative;
  z-index: 1;
  transition: all ease 0.5s;
}

.petails .petail .per .perlist .peli .hot {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 0.5rem;
  width: 50px;
}

.petails .petail .per .perlist .peli .hot img {
  width: 100%;
  display: block;
}

.petails .petail .per .perlist .peli > a {
  width: 100%;
  display: block;
  padding: 0.2rem 0.2rem 0.1rem;
  position: relative;
  background-color: #fff;
}

.petails .petail .per .perlist .peli .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.petails .petail .per .perlist .peli .imgs .img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}

.petails .petail .per .perlist .peli .imgs .discount {
  position: absolute;
  z-index: 3;
  background-color: #f4c021;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 2;
  left: 0.15rem;
  white-space: nowrap;
  width: auto;
  bottom: 0.3rem;
}

.petails .petail .per .perlist .peli .som {
  width: 100%;
  margin-top: 0.05rem;
}

.petails .petail .per .perlist .peli .som .sp {
  width: 100%;
  color: #333;
  line-height: 2;
}

.petails .petail .per .perlist .peli .som .sum {
  width: 100%;
  font-size: 0;
}

.petails .petail .per .perlist .peli .som .sum span {
  display: inline-block;
  vertical-align: middle;
}

.petails .petail .per .perlist .peli .som .sum .st {
  color: #e52c2e;
  line-height: 2;
}

.petails .petail .per .perlist .peli .som .sum .su {
  color: #999999;
  line-height: 2;
  margin-left: 0.1rem;
  text-decoration: line-through;
}

.petails .petail .per .perlist .peli .vob {
  width: 100%;
  padding: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  background-color: #fff;
  transition: all ease 0.5s;
  height: 0;
  overflow: hidden;
}

.petails .petail .per .perlist .peli .vob .ctn {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  margin-right: 2%;
  text-align: center;
  border: solid 1px #dedede;
  color: #999;
  line-height: 36px;
}

.petails .petail .per .perlist .peli .vob .ctn:hover {
  background-color: #d22627;
  border: solid 1px #d22627;
  color: #fff;
}

.petails .petail .per .perlist .peli .vob .ctn:nth-child(2n) {
  margin-right: 0;
}

.petails .petail .per .perlist .peli:hover {
  z-index: 3;
  background-color: #ffffff;
  box-shadow: 5px 9px 30px 0px rgba(210, 38, 39, 0.3);
}

.petails .petail .per .perlist .peli:hover > a {
  position: relative;
  z-index: 4;
}

.petails .petail .per .perlist .peli:hover .vob {
  padding: 0.1rem 0.2rem 0.2rem;
  opacity: 1;
  height: calc(0.3rem + 36px);
  box-shadow: 0px 0px 30px 0px rgba(210, 38, 39, 0.3);
}

.petails .petail .per .perlist .peli:hover .imgs .img {
  transform: scale(1.1);
}

.petails .petail .per .perlist .peli + .peli {
  margin-top: 0.1rem;
}
@media (max-width: 800px) {
  .petails {
    overflow: hidden;
  }
  .petails .petail .pel .proem .peml .petop:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
  .petails .petail .pel .proem .peml .petop .btn {
    z-index: 110;
  }
}

.crumbs {
  width: 100%;
}

.crumbs .column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.crumbs .column .colum {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.crumbs .column .colum .home {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.crumbs .column .colum .home img {
  width: 100%;
  display: block;
}

.crumbs .column .colum .ck {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  margin: 0 0.1rem 0 0.1rem;
  line-height: 3;
  font-weight: bold;
  position: relative;
}

.crumbs .column .colum .ck img {
  width: 100%;
  display: block;
}

.crumbs .column .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 3;
  font-weight: bold;
  max-width: 4.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crumbs .column .colum a span {
  display: inline-block;
  color: #333;
  margin: 0 0.1rem 0 0.1rem;
  line-height: 3;
  font-weight: bold;
  position: relative;
  top: -0.01rem;
}

.crumbs .column .colum a span img {
  width: 100%;
  display: block;
}

.crumbs .column .colum a:last-child span {
  display: none;
}

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

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.45rem;
  height: 0.45rem;
  line-height: calc(0.45rem - 1px);
  text-align: center;
  color: #666;
  background-color: #dedede;
  margin: 0 0.1rem;
  box-sizing: border-box;
}

.pages .page.ltn {
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pages .page.on {
  background-color: #d22627;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

.pages .page.ltn:hover {
  background-color: #d22627;
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pages .page.on.ltn {
  background-color: #d22627;
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pages .page.on.rtn {
  background-color: #d22627;
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn:hover {
  background-color: #d22627;
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.pages .page.auto {
  width: auto;
  padding: 0 0.3rem;
  border-radius: 0.3rem;
}

.pages .page:hover {
  background-color: #d22627;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
}

.procentd {
  width: 100%;
  background-color: #fafafa;
}

.procentd .proentd {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.procentd .proentd .peol {
  display: inline-block;
  vertical-align: middle;
  width: calc(416 / 1720 * 100%);
  background-color: #fff;
  padding: 0.2rem;
}

.procentd .proentd .peor {
  display: inline-block;
  vertical-align: middle;
  width: calc(1267 / 1720 * 100%);
}

.settlement {
  width: 100%;
  background-color: #fafafa;
  padding: 0.4rem 0;
}

.settlement .payom {
  width: 100%;
  background-color: #fff;
  padding: 0.6rem 0;
}

.settlement .sement {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.settlement .sement .senl {
  display: inline-block;
  vertical-align: middle;
  width: calc(860 / 1720 * 100%);
}

.settlement .sement .senr {
  display: inline-block;
  vertical-align: middle;
  width: calc(815 / 1720 * 100%);
}

.settlement .sement .setiom {
  width: 100%;
}

.settlement .sement .setiom .sitle {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.settlement .sement .setiom .scont {
  width: 100%;
  background-color: #fff;
  padding: 0.3rem;
}

.settlement .sement .setiom .placelist {
  width: 100%;
  font-size: 0;
}

.settlement .sement .setiom .placelist .plaom {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 4%;
  background-color: #fafafa;
  position: relative;
  border: solid 2px #fafafa;
  cursor: pointer;
  margin-bottom: 0.15rem;
}

.settlement .sement .setiom .placelist .plaom .name {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.05rem;
}

.settlement .sement .setiom .placelist .plaom .coop {
  width: 100%;
  font-size: 0;
}

.settlement .sement .setiom .placelist .plaom .coop .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #dedede;
  line-height: 2;
  border-radius: 1em;
  color: #999;
  padding: 0 0.2rem;
  cursor: pointer;
}

.settlement .sement .setiom .placelist .plaom .coop .ctn + .ctn {
  margin-left: 0.1rem;
}

.settlement .sement .setiom .placelist .plaom .coop .ctn:hover {
  background-color: #d22627;
  color: #fff;
}

.settlement .sement .setiom .placelist .plaom .yes {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 3;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all ease 0.5s;
}

.settlement .sement .setiom .placelist .plaom .yes img {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .placelist .plaom .nim {
  width: 100%;
  color: #333;
  line-height: 1.5;
  height: 6em;
  margin: 0.1rem 0 0.15rem;
}

.settlement .sement .setiom .placelist .plaom .nim p {
  color: #333;
  line-height: 1.5;
}

.settlement .sement .setiom .placelist .plaom .amg {
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding: 0.2rem;
}

.settlement .sement .setiom .placelist .plaom .amg .adg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 0.82rem;
  height: 0.82rem;
}

.settlement .sement .setiom .placelist .plaom .amg .adg img {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .placelist .plaom .amg .gm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
}

.settlement .sement .setiom .placelist .plaom .amg .gm p {
  color: #666;
  line-height: 1.5;
}

.settlement .sement .setiom .placelist .plaom.add {
  cursor: pointer;
}

.settlement .sement .setiom .placelist .plaom:nth-child(2n) {
  margin-right: 0;
}

.settlement .sement .setiom .placelist .plaom.active {
  border: solid 2px #d22627;
}

.settlement .sement .setiom .placelist .plaom.active .yes {
  opacity: 1;
}

.settlement .sement .setiom .choost {
  width: 100%;
  font-size: 0;
  padding: 0.2rem 0;
}

.settlement .sement .setiom .choost .label {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0.06rem 0;
}

.settlement .sement .setiom .choost .label .rm {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  border: solid 1px #ddd;
  margin-right: 0.1rem;
}

.settlement .sement .setiom .choost .label .rm img {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .choost .label .rm img:first-child {
  display: block;
}

.settlement .sement .setiom .choost .label .rm img:last-child {
  display: none;
}

.settlement .sement .setiom .choost .label .rx {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  width: 30%;
}

.settlement .sement .setiom .choost .label .select-all, .settlement .sement .setiom .choost .label .select-item {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.settlement .sement .setiom .choost .label.selected .rm {
  border: solid 1px #d22627;
}

.settlement .sement .setiom .choost .label.selected .rm img:first-child {
  display: none;
}

.settlement .sement .setiom .choost .label.selected .rm img:last-child {
  display: block;
}
.settlement .sement .setiom .choost .label.ban .select-item{
  cursor: not-allowed;
}
.settlement .sement .setiom .choost .label.ban .rx{
  color: #999;
}

.settlement .sement .setiom .sinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.settlement .sement .setiom .sinp p {
  color: #333;
  line-height: 1.5;
}

.settlement .sement .setiom .addcard {
  width: 100%;
}

.settlement .sement .setiom .addcard .ait {
  width: 100%;
  color: #333;
  line-height: 2.5;
  margin-bottom: 0.15rem;
  border-bottom: solid 1px #dedede;
}

.settlement .sement .setiom .addcard .cards {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin: 0.2rem 0;
}

.settlement .sement .setiom .addcard .cards .cmgs {
  display: inline-block;
  vertical-align: top;
  width: 0.6rem;
  margin-right: 0.2rem;
  border: solid 1px #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.settlement .sement .setiom .addcard .cards .cmgs .img {
  width: 100%;
  padding-top: 60%;
}

.settlement .sement .setiom .addcard .cards .cmgs.on {
  border: solid 1px #d22627;
}

.settlement .sement .setiom .addcard .labels {
  width: 100%;
  font-size: 0;
}

.settlement .sement .setiom .addcard .labels .laem {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.2rem;
  position: relative;
}

.settlement .sement .setiom .addcard .labels .laem .ax {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 0.1rem;
}

.settlement .sement .setiom .addcard .labels .laem .ax img {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .addcard .labels .laem .ax img:first-child {
  display: block;
}

.settlement .sement .setiom .addcard .labels .laem .ax img:last-child {
  display: none;
}

.settlement .sement .setiom .addcard .labels .laem .amc {
  display: inline-block;
  vertical-align: middle;
  width: 1.02rem;
}

.settlement .sement .setiom .addcard .labels .laem .amc img {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .addcard .labels .laem .amd {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}

.settlement .sement .setiom .addcard .labels .laem.selected .ax img:first-child {
  display: none;
}

.settlement .sement .setiom .addcard .labels .laem.selected .ax img:last-child {
  display: block;
}

.settlement .sement .setiom .addcard .form {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.settlement .sement .setiom .addcard .form form {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .addcard .row {
  width: 100%;
  font-size: 0;
}

.settlement .sement .setiom .addcard .row .input {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  border: solid 1px #dedede;
  padding: 0.1rem;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.settlement .sement .setiom .addcard .row .input .inc {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.14rem;
}

.settlement .sement .setiom .addcard .row .input .inc img {
  width: 100%;
  display: block;
}

.settlement .sement .setiom .addcard .row .input .int {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.44rem);
  color: #999;
  line-height: 2;
  height: 2em;
  border: none;
  background-color: transparent;
}

.settlement .sement .setiom .addcard .row .input:nth-child(2n) {
  margin-right: 0;
}

.settlement .sement .setiom .addcard .row .input.w100 {
  margin-right: 0;
  width: 100%;
}

.settlement .sement .setiom .addcard .row .input.btb {
  display: flex;
}

.settlement .sement .setiom .addcard .row .input.btb .ine {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 2;
  margin-right: 0.15rem;
}

.settlement .sement .setiom .addcard .row .input.btb .int {
  flex: 1;
}

.settlement .sement .setiom .addcard .sub {
  width: 100%;
  font-size: 0;
  margin: 0.1rem 0 0.3rem;
}

.settlement .sement .setiom .addcard .sub .stn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.3rem;
  color: #999;
  line-height: 2.5;
  border-radius: 1.25em;
  cursor: pointer;
  background-color: #dedede;
  border: none;
}

.settlement .sement .setiom .subm {
  width: 100%;
  font-size: 0;
  margin: 0.3rem 0 0.1rem;
}

.settlement .sement .setiom .subm .stn {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  padding: 0 0.3rem;
  color: #fff;
  line-height: 3;
  cursor: pointer;
  background-color: #d22627;
  border: none;
}

.settlement .sement .setiom .table {
  width: 100%;
}

.settlement .sement .setiom .table .total {
  width: 100%;
  padding: 0.15rem 0.3rem;
  border: solid 1px #dedede;
}

.settlement .sement .setiom .table .total .tli {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.05rem 0;
}

.settlement .sement .setiom .table .total .tli .tame {
  display: inline-block;
  vertical-align: top;
  color: #666;
  line-height: 1.6;
}

.settlement .sement .setiom .table .total .tli .tame.htc {
  color: #333;
}

.settlement .sement .setiom .table .total .tli .trm {
  display: inline-block;
  vertical-align: top;
  color: #666;
  line-height: 1.6;
  max-width: 3rem;
  text-align: right;
}

.settlement .sement .setiom .table .total + .total {
  border-top: none;
}

.settlement .sement .setiom .table .proem {
  width: 100%;
}

.settlement .sement .setiom .table .proem .pli {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #dedede;
}

.settlement .sement .setiom .table .proem .pli .pmc {
  display: inline-block;
  vertical-align: middle;
  width: 1.24rem;
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
}

.settlement .sement .setiom .table .proem .pli .pmc .img {
  width: 100%;
  padding-top: 100%;
}

.settlement .sement .setiom .table .proem .pli .comp {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.24rem);
  padding: 0.1rem 0.2rem;
  border-left: solid 1px #dedede;
}

.settlement .sement .setiom .table .proem .pli .comp .cop {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.settlement .sement .setiom .table .proem .pli .comp .cop p {
  color: #666;
  line-height: 1.5;
}

.settlement .sement .setiom .table .proem .pli .comp .cound {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: right;
}

.settlement .sement .setiom .table .proem .pli + .pli {
  border-top: none;
}

.settlement .sement .setiom .table .proem + .total {
  border-top: none;
}

.settlement .sement .setiom .invoice {
  width: 100%;
  background: #fff;
}

.settlement .sement .setiom .invoice .intop {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0.2rem;
}

.settlement .sement .setiom .invoice .intop .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.settlement .sement .setiom .invoice .intop .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 1.7;
  margin-left: 0.1rem;
  color: #333;
}

.settlement .sement .setiom .invoice .intop .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100% 100%;
}

.settlement .sement .setiom .invoice .intop .i-label .int-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.settlement .sement .setiom .invoice .intop .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100% 100%;
}

.settlement .sement .setiom .invoice .invos {
  width: 100%;
  padding: 0.2rem 0.2rem;
  display: none;
}

.settlement .sement .setiom .invoice .invos .invem {
  width: 100%;
  font-size: 0;
  padding: 0.1rem 0;
}

.settlement .sement .setiom .invoice .invos .invem .lname {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.5;
  color: #333;
  width: 100%;
}

.settlement .sement .setiom .invoice .invos .invem .rion {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.3rem);
  width: 100%;
  font-size: 0;
}

.settlement .sement .setiom .invoice .invos .invem .rion select {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.5;
  color: #333;
  height: 2.5em;
  border: solid 1px #d2d2d2;
  padding: 0 0.15rem;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios {
  width: 100%;
  font-size: 0;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .label {
  min-width: 1.2rem;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2rem;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .label .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .label .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 1.7;
  margin-left: 0.1rem;
  color: #333;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .label .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100% 100%;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .label .i-label .lat-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .label .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100% 100%;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .inpux {
  display: inline-block;
  vertical-align: middle;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .inpux input {
  width: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #d2d2d2;
  background: #fff;
  padding: 0 0.15rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.5;
  height: 2.5em;
  color: #333;
}

#delivery_time{
  width: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #d2d2d2;
  background: #fff;
  padding: 0 0.15rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.5;
  height: 2.5em;
  color: #333;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .supply {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.2rem;
  font-size: 0;
  text-align: right;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .supply .sname {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.5;
  color: #333;
  margin-right: 0.1rem;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .supply .sinput {
  display: inline-block;
  vertical-align: middle;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios .supply .sinput input {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  border: solid 1px #d2d2d2;
  background: #fff;
  padding: 0 0.15rem;
  font-size: calc(12px - 0.12rem + 0.14rem);
  height: 2.5em;
  line-height: 2.5;
  color: #333;
}

.settlement .sement .setiom .invoice .invos .invem .rion .radios + .radios {
  margin-top: 0.2rem;
}

.settlement .sement .setiom .invoice .invos .invem .rion textarea {
  width: 100%;
  border: solid 1px #d2d2d2;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  padding: 0.1rem;
}

.settlement .sement .setiom + .setiom {
  margin-top: 0.3rem;
}

.settlement .pay {
  width: 100%;
  max-width: 94%;
  width: 480px;
  margin: 0 auto;
  background: #fff;
}
@media (max-width: 800px) {
  .settlement .pay{
    max-width: 94%;
  }
}

.settlement .pay .yes {
  width: 0.9rem;
  height: 0.9rem;
  margin: 0 auto 0.4rem;
  border-radius: 50%;
}

.settlement .pay .yes img {
  width: 100%;
  height: 100%;
  display: block;
}

.settlement .pay .yx {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #d22627;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.3rem);
  margin-bottom: 0.25rem;
}

.settlement .pay .yon {
  width: 100%;
  text-align: center;
  line-height: 2.2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #666;
  margin-bottom: 0.3rem;
}

.settlement .pay .yon p {
  text-align: center;
  line-height: 2.2;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #666;
  margin-bottom: 0.15rem;
}
.settlement .pay .yon.lefc {
  text-align: left; }
  .settlement .pay .yon.lefc p {
    text-align: left; }
.settlement .pay .yon.yit {
  margin-bottom: 0;
  margin-top: 0.25rem; }
.settlement .pay .yon.cons {
  text-align: left;
  position: relative;
  box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.3);
  padding: 0.15rem; }
  .settlement .pay .yon.cons:after {
    position: absolute;
    content: ' ';
    bottom: 100%;
    left: 35%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: solid 0.1rem;
    border-color: transparent transparent #fff transparent; }

.settlement .pay .pax {
  width: 4.8rem;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .settlement .pay .pax{
    width: 94%;
  }
}

.settlement .pay .pax .tax {
  width: 100%;
  font-size: 0;
  text-align: left;
}

.settlement .pay .pax .tax .taem {
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #666;
  margin-right: 0.35rem;
}

.settlement .pay .pax .types {
  width: 100%;
  margin-top: 0.25rem;
}

.settlement .pay .pax .types .tix {
  width: 100%;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #666;
}

.settlement .pay .pax .types .typex {
  width: 100%;
  font-size: 0;
  margin-top: 0.15rem;
}

.settlement .pay .pax .types .typex .type {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0.15rem 0;
}

.settlement .pay .pax .types .typex .type .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}

.settlement .pay .pax .types .typex .type .i-label .i-img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
}

.settlement .pay .pax .types .typex .type .i-label .i-img img {
  width: 100%;
  height: 100%;
  display: block;
}

.settlement .pay .pax .types .typex .type .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-left: 0.1rem;
  color: #666;
}

.settlement .pay .pax .types .typex .type .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  width: 18px;
  height: 18px;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100% 100%;
}

.settlement .pay .pax .types .typex .type .i-label .check-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.settlement .pay .pax .types .typex .type .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100% 100%;
}
.settlement .pay .pax .types .typex .type.w100 {
  width: 100%;
  padding: 0.1rem 0; }

.settlement .pay .pax .submit {
  width: 100%;
  margin-top: 0.5rem;
}

.settlement .pay .pax .submit input {
  width: 100%;
  display: block;
  background: #d22627;
  color: #fff;
  text-align: center;
  line-height: 3.2;
  height: 3.2em;
  font-size: calc(12px - 0.12rem + 0.14rem);
  border: none;
}

.settlement .pay .pax .pix {
  width: 100%;
  color: #666;
  text-align: center;
  line-height: 2;
  font-size: calc(12px - 0.12rem + 0.16rem);
  margin: 0.7rem 0 0.25rem;
}

.settlement .pay .pax .pxn {
  width: 100%;
  margin-bottom: 0.2rem;
}

.settlement .pay .pax .pxn a {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 3.2;
  background: #f2f2f2;
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.settlement .pay .pax .pxn.blue a {
  background: #d22627;
  color: #fff;
}

.settlement .pay .rix {
  width: 100%;
  font-size: 0;
  margin: 0.3rem 0 0.1rem;
}

.settlement .pay .rix .chox {
  width: 100%;
  font-size: 0;
}

.settlement .pay .rix .chox .choxm {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  position: relative;
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  line-height: 1rem;
  font-size: calc(12px - 0.12rem + 0.2rem);
  text-align: center;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
}

.settlement .pay .rix .chox .choxm input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: inline-block;
  filter: alpha(opacity=0);
}

.settlement .pay .rix .chox .choxm .c-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.settlement .pay .rix .chox .choxm .c-delete {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #fff;
  text-align: center;
  position: absolute;
  right: -0.15rem;
  top: -0.15rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
}

.settlement .pay .rix .chox .choxm .uv-x {
  display: inline-block;
  vertical-align: top;
  line-height: 0.25rem;
  font-size: calc(12px - 0.12rem + 0.3rem);
}

.settlement .pay .rix .chox .tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #888;
}

.settlement .pay .rix .rx {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.settlement .pay .rix .type {
  display: inline-block;
  vertical-align: middle;
}

.settlement .pay .rix .type .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.settlement .pay .rix .type .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-left: 0.1rem;
  color: #666;
}

.settlement .pay .rix .type .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100%;
}

.settlement .pay .rix .type .i-label .checks-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.settlement .pay .rix .type .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100%;
}

.settlement .pay .rix .inpur {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin: 0.1rem 0;
  margin-right: 0.25rem;
}

.settlement .pay .rix .inpur .name {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.settlement .pay .rix .inpur input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 2.25rem;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  height: 2.5em;
  background: #fff;
  border: solid 1px #d2d2d2;
  padding: 0 0.1rem;
  position: relative;
}

.settlement .pay .rix .inpur input.datx:after {
  position: absolute;
  width: 0.18rem;
  height: 0.18rem;
  content: ' ';
  background-image: url("../images/date.png");
  background-size: cover;
  background-position: center;
}

.settlement .pay .rix .inpur.area {
  width: 100%;
}

.settlement .pay .rix .inpur.area textarea {
  display: block;
  width: 100%;
  max-width: 7.6rem;
  padding: 0.1rem;
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
}

.settlement .pay .rix .cancl {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3rem;
}

.settlement .pay .rix .cancl a {
  display: inline-block;
  border: solid 1px #d2d2d2;
  color: #666;
  line-height: 2.5;
  height: 2.5em;
  font-size: calc(12px - 0.12rem + 0.14rem);
  padding: 0 0.25rem;
  background: #d2d2d2;
}

.settlement .pay .rix .cancl:hover a {
  border: solid 1px #3597e2;
  background: #3597e2;
  color: #fff;
}

.settlement .pay .rix .submit {
  display: inline-block;
  vertical-align: middle;
}

.settlement .pay .rix .submit input {
  display: inline-block;
  color: #666;
  line-height: 2.5;
  height: 2.5em;
  font-size: calc(12px - 0.12rem + 0.14rem);
  padding: 0 0.25rem;
  border: none;
  cursor: pointer;
  background: #d2d2d2;
}

.settlement .pay .rix .submit:hover input {
  background: #3597e2;
  color: #fff;
}

.cartpms {
  width: 100%;
  background-color: #fafafa;
}

.cartpms .shopping {
  width: 100%;
  padding: 0.4rem 0;
}

.cartpms .shopping .shops {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2rem;
}

.cartpms .shopping .shops .shit {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.cartpms .shopping .shops .empty {
  display: inline-block;
  vertical-align: middle;
  background-color: #ededed;
  color: #999;
  line-height: 2.5;
  border-radius: 1.25em;
  padding: 0 0.3rem;
  cursor: pointer;
}

.cartpms .shopping .shopent {
  width: 100%;
  background-color: #fff;
}

.cartpms .shopping .shopent .sot {
  width: 100%;
  padding: 0rem 0.5rem;
}

.cartpms .shopping .shopent .sot .cobt {
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0em;
  border-top: solid 1px #dedede;
}

.cartpms .shopping .shopent .sot .cobt .vtn {
  display: inline-block;
  vertical-align: middle;
  background-color: #f4c021;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
}

.cartpms .shopping .shopent .sot .cobt .vcn {
  display: inline-block;
  vertical-align: middle;
  background-color: #4caf50;
  color: #fff;
  line-height: 3;
  padding: 0 0.3rem;
}

.cartpms .shopping .shopent .sot .cobt .vcn span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.cartpms .shopping .shopent .sot .cobt .vcn span img {
  width: 100%;
  display: block;
}

.cartpms .shopping .shopent .countt {
  width: 100%;
  text-align: right;
  font-size: 0;
  padding: 0.35rem 0;
}

.cartpms .shopping .shopent .countt .coupon {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.cartpms .shopping .shopent .countt .coupon .cm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  text-align: left;
  margin-right: 0.3rem;
}

.cartpms .shopping .shopent .countt .coupon .fopm {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
}

.cartpms .shopping .shopent .countt .coupon .fopm form {
  width: 100%;
  font-size: 0;
}

.cartpms .shopping .shopent .countt .coupon .fopm .ink {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  background-color: #ffffff;
  border: solid 1px #ececec;
  color: #666;
  line-height: 3;
  height: 3em;
  padding: 0 0.2rem;
}

.cartpms .shopping .shopent .countt .coupon .fopm .atn {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  text-align: center;
  background-color: #d26f26;
  color: #fff;
  line-height: 3;
  height: 3em;
  border: none;
  cursor: pointer;
}

.cartpms .shopping .shopent .countt .talo {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
}

.cartpms .shopping .shopent .countt .talo span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.cartpms .shopping .shopent .countt .talo span + span {
  margin-left: 0.3rem;
}

.cartpms .shopping .cartable {
  width: 100%;
  background-color: #fff;
}

.cartpms .shopping .cartable .tr {
  width: 100%;
  display: flex;
  border-bottom: solid 1px #eee;
}

.cartpms .shopping .cartable .tr .td {
  display: inline-block;
  vertical-align: middle;
}

.cartpms .shopping .cartable .tr .tdm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.2rem 0.3rem;
  color: #333;
  line-height: 1.5;
  justify-content: center;
  align-items: center;
}

.cartpms .shopping .cartable .tr .tdm a {
  width: 100%;
  text-align: center;
  color: #333;
  display: block;
  line-height: 2;
}

.cartpms .shopping .cartable .tr .tdm a:hover {
  color: #0049ce;
}

.cartpms .shopping .cartable .tr .tdm .colp {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  border: solid 1px #edecf0;
  white-space: nowrap;
}

.cartpms .shopping .cartable .tr .tdm .ctn {
  display: inline-block;
  vertical-align: middle;
  width: 0.35rem;
  width: 33px;
  height: 43px;
  cursor: pointer;
}

.cartpms .shopping .cartable .tr .tdm .ctn img {
  width: 100%;
  display: block;
}

.cartpms .shopping .cartable .tr .tdm .reduce {
  border-right: solid 1px #edecf0;
}

.cartpms .shopping .cartable .tr .tdm .plus {
  border-left: solid 1px #edecf0;
}

.cartpms .shopping .cartable .tr .tdm .counx {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
}

.cartpms .shopping .cartable .tr .tdm .counx input {
  width: 100%;
  display: block;
  line-height: 2.2;
  text-align: center;
  color: #222;
  height: 2.2em;
  border: none;
  background-color: none;
}

.cartpms .shopping .cartable .tr .tdm.number {
  font-size: 0;
}

.cartpms .shopping .cartable .tr .pro {
  width: 55%;
}

.cartpms .shopping .cartable .tr .pro .tdm {
  align-items: center;
  justify-content: flex-start !important;
}

.cartpms .shopping .cartable .tr .shop, .cartpms .shopping .cartable .tr .sub, .cartpms .shopping .cartable .tr .coop {
  width: 10%;
  text-align: center;
}

.cartpms .shopping .cartable .tr .qua {
  width: 15%;
}

.cartpms .shopping .cartable .tr .label {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
}

.cartpms .shopping .cartable .tr .label .rm {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 0.2rem;
}

.cartpms .shopping .cartable .tr .label .rm img {
  width: 100%;
  display: block;
}

.cartpms .shopping .cartable .tr .label .rm img:first-child {
  display: block;
}

.cartpms .shopping .cartable .tr .label .rm img:last-child {
  display: none;
}

.cartpms .shopping .cartable .tr .label .rx {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  width: 6em;
}

.cartpms .shopping .cartable .tr .label .select-all, .cartpms .shopping .cartable .tr .label .select-item {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.cartpms .shopping .cartable .tr .label.selected .rm img:first-child {
  display: none;
}

.cartpms .shopping .cartable .tr .label.selected .rm img:last-child {
  display: block;
}

.cartpms .shopping .cartable .tr .em {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.cartpms .shopping .cartable .tr .del {
  display: inline-block;
  vertical-align: middle;
  width: 21px !important;
  height: 21px;
  cursor: pointer;
}

.cartpms .shopping .cartable .tr .del img {
  width: 100%;
  display: block;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .label {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom {
  width: calc(100% - 25px - 0.2rem - 6em);
  flex: 1;
  font-size: 0;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .imgs {
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  border: solid 1px #dedede;
  width: 1.24rem;
  padding: 0.05rem;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .erm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.24rem);
  padding-left: 0.3rem;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .erm .et {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .erm .ex {
  width: 100%;
  color: #666;
  line-height: 1.8;
  max-height: 5.4em;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .erm .ex p {
  color: #666;
  line-height: 1.8;
}

.cartpms .shopping .cartable .tr.s-item .td.pro .prom .erm .ep {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.cartpms .shopping .cartable .tr.s-item .td.coop {
  align-content: center;
}

.cartpms .shopping .cartable .tr.s-item .tdm.red {
  color: #c01414;
}

@media (max-width: 900px) {
  .cartpms .shopping .cartable .tr.heac .pro {
    width: 100%;
  }
  .cartpms .shopping .cartable .tr.heac .shop, .cartpms .shopping .cartable .tr.heac .qua, .cartpms .shopping .cartable .tr.heac .sub, .cartpms .shopping .cartable .tr.heac .coop {
    display: none;
  }
  .cartpms .shopping .cartable .tr.s-item {
    flex-wrap: wrap;
  }
  .cartpms .shopping .cartable .tr.s-item .label .rx {
    width: 0;
  }
  .cartpms .shopping .cartable .tr.s-item .pro {
    width: 100%;
  }
  .cartpms .shopping .cartable .tr.s-item .shop, .cartpms .shopping .cartable .tr.s-item .qua, .cartpms .shopping .cartable .tr.s-item .sub, .cartpms .shopping .cartable .tr.s-item .coop {
    width: auto;
  }
}

.addressm {
  width: 100%;
  background-color: #fafafa;
  padding: 0.4rem 0;
}

.addressm .adrom {
  width: 9rem;
  max-width: 94%;
  display: block;
  margin: 0 auto;
}

.addressm .adrom .ait {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.addressm .adrom .arom {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
}

.addressm .adrom .arom form {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 7rem;
}

.addressm .adrom .arom .aitm {
  width: 100%;
}

.addressm .adrom .arom .aitm .amt {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.addressm .adrom .arom .aitm .amt .ac {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}

.addressm .adrom .arom .aitm .amt .ah {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-left: 0.04rem;
}

.addressm .adrom .arom .aitm .select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
  border: solid 1px #dedede;
}

.addressm .adrom .arom .aitm .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.addressm .adrom .arom .aitm .select .select-con .select-value {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3.2;
  padding: 0 0.4rem 0 0.2rem;
  color: #333;
  height: 3.2em;
}

.addressm .adrom .arom .aitm .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.addressm .adrom .arom .aitm .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.addressm .adrom .arom .aitm .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 14px;
  height: 9px;
  background-image: url("../images/x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.addressm .adrom .arom .aitm .input {
  width: 100%;
}

.addressm .adrom .arom .aitm .input .int {
  width: 100%;
  border: solid 1px #dedede;
  line-height: 3.2;
  padding: 0 0.2rem 0 0.2rem;
  color: #333;
  height: 3.2em;
  display: block;
  background-color: transparent;
}

.addressm .adrom .arom .aitm .input.selev .int {
  height: auto;
  padding: 0;
}

.addressm .adrom .arom .aitm .input.selev .int.selects {
  position: relative;
}

.addressm .adrom .arom .aitm .input.selev .int.selects .history-clear {
  display: none;
  position: absolute;
  top: 0;
  cursor: pointer;
  right: .4rem;
  width: .4   rem;
  height: 100%;
  background-color: #fff;
  background-image: url(../images/close2.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.addressm .adrom .arom .aitm .input.selev .int.selects .history-buttom {
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 1;
  display: block;
  background-color: #fff;
  width: .3rem;
  height: 100%;
  background-image: url(../images/sm11.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.addressm .adrom .arom .aitm .input.selev .int.selects .history-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 38;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0.05rem 0.05rem -0.03rem rgba(0, 0, 0, 0.2), 0 0.08rem 0.1rem 1px rgba(0, 0, 0, 0.14), 0 0.03rem 0.14rem 0.02rem rgba(0, 0, 0, 0.12);
  border-radius: .04rem;
}

.addressm .adrom .arom .aitm .input.selev .int.selects .history-sub .history-cont {
  width: 100%;
  height: 3.5rem;
  overflow: auto;
}

.addressm .adrom .arom .aitm .input.selev .int.selects .history-sub .history-item {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.addressm .adrom .arom .aitm .input.selev .int.selects .history-sub .history-tip {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.addressm .adrom .arom .aitm .input.selev .int.history-box.show .history-sub {
  display: block;
}

.addressm .adrom .arom .aitm .input.selev .int.history-box.haxval .history-clear {
  display: block;
}

.addressm .adrom .arom .aitm .xm {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.addressm .adrom .arom .aitm .telephn {
  width: 100%;
  display: flex;
  border: solid 1px #dedede;
}

.addressm .adrom .arom .aitm .telephn .select {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  border: none;
}

.addressm .adrom .arom .aitm .telephn .select .gq {
  display: inline-block;
  vertical-align: middle;
  width: 0.46rem;
}

.addressm .adrom .arom .aitm .telephn .select .gq img {
  width: 100%;
  display: block;
}

.addressm .adrom .arom .aitm .telephn .tmc {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 3.2;
  text-align: center;
  padding: 0 0.1rem;
}

.addressm .adrom .arom .aitm .telephn .inc {
  flex: 1;
  display: inline-block;
  vertical-align: middle;
  border: none;
  line-height: 3.2;
  padding: 0 0.2rem 0 0.2rem;
  color: #333;
  height: 3.2em;
  background-color: transparent;
  padding-left: 0;
}

.addressm .adrom .arom .aitm + .aitm {
  margin-top: 0.2rem;
}

.addressm .adrom .arom .sub {
  width: 100%;
  margin-top: 0.25rem;
}

.addressm .adrom .arom .sub input {
  width: 100%;
  display: block;
  border: none;
  background-color: #222;
  color: #fff;
  cursor: pointer;
  text-align: center;
  line-height: 3.2;
  height: 3.2em;
}

.percenst {
  width: 100%;
  background-color: #fafafa;
  padding-top: 0.2rem;
}

.percenst .percend {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.4rem 0 0.2rem;
}

.percenst .percend .pecl {
  display: inline-block;
  vertical-align: middle;
  width: calc(420 / 1720 * 100%);
}

.percenst .percend .pecl .permes {
  width: 100%;
  padding: 0.5rem;
}

.percenst .percend .pecl .permes .head {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  margin: 0 auto 0.1rem;
}

.percenst .percend .pecl .permes .head img {
  width: 100%;
  display: block;
}

.percenst .percend .pecl .permes .hms {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

.percenst .percend .pecl .pelist {
  width: 100%;
  margin-top: 0.1rem;
  background-color: #fff;
  padding: 0.2rem 0.0rem;
}

.percenst .percend .pecl .pelist .pli {
  width: 100%;
}

.percenst .percend .pecl .pelist .pli a {
  width: 100%;
  padding: 0.12rem 0.5rem;
  font-size: 0;
  display: block;
}

.percenst .percend .pecl .pelist .pli:hover a {
  background-color: #d22627;
}

.percenst .percend .pecl .pelist .pli:hover .ac img:first-child {
  display: none;
}

.percenst .percend .pecl .pelist .pli:hover .ac img:last-child {
  display: block;
}

.percenst .percend .pecl .pelist .pli:hover .cm {
  color: #fff;
}

.percenst .percend .pecl .pelist .pli.on a {
  background-color: #d22627;
}

.percenst .percend .pecl .pelist .pli.on .ac img:first-child {
  display: none;
}

.percenst .percend .pecl .pelist .pli.on .ac img:last-child {
  display: block;
}

.percenst .percend .pecl .pelist .pli.on .cm {
  color: #fff;
}

.percenst .percend .pecl .pelist .ac {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-right: 0.2rem;
  position: relative;
  top: -0.02rem;
}

.percenst .percend .pecl .pelist .ac img {
  width: 100%;
  display: block;
}

.percenst .percend .pecl .pelist .ac img:first-child {
  display: block;
}

.percenst .percend .pecl .pelist .ac img:last-child {
  display: none;
}

.percenst .percend .pecl .pelist .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 22px - 0.2rem);
  color: #333;
  line-height: 1.5;
}
.percenst .percend .pecl .permes{position: relative;}
.percenst .percend .pecl .permes .layui-upload-file{left: 38%;position: absolute;top: 38%;width: 1rem;opacity:0;}

.percenst .percend .pecr {
  display: inline-block;
  vertical-align: middle;
  width: calc(1260 / 1720 * 100%);
}

.percenst .percend .pecr .pecrm {
  width: 100%;
  background-color: #fff;
  padding: 0.3rem 0.4rem;
  position: relative;
}

.percenst .percend .pecr .pecrm .pit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.percenst .percend .pecr .pecrm .pix {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0 0.2rem;
}

.percenst .percend .pecr .pecrm .cooplist {
  width: 100%;
  font-size: 0;
  padding-top: 0.4rem;
  margin-top: 0.3rem;
  border-top: solid 1px #efefef;
}

.percenst .percend .pecr .pecrm .cooplist .copim {
  display: inline-block;
  vertical-align: top;
  width: calc(380 / 1180 * 100%);
  margin-right: calc(19 / 1180 * 100%);
  margin-bottom: 0.25rem;
  border: solid 1px #efefef;
  border-radius: 0.1rem;
}

.percenst .percend .pecr .pecrm .cooplist .copim a {
  width: 100%;
  display: block;
  padding: 0.24rem;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .cooplist .copim .cd {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  margin-right: 0.15rem;
}

.percenst .percend .pecr .pecrm .cooplist .copim .cd img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .cooplist .copim .com {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.15rem);
}

.percenst .percend .pecr .pecrm .cooplist .copim .com .cp {
  width: 100%;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.percenst .percend .pecr .pecrm .cooplist .copim .com .cim {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 4.5em;
}

.percenst .percend .pecr .pecrm .cooplist .copim .com .cim p {
  color: #999;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .cooplist .copim:nth-child(3n) {
  margin-right: 0;
}

.percenst .percend .pecr .pecrm .cooplist .copim:hover {
  border: solid 1px #d22627;
}

.percenst .percend .pecr .pecrm .pecnav {
  width: 100%;
  margin-bottom: 0.15rem;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide .vmc {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.2;
  width: auto;
  position: relative;
  cursor: pointer;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide .vmc:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  height: 2px;
  left: 0;
  width: 100%;
  background-color: #d22627;
  transition: all ease 0.5s;
  opacity: 0;
  right: 0;
  display: none;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide .lx {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2.2;
  margin: 0 0.3rem;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide.on .vmc {
  color: #d22627;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide.on .vmc:after {
  opacity: 1;
}

.percenst .percend .pecr .pecrm .pecnav .swiper-slide:last-child .lx {
  display: none;
}

.percenst .percend .pecr .pecrm .eomped {
  width: 100%;
}

.percenst .percend .pecr .pecrm .eomped .eomli {
  width: 100%;
  display: none;
}

.percenst .percend .pecr .pecrm .eomped .eomli.on {
  display: block;
}

.percenst .percend .pecr .pecrm .eomped .orderlist {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem {
  width: 100%;
  background-color: #fafafa;
  border: solid 1px #dedede;
  padding: 0.15rem 0.3rem;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rop .rt {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rop .erm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rop .erm .etn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 2.5;
  border-radius: 1.25em;
  padding: 0 0.3rem;
  margin-right: 0.2rem;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rop .erm .del {
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rop .erm .del img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rim {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.12rem 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rim .rml {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rim .rml span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 0.25rem;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .rim .rmr {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis {
  width: 100%;
  font-size: 0;
  background-color: #fff;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom {
  width: 100%;
  flex: 1;
  font-size: 0;
  border: solid 1px #dedede;
  display: flex;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom .imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-right: solid 1px #dedede;
  width: 1.24rem;
  padding: 0.05rem;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom .erm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.24rem);
  padding: 0.25rem 0.3rem;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom .erm .ex {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom .erm .ex p {
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom .erm .ep {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: right;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .prolis .prom + .prom {
  border-top: none;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .total {
  width: 100%;
  font-size: 0;
  text-align: right;
  padding: 0.15rem 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .total span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .ropk {
  width: 100%;
  font-size: 0;
  text-align: right;
  padding: 0.08rem 0;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .ropk span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .ropk .vtn {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  padding: 0 0.3rem;
  background-color: #d22627;
  border-radius: 1.25em;
  line-height: 2.5;
  margin-left: 0.2rem;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem .ripu {
  width: 100%;
  padding: 0.08rem 0;
  color: #999;
  line-height: 1.5;
  text-align: right;
}

.percenst .percend .pecr .pecrm .eomped .orderlist .oriem + .oriem {
  margin-top: 0.2rem;
}

.percenst .percend .pecr .pecrm .addresslit {
  width: 100%;
}

.percenst .percend .pecr .pecrm .placelist {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .placelist .plaom {
  display: inline-block;
  vertical-align: top;
  width: calc(386 / 1260 * 100%);
  margin-right: calc(10 / 1260 * 100%);
  margin-bottom: 0.15rem;
  background-color: #fafafa;
  position: relative;
  border: solid 2px #fafafa;
}

.percenst .percend .pecr .pecrm .placelist .plaom .name {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.05rem;
}

.percenst .percend .pecr .pecrm .placelist .plaom .coop {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .placelist .plaom .coop .ctn {
  display: inline-block;
  vertical-align: middle;
  background-color: #dedede;
  line-height: 2;
  border-radius: 1em;
  color: #999;
  padding: 0 0.2rem;
  cursor: pointer;
}

.percenst .percend .pecr .pecrm .placelist .plaom .coop .ctn + .ctn {
  margin-left: 0.1rem;
}

.percenst .percend .pecr .pecrm .placelist .plaom .coop .ctn:hover {
  background-color: #d22627;
  color: #fff;
}

.percenst .percend .pecr .pecrm .placelist .plaom .yes {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  z-index: 3;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all ease 0.5s;
}

.percenst .percend .pecr .pecrm .placelist .plaom .yes img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .placelist .plaom .nim {
  width: 100%;
  color: #333;
  line-height: 1.5;
  height: 6em;
  margin: 0.1rem 0 0.15rem;
}

.percenst .percend .pecr .pecrm .placelist .plaom .nim p {
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .placelist .plaom .amg {
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding: 0.2rem;
}

.percenst .percend .pecr .pecrm .placelist .plaom .amg .adg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 0.82rem;
  height: 0.82rem;
}

.percenst .percend .pecr .pecrm .placelist .plaom .amg .adg img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .placelist .plaom .amg .gm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
}

.percenst .percend .pecr .pecrm .placelist .plaom .amg .gm p {
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .placelist .plaom.add {
  cursor: pointer;
}

.percenst .percend .pecr .pecrm .placelist .plaom:nth-child(3n) {
  margin-right: 0;
}

.percenst .percend .pecr .pecrm .placelist .plaom.active {
  border: solid 2px #d22627;
}

.percenst .percend .pecr .pecrm .placelist .plaom.active .yes {
  opacity: 1;
}

.percenst .percend .pecr .pecrm .profiles {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm {
  width: 100%;
}

.percenst .percend .pecr .pecrm .profiles .profilm .pip {
  width: 100%;
  color: #333;
  line-height: 1.8;
  margin-bottom: 0.1rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .form {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .profiles .profilm .form form {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0.1rem;
  background-color: #fafafa;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int {
  width: 100%;
  border: none;
  background-color: transparent;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3.2;
  height: 3.2em;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .select .select-con .select-value {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  padding: 0 0.4rem 0 0.2rem;
  color: #555;
  height: 3.5em;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 14px;
  height: 9px;
  background-image: url("../images/x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects {
  position: relative;
  height: auto;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-input {
  height: 3.2em;
  padding: 0;
  background-color: transparent;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-clear {
  display: none;
  position: absolute;
  top: 0;
  cursor: pointer;
  right: .4rem;
  width: .4   rem;
  height: 100%;
  background-color: #fff;
  background-image: url(../images/close2.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-buttom {
  position: absolute;
  right: 0.1rem;
  top: 0;
  z-index: 1;
  display: block;
  background-color: #fff;
  width: .3rem;
  height: 100%;
  background-image: url(../images/sm11.png);
  background-size: .12rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 38;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0.05rem 0.05rem -0.03rem rgba(0, 0, 0, 0.2), 0 0.08rem 0.1rem 1px rgba(0, 0, 0, 0.14), 0 0.03rem 0.14rem 0.02rem rgba(0, 0, 0, 0.12);
  border-radius: .04rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-sub .history-cont {
  width: 100%;
  height: 3.5rem;
  overflow: auto;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-sub .history-item {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.selects .history-sub .history-tip {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.history-box.show .history-sub {
  display: block;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input .int.history-box.haxval .history-clear {
  display: block;
}

.percenst .percend .pecr .pecrm .profiles .profilm .row .input:nth-child(2n) {
  margin-right: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .sub {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .sub .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  min-width: 150px;
  text-align: center;
  color: #fff;
  background-color: #d22627;
  line-height: 3.2;
  height: 3.2em;
  cursor: pointer;
  border: none;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw .inc {
  display: inline-block;
  vertical-align: middle;
  width: 32.5%;
  margin-right: 1.25%;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw .inc input {
  width: 100%;
  display: block;
  background-color: #ffffff;
  border: solid 1px #dedede;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3.2;
  height: 3.2em;
  box-sizing: border-box;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw .inc.code {
  font-size: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw .inc.code input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 10em);
  border-right: none;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw .inc.code .num {
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  text-align: center;
  background-color: #d22627;
  color: #fff;
  line-height: 3.2;
  border: solid 1px #d22627;
}

.percenst .percend .pecr .pecrm .profiles .profilm .colw .inc:nth-child(3n) {
  margin-right: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks {
  display: inline-block;
  vertical-align: top;
  width: 32.5%;
  margin-right: 1.25%;
  font-size: 0;
  padding: 0.2rem;
  height: 142px;
  margin-bottom: 0.1rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .bc {
  display: inline-block;
  vertical-align: top;
  width: 0.5rem;
  height: 0.5rem;
  width: 50px;
  height: 50px;
  margin-right: 0.12rem;
  margin-right: 12px;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .bc img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.62rem);
  width: calc(100% - 12px - 50px);
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm .rim {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm .rim .tml {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  padding-right: 0.12rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm .rim .tml .km {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm .rim .tml .cn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm .rim .tmr {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 2;
  padding: 0 0.12rem;
  border: solid 1px #fff;
  cursor: pointer;
  width: auto;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks .rcm .hum {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.25rem;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks.add {
  border: solid 1px #dedede;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks.add .amg {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks.add .amg .adg {
  display: block;
  margin: 0 auto 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  width: 60px;
  height: 60px;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks.add .amg .adg img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks.add .amg .gm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  text-align: center;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks.add .amg .gm p {
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .pecrm .profiles .profilm .banklist .banks:nth-child(3n) {
  margin-right: 0;
}

.percenst .percend .pecr .pecrm .profiles .profilm + .profilm {
  margin-top: 0.3rem;
}

.percenst .percend .pecr .mend {
  display: none;
}

.percenst .percend .pecr .message {
  width: 100%;
  position: relative;
}

.percenst .percend .pecr .mit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}

.percenst .percend .pecr .messaglist {
  width: 100%;
}

.percenst .percend .pecr .messaglist .meitem {
  width: 100%;
  background-color: #fff;
}

.percenst .percend .pecr .messaglist .meitem a {
  width: 100%;
  display: block;
  padding: 0.2rem 0.3rem;
}

.percenst .percend .pecr .messaglist .meitem .time {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .messaglist .meitem .xm {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin: 0.06rem 0;
}

.percenst .percend .pecr .messaglist .meitem .pm {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.percenst .percend .pecr .messaglist .meitem + .meitem {
  margin-top: 0.1rem;
}

.percenst .percend .pecr .wishlists {
  width: 100%;
}

.percenst .percend .pecr .wishlist {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .wishlist .witem {
  display: inline-block;
  vertical-align: top;
  width: calc(310 / 1270 * 100%);
  margin-right: calc( 9 / 1270 * 100%);
  margin-bottom: 0.1rem;
  position: relative;
  z-index: 1;
  transition: all ease 0.5s;
}

.percenst .percend .pecr .wishlist .witem .hot {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 0.5rem;
  width: 50px;
}

.percenst .percend .pecr .wishlist .witem .hot img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .wishlist .witem > a {
  width: 100%;
  display: block;
  padding: 0.2rem 0.2rem 0.1rem;
  position: relative;
  z-index: 4;
  background-color: #fff;
}

.percenst .percend .pecr .wishlist .witem .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.percenst .percend .pecr .wishlist .witem .imgs .img {
  width: 100%;
  padding-top: 81.48%;
  transition: all ease 0.5s;
}

.percenst .percend .pecr .wishlist .witem .imgs .discount {
  position: absolute;
  z-index: 3;
  background-color: #f4c021;
  color: #fff;
  padding: 0 0.2rem;
  line-height: 2;
  left: 0.15rem;
  white-space: nowrap;
  width: auto;
  bottom: 0.3rem;
}

.percenst .percend .pecr .wishlist .witem .som {
  width: 100%;
  margin-top: 0.05rem;
}

.percenst .percend .pecr .wishlist .witem .som .sp {
  width: 100%;
  color: #333;
  line-height: 2;
}

.percenst .percend .pecr .wishlist .witem .som .sum {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .wishlist .witem .som .sum span {
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .wishlist .witem .som .sum .st {
  color: #e52c2e;
  line-height: 2;
}

.percenst .percend .pecr .wishlist .witem .som .sum .su {
  color: #999999;
  line-height: 2;
  margin-left: 0.1rem;
  text-decoration: line-through;
}

.percenst .percend .pecr .wishlist .witem .vob {
  width: 100%;
  padding: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  background-color: #fff;
  transition: all ease 0.5s;
  height: 0;
  overflow: hidden;
}

.percenst .percend .pecr .wishlist .witem .vob .ctn {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  margin-right: 2%;
  text-align: center;
  border: solid 1px #dedede;
  color: #999;
  line-height: 36px;
}

.percenst .percend .pecr .wishlist .witem .vob .ctn:hover {
  background-color: #d22627;
  border: solid 1px #d22627;
  color: #fff;
}

.percenst .percend .pecr .wishlist .witem .vob .ctn:nth-child(2n) {
  margin-right: 0;
}

.percenst .percend .pecr .wishlist .witem:hover {
  z-index: 3;
  background-color: #ffffff;
  box-shadow: 5px 9px 30px 0px rgba(210, 38, 39, 0.3);
}

.percenst .percend .pecr .wishlist .witem:hover > a {
  position: relative;
  z-index: 4;
}

.percenst .percend .pecr .wishlist .witem:hover .vob {
  padding: 0.1rem 0.2rem 0.2rem;
  opacity: 1;
  height: calc(0.3rem + 36px);
  box-shadow: 0px 0px 30px 0px rgba(210, 38, 39, 0.3);
}

.percenst .percend .pecr .wishlist .witem:hover .imgs .img {
  transform: scale(1.1);
}

.percenst .percend .pecr .wishlist .witem:nth-child(4n) {
  margin-right: 0;
}

.percenst .percend .pecr .pit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.percenst .percend .pecr .Reviews {
  width: 100%;
}

.percenst .percend .pecr .reviewlist {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .reviewlist .reviom {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
}

.percenst .percend .pecr .reviewlist .reviom .prolis {
  width: 100%;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom {
  width: 100%;
  flex: 1;
  font-size: 0;
  border: solid 1px #dedede;
  display: flex;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom .imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-right: solid 1px #dedede;
  width: 1.6rem;
  padding: 0.05rem;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom .imgs .img {
  width: 100%;
  padding-top: 87.5%;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom .erm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.6rem);
  padding: 0.25rem 0.3rem;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom .erm .ex {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom .erm .ex p {
  color: #666;
  line-height: 1.5;
}

.percenst .percend .pecr .reviewlist .reviom .prolis .prom .erm .ep {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: right;
}

.percenst .percend .pecr .reviewlist .reviom .eomp {
  width: 100%;
  margin-top: 0.3rem;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .time {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .time p {
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .start {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0.1rem 0;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .start img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 3px;
  cursor: pointer;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .start > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .start .score-inner {
  font-size: 0;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .eip {
  width: 100%;
  color: #333;
  line-height: 1.5;
  padding: 0.1rem 0;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .eip p {
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .emglist {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0;
  margin-bottom: 0.1rem;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .emglist .emg {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  position: relative;
  overflow: hidden;
  margin-right: 0.1rem;
}

.percenst .percend .pecr .reviewlist .reviom .eomp .emglist .emg .img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.5s;
}

.percenst .percend .pecr .reviewlist .reviom + .reviom {
  margin-top: 0.1rem;
}

.percenst .percend .pecr .Ordon {
  background-color: #fff;
  padding: 0.4rem;
}

.percenst .percend .pecr .Refund {
  width: 100%;
}

.percenst .percend .pecr .Refund .ret {
  width: 100%;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-bottom: 0.05rem;
}

.percenst .percend .pecr .Refund .rox {
  width: 100%;
  background: #f7f7f7;
  padding: 0.2rem;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.percenst .percend .pecr .Refund .rox .tx {
  width: 100%;
  color: #333;
  line-height: 2.5;
  word-break: break-all;
  white-space: pre-wrap;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.percenst .percend .pecr .Refund .rix {
  width: 100%;
  font-size: 0;
  margin: 0.1rem 0;
}

.percenst .percend .pecr .Refund .rix .chox {
  width: 100%;
  font-size: 0;
}

.percenst .percend .pecr .Refund .rix .chox .choxm {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  position: relative;
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  line-height: 1rem;
  font-size: calc(12px - 0.12rem + 0.2rem);
  text-align: center;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
}

.percenst .percend .pecr .Refund .rix .chox .choxm input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  filter: alpha(opacity=0);
}

.percenst .percend .pecr .Refund .rix .chox .choxm .c-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.percenst .percend .pecr .Refund .rix .chox .choxm .c-delete {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #fff;
  text-align: center;
  position: absolute;
  right: -0.15rem;
  top: -0.15rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
}

.percenst .percend .pecr .Refund .rix .chox .choxm .uv-x {
  display: inline-block;
  vertical-align: top;
  line-height: 0.25rem;
  font-size: calc(12px - 0.12rem + 0.3rem);
}

.percenst .percend .pecr .Refund .rix .chox .tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #888;
}

.percenst .percend .pecr .Refund .rix .rx {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.percenst .percend .pecr .Refund .rix .type {
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .Refund .rix .type .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .Refund .rix .type .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-left: 0.1rem;
  color: #666;
}

.percenst .percend .pecr .Refund .rix .type .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100%;
}

.percenst .percend .pecr .Refund .rix .type .i-label .checks-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.percenst .percend .pecr .Refund .rix .type .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100%;
}

.percenst .percend .pecr .Refund .rix .inpur,.rix .inpur {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin: 0.1rem 0;
  margin-right: 0.25rem;
}

.percenst .percend .pecr .Refund .rix .inpur .name, .rix .inpur .name,.rix .tyox {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
}

.percenst .percend .pecr .Refund .rix .inpur input, .rix .inpur input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 2.25rem;
  color: #333;
  line-height: 2.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  height: 2.5em;
  background: #fff;
  border: solid 1px #d2d2d2;
  padding: 0 0.1rem;
  position: relative;
}
.rix .sel_ship{
  max-width: 2.25rem;
  border: solid 1px #d2d2d2;
  height: 2.5em;
}

.percenst .percend .pecr .Refund .rix .inpur input.datx:after {
  position: absolute;
  width: 0.18rem;
  height: 0.18rem;
  content: ' ';
  background-image: url("../images/date.png");
  background-size: cover;
  background-position: center;
}

.percenst .percend .pecr .Refund .rix .inpur.area {
  width: 100%;
}

.percenst .percend .pecr .Refund .rix .inpur.area textarea {
  display: block;
  width: 100%;
  max-width: 7.6rem;
  padding: 0.1rem;
  color: #333;
  line-height: 1.5;
  font-size: calc(12px - 0.12rem + 0.14rem);
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
}

.percenst .percend .pecr .Refund .rix .cancl {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3rem;
}

.percenst .percend .pecr .Refund .rix .cancl a {
  display: inline-block;
  border: solid 1px #d2d2d2;
  color: #666;
  line-height: 2.5;
  height: 2.5em;
  font-size: calc(12px - 0.12rem + 0.14rem);
  padding: 0 0.25rem;
  background: #d2d2d2;
}

.percenst .percend .pecr .Refund .rix .cancl:hover a {
  border: solid 1px #3597e2;
  background: #3597e2;
  color: #fff;
}

.percenst .percend .pecr .Refund .rix .submit {
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .Refund .rix .submit input,.rix .submit input {
  display: inline-block;
  color: #fff;
  line-height: 2.5;
  height: 2.5em;
  font-size: calc(12px - 0.12rem + 0.14rem);
  padding: 0 0.25rem;
  border: none;
  cursor: pointer;
  background: #d22627;
}

.percenst .percend .pecr .Refund .rix .submit:hover input {
  background: #3597e2;
  color: #fff;
}

.percenst .percend .pecr .Refund .refon {
  width: 100%;
  overflow: auto;
}

.percenst .percend .pecr .Refund .calbox {
  max-width: 100%;
  box-sizing: border-box;
  min-width: 10rem;
  background: #fff;
  padding: 0.2rem;
  overflow: auto;
}

.percenst .percend .pecr .Refund .calbox .hetip {
  width: 100%;
  font-size: 0;
  padding-bottom: 0.1rem;
  border-bottom: solid 1px #e9e9e9;
}

.percenst .percend .pecr .Refund .calbox .hetip .ht {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 1.7;
}

.percenst .percend .pecr .Refund .calbox .hetip .select {
  width: calc((180 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .hetip .select .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .Refund .calbox .hetip .select .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-left: 0.1rem;
  color: #666;
}

.percenst .percend .pecr .Refund .calbox .hetip .select .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100%;
}

.percenst .percend .pecr .Refund .calbox .hetip .select .i-label .select-all {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.percenst .percend .pecr .Refund .calbox .hetip .select .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100%;
}

.percenst .percend .pecr .Refund .calbox .hetip .Products {
  width: calc((400 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .hetip .Price {
  text-align: center;
  width: calc((130 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .hetip .Quantity {
  text-align: center;
  width: calc((160 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .hetip .Amountprice {
  text-align: center;
  width: calc((130 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .Cartlis {
  width: 100%;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item {
  width: 100%;
  font-size: 0;
  padding-bottom: 0.1rem;
  padding: 0.2rem 0;
  border-bottom: solid 1px #e9e9e9;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .ht {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 1.7;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select {
  width: calc((180 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label {
  width: 100%;
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label .i-text {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(12px - 0.12rem + 0.14rem);
  margin-left: 0.1rem;
  color: #666;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label .i-img {
  display: inline-block;
  vertical-align: middle;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: 0.15rem;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label .i-img img {
  width: 100%;
  height: 100%;
  display: block;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100%;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label .check-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .select .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100%;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Products {
  width: calc((400 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Products .pt1 {
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #393939;
  line-height: 1.5;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Products .pt2 {
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #888888;
  line-height: 1.5;
  margin: 0.15rem 0;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Price {
  width: calc((130 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Price .mones {
  text-align: center;
  font-size: calc(12px - 0.12rem + 0.14rem);
  color: #393939;
  line-height: 1.5;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity {
  width: calc((160 / 1000) * 100%);
  font-size: 0;
  text-align: center;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .num {
  width: 100%;
  display: flex;
  justify-content: center;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .num .nox {
  border: solid 1px #edecf0;
  width: 1.5rem;
  font-size: 0;
  display: flex;
  white-space: nowrap;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .ctn {
  display: inline-block;
  vertical-align: middle;
  width: 0.35rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .ctn img {
  width: 100%;
  display: block;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .reduce {
  border-right: solid 1px #edecf0;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .plus {
  border-left: solid 1px #edecf0;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .counx {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  width: 0.8rem;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Quantity .counx input {
  width: 100%;
  display: block;
  line-height: 2.2;
  text-align: center;
  color: #222;
  height: 2.2em;
  border: none;
  background-color: none;
}

.percenst .percend .pecr .Refund .calbox .Cartlis .cart-item .Amountprice {
  text-align: center;
  width: calc((130 / 1000) * 100%);
}

.percenst .percend .pecr .Refund .Cartbox {
  width: 100%;
  margin: 0.3em 0;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis {
  width: 100%;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item {
  width: 100%;
  background: #fff;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide {
  width: 100%;
  display: flex;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal {
  width: 30%;
  padding: 0.3em 0;
  display: flex;
  justify-content: flex-start;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal .i-label {
  width: 0.4em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.24em;
  height: 0.24em;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100% 100%;
  margin-left: 0.05em;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal .i-label .check-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100% 100%;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal .i-img {
  display: inline-block;
  vertical-align: middle;
  width: 1.4em;
  height: 1.4em;
  margin-left: 0.1em;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .cal .i-img img {
  width: 100%;
  height: 100%;
  display: block;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car {
  width: 70%;
  padding: 0.3em 0;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .ct1 {
  width: 100%;
  font-size: 0.28em;
  line-height: 1.5;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .ct2 {
  width: 100%;
  font-size: 0.26em;
  line-height: 1.5;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer {
  width: 100%;
  display: flex;
  position: relative;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .monex {
  width: 50%;
  font-size: 0.26em;
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .num {
  width: 50%;
  font-size: 0.26em;
  color: #333;
  line-height: 1.5;
  text-align: right;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .counds {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .counds .pt {
  font-size: 0.26em;
  color: #333;
  line-height: 1.5;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .condx {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0.2em;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .condx .ctn {
  width: 0.36em;
  height: 0.36em;
  background-color: #f6f6f6;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .condx .ctn img {
  width: 0.24em;
  height: 0.24em;
  display: block;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .condx .counx {
  width: 0.6em;
  height: 0.6em;
  display: flex;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .car .poer .condx .counx input {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  border: none;
  background: none;
  text-align: center;
  line-height: 2;
  font-size: 0.3em;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .deletc {
  width: 1.1em;
  height: 2em;
  background: #3597e2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .deletc img {
  width: 0.44em;
  height: 0.44em;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .collten {
  width: 1.1em;
  height: 2em;
  background: #ff6363;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide .collten img {
  width: 0.44em;
  height: 0.44em;
}

.percenst .percend .pecr .Refund .Cartbox .cartslis .cart-item .swiper-slide.wauto {
  width: auto;
  height: 100%;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2em 0.2em;
  background: #fff;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot .Sall .i-label {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot .Sall .i-label .i-text {
  font-size: 0.26em;
  color: #333;
  line-height: 1.5;
  margin-left: 0.35em;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot .Sall .i-label .i-icon {
  display: inline-block;
  vertical-align: middle;
  width: 0.24em;
  height: 0.24em;
  background: url("../images/ss1.png") center no-repeat;
  background-size: 100% 100%;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot .Sall .i-label .axt-item {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  background: none;
  border-radius: 0;
  opacity: 0;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot .Sall .i-label.selected .i-icon {
  background: url("../images/ss2.png") center no-repeat;
  background-size: 100% 100%;
}

.percenst .percend .pecr .Refund .Cartbox .cart-bot .Dall, .percenst .percend .pecr .Refund .Cartbox .cart-bot .Mall {
  font-size: 0.26em;
  color: #333;
  line-height: 1.5;
  cursor: pointer;
}

.percenst .records {
  width: 100%;
  margin-top: 0.2rem;
  padding-bottom: 0.6rem;
}

.percenst .records .rits {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.percenst .records .recorper {
  width: 100%;
  position: relative;
}

.percenst .records .recorper .swiper-slide {
  width: 100%;
}

.percenst .records .recorper .swiper-slide a {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.percenst .records .recorper .swiper-slide .img {
  width: 100%;
  padding-top: 100%;
  background-color: #fff;
}

.percenst .records .recorper .btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 3px 4px 20px 0px rgba(34, 34, 34, 0.28);
  background-color: #fff;
  transition: all ease 0.5s;
}

.percenst .records .recorper .btn img {
  width: 100%;
  display: block;
}

.percenst .records .recorper .btn img:first-child {
  display: block;
}

.percenst .records .recorper .btn img:last-child {
  display: none;
}

.percenst .records .recorper .btn:hover {
  background-color: #d22627;
}

.percenst .records .recorper .btn:hover img:first-child {
  display: none;
}

.percenst .records .recorper .btn:hover img:last-child {
  display: block;
}

.percenst .records .recorper .bl {
  left: 0.5rem;
}

.percenst .records .recorper .br {
  right: 0.5rem;
}

@media (max-width: 900px) {
  .percenst .percend .pecl {
    width: 230px;
    position: fixed;
    z-index: 13000;
    left: 0;
    top: 0;
    height: 100vh;
    background-color: #fff;
    overflow: auto;
    padding: 0.1rem 0;
    transition: all ease 0.5s;
    left: -100%;
  }
  .percenst .percend .pecl.show {
    left: 0;
  }
  .percenst .percend .black {
    width: 100%;
    position: fixed;
    z-index: 12500;
    left: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -99;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.5s;
  }
  .percenst .percend .black.show {
    z-index: 12500;
    opacity: 1;
    visibility: visible;
  }
  .percenst .percend .pecr .mend {
    position: absolute;
    z-index: 2;
    right: 0.2rem;
    top: 0.2rem;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #d22627;
    display: block;
  }
  .percenst .percend .pecr .mend img {
    width: 100%;
    display: block;
  }
}

.assess {
  width: 100%;
  position: fixed;
  height: 100%;
  z-index: 13000;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  display: none;
}

.assess .assom {
  background-color: #fff;
  width: 11.7rem;
  max-width: 94%;
  padding: 0.3rem;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 110;
  transform: translate(-50%, -50%);
}

.assess .assom .close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: -50px;
  cursor: pointer;
}

.assess .assom .close img {
  width: 100%;
  display: block;
}

.assess .assom .prolis {
  width: 100%;
}

.assess .assom .prolis .prom {
  width: 100%;
  flex: 1;
  font-size: 0;
  border: solid 1px #dedede;
  display: flex;
}

.assess .assom .prolis .prom .imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-right: solid 1px #dedede;
  width: 1.6rem;
  padding: 0.05rem;
}

.assess .assom .prolis .prom .imgs .img {
  width: 100%;
  padding-top: 87.5%;
}

.assess .assom .prolis .prom .erm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.6rem);
  padding: 0.25rem 0.3rem;
}

.assess .assom .prolis .prom .erm .ex {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.assess .assom .prolis .prom .erm .ex p {
  color: #666;
  line-height: 1.5;
}

.assess .assom .prolis .prom .erm .ep {
  width: 100%;
  color: #333;
  line-height: 1.5;
  text-align: right;
}

.assess .assom .setStar {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.15rem 0;
}

.assess .assom .setStar .sm {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1.5;
  margin-right: 0.1rem;
}

.assess .assom .setStar .sopm {
  flex: 1;
}

.assess .assom .setStar .start {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  font-size: 0;
}

.assess .assom .setStar .start img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 3px;
  cursor: pointer;
}

.assess .assom .setStar .start > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.assess .assom .setStar .start .score-inner {
  font-size: 0;
}

.assess .assom .text {
  width: 100%;
}

#evaluForm #content {
  width: 100%;
  display: block;
  background-color: #fafafa;
  padding: 0.2rem;
  color: #333;
  line-height: 1.5;
  border: none;
}

.assess .assom .choose {
  width: 100%;
  font-size: 0;
  margin: 0.15rem 0;
}

.emglist {
  width: 100%;
  font-size: 0;
}

.emglist .chox .choxm {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  background-color: #ffffff;
  border: solid 1px #d2d2d2;
  line-height: 1.5rem;
  text-align: center;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
}

.emglist .choxm .webuploader-pick, .rix .webuploader-pick {
  width: 100%;
  height: 100%;
}

.emglist .choxm input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  filter: alpha(opacity=0);
}

.emglist .choxm .c-img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.emglist .choxm .c-delete {
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #fff;
  text-align: center;
  position: absolute;
  right: -0.15rem;
  top: -0.15rem;
  z-index: 10;
  cursor: pointer;
  box-sizing: border-box;
}

.emglist .choxm .uv-x {
  display: inline-block;
  vertical-align: top;
  line-height: 0.25rem;
  font-size: calc(12px - 0.12rem + 0.3rem);
}

.emglist .atc {
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.emglist .choxm .atc img {
  width: 100%;
  display: block;
}

.emglist .tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  font-size: calc(12px - 0.12rem + 0.16rem);
  color: #888;
}

.assess .assom .choose .submix {
  width: 100%;
  font-size: 0;
}

.emglist .submix input {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3.2;
  height: 3.2em;
  padding: 0 0.5rem;
  background: #d22627;
  border: none;
  cursor: pointer;
}

.contacd {
  width: 100%;
  font-size: 0;
  padding: 0.6rem 0;
}

.contacd .compam {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contacd .compam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.contacd .compam .imgs .img {
  width: 100%;
  padding-top: 30.76%;
  transition: all ease 0.5s;
}

.contacd .compam .comx {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 0;
  width: 52%;
  height: 100%;
}

.contacd .compam .comx .vom {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0.5rem;
  height: 100%;
}

.contacd .compam .comx .cit {
  width: 100%;
  color: #000;
  line-height: 1.3;
  font-weight: bold;
}

.contacd .compam .comx .lx {
  display: block;
  margin: 0.1rem 0 0.3rem;
  background-color: #d22627;
  width: 0.6rem;
  height: 3px;
}

.contacd .compam .comx .pim {
  width: 100%;
  font-size: 0;
}

.contacd .compam .comx .pim a {
  width: 100%;
  display: block;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
  padding: 0.05rem 0;
}

.contacd .compam .comx .pinp {
  width: 100%;
  margin-top: 0.3rem;
  color: #444;
  line-height: 1.5;
}

.contacd .compam .comx .pinp p {
  color: #444;
  line-height: 1.5;
}

.contacd .compam:nth-child(2n) .comx {
  right: auto;
  left: 0;
}

.contacd .compam + .compam {
  margin-top: 0.35rem;
}

.contacd .messags {
  margin-top: 0.5rem;
  width: 100%;
  padding: 0.6rem;
}

.contacd .messags .meon {
  width: 500px;
  max-width: 100%;
}

.contacd .messags .meon .cit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.contacd .messags .meon .form {
  width: 100%;
}

.contacd .messags .meon .form form {
  width: 100%;
  display: block;
}

.contacd .messags .meon .input {
  width: 100%;
  border: solid 1px #dedede;
  margin-bottom: 0.2rem;
  background-color: #fff;
}

.contacd .messags .meon .input input {
  width: 100%;
  display: block;
  padding: 0 0.3rem;
  line-height: 3.5;
  height: 3.5em;
  border: none;
  background-color: transparent;
}

.contacd .messags .meon .input.red {
  border: solid 1px #ff0000;
}

.contacd .messags .meon .slom {
  width: 100%;
  font-size: 0;
  display: flex;
  margin-bottom: 0.2rem;
  border: solid 1px #dedede;
  background-color: #fff;
}

.contacd .messags .meon .slom .select {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  max-width: 100%;
  border-right: solid 1px #dedede;
}

.contacd .messags .meon .slom .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.contacd .messags .meon .slom .select .select-con .select-value {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3.5;
  padding: 0 0.4rem 0 0.2rem;
  color: #555;
  height: 3.5em;
}

.contacd .messags .meon .slom .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.contacd .messags .meon .slom .select .select-con select option {
  color: #666;
  font-size: calc(12px - 0.12rem + 0.14rem);
  line-height: 2.8;
  background: #fff;
}

.contacd .messags .meon .slom .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 14px;
  height: 9px;
  background-image: url("../images/x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.contacd .messags .meon .slom .xtm {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.2rem;
  text-align: center;
  color: #333;
  line-height: 3.5;
}

.contacd .messags .meon .slom .int {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}
.contacd .messags .meon .slom .int.selects .history-sub .history-tip {
  display: block;
  padding: 0 .2rem;
  width: 100%;
  line-height: .5rem;
}

.contacd .messags .meon .slom .int input {
  width: 100%;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3.5;
  height: 3.5em;
  display: block;
  border: none;
  background-color: transparent;
}

.contacd .messags .meon .slom.red {
  border: solid 1px #ff0000;
}

.contacd .messags .meon .text {
  width: 100%;
  border: solid 1px #dedede;
  margin-bottom: 0.3rem;
  background-color: #fff;
}

.contacd .messags .meon .text .area {
  width: 100%;
  display: block;
  padding: 0.25rem;
  color: #333;
  line-height: 1.8;
  border: none;
  background-color: transparent;
}

.contacd .messags .meon .text.red {
  border: solid 1px #ff0000;
}

.contacd .messags .meon .sub {
  width: 100%;
  font-size: 0;
}

.contacd .messags .meon .sub .stn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.6rem;
  line-height: 3.5;
  border-radius: 1.75em;
  background-color: #d22627;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border: none;
  box-shadow: 1px 1px 20px 0px rgba(210,38,39, 0.5);
}

/* 动画特效 */
.teaser {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;
}

.teaser.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lefter {
  opacity: 0;
  transform: translate3d(-35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.lefter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.righter {
  opacity: 0;
  transform: translate3d(35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.righter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.downer {
  opacity: 0;
  transform: translate3d(0, -35%, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.downer.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.lter {
  opacity: 0;
  transform: translate3d(-35%, 0, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.lter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.rter {
  opacity: 0;
  transform: translate3d(35%, 0, 0);
  transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}

.rter.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.delay2 {
  transition-delay: 0.2s !important;
}

.delay3 {
  transition-delay: 0.3s !important;
}

.delay4 {
  transition-delay: 0.4s !important;
}

.delay5 {
  transition-delay: 0.5s !important;
}

.delay6 {
  transition-delay: 0.6s !important;
}

.delay7 {
  transition-delay: 0.7s !important;
}

.delay8 {
  transition-delay: 0.8s !important;
}

.delay9 {
  transition-delay: 0.9s !important;
}

.delay10 {
  transition-delay: 1s !important;
}

.delay11 {
  transition-delay: 1.1s !important;
}

.delay12 {
  transition-delay: 1.2s !important;
}

.delay13 {
  transition-delay: 1.3s !important;
}

.delay14 {
  transition-delay: 1.4s !important;
}

.delay15 {
  transition-delay: 1.5s !important;
}

.a-li.show .a-link {
  color: #d22627;
}


.bottom {
  width: 100%;
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background-color: #fff;
  border-top: solid 1px rgba(221, 221, 221, 0.3);
  display: none;
}

.bottom .bitem {
  flex: 1;
  text-align: center;
}

.bottom .bitem a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  text-align: center;
  padding: 0.2rem 0.1rem 0.05rem;
}

.bottom .bitem .bc {
  display: block;
  margin: 0 auto 0.1rem;
  width: 0.4rem;
  height: 0.4rem;
}

.bottom .bitem .bc img {
  width: 100%;
  display: block;
}

.bottom .bitem .bc img:first-child {
  display: block;
}

.bottom .bitem .bc img:last-child {
  display: none;
}

.bottom .bitem .bim {
  width: 100%;
  text-align: center;
  color: #222;
  line-height: 1.8;
}

.bottom .bitem.on .bc img:first-child {
  display: none;
}

.bottom .bitem.on .bc img:last-child {
  display: block;
}

.bottom .bitem.on .bim {
  color: #d22627;
}

@media (max-width: 800px) {
  .bottom {
    display: flex;
  }
}

.register {
  width: 100%;
  position: relative;
}

.register .logoc {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 100px;
  z-index: 4;
}

.register .logoc img {
  width: 100%;
  display: block;
}

.register .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.register .imgs .img {
  width: 100%;
  height: 50vw;
}

.register .riform {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  right: calc(250 / 1920 * 100%);
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.4rem;
  width: 400px;
  opacity: 0;
  transition: opacity ease 0.5s;
  visibility: hidden;
  box-sizing: border-box;
  z-index: 3;
}

.register .riform .lit {
  width: 100%;
  color: #000;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.1rem;
}

.register .riform .lit span {
  display: inline-block;
  color: #d22627;
}

.register .riform .form {
  width: 100%;
  display: block;
}

.register .riform .form .item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 0.1rem;
}

.register .riform .form .item .name {
  width: 100%;
  color: #222;
  line-height: 2;
  margin-bottom: 0.06rem;
}

.register .riform .form .item .name span {
  color: #d20c0c;
}

.register .riform .form .item .int {
  width: 100%;
  border: solid 1px #dedede;
  border-radius: 5px;
  overflow: hidden;
}

.register .riform .form .item .int input {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  line-height: 3.5;
  height: 3.5em;
  border: none;
  background-color: transparent;
  box-sizing: border-box;
}

.register .riform .form .item .int.red {
  border: solid 1px #ff0000;
}

.register .riform .form .item .int.psd {
  display: flex;
  align-items: center;
}

.register .riform .form .item .int.psd input {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

.register .riform .form .item .int.psd .pmg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.register .riform .form .item .int.psd .pmg img {
  width: 100%;
  display: inline-block;
}

.register .riform .form .item .int.rog {
  font-size: 0;
}

.register .riform .form .item .int.rog input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.5rem);
  box-sizing: border-box;
}

.register .riform .form .item .int.rog .s1 {
  display: inline-block;
}

.register .riform .form .item .int.rog .s1.hide {
  display: none;
}

.register .riform .form .item .int.rog .s2 {
  display: none;
}

.register .riform .form .item .int.rog .s2.show {
  display: inline-block;
}

.register .riform .form .item .int.rog .roc {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
  margin-right: 0.2rem;
}

.register .riform .form .item .int.rog .roc img {
  width: 100%;
  display: block;
}

.register .riform .form .item .int.rog .roc img:first-child {
  display: block;
}

.register .riform .form .item .int.rog .roc img:last-child {
  display: none;
}

.register .riform .form .item .int.rog .roc.hide img:first-child {
  display: none;
}

.register .riform .form .item .int.rog .roc.hide img:last-child {
  display: block;
}

.register .riform .form .loom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0;
  margin-bottom: 0.1rem;
}

.register .riform .form .loom .check {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.1rem;
}

.register .riform .form .loom .label {
  display: inline-block;
  vertical-align: middle;
}

.register .riform .form .loom .label .cm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.register .riform .form .loom .am {
  display: inline-block;
  vertical-align: middle;
}

.register .riform .form .ltn {
  width: 100%;
  margin-bottom: 0.1rem;
}

.register .riform .form .ltn a {
  width: 100%;
  display: block;
  background-color: #fa4a4b;
  color: #fff;
  line-height: 3.2;
  text-align: center;
}

/*8-18*/
.register .riform .form .ltn .s18tn {
  width: 100%;
  display: block;
  background-color: #fa4a4b;
  color: #fff;
  line-height: 3.2;
  text-align: center;
  border:none;
}

.register .riform .form .or {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 2;
}

.register .riform .form .share {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.3rem;
}

.register .riform .form .share .stn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

.register .riform .form .share .stn img {
  width: 100%;
  display: inline-block;
}

.register .riform .form .share .stn + .stn {
  margin-left: 0.3rem;
}

.register .riform .form .crea {
  width: 100%;
  margin-top: 0.15rem;
}

.register .riform .form .crea a {
  width: 100%;
  display: block;
  text-align: center;
  color: #666;
  line-height: 3.2;
  height: 3.2em;
  background-color: #d22627;
  color: #fff;
  border-radius: 5px;
  box-shadow: 5px 9px 30px 0px rgba(45, 45, 45, 0.3);

}

.register .riform .form .crea .s18tn {
  width: 100%;
  display: block;
  text-align: center;
  color: #666;
  line-height: 3.2;
  height: 3.2em;
  background-color: #d22627;
  color: #fff;
  border-radius: 5px;
  box-shadow: 5px 9px 30px 0px rgba(45, 45, 45, 0.3);
  border:none;

}

.register .riform.show {
  opacity: 1;
  visibility: visible;
  z-index: 4;
}

@media (max-width: 1200px) {
  .register {
    padding: 0.5rem 0;
  }
  .register .logoc {
    position: relative;
    margin-bottom: 0.4rem;
  }
  .register .imgs {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  .register .imgs .img {
    height: 100%;
  }
  .register .riform {
    position: relative;
    z-index: 4;
    max-width: 90%;
    margin: 0 auto;
    right: 0;
    top: 0;
    transform: translateY(0);
    display: none;
  }
  .register .riform.show {
    display: block;
  }
}


.a-btn{
  box-shadow: 1px 1px 20px 0px rgba(210,38,39, 0.5);
}
.wme-more{
  box-shadow: 1px 1px 20px 0px rgba(210,38,39, 0.5);
}