[v-cloak] {
  display: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 5px !important;
}

.badge-tabbar {
  position: relative;
}

.badge-tabbar .badge {
  position: absolute;
  left: 100%;
  z-index: 999;
  top: 0.1rem;
  margin-left: -.15rem;
}

.badge-tabbar .badge i {
  color: #fff;
  font-size: 12px;
  position: relative;
  display: inline-block;
  border-radius: 1000px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
  background-color: #333;
}

.display {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.login-in {
  padding: 1rem 0.5rem;
}

.login-top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-top span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.login-top span a {
  font-size: 0.32rem;
  color: #333333;
  font-weight: bold;
}

.login-top em {
  font-size: 0.24rem;
  color: #979797;
}

.login-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.6rem;
}

.login-box span {
  display: inline-block;
  width: 1.3rem;
}

.login-box input {
  height: 0.75rem;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.login-box .getcode {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.5rem;
  color: #333333;
}

.login-box .default {
  color: #ccc;
}

.login-btn {
  padding-top: 0.8rem;
}

.login-bom {
  width: 4.2rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.login-bom a {
  color: #333333;
}

.login-bom2 {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.index-swiper .swiper-slide img {
  width: 100%;
  height: 3.2rem;
  display: block;
}

.swiper-pagination-bullet {
  width: 0.18rem !important;
  height: 0.18rem !important;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #000 !important;
}

.index-nav {
  height: 1.6rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
}

.index-nav a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.index-nav a span {
  font-size: 0.28rem;
  color: #333333;
  display: inline-block;
  margin-bottom: 0.1rem;
  font-weight: bold;
}

.index-nav img.i1 {
  width: 0.81rem;
  height: 0.64rem;
}

.index-nav img.i2 {
  width: 0.9rem;
  height: 0.68rem;
}

.index-nav img.i3 {
  width: 0.78rem;
  height: 0.68rem;
}

.index-nav img.i4 {
  width: 0.9rem;
  height: 0.68rem;
}

.index-scorll {
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 0.25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-scorll span {
  display: inline-block;
  margin-right: 0.1rem;
}

.index-scorll img.hot {
  width: 0.22rem;
  height: 0.25rem;
}

.index-scorll .in {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0.54rem;
  overflow: hidden;
}

.index-scorll .in li {
  height: 0.54rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-scorll .in li a {
  font-size: 0.24rem;
  color: #333333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.index-recruit img {
  width: 100%;
  height: auto;
}

.index-tit {
  position: relative;
  padding: 0.28rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-tit i {
  font-size: 0.24rem;
  color: #bababa;
  position: absolute;
  right: 0.26rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.index-tit span {
  font-size: 0.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  letter-spacing: -0.97px;
  display: block;
  margin-bottom: 0.15rem;
}

.index-tit em {
  font-size: 0.32rem;
  color: #333333;
  letter-spacing: -0.78px;
  font-weight: bold;
  position: relative;
  line-height: 1;
}

.index-tit em:before,
.index-tit em:after {
  width: 0.52rem;
  content: '';
  position: absolute;
  top: 50%;
  border-top: 1px solid #333;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.index-tit em:before {
  left: -0.72rem;
}

.index-tit em:after {
  right: -0.72rem;
}

.special-item {
  padding-top: 0.4rem;
  background-color: #fff;
}

.special-item:first-child {
  padding-top: 0;
}

.special-item .img {
  /*height: 3.16rem;*/
  min-width:3rem;
  position: relative;
  margin-bottom: 0.4rem;
  background: #f4f4f4;
}

.special-item .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.special-item .img .state {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: -0.4rem;
  height: 0.8rem;
  background: #333333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  padding: 0.15rem 0;
  z-index: 3;
}

.special-item .img .state p {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.special-item .img .state p span {
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.06rem;
}

.special-item .img .state p i {
  font-size: 0.28rem;
  font-weight: bold;
}

.special-item .img .state em {
  font-size: 0.22rem;
  line-height: 1;
}

.special-item .tit {
  font-size: 0.3rem;
  font-weight: bold;
  padding: 0.2rem;
  color: #333;
  line-height: 1.5;
}

.special-item .tips {
  padding: 0 0.2rem;
}

.special-item .tips p {
  font-size: 0.24rem;
  color: #333;
}

.special-item .tips p i {
  color: #979797;
}

.more {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.3rem 0 0.2rem;
}

.more em {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 4px;
  background-image: url(../img/x.jpg);
  background-repeat: repeat-x;
  background-size: 100% 100%;
}

.more a {
  font-size: 0.26rem;
  color: #bababa;
  padding: 0 0.2rem;
  font-weight: bold;
  color: #565656;
}

.index-hot {
  background-color: #fff;
}

.m10 {
  margin-bottom: 0.1rem;
}

.index-hot .hot img {
  width: 100%;
  height: 3.8rem;
  display: block;
}

.index-hot .swiper {
  padding: 0 0.1rem;
}

.index-hot .swiper .swiper-slide img {
  width: 2.2rem;
  height: 1.35rem;
}

.index-hot .swiper .swiper-slide span {
  height: 0.3rem;
  font-size: 0.24rem;
  display: block;
  font-weight: bold;
  margin-bottom: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 0.2rem;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0.05rem;
  right: 0.05rem;
  bottom: 0.05rem;
}

.index-hot .swiper .swiper-slide p {
  padding: 0 0.1rem;
  border: 1px solid #fff;
  margin-top: 0.15rem;
  font-size: 0.24rem;
}

.index-hot .swiper .img {
  position: relative;
}

.index-hot .swiper .slider {
  position: absolute;
  width: 2.2rem;
  height: 1.35rem;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
  color: #fff;
}

.index-news {
  background-color: #fff;
}

.index-news li {
  margin-top: 0.16rem;
  background-color: #fff;
}

.index-news li:first-child {
  margin-top: 0;
}

.index-news li p {
  color: #333;
  padding: 0.15rem 0.2rem;
  line-height: 1.6;
  font-size: 0.3rem;
  font-weight: bold;
}

.index-news li img {
  height: 3.8rem;
  width: 100%;
  display: block;
}

.change-special .special-item {
  padding-bottom: 0.2rem;
  margin-bottom: 0.15rem;
  padding-top: 0;
}

.list-special {
  background-color: #fff;
  position: relative;
}

.list-special .nav {
  position: relative;
}

.list-special .nav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.3rem;
}

.list-special .nav ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.list-special .nav ul li .h {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #979797;
}

.list-special .nav ul li .h i {
  font-size: 0.2rem;
  margin-top: 0.03rem;
  margin-left: 0.02rem;
}

.list-special .nav ul li.active .h {
  color: #333;
  border-bottom: 2px solid #333;
}

.selection {
  position: absolute;
  left: 0;
  top: 0.88rem;
  width: 100%;
  background-color: #fff;
  display: none;
}

.selection dd a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.88rem;
  position: relative;
  padding: 0 0.24rem;
  color: #979797;
}

.selection dd a i {
  color: #333;
  position: absolute;
  right: 0.24rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.28rem;
  z-index: 100;
  display: none;
}

.selection dd a.mm {
  color: #333;
}

.selection dd a.mm i {
  display: block;
}

.cg-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.88rem;
  bottom: -1rem;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 100;
}

.list-special-selection .cg-bg {
  display: block;
}

.list-special-selection .nav,
.list-special-selection .selection {
  z-index: 100 !important;
}

.list-special .tit {
  padding: 0.4rem 0.3rem;
  padding-bottom: 0.2rem;
}

.list-special .tit span {
  border-left: 0.04rem solid #333;
  height: 0.35rem;
  line-height: 1;
  font-size: 0.28rem;
  font-weight: bold;
  padding: 0 0.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-special .tit i {
  font-weight: normal;
  font-size: 0.26rem;
  margin-left: 0.1rem;
}

.list-special .list {
  padding: 0.15rem;
}

.list-special .list li {
  width: 50%;
  float: left;
  padding: 0.15rem;
  padding-top: 0;
}

.list-special .list li .img {
  height: 3.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f8f8f8;
}

.list-special .list li .img img {
  display: block;
  max-width: 99%;
  max-height: 99%;
}

.list-special .list li .name {
  padding: 0.1rem 0;
  color: #333;
  line-height: 1.4;
  font-size: 0.26rem;
  height: 0.86rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.list-special .list li .prize {
  color: #333;
  height: 0.4rem;
  margin-bottom: 0.15rem;
}

.list-special .list li .prize del {
  font-size: 0.22rem;
  margin-left: 0.2rem;
}

.list-special .list li .prize i {
  font-size: 0.32rem;
  font-weight: bold;
}

.list-special .list li .tips {
  border: 1px solid #e3e3e3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.42rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.24rem;
  color: #bbb;
}

.list-special .list li .tips span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.list-special .list li .tips span i {
  color: #333;
}

.special-horizontal .list li {
  width: 100%;
  padding: 0;
  margin-top: 0.2rem;
}

.special-horizontal .list li:first-child {
  margin-top: 0;
}

.special-horizontal .list li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.special-horizontal .list li .img {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.2rem;
}

.special-horizontal .list li .cons {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1.6rem;
  position: relative;
}

.special-horizontal .list li .cons .name {
  padding: 0;
}

.special-horizontal .list li .cons .prize {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 0.05rem;
}

.pp-details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pp-details .left {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pp-details .right {
  width: 1.14rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pp-details .right i {
  color: #ec8921;
  font-size: 0.54rem;
}

.details-special .pp-details {
  padding: 0.3rem 0;
}

.details-special .pp-details .tit {
  padding-top: 0;
}

.pp-details-prize {
  margin: 0 0.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 1.5rem;
}

.pp-details-prize span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.15rem;
  line-height: 1;
  font-size: 0.24rem;
  color: #979797;
}

.pp-details-prize p {
  font-weight: bold;
  letter-spacing: -0.68px;
  line-height: 1;
}

.pp-details-prize i {
  font-size: 0.5rem;
  font-weight: bold;
  line-height: 1;
}

.pp-details-info {
  margin: 0 0.2rem;
  height: 0.72rem;
  padding: 0.24rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.24rem;
  color: #979797;
}

.pp-details-info em {
  color: #e0e0e0;
}

.details-special .top-swiper-container {
  height: 4.4rem;
}

.details-special .top-swiper-container .box {
  display: block;
  height: 4.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.details-special .top-swiper-container .box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

/* .details-special .special-item .img {
  height:4.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  background-color:#f7f7f7;
}
.details-special .special-item .img img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
} */

.details-record {
  background-color: #fff;
  padding: 0.3rem;
}

.details-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.3rem;
}

.details-title span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.2rem;
  border-left: 2px solid #333;
  line-height: 1;
  font-weight: bold;
}

.details-title a {
  font-size: 0.24rem;
  color: #979797;
}

.details-record li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.24rem;
  margin-top: 0.24rem;
  color: #979797;
}

.details-record li:first-child {
  color: #333;
}

.details-record li .s2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.details-record li .s4 {
  display: inline-block;
  width: 0.4rem;
}

.details-record li .s4 img {
  width: 0.34rem;
}

.details-record li .s1 {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  width: 0.8rem;
  height: 0.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.26rem;
  color: #979797;
}

.details-record li:first-child {
  margin-top: 0;
}

.details-record li:first-child .s1 {
  background-color: #a4a4a4;
  color: #fff;
}

.details-cons {
  background-color: #fff;
  padding: 0.3rem;
}

.details-cons .info li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  font-size: 0.24rem;
  margin-bottom: 0.18rem;
}

.details-cons .info li span {
  width: 0.7rem;
  display: inline-block;
  color: #979797;
}

.details-cons .info li p {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.details-cons .cons {
  font-size: 0.24rem;
  line-height: 1.6;
}

.details-cons .cons img {
  width: 100%;
  display: block;
  margin: 5px 0;
}

.details-cons .wx {
  padding-top: 0.3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.details-cons .wx img {
  width: 60%;
}

.details-cons .wx p {
  font-weight: bold;
  color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.details-cons .notice li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 0;
  border-top: 1px dashed #bfbfbf;
}

.details-cons .notice li:first-child {
  border-top: none;
}

.details-cons .notice li .s {
  display: inline-block;
  width: 0.8rem;
  color: #333;
}

.details-cons .notice li .pmxzdetail {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.26rem;
  line-height: 1.6;
  color: #666;
}

.details-cons .notice-more {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.details-cons .notice-more a {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  color: #333;
}

.details-cons .notice-active {
  height: 1.9rem;
  overflow: hidden;
}

.pp-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pp-fixed a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 0.9rem;
}

.pp-fixed a {
  font-size: 0.36rem;
}

.pp-fixed a.b1 {
  background-color: rgb(184, 28, 34);
  color: #fff;
}

.pp-fixed a.default {
  opacity: 0.3;
}

.diag {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.diag .diag-bg {
  z-index: -1;
}

.diag__con {
  background-color: #fff;
  width: 85%;
  position: relative;
}

.diag__con .close {
  position: relative;
  height: 0.8rem;
}

.diag__con .close em {
  padding: 0.1rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.diag__con .close i {
  font-size: 0.5rem;
}

.diag__con .price {
  margin: 0 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e7e7e7;
}

.diag__con .price span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

.diag__con .price span input {
  width: 100%;
  text-align: center;
  height: 0.6rem;
}

.diag__con .price a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.6rem;
  height: 0.6rem;
}

.diag__con .price a i {
  font-size: 0.34rem;
}

.diag__con .in_1 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  font-size: 0.26rem;
  padding: 0.2rem 0;
}

.diag__con .in_1 em {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.diag__con .in_1 i {
  color: #b81c22;
  font-size: 0.3rem;
}

.diag__con .in_2 {
  padding: 0.2rem 0.35rem;
  font-size: 0.24rem;
  line-height: 1.5;
}

.diag__con .btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
}

.diag__con .btn a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 0.78rem;
  font-size: 0.3rem;
}

.diag__con .btn .b2 {
  color: #fff;
  background-color: #b81c22;
}

.pm_back_home {
  position: fixed;
  right: 0.4rem;
  bottom: 2rem;
  background-color: #ec8921;
  border-radius: 50%;
  z-index: 99;
  width: 0.88rem;
  height: 0.88rem;
  text-align: center;
}

.pm_back_home a {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 0.2rem;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.shop-swiper .swiper-slide img {
  height: 3.8rem;
}

.index-tit2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem 0 0.3rem 0;
}

.index-tit2 span {
  font-size: 0.3rem;
  color: #333333;
  font-weight: bold;
  display: inline-block;
  padding: 0 0.45rem;
}

.fiexdtop-nav {
  background-color: #333;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
}

.fiexdtop-nav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fiexdtop-nav ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fiexdtop-nav ul li a {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #979797;
}

.fiexdtop-nav ul li.active a {
  color: #333;
  border-bottom: 2px solid #333;
}

.fiexdtop-nav2 {
  background-color: #fff;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
}

.fiexdtop-nav2 ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fiexdtop-nav2 ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fiexdtop-nav2 ul li a {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
}

.fiexdtop-nav2 ul li.active a {
  color: #333;
  border-bottom: 2px solid #333;
}

.jx-banner img {
  width: 100%;
  height: auto;
}

.jxzt-box li {
  background-color: #fff;
}

.jxzt-box li .img {
  height: 5.1rem;
}

.jxzt-box li .img img {
  width: 100%;
  height: 100%;
}

.jxzt-box li .cons {
  padding: 0.2rem 0.3rem;
}

.jxzt-box li .cons .info1 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.18rem;
}

.jxzt-box li .cons .info1 a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #333;
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: -0.73px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.jxzt-box li .cons .info1 span {
  margin-left: 0.2rem;
}

.jxzt-box li .cons .info1 del {
  font-size: 0.24rem;
  color: #bbb;
}

.jxzt-box li .cons .info1 em {
  font-size: 0.30rem;
  color: #b81c22;
  font-weight: bold;
}

.jxzt-box li .cons .info2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.jxzt-box li .cons .info2 span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.24rem;
  color: #979797;
}

.jxzt-box li .cons .info2 span i {
  color: #333;
}

.jxzt-box li .cons .info2 a {
  border-radius: 4px;
  width: 1.8rem;
  height: 0.54rem;
  background: #b81c22;
  color: #fff;
  font-size: 0.24rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-list li {
  background-color: #fff;
}

.order-list li .top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.15rem 0.3rem 0.15rem 0;
}

.order-list li .top span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.1rem;
  height: 0.5rem;
  background: #333333;
  color: #fff;
  border-radius: 0 0.25rem 0.25rem 0;
  margin-right: 0.2rem;
}

.order-list li .top p {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.order-list li .top i {
  font-size: 0.24rem;
  color: #bbb;
}

.order-list li .info {
  padding: 0.2rem 0.28rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-list li .info .right {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.6;
  color: #333;
}

.order-list li .info .img {
  width: 1.4rem;
  height: 1.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.28rem;
}

.order-list li .info .img img {
  max-width: 99%;
  max-height: 99%;
  display: block;
}

.order-list li .info .right span {
  font-size: 0.3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.1rem;
}

.order-list li .info .right p i {
  color: #000;
}

.order-list li .total {
  padding: 0.28rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-list li .total .prize {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.4;
}

.order-list li .total .prize em {
  font-size: 0.24rem;
}

.order-list li .total .prize i {
  font-size: 0.24rem;
  color: #bbb;
}

.order-list li .total .btn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-list li .total .btn a {
  border: 1px solid #333333;
  border-radius: 4px;
  width: 1.78rem;
  height: 0.68rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  margin-left: 0.2rem;
}

.order-list li .total .btn a.b1 {
  background-color: #333;
  color: #fff;
}

.yd-step-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 42px;
  padding-top: 10px;
  color: #333;
}

.yd-step-theme1 .yd-step-content {
  padding: 10px 0 42px;
}

.yd-step-item {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}

.yd-step-item>em {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ccc;
}

.yd-step-theme1 .yd-step-item>em {
  width: 14px;
  height: 14px;
  margin-left: -7px;
  margin-top: -7px;
  text-align: center;
  line-height: 7px;
  font-size: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.yd-step-theme1 .yd-step-item>em>i {
  color: #fff;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}

.yd-step-item-bottom,
.yd-step-item-top {
  position: absolute;
  left: 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 4px;
}

.yd-step-theme1 .yd-step-item-top {
  bottom: 18px;
}

.yd-step-item-top-text>span {
  color: #989898;
}

.yd-step-theme1 .yd-step-item-bottom {
  top: 18px;
}

.yd-step-item-bottom {
  color: #979797;
  font-size: 0.26rem;
}

.yd-step-item:not(:first-child):before {
  content: "";
  height: 1px;
  position: absolute;
  top: -1px;
  background-color: #ccc;
}

.yd-step-theme1 .yd-step-item:not(:first-child):before {
  width: 70%;
  left: -35%;
}

.yd-step-theme1 .yd-step-item-current:before,
.yd-step-theme1 .yd-step-item-current>em {
  background-color: currentColor;
}

.yd-step-theme1 .yd-step-item-current>.yd-step-item-bottom {
  color: #333;
}

.order-step {
  background-color: #fff;
  padding: 0.3rem 0 0.25rem 0;
}

.order-tips {
  background-color: #fff;
  padding: 0.2rem 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
}

.order-tips span {
  display: inline-block;
  margin-right: 0.2rem;
}

.order-tips .tips {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #999;
}

.order-tips .tips p i {
  margin-left: 0.4rem;
}

.order-cons {
  background-color: #fff;
}

.order-cons p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.88rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.3rem;
}

.order-cons span {
  font-size: 0.24rem;
  color: #333333;
}

.order-cons .message {
  padding: 0.25rem 0.3rem;
}

.order-cons .message .info {
  padding: 0.2rem;
  background: #f4f5f9;
  border-radius: 5px;
  min-height: 1.4rem;
  margin-top: 0.2rem;
}

.yd-timeline {
  background-color: #fff;
  font-size: 13px;
  color: #6e6e6e;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.yd-timeline-content {
  margin-left: 0.34rem;
  border-left: 1px solid #e4e5e9;
}

.yd-timeline-custom-item,
.yd-timeline-item {
  padding: 16px 12px 16px 0;
  margin-left: 16px;
  position: relative;
  text-align: left;
}

.yd-timeline-item .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.yd-timeline-item .item .p1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #333;
  font-size: 0.24rem;
}

.yd-timeline-item .item .p1 i {
  margin-right: 0.1rem;
}

.yd-timeline-item .item .p2 {
  color: #6e6e6e;
}

.yd-timeline-custom-item:first-child,
.yd-timeline-item:first-child {
  margin-top: 16px;
  padding-top: 0;
  color: #000;
}

.yd-timeline-item:first-child:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 0;
  top: 2px;
  left: -24px;
  background-color: #333;
  border-radius: 99px;
}

.yd-timeline-custom-item:not(:last-child):after,
  {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.yd-timeline-item:first-child .item p {
  color: #333;
}

.yd-timeline-custom-item .yd-timeline-icon,
.yd-timeline-item .yd-timeline-icon {
  content: "";
  position: absolute;
  z-index: 1;
  left: -16px;
  display: block;
  top: 23px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.yd-timeline-item .yd-timeline-icon {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background-color: #e4e5e9;
}

.yd-timeline-custom-item:first-child>.yd-timeline-icon,
.yd-timeline-item:first-child>.yd-timeline-icon {
  top: 5px;
}

.yd-timeline-item:first-child>.yd-timeline-icon {
  background-color: #fff;
  width: 10px;
  height: 10px;
}

.yd-timeline-item:first-child>p {
  color: #333;
}

.order-logistics {
  background-color: #fff;
}

.order-logistics .tit {
  padding: 0 0.3rem;
  height: 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-logistics .tit span {
  font-weight: bold;
}

.order-address {
  background-color: #fff;
}

.order-address .tit {
  color: #333;
  padding: 0 0.25rem;
  height: 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.3rem;
}

.order-address .tit span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.order-address .tit i {
  font-size: 0.44rem;
  color: #999;
}

.order-address .address {
  padding: 0 0.25rem;
}

.order-address .address li {
  padding: 0.2rem 0;
}

.order-address .address li .box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-address .address .yd-radio {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-address .address .yd-radio-icon {
  margin-right: 8px;
}

.order-address .address .yd-radio-text {
  color: #333;
}

.order-address .address .yd-radio-info p {
  margin-top: 5px;
}

.order-address .address .edit {
  padding-left: 0.3rem;
}

.order-address .address .edit i {
  font-size: 0.36rem;
  color: #999;
}

.order_nav ul li a.active {
  border-bottom: 2px solid #b81c22;
  color: #b81c22;
}

.xy_whole {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  right: -102%;
  background-color: #fff;
  z-index: 9999;
  box-shadow: #e2e2e2 -5px 0 5px -5px;
  transition: right 0.3s;
}

.xy_whole_on {
  right: -0%;
}

.xy_whole .xy_tit {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.3rem;
  position: relative;
}

.xy_whole .xy_tit a {
  padding: 0.2rem;
}

.xy_whole .xy_tit a i {
  font-size: 0.36rem;
}

.xy_whole .xy_tit span {
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.xy_whole .box {
  position: absolute;
  left: 0;
  top: 0.88rem;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 0.2rem;
}

.xy_whole .xy_item h2 {
  margin-top: 0.1rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: #323232;
}

.xy_item h3 {
  font-size: 0.28rem;
  font-weight: bold;
  margin-top: 0.2rem;
  color: #323232;
}

.xy_item p {
  line-height: 1.5;
  font-size: 0.26rem;
  padding: 0.1rem 0;
  color: #666;
}

.yd-checkbox {
  display: inline-block;
  padding-right: 10px;
}

.yd-checkbox>input[type=checkbox] {
  position: absolute;
  left: -9999em;
}

.yd-checkbox>input[type=checkbox]:checked+.yd-checkbox-icon {
  background-color: currentColor;
  border-color: currentColor;
}

.yd-checkbox-icon {
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  z-index: 10;
  vertical-align: bottom;
  pointer-events: none;
  width: 18px;
  height: 18px;
  color: #333;
}

.yd-checkbox-icon i {
  width: 6px;
  height: 12px;
}

.yd-checkbox>input[type=checkbox]:checked+.yd-checkbox-icon>i {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
  transition: all .2s ease-in-out;
}

.yd-checkbox-icon>i {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
}

.yd-checkbox-text {
  margin-left: 1px;
  font-size: 15px;
  color: #666;
  pointer-events: none;
}

.order-agreement {
  padding: 0.2rem 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.yd-radio {
  display: inline-block;
  padding-right: 10px;
}

.yd-radio>input[type=radio] {
  position: absolute;
  left: -9999em;
}

.yd-radio-icon {
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 10;
  vertical-align: bottom;
  pointer-events: none;
  color: #333;
  width: 18px;
  height: 18px;
}

.yd-radio>input[type=radio]:checked+.yd-radio-icon {
  border-color: currentColor;
}

.yd-radio-icon>i {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(.1);
  transform: translate(-50%, -50%) scale(.1);
  width: 10px;
  height: 10px;
}

.yd-radio>input[type=radio]:checked+.yd-radio-icon>i {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all .2s ease-in-out;
}

.yd-radio-text {
  margin-left: 1px;
  font-size: 15px;
  color: #666;
  pointer-events: none;
}

.order-qzf {
  padding-left: 0.25rem;
  background-color: #fff;
}

.order-qzf li {
  height: 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pay_status {
  padding: 1rem 0;
}

.pay_status p {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pay_status p i {
  font-size: 1.2rem;
}

.pay_status p.word {
  padding: 0.2rem 0 0.3rem 0;
  font-size: 0.3rem;
}

.pay_status p a {
  width: 2rem;
  height: 0.6rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0.5rem;
  border: 1px solid #1d1d1d;
  border-radius: 5px;
  color: #333;
  margin: 0 0.2rem;
}

.pay_way {
  background-color: #fff;
  padding: 0.2rem 0.3rem;
  line-height: 1.7;
}

.pay_way p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.calligraphy-top {
  background-color: #333;
}

.calligraphy-top .top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 1.1rem;
}

.calligraphy-top .top img {
  width: 1.55rem;
  height: 0.57rem;
}

.calligraphy-top .bom {
  height: 0.28rem;
  background-color: #fff;
  border-radius: 0.28rem 0.28rem 0 0;
}

.calligraphy-dz .tit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4rem 0 0.2rem 0;
}

.calligraphy-dz .tit span {
  color: #444;
  font-weight: bold;
  position: relative;
}

.calligraphy-dz .tit span:before,
.calligraphy-dz .tit span:after {
  width: 0.52rem;
  content: '';
  position: absolute;
  top: 50%;
  border-top: 1px solid #333;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.calligraphy-dz .tit span:before {
  left: -0.72rem;
}

.calligraphy-dz .tit span:after {
  right: -0.72rem;
}

.calligraphy-dz .img {
  border-top: 1px solid #f4f5f9;
  border-bottom: 1px solid #f4f5f9;
}

.calligraphy-dz .img img {
  width: 100%;
  height: auto;
  display: block;
}

.calligraphy-area {
  padding: 0 0.3rem;
}

.calligraphy-area .tit {
  padding: 0.4rem 0 0.2rem 0;
}

.calligraphy-area .area {
  background: #f4f5f9;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
}

.calligraphy-area .area textarea {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.15rem 0.2rem;
  font-size: 0.24rem;
  line-height: 1.6;
}

.calligraphy-example {
  padding: 0.2rem 0.3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.calligraphy-example a {
  color: #333;
}

.calligraphy-more {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem 0 0.4rem 0;
}

.calligraphy-more a {
  width: 4.5rem;
  height: 0.68rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}

.calligraphy-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calligraphy-page span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.calligraphy-page a {
  color: #333;
  font-size: 0.24rem;
}

.calligraphy-nav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.2rem 0;
}

.calligraphy-nav ul li {
  margin: 0 0.4rem;
}

.calligraphy-nav ul li a {
  color: #979797;
  font-weight: bold;
  height: 0.6rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calligraphy-nav ul li.on a {
  position: relative;
  color: #333;
}

.calligraphy-nav ul li.on a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #333;
}

.calligraphy-list li {
  padding: 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calligraphy-list li .yd-radio {
  padding: 0.3rem;
  padding-right: 0;
}

.calligraphy-list li .info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.calligraphy-list li .info .img {
  margin-right: 0.28rem;
  width: 1.3rem;
  height: 1.5rem;
}

.calligraphy-list li .info .img img {
  width: 100%;
  height: 100%;
}

.calligraphy-list li .info .cons {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.calligraphy-list li .info .cons span {
  font-weight: bold;
  display: block;
  color: #333;
  margin-bottom: 0.1rem;
}

.calligraphy-list li .info .cons p {
  font-size: 0.24rem;
  color: #979797;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
}

.calligraphy-size {
  background-color: #fff;
  padding: 0 0.3rem;
}

.calligraphy-size .tit {
  padding: 0.4rem 0 0.2rem;
}

.calligraphy-size .box {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
  padding-bottom: 0.25rem;
}

.calligraphy-size .item {
  width: 33.333%;
  float: left;
  position: relative;
}

.calligraphy-size .item input {
  position: absolute;
  left: -99999999px;
}

.calligraphy-size .item label {
  height: 1.06rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.15rem 0.15rem 0.15rem;
  color: #999;
  position: relative;
}

.calligraphy-size .item label .border {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.calligraphy-size .item label span img {
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 5px;
}

.calligraphy-size .item label>input[type=radio]:checked+.border {
  border-color: #333;
  color: #333;
}

.calligraphy-size .item label>input[type=radio]:checked+.sp {
  color: #333;
}

.calligraphy-size .more2 {
  padding: 0.24rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.calligraphy-size .more2 a {
  color: #333;
  font-size: 0.24rem;
}

.calligraphy-size .cons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.24rem 0;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.calligraphy-size .spinner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #333;
  border-radius: 4px;
}

.calligraphy-size .spinner span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}

.calligraphy-size .spinner a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.56rem;
}

.calligraphy-size .spinner a i {
  color: #333;
}

.calligraphy-size .spinner input {
  width: 1.36rem;
  height: 0.56rem;
  text-align: center;
}

.calligraphy-font {
  padding-top: 0.3rem;
}

.calligraphy-font .font {
  display: inline-block;
}

.calligraphy-font li {
  padding: 0 0.3rem;
  margin-bottom: 0.3rem;
}

.calligraphy-font .yd-radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 0;
}

.calligraphy-font .font img {
  width: 6.28rem;
  height: 1.08rem;
}

.fiexd-botton {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.1rem;
  background-color: #fff;
  z-index: 9;
  padding: 0 0.3rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fiexd-botton a {
  background: #f4f5f9;
  border-radius: 4px;
  width: 3rem;
  height: 0.78rem;
  color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fiexd-botton a.b2 {
  background-color: #333;
  color: #fff;
}

.calligraphy-details .user {
  background-color: #fff;
  padding: 0.4rem 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.calligraphy-details .user .img {
  width: 0.98rem;
  height: 0.98rem;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 4px 8px #9d9d9d;
  margin-bottom: 0.26rem;
}

.calligraphy-details .user .img img {
  width: 100%;
  height: 100%;
}

.calligraphy-details .user span {
  display: block;
  font-weight: bold;
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}

.calligraphy-details .user p {
  text-align: center;
  font-size: 0.24rem;
  color: #979797;
  line-height: 1.6;
}

.calligraphy-details .list {
  padding: 0.3rem;
  background-color: #fff;
}

.calligraphy-details .list li {
  margin-top: 0.2rem;
}

.calligraphy-details .list li:first-child {
  margin-top: 0;
}

.calligraphy-details .list li img {
  width: 100%;
  height: auto;
  display: block;
}

.calligraphy-top .address {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.3rem;
  -webkit-justify-content: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  position: relative;
  padding-right: 0.7rem;
}

.calligraphy-top .address a {
  color: #fff;
}

.calligraphy-top .address .iconfont {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #999;
  font-size: 0.34rem;
}

.calligraphy-top .address p i {
  margin-left: 0.2rem;
}

.calligraphy-top .address .p2 {
  font-size: 0.26rem;
  margin-top: 0.06rem;
  color: #bebebe;
}

.calligraphy-top .address2 p {
  color: #fff;
  padding: 0.3rem;
}

.calligraphy-top .address2 p i {
  font-size: 0.34rem;
}

.calligraphy-confirm .info {
  padding: 0 !important;
}

.calligraphy-confirm .info textarea {
  width: 100%;
  padding: 0.2rem;
}

.memberindex-top {
  background-color: #fff;
  padding-bottom: 0.4rem;
}

.memberindex-top .top {
  padding: 0.4rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.memberindex-top .top a img {
  border-radius: 50%;
  display: block;
  width: 0.98rem;
  height: 0.98rem;
  border: 2px solid #fff;
  box-shadow: 0 4px 8px #9d9d9d;
}

.memberindex-top .top p {
  margin-top: 0.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.memberindex-top .top p em {
  margin-left: 0.1rem;
}

.memberindex-top .top p em img {
  height: 0.34rem;
  width: 0.34rem;
}

.memberindex-top .assets {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.35rem;
}

.memberindex-top .assets .a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 0.77rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.memberindex-top .assets span {
  font-size: 0.24rem;
  font-weight: bold;
}

.memberindex-top .assets span i {
  font-weight: bold;
  font-size: 0.32rem;
}

.memberindex-top .assets p {
  font-size: 0.24rem;
  color: #777777;
  margin-top: 0.05rem;
}

.memberindex-top .btns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.1rem;
}

.memberindex-top .btns a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0.19rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #333333;
  border-radius: 4px;
  width: 3.29rem;
  height: 0.66rem;
  color: #333;
  font-weight: bold;
}

.mine_links {
  padding-left: 0.25rem;
  background-color: #fff;
}

.mine_links ul li a {
  padding-right: 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.98rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
}

.mine_links ul li .icon {
  color: #bbb;
  font-size: 0.36rem;
}

.mine_links ul li a span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.2rem;
  font-size: 0.28rem;
}

.mine_links ul li a em {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  position: relative;
  display: inline-block;
  border-radius: 1000px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
  background-color: #333;
  margin-right: 0.2rem;
}

.mine_links ul li i {
  font-size: 0.34rem;
}

.mine_links ul li i.bGray {
  color: #ccc;
  font-size: 0.3rem;
}

.information-cons {
  background-color: #fff;
  padding-left: 0.25rem;
}

.cell-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cell-item .in {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cell-item .tit {
  margin-right: 0.25rem;
}

.cell-item .in {
  padding-right: 0.25rem;
}

.cell-item .in input {
  height: 0.98rem;
  font-size: 0.28rem;
  width: 100%;
}

.cell-item .photo {
  padding: 0.2rem 0;
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cell-item .photo input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}

.cell-item .photo img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: block;
  border: 1px solid #e3e3e3;
}

.cell-item .photo i {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ccc;
  font-size: 0.3rem;
}

.cell-item .radio {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cell-item .radio label {
  margin-right: 0.3rem;
}

.balance-top {
  background-color: #fff;
  height: 0.98rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.25rem;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  font-size: 0.28rem;
}

.balance-top span i {
  font-size: 0.38rem;
  margin-right: 3px;
}

.balance-cons {
  background-color: #fff;
}

.balance-cons .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.balance-cons .item span {
  display: inline-block;
  padding-left: 0.25rem;
  width: 1.9rem;
  height: 0.98rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.balance-cons .item .in {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.balance-cons .item .in input {
  height: 0.98rem;
  width: 2rem;
  font-size: 0.28rem;
}

.balance-cons .item .in img {
  width: 1.92rem;
  height: 1.04rem;
  display: block;
  border: 1px solid #e5e5e5;
  margin: 0.25rem 0;
}

.balance-cons .item .in .bGray {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.3rem;
  color: #999;
}

.deal-operation .top {
  background-color: #fff;
  margin-bottom: 0.15rem;
}

.deal-operation .top p {
  padding: 0 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.deal-operation .top p.p1 {
  height: 1rem;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  color: #333;
  font-size: 0.3rem;
}

.deal-operation .top p.p2 {
  height: 1rem;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.deal-operation .top p.p2 a {
  border: 1px solid #333;
  color: #333 !important;
  height: 0.6rem;
  border-radius: 5px;
  width: 2.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.data-table {
  background-color: #fff;
}

.data-table table {
  width: 100%;
  text-align: center;
  border: 0;
  border-collapse: collapse;
}

.data-table table th {
  font-weight: normal;
  font-size: 0.28rem;
}

.data-table table td {
  color: #666;
  font-size: 0.26rem;
}

.data-table table tr {
  border-bottom: 1px dashed #e6e6e6;
}

.data-table table tr:first-child {
  border-bottom: 1px solid #e6e6e6;
}

.data-table table th,
.data-table table td {
  height: 0.88rem;
}

.bank-list {
  padding: 0.25rem;
}

.bank-list .bo {
  height: 2.66rem;
  background-color: #e86479;
  border-radius: 5px;
  margin-top: 0.16rem;
  position: relative;
}

.bank-list .bo:first-child {
  margin-top: 0;
}

.bank-list .bo .info {
  padding: 0.35rem 0.4rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bank-list .bo .img {
  margin-right: 0.2rem;
}

.bank-list .bo .img span {
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  background-size: 100% 100%;
}

.bank-list .bo1 {
  background-color: #e60012;
}

.bank-list .bo1 .img span {
  background-image: url(../img/bank/icon1.png);
  /* 工商银行 */
}

.bank-list .bo2 {
  background-color: #a61f23;
}

.bank-list .bo2 .img span {
  background-image: url(../img/bank/icon2.png);
  /* 招商银行 */
}

.bank-list .bo3 {
  background-color: #e60012;
}

.bank-list .bo3 .img span {
  background-image: url(../img/bank/icon3.png);
  /* 浙商银行 */
}

.bank-list .bo4 {
  background-color: #003b90;
}

.bank-list .bo4 .img span {
  background-image: url(../img/bank/icon4.png);
  /* 建设银行 */
}

.bank-list .bo5 {
  background-color: #e8252a;
}

.bank-list .bo5 .img span {
  background-image: url(../img/bank/icon5.png);
  /* 北京银行 */
}

.bank-list .bo6 {
  background-color: #033687;
}

.bank-list .bo6 .img span {
  background-image: url(../img/bank/icon6.png);
  /* 上海农村商业银行 */
}

.bank-list .bo7 {
  background-color: #f2943a;
}

.bank-list .bo7 .img span {
  background-image: url(../img/bank/icon7.png);
  /* 宁波银行 */
}

.bank-list .bo8 {
  background-color: #068c51;
}

.bank-list .bo8 .img span {
  background-image: url(../img/bank/icon8.png);
  /* 民生银行 */
}

.bank-list .bo9 {
  background-color: #362552;
}

.bank-list .bo9 .img span {
  background-image: url(../img/bank/icon9.png);
  /* 光大银行 */
}

.bank-list .bo10 {
  background-color: #a50019;
}

.bank-list .bo10 .img span {
  background-image: url(../img/bank/icon10.png);
  /* 中国银行 */
}

.bank-list .bo11 {
  background-color: #ea5505;
}

.bank-list .bo11 .img span {
  background-image: url(../img/bank/icon11.png);
  /* 平安银行 */
}

.bank-list .bo12 {
  background-color: #e00217;
}

.bank-list .bo12 .img span {
  background-image: url(../img/bank/icon12.png);
  /* 中信银行 */
}

.bank-list .bo13 {
  background-color: #db2428;
}

.bank-list .bo13 .img span {
  background-image: url(../img/bank/icon13.png);
  /* 广发银行 */
}

.bank-list .bo14 {
  background-color: #00591d;
}

.bank-list .bo14 .img span {
  background-image: url(../img/bank/icon14.png);
  /* 中国邮政储蓄 */
}

.bank-list .bo15 {
  background-color: #009983;
}

.bank-list .bo15 .img span {
  background-image: url(../img/bank/icon15.png);
  /* 农业银行 */
}

.bank-list .bo16 {
  background-color: #003878;
}

.bank-list .bo16 .img span {
  background-image: url(../img/bank/icon16.png);
  /* 交通银行 */
}

.bank-list .bo17 {
  background-color: #004aa3;
}

.bank-list .bo17 .img span {
  background-image: url(../img/bank/icon17.png);
  /* 浦发银行 */
}

.bank-list .bo .in {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
}

.bank-list .bo .in span {
  font-size: 0.3rem;
}

.bank-list .bo .in p {
  padding-top: 0.1rem;
}

.bank-list .bo .bom {
  position: absolute;
  right: 0.2rem;
  bottom: 0.35rem;
}

.bank-list .bo .bom a {
  display: inline-block;
  padding: 0 0.2rem;
  color: #fff;
  line-height: 1;
}

.bank-list .bo .bom a:first-child {
  border-right: 1px solid #fff;
}

.bank-list .bo .bom a i {
  font-size: 0.34rem;
  margin-right: 2px;
}

.bank-list .add {
  padding: 0.4rem 0;
}

.bank-list .add a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  height: 0.8rem;
  border-radius: 5px;
  font-size: 0.3rem;
}

.bank-add {
  background-color: #fff;
  padding-left: 0.25rem;
}

.input-item {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.25rem;
}

.input-item span {
  display: inline-block;
  width: 1.1rem;
}

.input-item input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  font-size: 0.28rem;
}

.input-item-select {
  position: relative;
}

.input-item-select input {
  text-align: right;
  padding-right: 0.4rem;
}

.input-item-select i {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #999;
  font-size: 0.3rem;
}

.input-area {
  padding: 0.2rem 0.25rem 0.2rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.input-area textarea {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  font-size: 0.28rem;
  line-height: 1.5;
}

.input-checked {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.25rem;
}

.input-checked span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mark {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: none;
  transition: opacity .1s;
  opacity: 0;
}

.yd-actionsheet {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1502;
  background-color: #efeff4;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.diag-bottom-active .mark {
  z-index: 1500;
  background-color: rgb(0, 0, 0);
  opacity: 0.4;
  pointer-events: auto;
}

.diag-bottom-active .yd-actionsheet {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.yd-actionsheet-item {
  display: block;
  position: relative;
  font-size: .28rem;
  color: #999;
  height: 0.88rem;
  line-height: 0.88rem;
  background-color: #fff;
}

.yd-actionsheet-item:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.yd-actionsheet .left {
  padding: 0 0.25rem;
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.yd-actionsheet .left em {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.yd-actionsheet .left i {
  font-size: 0.36rem;
  color: #333;
  display: none;
}

.yd-actionsheet .active {
  color: #333;
}

.yd-actionsheet .active i {
  display: block;
}

.balance-cons {
  background-color: #fff;
}

.balance-cons .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.balance-cons .item span {
  display: inline-block;
  padding-left: 0.25rem;
  width: 1.9rem;
  height: 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.balance-cons .item .in {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.balance-cons .item .in input {
  height: 0.8rem;
  width: 2rem;
  font-size: 0.28rem;
}

.balance-cons .item .in img {
  width: 1.92rem;
  height: 1.04rem;
  display: block;
  border: 1px solid #e5e5e5;
  margin: 0.25rem 0;
}

.balance-cons .item .in .bGray {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.3rem;
  color: #999;
}

.smrz-item .item {
  background-color: #fff;
  padding-left: 0.25rem;
}

.smrz-item .item .top {
  padding-right: 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem;
}

.smrz-item .item .top span {
  width: 2.4rem;
  color: #666;
}

.smrz-item .item .top span i {
  color: #ccc;
  font-size: 0.36rem;
  margin-right: 5px;
}

.smrz-item .item .top em {
  color: #333 !important;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.smrz-item .item .top a {
  background-color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1rem;
  height: 0.46rem;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 3px;
}

.smrz-item .cons {
  background-color: #f9f9f9;
  padding-left: 0.25rem;
}

.smrz-item .cons .form {
  height: 0.98rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.25rem;
}

.smrz-item .cons .form span {
  width: 1.6rem;
  text-align: right;
  margin-right: 0.2rem;
}

.smrz-item .cons .form input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  font-size: 0.28rem;
  width: 100%;
}

.smrz-item .cons .form a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.98rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  padding-left: 0.2rem;
}

.smrz-item .cons .btn {
  height: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.8rem;
}

.smrz-item .cons .btn a {
  width: 1.8rem;
  height: 0.6rem;
  background-color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 0.26rem;
  border-radius: 3px;
}

.sqdl-top {
  padding: 0 0.25rem;
  height: 0.98rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.32rem;
}

.sqdl-top span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.sqdl-top a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.88rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.3rem;
  font-size: 0.26rem;
  color: #999;
}

.sqdl-table {
  padding: 0 0.25rem;
  padding-bottom: 0.3rem;
}

.sqdl-table table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}

.sqdl-table table,
.sqdl-table table th,
.sqdl-table table td {
  border: 1px solid #e3e3e3;
  padding: 0 0.2rem;
  height: 0.8rem;
  font-size: 0.26rem;
}

.sqdl-table table th {
  background-color: #f5f5f5;
  font-size: 0.28rem;
}

.sqdl-box {
  background-color: #fff;
}

.sqdl-total {
  padding: 0.17rem 0.25rem;
  overflow: hidden;
}

.sqdl-total ul {
  display: block;
  overflow: hidden;
}

.sqdl-total li {
  width: 50%;
  float: left;
  text-align: center;
  height: 1rem;
  position: relative;
}

.sqdl-total li:nth-child(1),
.sqdl-total li:nth-child(2) {
  border-bottom: 1px solid #e3e3e3;
}

.sqdl-total li:nth-child(odd):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 1rem;
  background: #e3e3e3;
}

.sqdl-total li a {
  color: #333333;
  display: inline-block;
  margin-top: 0.3rem;
}

.sqdl-total li span {
  color: #333;
  font-size: 0.32rem;
  line-height: 1;
  display: inline-block;
  margin-top: 0.1rem;
}

.sqdl-total li p {
  font-size: 0.28rem;
  color: #999;
}

.sqdl-flow {
  padding: 0.5rem 0.25rem;
}

.sqdl-flow ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sqdl-flow li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  position: relative;
}

.sqdl-flow li em i {
  font-size: 0.38rem;
  color: #ccc;
}

.sqdl-flow li p {
  margin-top: 0.26rem;
  color: #ccc;
}

.sqdl-flow li span {
  display: inline-block;
  width: 70%;
  height: 1px;
  background: #bfbfbf;
  position: absolute;
  left: -35%;
  top: 0.2rem;
}

.sqdl-flow li.on i {
  color: #333;
}

.sqdl-flow li.on span {
  background: #333;
}

.sqdl-flow li.active p,
.sqdl-flow li.on p {
  color: #333;
}

.sqdl-info {
  padding: 0.25rem;
}

.sqdl-info li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.28rem;
  line-height: 1.7;
}

.sqdl-info li i {
  display: inline-block;
  width: 0.36rem;
}

.sqdl-info li span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.sqdl_banner img {
  width: 100%;
  height: auto;
}

.sqdl_tit {
  height: 0.98rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.32rem;
}

.sqdl_form {
  background-color: #fff;
  padding: 0 0.25rem;
}

.sqdl_item {
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sqdl_item span {
  display: inline-block;
  width: 1.4rem;
  text-align: right;
  margin-right: 0.2rem;
}

.sqdl_item .input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.sqdl_item input {
  height: 0.98rem;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.28rem;
}

.sqdl_item .input i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.3rem;
  color: #ccc;
}

.sqdl_form .check {
  padding: 0.2rem 0;
}

.sqdl_form .check p {
  margin-bottom: 0.2rem;
}

.sqdl_form .check .radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sqdl_form .check .radio .yd-radio {
  margin-left: 0.5rem;
}

.sqdl_success .top {
  text-align: center;
  padding: 0.66rem 0 0.4rem 0;
  margin: 0 0.5rem;
  border-bottom: 1px solid #e5e5e5;
}

.sqdl_success .top i {
  font-size: 1rem;
  color: #b81c22;
  line-height: 1;
}

.sqdl_success .top p {
  font-size: 0.32rem;
  color: #000;
  line-height: 1;
  margin-top: 0.24rem;
}

.sqdl_success .info ul {
  padding: 0.2rem 0 0.8rem;
}

.sqdl_success .info ul li {
  line-height: 1.6;
  padding: 5px 0;
}

.sqdl_success .info ul span {
  display: inline-block;
  width: 55%;
  text-align: right;
  margin-right: 10px;
}

.address-list li {
  background-color: #fff;
}

.address-list li:first-child {
  margin-top: 0;
}

.address-list li .info {
  padding: 0.2rem 0.25rem;
  line-height: 1.6;
  color: #333;
}

.address-list li .con {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.25rem;
  height: 0.8rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.address-list li .con .radio {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.address-list li .con .modify {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.address-list li .con .modify a {
  padding-left: 0.3rem;
  color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.8rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.address-list li .con .modify i {
  font-size: 0.34rem;
  margin-right: 3px;
  color: #999;
}

.rzsq-banner img {
  width: 100%;
}

.rzsq-box1 {
  background-color: #fff;
  padding: 0.38rem;
  padding-top: 0;
}

.rzsq-box1 p {
  font-size: 0.24rem;
  color: #888;
  text-indent: 2em;
  line-height: 1.6;
  margin-top: 0.2rem;
}

.rzsq-tit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}

.rzsq-tit span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0 0.2rem 0;
  font-size: 0.3rem;
  font-weight: bold;
  position: relative;
}

.rzsq-tit span:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0.64rem;
  height: 0.06rem;
  background-color: #333;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rzsq-box2 ul {
  display: table;
  margin: 0 auto;
  text-align: center;
}

.rzsq-box2 ul li {
  width: 2.18rem;
  height: 3rem;
  background-color: #fff;
  margin: 0 0.1rem;
  margin-bottom: 0.3rem;
  padding-top: 0.2rem;
  text-align: center;
  display: inline-table;
}

.rzsq-box2 ul {
  margin-top: 0.3rem;
}

.rzsq-box2 ul li img {
  width: 0.65rem;
  height: 0.65rem;
}

.rzsq-box2 ul li span {
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.14rem 0 0.1rem;
}

.rzsq-box2 ul li p {
  padding: 0 0.2rem;
  font-size: 0.2rem;
  color: #888;
  text-align: left;
}

.rzsq-box3 {
  background-color: #fff;
  padding-bottom: 0.3rem;
}

.rzsq-box3 ul {
  padding-left: 0.1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.3rem;
}

.rzsq-box3 ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0.1rem;
}

.rzsq-box3 ul li img {
  width: 0.79rem;
  height: 0.35rem;
}

.rzsq-box3 ul li p {
  padding-top: 0.1rem;
  font-size: 0.20rem;
  color: #888888;
}

.rzsq-box4 {
  background-color: #fff;
  padding: 0 0.3rem;
}

.rzsq-box4 .it {
  border: 1px solid #e3e3e3;
}

.rzsq-box4 .it input {
  padding: 0 0.3rem;
  width: 100%;
  height: 0.76rem;
}

.hezuo-main {
  padding-bottom: 0.5rem;
}

.hezuo-main .input-item span {
  width: 1.6rem;
}

.hezuo-title {
  padding: 0.3rem 0.25rem 0.2rem 0.25rem;
  color: #999;
}

.input-item-update {
  padding: 0.1rem 0;
  height: auto;
}

.input-item-update .in {
  width: 0.78rem;
  height: 0.78rem;
  position: relative;
  border: 1px solid #d5d5d5;
  overflow: hidden;
  border-radius: 50%;
}

.input-item-update .update {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0.7rem;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.input-item-update .in i {
  font-size: 0.6rem;
  color: #ccc;
}

.input-item-update .in img {
  display: block;
  width: 100%;
  height: 100%;
}

.input-item-update .in p {
  font-size: 0.26rem;
  color: #999;
}

.input-item-update input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.hezuo-tips {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.26rem;
}

.input-item a {
  padding: 0.05rem 0 0.05rem 0.2rem;
  color: #333;
  border-left: 1px solid #e6e6e6;
}

.hezuo-state {
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10);
  height: 2.7rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hezuo-state i {
  font-size: 1rem;
}

.hezuo-state p {
  font-size: 0.3rem;
  margin-top: 0.1rem;
}

.diag__con .info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem 0.2rem 0.2rem 0.2rem;
}

.diag__con .info i {
  font-size: 0.4rem;
  margin-right: 0.2rem;
}

.diag__con .info p {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #666;
}

.diag__con .info p em {
  color: #000;
  font-size: 0.32rem;
  padding: 0 0.05rem;
}

.change-header {
  background-color: #fff;
  height: 0.88rem;
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
}

.change-header ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.change-header ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0.88rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.change-header ul li a {
  line-height: 0.85rem;
  display: inline-block;
  /*font-size: 0.3rem;*/
  color: #999;
  /*padding: 0 0.25rem;*/
}

.change-header ul li.active a {
  color: #333;
  border-bottom: 0.02rem solid #333;
}

.cart-nodata {
  background-color: #fff;
  height: 2.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-nodata i {
  font-size: 0.8rem;
  color: #bbb;
}

.cart-nodata p {
  margin-top: 0.1rem;
  font-size: 0.24rem;
  color: #bbb;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-nodata p a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  width: 1.08rem;
  height: 0.44rem;
  color: #333;
}

.shopping-details {
  background-color: #fff;
  padding: 0.2rem 0.28rem;
}

.shopping-details span {
  font-size: 0.3rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.1rem;
}

.shopping-details p {
  font-size: 0.24rem;
  color: #979797;
}

.shopping-details p em {
  font-size: 0.3rem;
  font-weight: bold;
  color: #333;
  margin-right: 0.2rem;
}

.shopping-details-xz {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem;
  padding: 0 0.3rem;
  background-color: #fff;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.shopping-details-xz i {
  color: #ccc;
  font-size: 0.3rem;
}

.shopping-details-content {
  padding: 0;
}

.list-special .contents {
  padding: 0.3rem;
  padding-top: 0;
  line-height: 1.6;
  font-size: 0.26rem;
}

.list-special .contents img {
  width: 100%;
  margin-bottom: 5px;
}

.shopping-buy {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
}

.shopping-buy a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.98rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.shopping-buy .b1 {
  width: 1.44rem;
}

.shopping-buy a span {
  position: relative;
  display: inline-block;
}

.shopping-buy a span em {
  position: absolute;
  top: -.1rem;
  margin-left: .25rem;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  border-radius: 1000px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
  background-color: #333;
  left: 0;
}

.shopping-buy .b1 i {
  font-size: 0.4rem;
  color: #bbb;
}

.shopping-buy .b1 p {
  color: #333;
  font-size: 0.2rem;
  line-height: 1;
}

.shopping-buy .b2,
.shopping-buy .b3 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.shopping-buy .b2 {
  background: #facb3a;
  color: #333;
}

.shopping-buy .b3 {
  background: #333333;
  color: #fff;
}

.shoping-cart .spinner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #333;
  border-radius: 4px;
}

.shoping-cart .spinner span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}

.shoping-cart .spinner a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.56rem;
}

.shoping-cart .spinner a i {
  color: #333;
}

.shoping-cart .spinner input {
  width: 0.9rem;
  height: 0.56rem;
  text-align: center;
}

.shoping-cart {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem 0.3rem;
}

.shoping-cart .img {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.2rem;
}

.shoping-cart .img img {
  display: block;
  max-width: 99%;
  max-height: 99%;
}

.shoping-cart .cons {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1.6rem;
  position: relative;
}

.shoping-cart .tit {
  font-size: 0.3rem;
  color: #333;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.shoping-cart .bom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.shoping-cart .bom .price i {
  color: #000;
  font-weight: bold;
  margin-left: 3px;
}

.gmxz-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.2rem;
}

.gmxz-close i {
  font-size: 0.34rem;
  color: #ccc;
}

.gmxz-tit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.3rem;
  font-weight: bold;
  height: 0.8rem;
}

.gmxz-info {
  padding: 0 0.3rem 0.5rem 0.3rem;
}

.gmxz-info .info2,
.gmxz-info .info3 {
  margin-top: 0.2rem;
}

.gmxz-info .info3 p {
  line-height: 1.6;
  margin-bottom: 0.1rem;
}

.gmxz-info h3 {
  padding-top: 5px;
  font-size: 0.28rem;
  margin-bottom: 5px;
}

.gmxz-info .info2 p {
  font-size: 0.24rem;
  padding-left: 0.2rem;
}

.yd-radio>input[type=checkbox] {
  position: absolute;
  left: -9999em;
}

.yd-radio-icon {
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 10;
  vertical-align: bottom;
  pointer-events: none;
  color: #333;
  width: 18px;
  height: 18px;
}

.yd-radio>input[type=checkbox]:checked+.yd-radio-icon {
  border-color: currentColor;
}

.yd-radio>input[type=checkbox]:checked+.yd-radio-icon {
  border-color: currentColor;
}

.yd-radio-icon>i {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(.1);
  transform: translate(-50%, -50%) scale(.1);
  width: 10px;
  height: 10px;
}

.yd-radio>input[type=checkbox]:checked+.yd-radio-icon>i {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all .2s ease-in-out;
}

.placeorder .list {
  background-color: #fff;
  display: table;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  height: 2.2rem;
}

.placeorder .list .checkbox {
  padding-left: 0.3rem;
  display: table-cell;
  vertical-align: middle;
}

.placeorder .list .cart {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.placeorder .list .shoping-cart {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.12rem;
  padding-right: 0.22rem;
}

.placeorder .list .remove {
  position: absolute;
  display: table-cell;
  width: 1rem;
  height: 2.2rem;
  right: -1rem;
  top: 0;
}

.placeorder .list .remove a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #333333;
  color: #fff;
}

.ui-loader {
  display: none;
}

*:focus {
  outline: none;
}

.swiper_nav_container .swiper-slide {
  text-align: center;
  width: auto;
}

.fiexdtop-nav .swiper-slide {
  padding: 0 0.2rem;
}

.fiexdtop-nav .swiper-slide a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.88rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #888;
}

.fiexdtop-nav .on a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.help__top {
  background-color: #333;
  padding: 0.2rem 0.25rem;
  color: #fff;
}

.help__top span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.help__top img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 5px;
}

.help__cp {
  padding: 0.2rem;
}

.help__cp .b:first-child {
  margin-top: 0;
}

.help__cp .b {
  box-shadow: 0 0 6px #ccc;
  border-radius: 5px;
  margin-top: 0.2rem;
  background-color: #fff;
}

.help__cp .t {
  border-bottom: 1px solid #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.1rem;
  padding-top: 0.2rem;
}

.help__cp .t span {
  display: inline-block;
  line-height: 0.54rem;
  width: 1.36rem;
  text-align: center;
  color: #fff;
  background-color: #333;
}

.help__cp .t em {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 0.54rem;
  color: #333;
  font-weight: bold;
  margin-left: 0.1rem;
}

.help__cp .i {
  padding: 0.2rem;
}

.help__cp .i p {
  font-size: 0.26rem;
  padding: 0.06rem 0;
  text-indent: 2em;
  line-height: 1.6;
  color: #333;
}

.help__wt {
  padding: 0.2rem;
}

.help__wt li:first-child {
  margin-top: 0;
}

.help__wt li {
  background-color: #fff;
  margin-top: 0.2rem;
}

.help__wt li .t {
  height: 0.8rem;
  padding: 0 0.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.help__wt li .t .i1 {
  color: #ccc;
  margin-right: 0.1rem;
  font-size: 0.34rem;
}

.help__wt li .t em {
  color: #333;
  font-size: 0.3rem;
}

.help__wt li .t .i2 {
  color: #ccc;
  margin-left: 0.1rem;
  font-size: 0.34rem;
}

.help__wt li .i {
  display: none;
}

.help__wt li.on .i {
  display: block;
}

.help__wt li .i p {
  padding: 0.2rem;
  padding-top: 0;
  font-size: 0.28rem;
  padding-left: 0.64rem;
  line-height: 1.6;
  color: #666;
}

.myorder_nav {
  background-color: #333;
  padding: 0.25rem;
}

.myorder_nav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #fff;
  border-radius: 5px;
}

.myorder_nav ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #fff;
}

.myorder_nav ul li a {
  height: 0.6rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.3rem;
  color: #fff;
}

.myorder_nav ul li.active a {
  color: #333;
  background-color: #fff;
}

.banner img {
  width: 100%;
}

.charitieslist-top {
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.4rem 0 0.26rem 0;
}

.charitieslist-top .price {
  margin-top: 0.2rem;
  margin-bottom: 0.6rem;
  line-height: 1;
}

.charitieslist-top .price i {
  font-size: 0.44rem;
  font-weight: bold;
}

.charitieslist-top ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.charitieslist-top ul li {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.24rem;
}

.charitieslist-top ul li i {
  color: #bbbbbb;
  margin-left: 0.1rem;
}

.price-list {
  background: none;
}

.price-list li {
  padding: 0.13rem !important;
}

.price-list li a {
  display: block;
  background-color: #fff;
  padding: 0.18rem;
}

.price-list li .user {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: 0 0.18rem;
  padding-bottom: 0.18rem;
}

.price-list li .user a {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.price-list li .user img {
  width: 0.51rem;
  height: 0.51rem;
  margin-right: 0.1rem;
  border-radius: 50%;
}

.price-list li .user span {
  color: #333;
}

.price-list li .user em {
  color: #bbbbbb;
  font-size: 0.24rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.2rem;
}

.price-list li .user em i {
  font-size: 0.3rem;
  margin-right: 0.1rem;
}

.price-list li .user .follow-active {
  color: #333;
}

.order-tab li {
  background-color: #fff;
}

.order-tab .li-top {
  height: 0.7rem;
  padding: 0 0.25rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.order-tab .li-top span {
  font-size: 0.24rem;
}

.order-tab .li-top .s1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0.7rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #555;
}

.order-tab .li-top .s1 i {
  margin-right: 0.2rem;
}

.order-tab .li-top .s2 {
  background: url(../img/tag.png) no-repeat;
  background-size: 100% 100%;
  width: 0.7rem;
  height: 0.6rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.05rem;
  color: #fff;
}

.order-tab .li-cons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}

.order-tab .li-cons .img {
  width: 1.9rem;
  height: 1.9rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.2rem;
}

.order-tab .li-cons .img img {
  max-width: 99%;
  max-height: 99%;
}

.order-tab .li-cons .cons {
  color: #333;
  height: 1.9rem;
  position: relative;
  padding-right: 0.2rem;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.order-tab .li-cons .cons h3 {
  font-size: 0.28rem;
  font-weight: normal;
  padding-top: 0.1rem;
}

.order-tab .li-cons .cons .prize {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.1rem;
  font-size: 0.24rem;
  line-height: 1.5;
}

.order-tab .li-cons .cons .prize i {
  font-size: 0.28rem;
}

.order-tab .li-bom {
  padding: 0.2rem 0.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-tab .li-bom span {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.26rem;
}

.order-tab .li-bom a {
  background-color: #333;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  font-size: 0.26rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 0.3rem;
}

.myorder-tab .li-cons .img {
  height: 2.5rem;
  width: 2.82rem;
}

.myorder-tab .li-cons .cons {
  height: 2.5rem;
}

.top-search {
  padding: 0.2rem 0.26rem;
  padding-right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.top-search .info {
  border: 1px solid #888;
  height: 0.64rem;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-search .info input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: 0 0.2rem;
  font-size: 0.24rem;
}

.top-search .info button {
  height: 0.6rem;
  width: 0.7rem;
}

.top-search .info button i {
  font-size: 0.4rem;
  color: #888;
}

.top-search a {
  height: 0.6rem;
  width: 0.8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-search a i {
  font-size: 0.4rem;
  color: #888;
}

.list-special .list-layout li .img {
  height: 2.3rem;
}

.list-special .list-layout li .img img {
  width: 100%;
  height: 100%;
}

.special-horizontal .list-layout li .img {
  /* height:2.3rem;
    width:3.25rem; */
  width: 2.5rem;
  height: 1.6rem;
}

.vip-info {
  padding: 0.3rem !important;
}

.vip-info p i {
  display: block;
  line-height: 0.6rem;
  margin-bottom: 0.1rem;
  color: #333;
  font-size: 0.32rem !important;
}
.details-share img {
  display:block;
  max-width:100%;
  max-height:100%;
}
.secKill-banner img {
  width:100%;
}
.secKill-swiper {
  height:1.2rem;
  background:#fff;
}
.secKill-swiper .slide {
  height:1.2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  position:relative;
}
.secKill-swiper .slide p{
  color:rgba(51, 51, 51, 0.3);
  line-height:0.36rem;
}
.secKill-swiper .slide-on p{
  font-size:0.32rem;
  color:#b81c22;
}
.secKill-swiper .slide span{
  position:absolute;
  left:50%;
  bottom:0;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  display:none;
}
.secKill-swiper .slide span i{
  font-size:0.24rem;
  color:#333;
}
.secKill-swiper .slide-next p{
  color:#52a648;
}
.swiper-slide-on p{
  color:#b81c22 !important;
}
.swiper-slide-on .slide span{
  display:block;
}
.secKill-shop {
  background:#fff;
}
.secKill-top{
  padding:0.36rem 0.26rem;
}
.secKill-top .box{
  background:#b81c22;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  height:1.06rem;
  border-radius:0.53rem;
  color:#fff;
}


.secKill-top .box span{
  font-size:0.4rem;
  display:inline-block;
  margin-right:0.2rem;
}
.secKill-top .box span i{
  font-size:0.44rem;
  margin-right: 0.1rem;
}
.secKill-top .box em{ 
  display:-webkit-flex; 
  display:-ms-flexbox; 
  display:flex; 
  -webkit-align-items:center; 
      -ms-flex-align:center; 
          align-items:center;
}
.secKill-top .box em i{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  width:0.56rem;
  height:0.56rem;
  background:#fff;
  color:#b81c22;
  border-radius:5px;
  font-size:0.32rem;
  margin:0 5px;
}
.secKill-top-no .box{
  background:#333333;
}
.secKill-top-no .box em i{
  color:#333;
}
.secKill-shop ul{
  padding:0 0.26rem;
}
.secKill-shop ul li{
  padding:0.3rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.secKill-shop ul li .img{
  width:1.9rem;
  height:1.9rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  background-color: #f8f8f8;
  margin-right: 0.3rem;
}
.secKill-shop ul li .img img{
  max-width:99%;
  max-height:99%;
}
.secKill-shop ul li .cons{
  height:1.9rem;
  position:relative;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.secKill-shop ul li .tit{
  font-size:0.32rem;
  font-weight:bold;
  color:#333333;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1; 
  margin-bottom:0.15rem;
}
.secKill-shop ul li .price{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.secKill-shop ul li .price span,
.secKill-shop ul li .price del{
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.secKill-shop ul li .price span {
  font-size:0.28rem;
  font-weight:bold;
  color:#b81c22;
}
.secKill-shop ul li .price del{
  font-size:0.28rem;
  color:#bbbbbb;
}
.secKill-shop ul li .bom{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.secKill-shop ul li .bom span{
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  font-size:0.24rem;
}
.secKill-shop ul li .bom a{
  width:2rem;
  height:0.7rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  background:#b81c22;
  box-shadow:0 0 8px 0 rgba(0,0,0,0.30);
  border-radius:0.35rem;
  font-size:0.3rem;
  color:#ffffff;
}
.secKill-shop ul li.no .bom a{
  background:#333333;
}
.customized-banner img{
  width:100%;
}
.customized-fixed{
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  height:1.08rem;
  background:#fadc05;
  z-index:99;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.customized-fixed em {
  color:#333;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  margin-left: 0.26rem;
}
.customized-fixed em i{
  font-size:0.34rem;
}
.customized-fixed a{
  background:#1d2228;
  box-shadow:0 2px 8px 0 #ffd100;
  border-radius:0.39rem;
  width:2.4rem;
  height:0.78rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-right:0.26rem;
  font-size:0.28rem;
  color:#fadc05;
  font-weight:bold;
  margin-left: 0.2rem;
}
.customized-title{
  color:#fadc05;
  padding:0.5rem 0 0.3rem;
}
.customized-title span{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  height:0.26rem;
  padding-left:0.2rem;
  position:relative;
  font-weight:bold;
}
.customized-title span:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:0;
  border-right:3px solid #fadc05;
  -webkit-transform-origin:100% 0;
  transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.customized-wrap{
  padding:0 0.3rem;
}
.customized-author .check{
  background:#fff;
  height:1.28rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding:0 0.26rem;
  border:1px solid #f7f4ee;
  border-radius:4px;
  margin-top: 0.2rem;
}
.customized-author .check:first-child{
  margin-top:0;
}
.customized-author .check .yd-radio{
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.customized-author .check a{
  background:#fed847;
  box-shadow:0 4px 6px 0 rgba(255,169,71,0.30);
  border-radius:0.35rem;
  width:1.4rem;
  height:0.7rem;
  font-size:0.26rem;
  color:#333333;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-weight:bold;
}
.customized-author .check .yd-radio-text3{
  font-size:0.24rem;
  color:#979797;
}
.customized-content .area,
.customized-check .area{
  background:#fff;
  border-radius:4px;
  padding:0.2rem 0.26rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.customized-content .area textarea,
.customized-check .area textarea{
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  font-size:0.24rem;
  line-height:1.6;
}
.customized-check .area{
  display:none;
}
.customized-check .yd-radio-icon {
  color: #fadc05;
  border-color:#fadc05;
}
.customized-check .yd-radio-text2{
  color: #fadc05;
  margin-left: 5px;
}
.customized-check .box{
  margin-bottom:0.2rem;
}
.customized-check .check{
  display:inline-block;
  min-width: 24%;
}
.customized-check .check .yd-radio{
  height:0.58rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.customized-font .yd-radio{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.customized-font .yd-radio-text2 {
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  margin-left:0.2rem;
  font-size:0.36rem;
  font-weight:bold;
}
.customized-font .yd-radio-img img{
  width:1.76rem;
  height:0.8rem;
}
.customized-form .item{
  background:#fff;
  margin-top:0.2rem;
  border-radius:4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding:0.26rem;
}
.customized-form .item:first-child{
  margin-top:0;
}
.customized-form .item span {
  width:1.34rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height:0.4rem;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  color:#979797;
}
.customized-form .item .input{
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.customized-form .item input {
  height:0.4rem;
  float:left;
  width:100%;
  text-align:right;
  padding-top: 1px;
}
.customized-form .item textarea{
  line-height:0.4rem;
  width:100%;
  float:left;
  padding-top:1px;
}