/*columns*/
.columns {
	width: 100%;
	display: flex;
}

.btncard {
  overflow: hidden;
  position: fixed;display:none;
  text-align: left;
  border-radius: 0.5rem;border: solid 3px #10aeff;
  width: 70vw;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  background-color: #fff;top:20vh;left:15vw;padding-top:40px;z-index: 12;
}

.dismiss {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: black;
  border: 2px solid #D1D5DB;
  font-size: 1rem;
  font-weight: 300;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  transition: .3s ease;
}

.dismiss:hover {
  background-color: #ee0d0d;
  border: 2px solid #ee0d0d;
  color: #fff;
}





.btn_content {
  margin-top: 0.75rem;
  text-align: center;
}


.btnmessage {
  margin-top: 0.5rem;
  color: #595b5f;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btnactions {
  margin: 0.75rem 1rem;padding:.5rem 0;
}
.btn_input{padding: 0.5rem 1rem;  font-size: 1rem;border-radius: 0.375rem;
  line-height: 1.5rem;}
.btnhistory {
  display: inline-flex;
  padding: 0.5rem 1rem;
  background-color: #10aeff;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  justify-content: center;
  width: 100%;
  border-radius: 0.375rem;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.btntrack {
  display: inline-flex;
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  color: #242525;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  justify-content: center;
  width: 100%;
  border-radius: 0.375rem;
  border: 1px solid #D1D5DB;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

@keyframes animate {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.09);
  }
}


.f-graywei{color: #959393 !important;}
.space-evenly{justify-content: space-evenly;}
.col-2 {
	width: 20%;
}

.col-3 {
	width: 30%;
}

.col-4 {
	width: 40%;
}

.col-5 {
	width: 50%;
}

.col-6 {
	width: 60%;
}

.col-7 {
	width: 70%;
}

.col-8 {
	width: 80%;
}
.gounum {
    width: 20vw;
    height: 1.8rem;
    float: right;
    padding-right: 2vw;
}
.gounumv {
    padding: 0 .3rem;
    font-size: 1rem;
    /* background: #f3f3f3; */
}
.goucut {
    font-size: 1rem;
    color: #bcbcbc;
}
.qiehuan {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	color: #6f6f6f;
	text-align: right;
	overflow: hidden;
}

#sendall {
	margin-top: 40px;
    margin-bottom:30px;
}

#formkey {
	display: none;
}

.f18{font-size:.9rem;font-weight: 400;color:#333}
.fshopbtn{font-size:.9rem;font-weight: 400;color:#fff}
.ff-gray {	color: #3d3d3d;font-size:.8rem;}
.allback {
  position: fixed;
  top: 0.4rem;
  left: 0.4rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(63, 63, 63, 0.2);
  font-weight: bold;
  z-index: 99;
  line-height: 1.6rem;
  vertical-align: middle;
  text-align: center;
  float: left;
  color: #fff;
  font-size: 1.4rem;
}

.rightshare {
  position: fixed;
  top: 0;
  right: 0.1rem;
  width: 2.4rem;
  height: 2.4rem;
  z-index: 99;
  display: none;
  text-align: center;
  float: left;
  color: #000;
  font-size: 1.4rem;
}
.goodtop {
  width: 100vw;
  height: 2.4rem;
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 0;
  position: fixed;
  z-index: 96;
  background-color: #fcfcfc;
  display: none;
}
#topcong {
  margin: 0 auto;
  width: calc(100% - 7rem);
  height: 2.4rem;
  line-height: 2.4rem;
  vertical-align: middle;
  overflow: hidden;
}
.guntu {
  overflow: hidden;
  width: 100vw;
  height: calc(100vw + 35px);
}
.jiagou,
.goumai {
  height: 2.8rem;
  width: 50%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: .9rem;
  float: left;
  font-weight: 800;z-index:112;
}
.jiagou {
  background-image: linear-gradient(45deg, #ff7a01, #fe5200);
}
.goumai {
  background-image: linear-gradient(45deg, #eb4128, #d71413);
}
.navbar-menu-good {
  width: 60%;
  height: 2.7rem;
}
/*  galleries
------------------------- */
.gallery {
  background: #fafafa;
  margin-bottom: 30px;
  counter-reset: gallery-cell;
}
.gallery-cell {
  width: 100vw;
  height: 100vw;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #8c8;
  counter-increment: gallery-cell;
}
.gallery-cell img {
  width: 100vw;
  height: 100vw;
}
.flickity-enabled .gallery-cell {
  margin-bottom: 0;
}

/* ---- gallery--prev-next-big-arrow ---- */
.gallery--prev-next-big-arrow .flickity-prev-next-button {
  width: 60px;
  height: 60px;
  background: transparent;
}
.gallery--prev-next-big-arrow .flickity-prev-next-button .arrow {
  fill: white;
}
.gallery--prev-next-big-arrow .flickity-prev-next-button.no-svg {
  color: white;
}

/*.gallery--prev-next-big-arrow .flickity-prev-next-button.previous { left: -10px; }
.gallery--prev-next-big-arrow .flickity-prev-next-button.next { right: -10px; }*/

.gallery--prev-next-big-arrow .flickity-prev-next-button:disabled {
  display: none;
}

/* ---- gallery--prev-next-small-outside ---- */

.gallery--prev-next-small-outside {
  margin-left: 40px;
  margin-right: 40px;
}

.gallery--prev-next-small-outside .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #444;
}

.gallery--prev-next-small-outside .flickity-prev-next-button:hover {
  background: #f90;
}

.gallery--prev-next-small-outside .flickity-prev-next-button .arrow {
  fill: white;
}
.gallery--prev-next-small-outside .flickity-prev-next-button.no-svg {
  color: white;
}

.gallery--prev-next-small-outside .flickity-prev-next-button.previous {
  left: -40px;
}
.gallery--prev-next-small-outside .flickity-prev-next-button.next {
  right: -40px;
}
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
  background: white;
}
.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09f;
}
.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}
.flickity-prev-next-button.previous {
  left: 10px;display: none;
}
.flickity-prev-next-button.next {
  right: 10px;display: none;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-prev-next-button .arrow {
  fill: #333;
}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}

.h20 {
  width: 100%;
  height: 2rem;
}
.empty-data {	text-align: center;font-size:1rem;display:flex;flex-direction: column;align-items: center;color:#bdbcbc}


.conmenu {
  width: 100vw;
  height: 2.8rem;
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 2.4rem;
  z-index: 100;
  background-color: #fcfcfc;
}

#tabs2 {
  height: 2.8rem;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}
#tabs2 li {
  text-align: center;
  width: 25%;
  height: 2.7rem;
  line-height: 2.7rem;
  margin-top: 0;
  vertical-align: middle;
  list-style: none;
  color: #515151;
  font-size: 1rem;
  text-decoration: none;
}
#tabs2 li.sel {
  border-bottom: solid 2px #ed4c44;
  color: #ed4c44;
}

/*图文排版 购物车*/
.sright {
  width: 100vw;
  verflow: hidden;
  background-color: #fff;
}

.goodtitle {
  width: 96vw;
  margin: 0 auto;
  font-size: 1rem;
  color: #181818;
}
.gooddes {
  width: 96vw;
  margin: 0 auto;
  font-size: 0.6rem;
  color: #7d7d7d;font-family: -apple-system,Helvetica,sans-serif;
}
.goodadword {
  width: 96vw;
  margin: 0 auto;
  font-size: 0.62rem;
  color: #e4393c;
}
.letcon {
  font-size: 0.8rem;
  width: 96vw;
  margin: 0 auto;
}

.letfour {
  display: flex;
  height: 1.4rem;
  width: 96vw;
  margin: 0 auto;
  font-size: 0.62rem;
}
.fourtext {
  display: block;
  text-align: left;
  overflow: hidden;
}
.fourtext:nth-child(odd) {
  width: 15%;
  color: #a6a6a6;
}
.fourtext:nth-child(even) {
  width: 35%;
  text-align: left;
  color: #7d7d7d;
}
.fourtext:last-child {
  text-align: ;
}
.titvue {
  width: 70%;
  text-align: left;
  color: #7d7d7d;
}

.twotext {
  width: 3em;
  display: block;
  text-align: left;
  color: #a6a6a6;
}
.seventext {
  width: 70vw;
  color: #7d7d7d;
  overflow: hidden;
}

#tabcon {
}
.goodcon {
  width: 100vw;
  height: auto;
  overflow: hidden;
  padding-top: 2rem;
}
.goodcon img {
  max-width: 100vw;vertical-align: top;
}

#tab1 {
}

.zhetucbg {
  width: 100vw;
  height: 100vh;
  background: rgba(108, 108, 108, 0.75);
  border-color: #5755d9;
  position: fixed;
  bottom: -200vh;
  z-index: 100;
  padding-top: 1vh;
}
.zhetuc {
  width: 100vw;
  max-height: 70vh;
  background: #f5f5f5;
  position: fixed;
  bottom: -200vh;
  z-index: 97;
  padding-top: 1vh;
  overflow-y: scroll;
  padding-bottom: 3vh;
}
.queding {
  width: 90vw;
  border-radius: 0.5rem;
  height: 2.6rem;
  margin-left: 5vw;
  background-image: linear-gradient(45deg, #ff7a01, #fe5200);
  color: #fff;
  letter-spacing: 1rem;
  border: solid 1px #c6c6c6;
  font-weight: 800;
  margin-bottom: 3vh;
  margin-top: 6vh;
}
.zhutucclose {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0.7rem;
  border: solid 1px #c6c6c6;
  text-align: center;
  line-height: 1.4rem;
  vertical-align: middle;
  font-size: 1.1rem;
  font-weight: 100%;
  color: #9f9f9f;
}

.bigimg {
  width: 50vw;
  height: 50vw;
  float: left;
}
.bigimg img {
  width: 50vw;
  height: 50vw;
  border-radius: 1rem;
}
.bigtit {
  width: 48vw;
  height: 50vw;
  float: right;
  padding-top: 1.4rem;
  padding-right: 1vw;
}
.ku_title {
  height: 3.8rem;
  overflow: hidden;
  font-size: 0.8rem;
}

.col-gapless {
  padding-bottom: 0.5rem;
}

.baozhangtu {
  width: 90vw;
  background-color: #f3f3f3;
  color: #c6c6c6;
  margin-left: 5vw;
  margin-top: 10px;
  text-align: center;
  font-size: 0.625rem;
}

.ku_index {
  width: 100vw;
  height: 1.4rem;
  clear: both;
  line-height: 1.4rem;
  vertical-align: middle;
  text-indent: 1rem;
  color: #333;
  border-bottom: solid 1px #c6c6c6;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.72rem;
}
.kucun {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.kulist {
  display: block;
  height: 1rem;
  width: auto;
  line-height: 1rem;
  vertical-align: middle;
  color: #585858;
  font-size: 0.66rem;
  background-color: #dadada;
  font-weight: 100%;
  padding: 0 0.65rem;
  margin: 0.3rem;
  border-radius: 0.65rem;
}
.kusel {
  color: #f4452f;
  background-color: #fcedeb;
  border: solid 1px #fe5200;
}

.kefutel {
  width: 90vw;
  height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
  position: fixed;
  left: 100vw;
  bottom: 3rem;
  background-color: #fff;
  border-radius: 0.8rem;
  text-align: center;
  border: solid 1px #c6c6c6;
}

/*-----------------------------上部分是商品页的内容-------------------------------*/



/*店铺相关*/
.mlevelgood {
	width: 98%;
	background: #fff;
	border-radius: .6rem;
	font-size: .6rem;
	padding: 4vw 0;
	margin: 1rem auto .5rem;
}

.mlevelgood h3 {
	margin-bottom: 10px;
}
.shoplogo .logid {
	margin-left: 15px;
}
.s-shopname-des {
	width: 100%;
	display: block;
	font-size: .5rem;
	color: #666666;
}
.wegoodbtn {
	display: block;
	padding: .2rem .4rem;
	color: #ff6600;
	border: solid 1px #ff6600;
	font-size: .65rem;
	border-radius: 1rem;
	margin-bottom: .3rem;
	text-align: center;
}
/*店铺相关---------------end*/
.centercon {
  width: 100%;
  padding-bottom: 80px;
  overflow-x: hidden;
}
.ucentertop {
    width: 100%;
    height: 10rem;
    /* position: relative; */
    border: 1px solid #6deaf0;
    overflow: hidden;
    /* border-radius: 0 0 50% 50%; */
    background-image: linear-gradient(45deg, #10aeff, #87cbef);
    z-index: -1;
}
.weui-avatar span, .weui-avatar-circle span {background:transparent;}
.first-box {
  margin-top: -3rem !important;
}
.seting {
  width: 1.3rem;
  height: 1.4rem;
  background: url(../images/set.png) no-repeat center top;
  background-size: 1.3rem 1.3rem;
  position: absolute;
  right: .5rem;
  top: .5rem;
  z-index: 2;
}
/* .errsp{} */
.avatarsize {
  position: relative;
  z-index: 1;
  width: 5rem;
  height: 5rem;
  top: 1.4rem;
  left: 0.5rem;
}
.avatarsize img {
  width: 5rem;
  height: 5rem;
}
.cinfin {
  position: relative;
  z-index: 1;
  left: 6rem;
  top: -4rem;
}
.userna {
  width: 51vw;
  font-size: 1rem;
  padding-left: 2vw;
  color: #f3f3f3;
  height: 1.6rem;
}
.txtn {
  height: 1.2rem;
  width: 51vw;
  padding-left: 2vw;
}
.txtx {
  height: 3rem;
  width: 51vw;
}
.telphone {
  display: block;
  width: 0;
  overflow: hidden;
}
.orcode {
  font-size: 0.6rem;
  margin-bottom: 3px;
  height: 1rem;
}
.xiaoqudalou {
  background: transparent;
  color: #7501be;
  font-size: 0.62rem;
  border: 1px solid #cba2ef;
  margin: 0;
}

.myorder {
  width: 94%;
  border-radius: 0.5rem;
  background: #f8f8f8;
  margin: 10px auto;
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}
.usertit {
  text-indent: 0.5rem;
  font-size: 0.9rem;
}
.usertit i {
  font-size: 18px;
  margin-right: 0.5rem;
}
.user-info {
  text-align: right;
  font-size: 0.7rem;
}
.tervue {
  display: block;
  text-align: center;
  color: #2b2b2b;
  font-size: 0.72rem;
}
.tername {
  display: block;
  text-align: center;
  color: #9a9a9a;
  font-size: 0.72rem;
}

.center_night {
  width: 100%;
  clear: both;
  padding-top: 15px;
  padding-bottom: 10px;
}
.bzreo {
  border: 0;
}


.bucinfo {
	    width: 92%;
    border-radius: 0.5rem;
    padding-left: 1%;overflow:hidden;
height: 2.2rem;
  background: #FFF7FB;border:1px solid #10aeff;
  margin: 10px auto;display:flex;justify-content: space-between;
}
.sysinfo {
  height: 2.3rem;overflow:hidden;
  font-size: 0.7rem;padding-left:.4rem;line-height: 1rem;width: 60%;
}
.setshop { background:#10aeff;color:#fff;line-height: 2.2rem;text-align:center;width: 40%;}

.weshou {
  width: 80%;
  margin: 0 auto 0;
  text-align: center;
  position: relative;
}
.fuk {
  display: block;
  color: #333;
  font-size: 0.62rem;
  text-align: center;
  margin-top: -0.3rem;
}
.fcolor{
	color: #999999;
}
.centerbag {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  line-height: 0.8rem;
  vertical-align: middle;
  border-radius: 0.5rem;
  background: #fa5151;
  color: #fff;
  font-size: 0.6rem;
  position: absolute;
  top: 0;
  right: 0;
  border: solid 1px #ff6600;
}
.imsive {
  width: 72%;
  height: auto;
  margin: 0 auto 0;
  margin-bottom: 0;
}
.closeercode{display:none;text-align:center;background-color:#fff;}

.dianzhucenter{  width: 92%; margin: 10px auto;
    padding: 1%;    border:1px solid #b8af45;
    border-radius: 0.5rem; background-image: linear-gradient(160deg, #fcf27f, #fab10c);
 }

.dianzhu_fuwu_title{width: 90%;margin: 10px auto; }

.dianzhu_fuwu{display:flex;flex-wrap: wrap;justify-content: space-evenly;}
.dianzhu_f{width: 30%;margin-bottom:.6rem;border:1px solid #cbc259;border-radius: 0.5rem;background-image: linear-gradient(40deg, #fcf27f, #fab10c);}
.dianzhu_f_a{display:flex;flex-wrap: wrap;justify-content: space-evenly;}
.dianzhu_f_span{  color: #746202;
  font-size: 0.8rem;}

.daizhifu {
    width: 92%;
    border-radius: 0.5rem;display:flex;
    background: #FFF0F5;
    margin: 10px auto;
    padding: 1%;
}
.lineinfocen{ height:1.8rem;line-height:140%;vertical-align:middle;padding-left:5px;padding-right:5px;}
.daizhifu_col_75{
	width: 75%;display:flex;height:1.8rem;
}

.daizhifu_col_75 p{ height:1.8rem;line-height:1.8rem;vertical-align:middle;text-indent:1em;
	
}
.daizhifu_col_25{height:1.8rem;
	width: 25%;text-align:right;
}

img.payimg{
	width:1.8rem;height:1.8rem;
}

.zhuanimg_div{width:4rem;height:4rem;float:left;}
.zhuancon_div{display:flex;height:4rem;align-content: space-around;
    flex-direction: column;
    justify-content: flex-end;}

img.zhuanimg{
	width:4rem;height:4rem;
}
.zhuant{font-size:1rem;color:#9923a6;font-weight:bold;display:block;}
.zhuanp{font-size:.75rem;color:#9923a6;display:block;vertical-align:bottom;}
.zhuanaction{border:solid #a508b6 1px;border-radius:.8rem;display:block;width:4rem;height:1.6rem;line-height:1.6rem;text-align:center;vertical-align:middle;
font-size:.85rem;color:#9923a6;
background-image: linear-gradient(170deg, #f5d9f8, #f8cefd);margin-top:1.2rem;margin-right:.5rem;float:right;}

.mycenter {
    width: 92%;
    border-radius: 0.5rem;display:flex;
    background: #fdd2f4;
    margin: 10px auto;
    padding: 1%;
}
.yiyuanqiang{
	width:25vw;height:27vw;text-align:center;
}
.yiyuanqiang img{
	width:90%;
}
.yiyuanqiang p{font-size:.75rem;color:#9923a6;margin-top:-5px;;}
/*订单中心*/
.myordercenter {
	width: 100%;
	background: #fff;
	border-bottom-left-radius: 5px;
	display: flex;
	border-bottom-right-radius: 5px;
}

.ulfives {
	width: 25%;
	text-align: center;
	height: 40px;
	;
}

.ulfivesfz {
	font-size: .625rem;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	color: #bcbcbc;
}

.ulfivesfzsel {
	color: #3d3d3d;
	font-size: .7rem;
}

.ulfives.active span {
	color: #3d3d3d;
}



.mo_oslist {
	 width: 96vw;
	background: #fff;
	border-radius: .5rem;
	margin: .5rem auto 10px;
	position: relative;
    overflow: hidden;
}
.hd-tit{padding-left:.5rem;padding-right:.5rem;border-bottom:1px solid #fbecff;display:flex;justify-content: space-between;}
.goshop {
	font-size: .7rem;
	font-weight: 500;
	line-height: 2.2rem;
}
.status_info{font-size: .6rem;line-height: 2.2rem;color:#9c9c9c;}

.list-item{display:flex;justify-content: space-between;margin-top:10px;padding-left:.5rem;padding-right:.5rem;}
.list-item-con{display:flex;justify-content: flex-start;width:calc(96vw - 40px);overflow:hidden;}
.orderlistininfo{height: 27vw;width:40px;text-align:center;line-height:27vw;vertical-align:middle;}
.orderlistimg{height: 27vw;width:27vw;overflow:hidden;margin-right: 2px;}
.orderlistimg img{height: auto;max-width:27vw;border-radius: .2rem; }
.orderlisttitle{width:calc(96vw - 27vw - 55px);padding-left:10px;}

.filterist{padding-left:.5rem;padding-right:.5rem;border-bottom:1px solid #fbecff;display:flex;justify-content: space-between;align-items: center;}
.filterist-con{}
.filterist-btn{}
.mgright3{margin-right:3px;}
.ffont{font-size: .625rem;color:#414141;}
  
/* 查物流 */
#chawuliu{ width: 90vw;position:fixed;top:15vh;left:5vw;z-index:1000;border:1px solid #fbecff;background: #fff;
	border-radius: .5rem;overflow: hidden;-moz-box-shadow:0px 2px 9px #220433; -webkit-box-shadow:0px 2px 9px #220433; box-shadow:0px 2px 9px #220433;
}
#chawuliu-close{background-image: linear-gradient(45deg, #d90892, #7a31b0);text-align:center;height:5vh;line-height:5vh;vertical-align:middle;}
#chawuliu-body{height:65vh;text-align:center; overflow: scroll;}

#logisticshtml{list-style-type: none;text-align:left;}


.timeline {
    padding: 10px;
}
.timeline .recent{font-size: .625rem;text-align:left;color:#484848;}
.timeline-item-content {
    padding: 0 0 15px 1rem;
}


/* 个人中心 */
.evaluate {
	margin-top: -1.2rem;
}

.category-list {
	overflow: hidden;
	background: #fff;
	margin: 10px 0.5rem;
	border-radius: 0.4rem;
}

.mb10 {
	margin-bottom: .8rem;
}

.pb10 {
	padding-top: .01rem;
}


/**tab切换样式**/
.shop-list {
	margin-top: 0.8rem;
}

.tab-content {
	background: #fff;
	position: inherit;
	margin-left: 25%;
	margin-top: 3rem;
    /* right: 0;
    bottom: 0;
    left: 8.6rem; */
	padding-bottom: 3rem;
}

.tab-content .menuright {
	display: none;
}

.tab-content .menuright.active {
	display: block;
}

.cate-page {
	background: #fff;
	overflow: hidden;
	width: 90%;
	border-radius: 5px;
	margin: 0 auto;
}
.icon-95.payclose {
    position: absolute;
    right: 14px;top:8px;
}
.border-bottom{  border-bottom: solid 1px #F0F0F0;}
.orderlisttit{}
.recent{font-size: .82rem!important;}

/**订单详情页**/
.top-order-info {
  padding: 1.6rem;padding-top: 1rem;
  background-image: linear-gradient(to right, #f83231, #ff6029);
  text-align: center;
  color: #fff;
}
.go-pay {
  width: 10rem;
  height: 2.2rem;
  line-height: 2.2rem;
  display: block;
  border-radius: 1rem;
  background: #fff;
  color: #b86455;
  margin: 1rem auto 0;
  font-weight: bold;
}
.user-info-address {
  background-color: #fff; line-height:200%;
  border-radius: 10px;
  padding: 1.6rem 2rem;
  margin-top: -0.8rem;
}
.user-info-address h3,.user-info-address p{
 line-height:130%;
}
.ftitle {    font-size: .8rem;}

.listpos {
	text-align: center;
	height: 9vw;
	font-size: .8rem;
	line-height: 9vw;
	vertical-align: middle;
	background: #fff;
	border-radius: .3rem;
    /* margin-top:50px; */
	font-weight: bold;
	margin-left: .5rem;
	margin-right: .5rem;
	margin-bottom: 10px;
}
.bindline{height:5rem;transform: rotate(2deg);}
.bindline-hao{font-size: .7rem;color:#BEBEBE;border-bottom:2px solid #FF5809;text-align:center;margin-top:3rem;}
.bindline-bin{font-size: .7rem;color:#BEBEBE;text-align:center; }
.binded{border:1px solid #FF5809;border-radius: 50%;padding:3px;background:#fff;display:flex;}
.bindedup{　}
.name_up{margin-top:1.8rem;text-align:center;color:#3e3e3e;}


.mycomment{width:94vw;margin:0 auto 10px;border-radius:.3rem;display:flex;justify-content: space-between;;
    align-items: flex-start;background-image: linear-gradient(to right, #e9e9e9, #e5e0e0);}
.mycomment-left {width:20vw;text-align:center;}
.mycomment-left img{width:2.4rem;height:2.4rem;border-radius:50%;margin-top:.4rem;}
.mycomment-right {width:72vw;}
.mycomment-right p{line-height:150%;}
.mycomment-ul{display:flex;justify-content: flex-start;flex-wrap: wrap;
    align-items: flex-start;width:72vw;margin-top:10px;}
.mycomment-li{list-style:none;width:24vw;}
.mycomment-li img{width:4rem;height:4rem;}




/*红包*/
.bonus_amount{font-size:1rem;color:#ea3d3f;}
.bonus_desc{font-size:.6rem;color:#5e5d5d;}
.bonus_go{color:#ea3d3f;padding:5px;border: solid #ea3d3f 1px;}

.udshop{width: 46px;
    height: 46px;}


/*礼包*/
.libao{display:flex;  flex-wrap: wrap; justify-content: space-around;align-content: flex-start;}
.libaoleft{text-align:left;font-size:.675rem;margin-top:1rem;}
.libaoright{text-align:right;font-size:.675rem;margin-top:1rem;}


.middleimg{width:2rem;height:2rem;}
.wuliu-quanpin-img{width:100%;margin:0 auto;padding:0;height:auto;}
.wuliu-quanpin-img img{max-width:100%;}

/*专线物流*/
.weui-wuliu-content{width:100%;height:auto;display:flex;flex-direction: column;
    align-items: center;}
.weui-wuliu{display:flex;flex-direction: row;border:1px solid #d6d6d6;    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);border-radius: 1rem;padding:14px 6px;background:#fff;width:91vw;overflow:hidden;margin-top:20px;}
.wuliu-cell-left{width:11vw;display:flex;align-items: center;}
.wuliu-cell-right{width:12vw;display:flex;align-items: center;flex-direction: column;
    justify-content: center;
    align-items: center;}
.wuliu-label{    display:inline-block;font-size:14px; color:#f8f8f8   word-wrap: break-word;    word-break: break-all;    font-weight: normal;border-radius: 5px;border:1px solid #d6d6d6;padding:5px;border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.sellable{background:#87cbef;color:#fff;}
.wuliu-cell-middle{width:70vw;display:flex;    flex-direction: column;align-content: flex-start;justify-content: center;overflow:hidden;border-radius: 1rem;}

.wuliu-cell-list-address{height:0;background-color:#ffffff;width:91vw;display:flex;   margin:0 auto;overflow:hidden;flex-direction: column;}

.wuliu-cell-list-shouhuoaddress{width:100vw;height:100vh;background:#f2f2f2;position:fixed;top:0;left:100vw;z-index:100;overflow:hidden;}
.shouhuotitle{position:absolute;top:0;box-sizing: border-box;width:100vw;left:0;padding:10px;background-color:#fff;    height: 46px;
    line-height: 26px;
    vertical-align: middle;
}
.shouhuobuttom{position:absolute;bottom:0px;left:0px;padding:10px;box-sizing: border-box;width:100%;background-color:#fff;}
.shouhuobody{overflow-x:hidden;overflow-y:scroll;margin-top:42px;}
.addressbg{background-color:#f6f6f6;}
.seladdress{font-size:60px; font-size: 60px;    float: right;    display: none;    margin-top: -50px;    margin-right: 15px;}
.addresslist-line-s{background-color:#fff;width:100vw;margin:10px auto;padding: 10px 0 10px 0;}
.addresslist-line-s .addresslist_hd{width:90vw;margin-left:5vw;font-size:14px;color:#1d1d1d;}
.addresslist-line-s .addresslist_bd{width:90vw;margin-left:5vw;font-size:14px;color:#1d1d1d;}


.page-huoyuninfo{background: radial-gradient(125% 125% at 50% 90%, #87cbef  40%, #10aeff 100%);width:100vw;height:100vh;padding:10px;box-sizing: border-box;}
.huoyuninfo-info{width:100%;background-color:#fff;border-radius: 10px;    padding: 10px;
    margin: 10px 0;
    box-sizing: border-box;}
.huoyuninfo-line{padding:2px 3px;margin: 0;display:flex;justify-content: space-between;    align-items: center;    flex-direction: row;margin-bottom:10px;}
.huoyuninfo-line-btn{padding:2px 3px;margin: 0;display:flex;  align-items: center;    flex-direction: row;margin-bottom:0;justify-content:  space-between;gap: 10px;}

.grouphwinfo{display:flex;width:140px;height:30px;flex-grow: 1;justify-content: flex-end;}
.hwinfo{width:60px;height:30px;background-color:#f2f2f2;display:inline-block;border:1px solid #d6d6d6;text-align:center;}
.jianshao{width:30px;height:30px;display:inline-block;border:1px solid #d6d6d6;text-align:center;line-height:28px;vertical-align:middle;font-size:26px;background-color:#f2f2f2;color:#828282;padding-left:1px;
border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.zenjia{width:30px;height:30px;display:inline-block;border:1px solid #d6d6d6;text-align:center;line-height:28px;vertical-align:middle;font-size:26px;background-color:#f2f2f2;color:#828282;padding-right:1px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.bkspan{display:inline-block;}
.hwinfotype{width:170px;height:30px;background-color:#f2f2f2;display:inline-block;border:1px solid #d6d6d6;border-radius: 10px; text-indent:5px; }

.huoyuninfo-header-title{color:#fff;text-align:center;height:40px;overflow:hidden;
	font-size:clamp(12px,24px,36px);font-size:24px;;
	font-weight:800;
	letter-spacing:5px;animation: thing 4s 2s infinite alternate;
}

.addresslist_bd-fadesc{width: 90vw;border: 1px solid #10aeff;background-color:#f2f2f2;box-sizing: border-box;margin-left:5vw;padding:10px;border-radius: 10px;font-size:14px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.wuliu-label-fadesc{letter-spacing:1px;font-size:16px;font-weight:800;color:#333;}

.hwinfotypediv{background-color:#fff;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;width:80vw;height:20px;position:fixed;z-index:888;left:10vw;top:-100vh;border-top:3px solid #10aeff;padding-top:5px;}
.hwinfolable{display:inline-block;font-size:14px; color:#f8f8f8   word-wrap: break-word;    word-break: break-all;    font-weight: normal;border-radius: 5px;border:1px solid #d6d6d6;padding:5px;border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;margin:10px 0 0 15px;

}
.hwinfotypediv-close {
    font-size: 30px;
    background-color: #f1f1f1;
    position: absolute;
    border-radius: 20px;
    padding: 5px;
    top: -20px;
    right: -18px;
}
.threestep{
	width:300vw;position:fixed;top:10vh;height:90vh;background-color:#10aeff;overflow:hidden;display:flex;gap: 0;
    align-items: flex-start;z-index:109;box-sizing: border-box;
    flex-direction: row;
	left:100vw;top:100vh;
}
.huoyuninfodiv{width:100vw;padding: 10px; box-sizing: border-box;height:auto;}
.huoyuninfodiv2{width:100vw;padding: 10px; box-sizing: border-box;height:auto; position:fixed;left:100vw;z-index:2000;}
.bghuoyuninfo{ box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px
}
.huoyuninfo-line-cha{border-bottom:1px solid #10aeff;margin-bottom:10px;padding-bottom:8px;margin: 15px 0 8px 15px;}
.container-four {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 创建四列，每列宽度相等 box-shadow:0px -11px 32px -5px rgba(0,0,0,0.75); */
    gap: 4vw; /* 设置列与列之间的间隔 */
  }
  .column-four {
    background-color: #f0f0f0; /* 背景色 */
    box-sizing: border-box;width:20vw;height:20vw;
  }
.quanpin-img{height:20vw;width:20vw;}
.f-grayweisvg{color:#EF665B;line-height: 20px;
    vertical-align: middle;}



@keyframes thing {
   {letter-spacing:4px;
  }
  to {
   letter-spacing:7px;  }
}


.nextbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  width: 80px;
  height: 30px;
  background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
  border-radius: 20px;
  border: 1px solid #8F9092;
  transition: all 0.2s ease;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #606060;
  text-shadow: 0 1px #fff;
}

nextbutton:hover {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1;
}

nextbutton:active {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
}

nextbutton:focus {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
}

.radio-inputs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.5rem;
  background-color: #EEE;
  box-sizing: border-box;
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
  padding: 0.25rem;
  width: 100%;
  font-size: 14px;
}

.radio-inputs .cpradio ,.radio-inputs .fastcpradio{
  flex: 1 1 auto;
  text-align: center;
}

.radio-inputs .cpradio input ,.radio-inputs .fastcpradio input {
  display: none;
}

.radio-inputs .cpradio .namecp ,.radio-inputs .fastcpradio .namecp {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: none;
  padding: .4rem 0;
  color: rgba(51, 65, 85, 1);
  transition: all .15s ease-in-out;
}

.radio-inputs .cpradio input:checked + .namecp ,.radio-inputs .fastcpradio input:checked + .namecp {
  background-color: #fff;
  font-weight: 600;
}
.page-two-title{ padding:10px;display:flex;align-items: center;    justify-content: space-between;background-color:#eee;}

#payinfo{padding:10px;display:flex;align-items: center;    justify-content: space-between;background-color:#eee;}
.paybtn{padding:5px 10px; background-image: linear-gradient(90deg,#ff6600,#f57e2e);}
.factorydiv{box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;height:0;overflow:hidden;box-sizing: border-box;}
.nod{}



.fastfahuodiv{}
.fastfahuodivline{padding:0;margin:0;}
.fast_line_div{margin:0;}
.fast_line{clear:both;height:30px;padding: 6px 0;}
.fast_line_ren{float:left; max-width: 120px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}


.fast_line_num{float:right;margin-right: 10px;}
.fast_line_pri{float:right;}
.fast_line_header{display:flex;gap:5px;justify-content: space-around;}

.fastnamecp{width:200px;position:fixed;top:20px;left:100px;}

.adddiv{margin-top:10px;margin-bottom:10px;position: relative;padding-bottom:20px;}
.fast_shouhuoren{  display:inline-block;font-size:18px; color:#000; word-wrap: break-word;letter-spacing:1px;    word-break: break-all;    font-weight: normal;border-radius: 5px;border:1px solid #d6d6d6;padding:5px;border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;padding:6px 16px;margin-right:16px;margin-top:10px;}


.fast_grouphwinfo{display:flex;width:98px;height:30px;flex-grow: 1;justify-content: flex-end;}
.fast_hwinfo{width:30px;height:30px;background-color:#f2f2f2;display:inline-block;border:1px solid #d6d6d6;text-align:center;}
.fast_jianshao{width:30px;height:30px;display:inline-block;border:1px solid #d6d6d6;text-align:center;line-height:28px;vertical-align:middle;font-size:26px;background-color:#f2f2f2;color:#828282;padding-left:1px;
border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.fast_zenjia{width:30px;height:30px;display:inline-block;border:1px solid #d6d6d6;text-align:center;line-height:28px;vertical-align:middle;font-size:26px;background-color:#f2f2f2;color:#828282;padding-right:1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.tijidiv{overflow:hidden;height:0;padding:0;}
.zhongliang{overflow:hidden;height:0;padding:0;}


.weiziti{font-size:6px;color:#333;border:1px solid #10aeff;position:relative;width:40px;height:20px;line-height:20px;vertical-align:middle;display:none;}
.fangzhong{width:20px;height:20px;border:1px solid #10aeff;overflow:hidden;display:inline-block;line-height:20px;vertical-align:middle;border-radius: 15px;text-align:center;font-size:16px; display:none;}

.addmoreshouhuoren{display:inline-block;bottom:0;position:absolute;right:0;color:#b7b3b3;font-size:16px;}
.helpinfo{display:inline-block;bottom:-10px;position:absolute;left:0;color:#b7b3b3;font-size:12px;}
.hpimg{position:fixed;top:0;left:0;width:100%;z-index:2000;}

#job{border:0 solid #d6d6d6;display:inline-block;width:120px;}

.tongjiinfo{
    display: flex;height:36px;line-height:36px;vertical-align:middle;
    gap: 5px;
    justify-content: space-between;
}
.toolbar .picker-button {
    color: #10aeff;
}
.fast_line-pay{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 100vh;
    position: fixed;
    left: 0;top:-110vh;
    z-index: 1600;background-color:#fff;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.myselect{border:1px #0ea5e9e6 solid;display:flex;margin-bottom: 15px;}
.sjt{font-size:20px;height:45px;line-height:45px;vertical-align:middle;padding-left: 15px;}
.fast_line-payclose{font-size:24px;}
.editfast_line-pay{margin-right:10px;}
.fasttodoorder {
    margin-top: 10px;
}
.fast_line_ren_buconginfo{color:#333;font-size:12px;}
.dicm-img{width:100%;display:flex;gap: 10px;justify-content: flex-start;flex-wrap: wrap;}
.dicm-img img {max-width:80px;max-height:80px;}

.zdyfahuoinfo{background-color:#fff;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;width:80vw;height:auto;position:fixed;z-index:888;left:10vw;top:-150vh;border-top:3px solid #10aeff;padding:10px 10px 20px 10px; box-sizing: border-box;
}
.index_to{position:fixed;right:0;top:0;display: block;

    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}