@import url(./reset.css);
@import url(./animate.min.css);
@import url(./swiper.min.css);
@import url(https://at.alicdn.com/t/font_2869859_d9u39evc206.css?spm=a313x.7781069.1998910419.93&file=font_2869859_d9u39evc206.css);
:root {
  font-size: calc(100vw / 750 * 100);
}

.banner {
  position: relative;
}

.banner img {
  display: block;
  width: 100%;
}

.banner .banner-pagination {
  position: absolute;
  bottom: .15rem;
  z-index: 5;
  display: flex;
  justify-content: center;
  width: 100%;
}

.banner .banner-pagination .swiper-pagination-bullet {
  width: .2rem;
  height: .2rem;
  margin: 0 .1rem;
  opacity: 1;
  background-color: #fff;
}

.banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1e95d7;
}

.syProList {
  display: flex;
  flex-flow: column wrap;
  height: 4.6rem;
  justify-content: space-between;
  width: 7.1rem;
  margin: .3rem auto .5rem;
}

.syProList a,
.syProList img {
  display: block;
  width: 100%;
  height: 100%;
}

.syProList .item:nth-child(1) {
  width: 3.45rem;
  height: 4.6rem;
}

.syProList .item:nth-child(2) {
  width: 3.45rem;
  margin-left: auto;
  height: 2.2rem;
}

.syProList .item:nth-child(3) {
  width: 3.45rem;
  height: 2.2rem;
  margin-left: auto;
}

.syTit {
  background: url(../images/sytit.jpg) center no-repeat;
  background-size: 3.35rem auto;
  text-align: center;
  font-size: 0.36rem;
  margin: .5rem auto;
}

.syVideo {
  width: 6.85rem;
  margin: .2rem auto;
}

.syVideo .item {
  width: 3.3rem;
  margin-bottom: .2rem;
}

.syVideo .item:not(:nth-child(2n)) {
  margin-right: .25rem;
}

.syVideo .img {
  width: 3.3rem;
  height: 2.3rem;
  border-radius: 0.08rem;
  overflow: hidden;
}

.syVideo .img img {
  display: block;
  width: 3.3rem;
  height: 2.3rem;
}

.syVideo .tit {
  font-size: .24rem;
  color: #323232;
  line-height: .5rem;
}

.syVideo .info .flex {
  align-items: center;
}

.syVideo .trueMoney {
  font-size: .3rem;
  color: #e52219;
  margin: 0 .05rem;
}

.syVideo .oldMoney {
  color: #7c7c7c;
  text-decoration: line-through;
  font-size: 0.24rem;
}

.lev1 {
  background: #4594b2;
  color: #fff;
  padding: .02rem .07rem;
  font-size: .16rem;
  border-radius: .1rem;
  line-height: .26rem;
  text-align: center;
}

.lev2 {
  background: #1e95d7;
  color: #fff;
  padding: .02rem .07rem;
  font-size: .16rem;
  text-align: center;
  border-radius: .1rem;
  line-height: .26rem;
}

.lev3 {
  background: #00a5c3;
  text-align: center;
  color: #fff;
  padding: .02rem .07rem;
  font-size: .16rem;
  border-radius: .1rem;
  line-height: .26rem;
}

.lev4 {
  background: #d9ab60;
  color: #fff;
  padding: .02rem .07rem;
  font-size: .16rem;
  text-align: center;
  border-radius: .1rem;
  line-height: .26rem;
}

.vidmore {
  width: 5rem;
  height: 0.7rem;
  line-height: .7rem;
  text-align: center;
  margin: .3rem auto;
  background: #eeeeee;
  color: #474747;
  border: 1px solid #dcdcdc;
}

.footNav {
  height: .8rem;
  border-top: .02rem solid #dcdcdc;
  position: fixed;
  z-index: 9;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}

.footNav .item {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  font-size: .24rem;
}

.footNav .item a {
  color: #2c2c2c;
}

.footNav .item .ic {
  margin-bottom: .05rem;
  font-size: .3rem;
}

.footNav .item.active a {
  color: #1e96d6;
}

.footNav .item.active .ic {
  color: #1e96d6;
}

.company {
  font-size: .2rem;
  color: #a4a4a4;
  text-align: center;
  border-bottom: .2rem solid #e5e5e5;
  line-height: .5rem;
  margin-bottom: .8rem;
}

.company a {
  color: #a4a4a4;
}

.serchBg {
  background-color: #eee;
  height: .9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.serchBox {
  height: .65rem;
  border-radius: .65rem;
  display: flex;
  width: 7.2rem;
  overflow: hidden;
  background: #fff;
}

.serchBox .serchInp {
  width: 6.5rem;
  height: .65rem;
  padding: 0 .1rem;
}

.serchBox .serchSub {
  flex: 1;
  background: url(../images/serch.png) center no-repeat;
  background-size: .26rem .26rem;
}

.rule {
  font-size: .26rem;
  line-height: .9rem;
  text-align: center;
  width: 100%;
  border: 1px solid #dcdcdc;
}

.rule .item {
  flex: 1;
}

.rule .item:nth-child(1) {
  border-right: 1px solid #dcdcdc;
}

.rule .item.active {
  color: #1e96d6;
}

.proList {
  width: 6.85rem;
  margin: .2rem auto;
}

.proList .item {
  width: 3.3rem;
  margin-bottom: .2rem;
}

.proList .item:not(:nth-child(2n)) {
  margin-right: .25rem;
}

.proList .img {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 0.08rem;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.proList .img img {
  display: block;
  width: 3.3rem;
  height: 3.3rem;
}

.proList .tit {
  margin: .1rem 0;
  font-size: .24rem;
  color: #323232;
  line-height: .35rem;
}

.proList .info .flex {
  align-items: center;
}

.proList .trueMoney {
  font-size: .3rem;
  color: #e52219;
  margin: 0 .05rem;
}

.proList .oldMoney {
  color: #7c7c7c;
  text-decoration: line-through;
  font-size: 0.24rem;
}

.proDescription {
  padding: .2rem 0;
  border-bottom: 1px solid #dcdcdc;
}

.proDescription .sendStar {
  display: flex;
  align-items: center;
}

.proDescription .sendStar .img {
  width: .8rem;
  height: .8rem;
  border: 1px solid #dcdcdc;
}

.proDescription .sendStar .img img {
  display: block;
  width: .8rem;
  height: .8rem;
}

.proDescription .sendStar .span {
  color: #2c2c2c;
  font-size: .3rem;
  margin: 0 .3rem;
}

.proDescription .sendStar .descroption {
  font-size: .3rem;
}

.fiveStart {
  display: flex;
}

.fiveStart .item {
  width: .38rem;
  height: .36rem;
  background: url(../images/start.png) no-repeat;
  background-size: .96rem .36rem;
  background-position-x: -.59rem;
  margin-right: .1rem;
}

.fiveStart .item.active {
  background-position-x: 0;
}

.descriptionErea {
  margin: .5rem auto;
  width: 7rem;
}

.descriptionErea textarea {
  width: 100%;
  height: 3rem;
  border: 1px solid #dcdcdc;
  padding: .05rem;
}

.sendBtn {
  width: 7rem;
  margin: .5rem auto;
  line-height: .9rem;
  text-align: center;
  background: #1e96d6;
  color: #fff;
  display: block;
  font-size: .3rem;
}

.infoSwiper img {
  display: block;
  width: 100%;
}

.infoSwiper .infoPagenation {
  background: rgba(0, 0, 0, 0.3);
  padding: .1rem;
  color: #ffff;
  position: absolute;
  bottom: .5rem;
  right: .5rem;
  z-index: 5;
  font-size: .2rem;
  width: .8rem;
  text-align: center;
  left: auto;
  border-radius: .1rem;
}

.proInfoCon {
  padding-top: .15rem;
}

.proInfoCon .proName {
  font-size: .3rem;
  font-weight: bold;
  color: #323232;
  padding: .2rem 0;
}

.proInfoCon .proPrice {
  font-size: .25rem;
  color: #6e6e6e;
  padding: .2rem 0;
  border-bottom: 1px solid #dcdcdc;
}

.proInfoCon .proPrice span {
  color: #ff0000;
  font-size: .36rem;
  padding: 0 .1rem 0 0rem;
}

.specs {
  border-bottom: 1px solid #dcdcdc;
  padding: .1rem 0;
  margin-bottom: .2rem;
}

.specs .item {
  display: flex;
  margin: .15rem 0;
  font-size: .25rem;
}

.specs .item .name {
  width: 1rem;
  color: #6d6d6d;
}

.specs .item .inCase {
  color: #494949;
  flex: 1;
}

.proParameter {
  padding: .1rem 0;
}

.proParameter .title {
  font-size: .3rem;
  color: #494949;
  padding-left: .05rem;
  border-left: .07rem solid #06c9ab;
  line-height: .3rem;
  margin-bottom: .25rem;
}

.proParameter .item {
  display: flex;
  margin: .2rem 0;
  font-size: .25rem;
}

.proParameter .item .name {
  min-width: 1rem;
  color: #6d6d6d;
  text-align: right;
  margin-right: .2rem;
}

.proParameter .item .inCase {
  color: #494949;
  flex: 1;
}

.proEvaluate {
  border-top: .2rem solid #dcdcdc;
  padding: .25rem .25rem;
}

.proEvaluate .total {
  font-size: .28rem;
  color: #494949;
}

.proEvaluate .rate {
  font-size: .28rem;
}

.proEvaluate .rate a {
  color: #e2001f;
}

.proEvaluate .rate a .ic {
  color: #e2001f;
}

.userEvaluation {
  margin-top: .2rem;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: .3rem;
}

.userEvaluation .item {
  width: 100%;
}

.userEvaluation .item .row {
  width: 100%;
}

.userEvaluation .item .left {
  display: flex;
}

.userEvaluation .item .left .img {
  width: .72rem;
  height: .72rem;
  margin-right: .2rem;
}

.userEvaluation .item .left .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.userEvaluation .item .left .evaluation .userName {
  font-size: .24rem;
  color: #b7bbc0;
  margin-bottom: .1rem;
}

.userEvaluation .item .left .evaluation .info {
  width: 5rem;
  font-size: .3rem;
  color: #2b2b2b;
  line-height: .45rem;
}

.userEvaluation .item .time {
  font-size: .24rem;
  color: #959595;
}

.proDetailTitle {
  font-size: .3rem;
  color: #494949;
  padding-left: .05rem;
  border-left: .07rem solid #06c9ab;
  line-height: .35rem;
  margin-bottom: .2rem;
}

.shopFoot {
  position: fixed;
  bottom: 0;
  left: 0;
  height: .9rem;
  width: 100%;
  z-index: 9;
  background: #fff;
  border-top: 1px solid #dcdcdc;
  display: flex;
}

.shopFoot .footHome {
  display: flex;
  flex: 1;
  text-align: center;
}

.shopFoot .footHome .fooHomeBox {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
}

.shopFoot .footHome .fooHomeBox .ic {
  font-size: .35rem;
  line-height: .4rem;
}

.shopFoot .footHome .fooHomeBox:nth-child(1) {
  border-right: 1px solid #dcdcdc;
}

.shopFoot .footHome .fooHomeBox:nth-child(1) .ic {
  font-size: .39rem;
}

.shopFoot .footRight {
  width: 5.15rem;
  display: flex;
  text-align: center;
  line-height: .9rem;
  color: #fff;
  font-size: .25rem;
}

.shopFoot .footRight .shopCar {
  flex: 1;
}

.shopFoot .footRight .shopCar:nth-child(1) {
  background-color: #1e95d7;
}

.shopFoot .footRight .shopCar:nth-child(2) {
  background-color: #daaa5e;
}

.shadow {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  display: none;
}

.popUpShowContent {
  width: 100%;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  background: #fff;
  transform: translateY(100%);
  transition: all .3s;
}

.popUpShowContent .contentView {
  padding: .25rem;
}

.popUpShowContent .contentView .contentTopImg {
  width: 1.65rem;
  height: 1.65rem;
  border: 0.01rem solid #dcdcdc;
  margin-right: .2rem;
}

.popUpShowContent .contentView .contentTopImg img {
  display: block;
  width: 100%;
  height: 100%;
}

.popUpShowContent .contentView .contentTop {
  display: flex;
}

.popUpShowContent .contentInfo {
  flex: 1;
}

.popUpShowContent .contentInfo .proName {
  font-size: .3rem;
  font-weight: bold;
  color: #323232;
  line-height: .4rem;
  margin-top: .1rem;
}

.popUpShowContent .contentInfo .proPrice {
  font-size: .25rem;
  color: #6e6e6e;
  padding: .2rem 0;
  display: flex;
  align-items: flex-end;
}

.popUpShowContent .contentInfo .proPrice span {
  color: #ff0000;
  font-size: .36rem;
  padding: 0 .1rem 0 0rem;
}

.popUpShowContent .contentInfo .proPrice .lev1,
.popUpShowContent .contentInfo .proPrice .lev2,
.popUpShowContent .contentInfo .proPrice .lev3,
.popUpShowContent .contentInfo .proPrice .lev4 {
  margin-left: .2rem;
}

.popUpShowContent .contentBom {
  align-items: center;
  margin: .5rem 0;
}

.popUpShowContent .contentBom .numName {
  font-size: .28rem;
}

.reduceNum,
.addNum {
  font-size: .35rem;
  width: .6rem;
  height: .6rem;
  background-color: #eeeeee;
  color: #494949;
  text-align: center;
  line-height: .55rem;
}

.numInp {
  width: 1.15rem;
  height: .6rem;
  background-color: #eee;
  font-size: .25rem;
  margin: 0 .1rem;
  text-align: center;
}

.chooseType {
  justify-content: center;
  height: 0.8rem;
}

.chooseType .goItem {
  width: 3rem;
  height: 0.8rem;
  line-height: .8rem;
  text-align: center;
  border-radius: .8rem;
  color: #fff;
}

.chooseType .goCar {
  background-color: #1e96d6;
  margin-right: .2rem;
}

.chooseType .goBuy {
  background-color: #1e96d6;
}

.exceed {
  width: 3rem;
  height: 0.8rem;
  line-height: .8rem;
  text-align: center;
  border-radius: .8rem;
  color: #fff;
  background: #ccc;
  display: none;
}

.tabHead {
  width: 100%;
  height: 1rem;
  background-color: #1e95d7;
}

.tabHead .item {
  flex: 1;
}

.tabHead .item a {
  display: block;
  line-height: 1rem;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: .3rem;
  position: relative;
}

.tabHead .item.active a::after {
  content: "";
  display: block;
  width: .2rem;
  height: .05rem;
  border-radius: .05rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: .2rem;
  transform: translateX(-50%);
}

.orderList {
  background-color: #fafafa;
}

.orderList .item {
  border-bottom: .2rem solid #eaeaea;
  padding: .2rem .3rem;
}

.orderList .proContTop {
  border-bottom: 1px solid #dcdcdc;
  align-items: center;
  padding-bottom: .2rem;
}

.orderList .proContTop .proLeft {
  width: 6rem;
  display: flex;
}

.orderList .proContTop .proLeft .proImg {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .2rem;
}

.orderList .proContTop .proLeft .proInfo {
  width: 3.8rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-top: .1rem;
}

.orderList .proContTop .proLeft .proInfo .proName {
  font-size: .3rem;
  color: #323232;
}

.orderList .proContTop .proLeft .proInfo .proPrice {
  color: #ec5e2a;
  font-size: .3rem;
}

.orderList .proContTop .proLeft .proInfo .time {
  font-size: .24rem;
  color: #949494;
}

.orderList .proContTop .proNum {
  font-size: .3rem;
  color: #949494;
}

.orderList .prConBom {
  display: flex;
  justify-content: flex-end;
  padding-top: .2rem;
}

.orderList .prConBom .payItem {
  font-size: .25rem;
  border: 1px solid #dcdcdc;
  color: #ccc;
  line-height: .64rem;
  border-radius: .64rem;
  text-align: center;
  padding: 0 .35rem;
}

.orderList .prConBom .payItem a {
  color: #9b9b9b;
}

.orderList .prConBom .yellowBtn {
  border: 1px solid #ffa400;
  margin-left: .2rem;
}

.orderList .prConBom .yellowBtn a {
  color: #ffa400;
}

.orderState {
  font-size: .3rem;
  color: #fff;
  line-height: 1rem;
  background: #1e95d7;
  padding-left: .8rem;
}

.expressInformation {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  align-items: center;
  padding: .2rem;
}

.expressInformation .icon {
  margin-right: .2rem;
}

.expressInformation .icon img {
  width: .52rem;
  display: block;
}

.expressInformation .info .expressTop {
  font-size: .24rem;
  color: #178dfa;
  margin-bottom: .05rem;
  align-items: center;
}

.expressInformation .info .expressTop .copyBtn {
  margin-left: .5rem;
}

.expressInformation .info .expressTop .copyBtn img {
  display: block;
  width: .33rem;
}

.expressInformation .info .time {
  font-size: .2rem;
  color: #686868;
}

.orderReceivingInformation {
  align-items: center;
  padding-top: .2rem;
  background: url(../images/xiaxian.jpg) center bottom no-repeat;
  background-size: 100% auto;
  padding-bottom: .3rem;
}

.orderReceivingInformation .icon {
  color: #178dfa;
  width: .9rem;
  text-align: center;
}

.orderReceivingInformation .icon .ic {
  font-size: .5rem;
}

.orderReceivingInformation .receiveinfo {
  line-height: .36rem;
}

.orderReceivingInformation .receiveinfo .namePhone {
  font-size: .24rem;
  color: #494949;
}

.orderReceivingInformation .receiveinfo .address {
  margin-top: .1rem;
}

.orderReceivingInformation .receiveinfo .address .addressInfo {
  flex: 1;
}

.orderReceivingInformation .receiveinfo .addressInfo {
  font-size: .24rem;
}

.orderReceivingInformation .rightIcon {
  display: flex;
  width: .9rem;
  justify-content: center;
  align-items: center;
}

.orderReceivingInformation .icxiangyoujiantou {
  font-size: .35rem;
  color: #494949;
}

.proInList .item {
  padding: .2rem;
  border-bottom: 1px solid #dcdcdc;
  align-items: center;
  position: relative;
}

.proInList .item .flex {
  align-items: center;
}

.proInList .item .deletePro {
  position: absolute;
  bottom: .2rem;
  right: .3rem;
}

.proInList .item .deletePro .ic {
  font-size: .5rem;
}

.proInList .proImg {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .2rem;
  border: 1px solid #dcdcdc;
}

.proInList .proInfo {
  width: 4.3rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-top: .1rem;
  height: 1.8rem;
}

.proInList .proInfo .proName {
  font-size: .3rem;
  color: #323232;
}

.proInList .proInfo .proPrice {
  color: #ec5e2a;
  font-size: .3rem;
}

.proInList .proInfo .time {
  font-size: .24rem;
  color: #949494;
}

.proInList .proNum {
  font-size: .3rem;
  color: #949494;
  flex: 1;
  text-align: center;
}

.disInfo {
  padding: .25rem;
  font-size: .25rem;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: .1rem;
}

.disInfo .item {
  margin-bottom: .2rem;
}

.disInfo .disMoney {
  font-size: .3rem;
  color: #e52219;
}

.timeInfo {
  padding: .25rem;
  font-size: .25rem;
  color: #3d3d3d;
}

.timeInfo .item {
  margin-bottom: .2rem;
}

.timeInfo .item .name {
  margin-right: .3rem;
  width: 1.2rem;
  text-align: right;
}

.timeInfo .left .orderNum {
  color: #e52219;
}

.timeInfo .copyOrderNum {
  color: #e52219;
}

.remarks {
  padding: 0 .25rem;
  font-size: .25rem;
  color: #b1b2b6;
}

.refund {
  background-color: #fafafa;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 .25rem;
  height: 1rem;
  margin-top: .25rem;
}

.refund .refundBtn {
  font-size: .26rem;
  color: #ffa400;
  border: 1px solid #ffa400;
  height: .65rem;
  border-radius: .65rem;
  line-height: .65rem;
  width: 1.4rem;
  text-align: center;
}

/*+++*/
.guanli {
  background: #fff;
  height: 0.8064rem;
  align-items: center;
  margin-bottom: 0.189rem;
  padding: 0 0.252rem;
}

.guanli .guanli-item {
  font-size: 0.2615rem;
  color: #3f3f3f;
}

.guanli .guanli-item span {
  color: #c95553;
}

.guanli .gunali-btn,
.guanli .gunali-btn2 {
  width: 0.9072rem;
  height: 0.504rem;
  border: 0.0202rem solid #7f7f7f;
  text-align: center;
  line-height: 0.4838rem;
  font-size: 0.2615rem;
  border-radius: 0.126rem;
}

.guanli .gunali-btn2 {
  display: none;
  background: #50d8b5;
  color: #fff;
}

.shop-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.9072rem;
  background: #fff;
  z-index: 5;
  padding-left: 0.2016rem;
  overflow: hidden;
}

.shop-bar a {
  display: block;
  float: left;
  height: 100%;
}

.shop-btn1,
.shop-btn2 {
  width: 16%;
  text-align: center;
  color: #424242;
  font-size: 0.2016rem;
  padding-top: 0.504rem;
}

.shop-btn3,
.shop-btn4 {
  width: 34%;
  line-height: 0.9072rem;
  text-align: center;
  color: #fff;
  font-size: 0.3024rem;
}

.shop-bar a.shop-btn5 {
  float: none;
  width: 30%;
  float: right;
  line-height: 0.9072rem;
  text-align: center;
  color: #fff;
  font-size: 0.3629rem;
  background: #e62a38;
}

.shop-btn1 {
  background: url(../images/shop1.png) center 0.1512rem no-repeat;
  background-size: auto 0.3024rem;
  border-right: 0.0159rem solid #dcdcdc;
}

.shop-btn2 {
  background: url(../images/shop2.png) center 0.1512rem no-repeat;
  background-size: auto 0.3024rem;
}

.shop-btn3 {
  background: #06c9ab;
}

.shop-btn4 {
  background: #f8b541;
}

.shop-bar .all-a {
  width: 30%;
  float: left;
  height: 0.9072rem;
  position: relative;
  font-size: 0.3024rem;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: 0.9072rem;
}

.shop-total {
  position: absolute;
  right: 30%;
  top: 0;
  width: 38%;
  font-size: 0.3024rem;
  line-height: 0.9072rem;
  color: #333;
}

.shop-total span {
  color: #ec5e2a;
}

.all-a1 input {
  position: relative;
  top: 0.0567rem;
  margin-right: 0.0995rem;
}

.shop-bar a.car-delite {
  display: none;
  background: #c52524;
}

.check-box input {
  position: relative;
}

.check-box input[type=checkbox],
.check-box input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  outline: 0 !important;
  border: 0;
  font-size: 1em !important;
}

.check-box input[type=checkbox]:before,
.check-box input[type=radio]:before {
  display: inline-block;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.7rem;
  font-weight: thin;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ec3131;
}

.check-box input[type=radio]:before,
.check-box input[type=checkbox]:before {
  content: "";
  background: url(../images/check2.png) center no-repeat;
  background-size: 100% 100%;
  width: 0.32rem;
  height: 0.32rem;
  display: block;
}

.check-box input[type=radio]:checked:before,
.check-box input[type=checkbox]:checked:before {
  content: "";
  background: url(../images/check1.png) center no-repeat;
  background-size: 100% 100%;
  width: 0.32rem;
  color: #ec3131;
  height: 0.32rem;
  display: block;
}

.delete-box {
  display: none;
  width: 8rem;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  overflow: hidden;
}

.delete-box h1 {
  line-height: 2rem;
  text-align: center;
}

.delete-box .d1,
.delete-box .d2 {
  width: 50%;
  text-align: center;
  float: left;
  font-size: 0.45rem;
  line-height: 1.4rem;
  background: #adadac;
  color: #fff;
}

.delete-box .d2 {
  background: #e2232d;
}

.carList .item {
  position: relative;
}

.carList .item .check-box {
  margin-right: .3rem;
}

.carList .item .numChangeBox {
  position: absolute;
  right: .2rem;
  bottom: .2rem;
}

.aboutContent .info-c {
  padding: .25rem;
}

.adviceTit {
  font-size: .3rem;
  color: #555555;
  padding-left: .25rem;
  line-height: .9rem;
}

.adviceTextCon {
  border: 1px solid #dcdcdc;
}

.adviceTextCon textarea {
  width: 100%;
  font-size: .3rem;
  border: none;
  height: 2rem;
  color: #b5b5b5;
  padding: .25rem;
}

.contactInfo {
  border-bottom: 1px solid #dcdcdc;
}

.contactInfo .adviceTit {
  margin-right: .2rem;
}

.contactInfo .right {
  flex: 1;
}

.contactInfo .right input {
  width: 100%;
  font-size: .25rem;
  height: .9rem;
  line-height: .9rem;
  color: #000;
  color: #b5b5b5;
}

.contactTips {
  padding-left: .25rem;
  font-size: .3rem;
  color: #b5b5b5;
  padding-top: .1rem;
}

.sendBtn {
  margin-top: 2rem;
}

.applyform {
  padding: .25rem;
}

.formItem {
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}

.formItem .name {
  line-height: 1rem;
  min-width: 1.3rem;
  margin-right: .2rem;
  font-size: .3rem;
  color: #3b3b3b;
}

.formItem .inputBox {
  flex: 1;
}

.formInp {
  font-size: .3rem;
  line-height: 1rem;
  position: relative;
}

.formSelect {
  border: none;
  width: 100%;
  height: 1rem;
  font-size: .3rem;
}

#sendSmsCodeBtn {
  position: absolute;
  top: 50%;
  right: .2rem;
  font-size: .25rem;
  transform: translateY(-50%);
  padding: .2rem;
}

.uploadImg .z_file {
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/uploadimg.jpg) center no-repeat;
  background-size: 1.3rem auto;
}

.uploadImg .z_file .upload {
  opacity: 0;
  width: 1.3rem;
  height: 1.3rem;
}

.z-imgbox {
  width: 100%;
  padding: .25rem;
  display: flex;
}

.z-imgbox .z_addImg {
  margin-bottom: .25rem;
}

.z-imgbox .z_addImg:nth-child(2n) {
  margin-left: .5rem;
}

.z-imgbox .z_addImg a {
  width: 3rem;
  height: 3rem;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.z-imgbox .z_addImg img {
  max-width: 95%;
  max-height: 95%;
}

.delete-img {
  padding: .2rem;
  background: #1e96d6;
  color: #fff;
  text-align: center;
  font-size: .25rem;
  margin-top: .1rem;
}

.z_mask {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
  z-index: 10;
}

.z_cancel {
  border-right: 1px solid #dcdcdc;
}

.z_alert {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.z_alert p {
  font-size: 0.3rem;
  padding: .2rem;
  line-height: 1rem;
  border-bottom: 1px solid #dcdcdc;
}

.z_alert .row {
  font-size: 0.3rem;
}

.z_alert .row span {
  line-height: 0.8rem;
  flex: 1;
  cursor: pointer;
}

.textarea textarea {
  width: 100%;
  font-size: .28rem;
  border: none;
}

.cashContent {
  min-height: 100vh;
  background: #f7f7f7;
  padding: .6rem .25rem 0;
}

.cashContent .cashBox {
  border: 1px solid #dcdcdc;
  background: #fff;
}

.cashContent .cashBox .cashItem {
  line-height: 1rem;
  font-size: .3rem;
  padding: 0 .2rem;
}

.cashContent .cashBox .cashItem:nth-child(1) {
  border-bottom: 1px solid #dcdcdc;
}

.cashContent .cashBox .cashItem .name {
  min-width: 1.65rem;
}

.cashContent .cashBox .cashItem .allMoney,
.cashContent .cashBox .cashItem .cashMoney {
  flex: 1;
}

.cashContent .cashBox .cashItem .cashInp {
  width: 100%;
  height: 1rem;
}

.cashTips {
  color: #a5a5a5;
  font-size: .22rem;
}

.cashTips span {
  color: #e63f2d;
}

.turnBackPro {
  background: #fafafa;
  padding: .2rem .3rem;
}

.turnBackPro a {
  align-items: center;
}

.turnBackPro .left {
  width: 6.3rem;
}

.turnBackPro .img {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .2rem;
}

.turnBackPro .proInfo .name {
  font-size: .3rem;
  color: #323232;
  line-height: .5rem;
  margin-top: .08rem;
}

.turnBackPro .proInfo .time {
  color: #949494;
  margin-top: .25rem;
}

.turnBackPro .proNum {
  font-size: .3rem;
  color: #949494;
}

.turnBackItem {
  background: #ffffff;
  border-bottom: .2rem solid #fafafa;
  height: 1rem;
  align-items: center;
  padding: 0 .3rem;
}

.turnBackItem .name {
  font-size: .3rem;
  margin-right: .25rem;
}

.turnBackItem .right {
  flex: 1;
}

.reasonShoose {
  border: none;
  background: none;
  font-size: .3rem;
}

.backMoney {
  color: #ec5e2a;
  font-size: .3rem;
}

.videoList {
  padding: 0 .25rem;
}

.videoList a {
  display: flex;
  padding: .25rem 0;
}

.videoList .item:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}

.videoList .item:not(:nth-child(2n)) {
  margin-right: .25rem;
}

.videoList .img {
  width: 2.35rem;
  height: 1.65rem;
  border-radius: 0.08rem;
  overflow: hidden;
  margin-right: .2rem;
}

.videoList .img img {
  display: block;
  width: 2.35rem;
  height: 1.65rem;
}

.videoList .tit {
  font-size: .3rem;
  color: #323232;
  line-height: .5rem;
  margin-bottom: .25rem;
}

.videoList .info {
  flex: 1;
}

.videoList .info .flex {
  align-items: center;
}

.videoList .trueMoney {
  font-size: .3rem;
  color: #e52219;
  margin: 0 .05rem;
}

.videoList .oldMoney {
  color: #7c7c7c;
  text-decoration: line-through;
  font-size: 0.24rem;
}

.videoBox {
  width: 100%;
}

.videoBox .video {
  width: 100%;
}

.videoInfo {
  padding: .3rem;
  border-bottom: .2rem solid #e5e5e5;
}

.videoInfo .videoTit {
  font-size: .36rem;
  color: #000;
}

.videoInfo .videoMoney {
  align-items: center;
  margin: .2rem 0;
  padding-bottom: .4rem;
}

.videoInfo .videoMoney .trueMoney {
  font-size: .3rem;
  color: #e52219;
  margin: 0 .05rem;
}

.videoInfo .videoMoney .oldMoney {
  color: #7c7c7c;
  text-decoration: line-through;
  font-size: 0.24rem;
}

.qita {
  font-size: .28rem;
  color: #000;
  margin-top: .2rem;
  padding-left: .3rem;
}

.payment {
  border-top: 1px solid #dcdcdc;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
}

.payment .totalMoney {
  font-size: .25rem;
  flex: 1;
  text-align: right;
  padding-right: .2rem;
  color: #7c7c7c;
  line-height: .9rem;
}

.payment .totalMoney span {
  font-size: .3rem;
  color: #e52219;
}

.payment .goPay {
  background: #1e96d6;
  color: #fff;
  text-align: center;
  line-height: .9rem;
  font-size: .3rem;
  width: 2.35rem;
}

.addressWindow {
  background: #ffff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  padding: .3rem;
  transition: all .3s;
  transform: translateY(100%);
}

.addressWindow .close {
  font-size: .5rem;
  position: absolute;
  top: .3rem;
  color: #b7b7b7;
  right: .3rem;
}

.addressWindow .title {
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  line-height: .5rem;
}

.addressWindow .list {
  margin-top: .5rem;
}

.addressWindow .list .item {
  align-items: center;
  margin-bottom: .3rem;
}

.addressWindow .list .item .ic {
  font-size: .32rem;
  margin-right: .2rem;
}

.addressWindow .list .item.active {
  color: #1e96d6;
}

.addressWindow .list .item.active .ic {
  color: #1e96d6;
}

.addressWindow .list .address .addressInfo {
  flex: 1;
}

.goNew {
  font-size: .3rem;
  align-items: center;
}

.goNew .right {
  display: flex;
  align-items: center;
}

.goNew img {
  width: .3rem;
}

.goNew .ic {
  font-size: .35rem;
  color: #494949;
}

.tixianNav {
  display: flex;
}

.tixianNav .item {
  flex: 1;
  font-size: .3rem;
  text-align: center;
  line-height: .8rem;
}

.tixianNav .item.active a {
  color: #1e96d6;
}

.tixianNav .item a {
  display: block;
}

.tiXianMoney {
  background-color: #eeeeee;
  color: #666666;
  font-size: .28rem;
  height: .8rem;
  align-items: center;
  padding: 0 .3rem;
}

.tiXianMoney .monthchoose {
  background: none;
  border: none;
}

.tixianList {
  padding: 0 .3rem;
}

.tixianList .item {
  border-bottom: 1px solid #dcdcdc;
  padding: 0.3rem 0;
  align-items: center;
}

.tixianList .item .left {
  font-size: .3rem;
  color: #464646;
}

.tixianList .item .right {
  color: #949494;
}

.tixianList .item .right h1 {
  font-size: .25rem;
  margin-bottom: .05rem;
}

.tixianList .item .right h2 {
  font-size: .25rem;
}

.addressAdd .item {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1.59px solid #dcdcdc;
  height: 0.9072rem;
  line-height: 0.9072rem;
}

.addressAdd .item:nth-child(4) {
  height: 1.89rem;
}

.addressAdd .item:nth-child(4) .address-text {
  border: none;
  padding: 0.2835rem 0 0;
  width: 100%;
  height: 1.827rem;
}

.addressAdd .item .name {
  width: 1.89rem;
  color: #000000;
  font-size: 0.3024rem;
  padding-left: 0.3024rem;
}

.addressAdd .item .info {
  width: 5.67rem;
  font-size: 0.3024rem;
  color: #bfbfbf;
}

.addressAdd .item .info .add-int {
  width: 100%;
}

.add-choose {
  padding-top: 0.3024rem;
}

.add-choose .checkbox {
  justify-content: left;
  padding-left: 0.3024rem;
}

.add-choose .checkbox .checkbox-true {
  width: 0.3024rem;
  height: 0.3024rem;
}

.add-choose .checkbox .tixi {
  font-size: 0.3024rem;
  color: #000;
}

.address-btn {
  height: 0.8064rem;
  line-height: 0.8064rem;
  margin-top: 1.26rem;
}

.checkbox-true {
  width: 0.3rem;
  height: 0.3rem;
  border: none;
  background: url(../images/check2.png) center no-repeat;
  background-size: 100% 100%;
  margin-right: 0.2rem;
}

.checkbox {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.checkbox .tixi {
  font-size: 0.32rem;
}

.checkbox .tixi .tanchu {
  color: #e63f2d;
  display: inline;
}

.chooseAddressList {
  padding: 0 .3rem;
}

.chooseAddressList .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 0;
  border-bottom: 1px solid #dcdcdc;
}

.chooseAddressList .item .left {
  width: .5rem;
}

.chooseAddressList .item .name-tle {
  margin-bottom: .05rem;
}

.chooseAddressList .item .info {
  flex: 1;
  font-size: .3rem;
}

.chooseAddressList .item .modify {
  width: .8rem;
  text-align: center;
}

.chooseAddressList .item .modify img {
  width: 0.35rem;
}

.wuliuInfo {
  background: #f7f7f7;
  padding: .3rem;
}

.wuliuInfo .top {
  background: #fff;
  padding: .3rem .3rem .3rem 0;
}

.wuliuInfo .top .left {
  width: 1rem;
}

.wuliuInfo .top .left img {
  margin: 0 auto;
  display: block;
  width: .55rem;
}

.wuliuInfo .top .kuaidiInfo {
  flex: 1;
}

.wuliuInfo .top .kuaidiInfo .kuaidiNum {
  font-size: .25rem;
  color: #1e96d6;
}

.wuliuInfo .top .kuaidiInfo .kuaidiTime {
  font-size: .22rem;
  color: #686868;
  margin: .05rem 0 .1rem;
}

.wuliuInfo .top .kuaidiInfo .kuaidiArrive {
  color: #686868;
  font-size: .25rem;
}

.wuliuInfo .list {
  position: relative;
  margin-top: .3rem;
  background: #fff;
  padding: .3rem;
}

.wuliuInfo .list::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  left: 1.35rem;
  top: .3rem;
  height: calc(100% - .6rem);
  background: #dcdcdc;
  z-index: 1;
}

.wuliuInfo .list .arriveAdd {
  display: flex;
  padding-left: .85rem;
  margin-bottom: .5rem;
}

.wuliuInfo .list .arriveAdd img {
  width: .4rem;
  display: block;
  position: relative;
  z-index: 5;
  margin-right: .2rem;
}

.wuliuInfo .list .arriveAdd .info {
  font-size: .23rem;
  line-height: 0.4rem;
}

.wuliuInfo .list .item {
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
  position: relative;
  z-index: 5;
}

.wuliuInfo .list .item .mid {
  width: 0.1rem;
  height: .1rem;
  background: #dcdcdc;
  border-radius: .1rem;
  position: relative;
  margin: 0 .1rem;
}

.wuliuInfo .list .item .time {
  width: .9rem;
  text-align: center;
}

.wuliuInfo .list .item .time h1 {
  font-size: .23rem;
  color: #717171;
  line-height: 0.4rem;
}

.wuliuInfo .list .item .info h1 {
  font-size: .25rem;
  color: #686868;
  margin-bottom: .05rem;
}

.wuliuInfo .list .item .info h2 {
  font-size: .22rem;
  color: #686868;
}

.wuliuInfo .sign .mid::after {
  width: .3rem;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: .3rem;
  background: url(../images/huanggou.png) center no-repeat;
  background-size: .3rem auto;
}

.myHead {
  background: url(../images/myhead.jpg) center no-repeat;
  height: 2.8rem;
  width: 100%;
  background-size: 100% auto;
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myHead .left {
  display: flex;
  align-items: center;
}

.myHead .toux {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  overflow: hidden;
}

.myHead .toux img {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}

.myHead .info {
  margin-left: .2rem;
}

.myHead .info .name {
  font-size: .3rem;
  color: #fff;
  margin-bottom: .1rem;
}

.myHead .info .lev {
  background: #d79e6b;
  color: #fff;
  line-height: .36rem;
  border-radius: .36rem;
  text-align: center;
  display: flex;
  padding: 0 .15rem;
  align-items: center;
}

.myHead .info .lev img {
  display: block;
  width: .25rem;
  height: .2rem;
}

.goUser {
  display: block;
  width: 1.55rem;
  line-height: .64rem;
  text-align: center;
  border: 1px solid #ffff;
  border-radius: .64rem;
  color: #fff;
}

.myNav {
  width: 7rem;
  background: #fff;
  border-radius: .2rem;
  margin: .3rem auto;
}

.myNav .top {
  font-size: .25rem;
  border-bottom: 1px solid #f3f3f3;
  line-height: .6rem;
  padding: 0 .3rem;
}

.myNav .top .name {
  color: #010101;
}

.myNav .top a {
  color: #939393;
}

.myNav .item {
  flex: 1;
  text-align: center;
  font-size: .3rem;
}

.myNav .item a {
  padding-top: .2rem;
  display: block;
  padding-bottom: .2rem;
}

.myNav .item img {
  display: block;
  width: .55rem;
  display: block;
  margin: 0 auto .15rem;
}

.myList {
  width: 7rem;
  background: #fff;
  border-radius: .2rem;
  margin: 0 auto;
  padding: 0 .3rem .001rem;
  margin-bottom: .8rem;
}

.myList a {
  align-items: center;
  padding: .25rem 0;
  border-bottom: 1px solid #f3f3f3;
}

.myList .name {
  font-size: .3rem;
  color: #010101;
}

.myList img {
  width: .6rem;
}

.outBtn {
  width: 100%;
  line-height: .7rem;
  text-align: center;
  font-size: .3rem;
  color: #fff;
  background: #1e96d6;
  border-radius: .1rem;
  margin: .5rem auto;
}

.myVideo {
  padding: .2rem .35rem;
}

.myVideo .item {
  border-bottom: 1px solid #dcdcdc;
}

.myVideo .item a {
  display: flex;
  padding: .3rem 0;
  align-items: center;
}

.myVideo .img {
  width: 2.35rem;
  margin-right: .2rem;
  height: 1.65rem;
}

.myVideo .info {
  flex: 1;
}

.myVideo .info h1 {
  font-size: .3rem;
  color: #323232;
  margin-bottom: .05rem;
}

.myVideo .info h2 {
  font-size: .24rem;
  color: #7c7c7c;
}

.paihangTop {
  background: #1e96d6;
  color: #fff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 2.35rem;
}

.paihangTop h1 {
  font-size: .24rem;
}

.paihangTop h1 span {
  font-size: .6rem;
  font-weight: bold;
}

.paihangTop h2 {
  font-size: .24rem;
}

.paihangType {
  padding: 0 .3rem;
  align-items: center;
  height: 1rem;
}

.paihangType .left {
  font-size: .3rem;
  color: #585858;
}

.paihangType select {
  height: .5rem;
  border: 1px solid #dcdcdc;
  background: #fff;
}

.paihangNav {
  background: #eeeeee;
  line-height: .8rem;
  padding: 0 .3rem;
}

.paihangNav .item {
  font-size: .24rem;
  color: #2f2f2f;
}

.paihangList {
  padding: 0 .3rem;
}

.paihangList .item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  padding: 0;
  align-items: center;
  padding: .2rem .3rem;
}

.paihangList .user {
  display: flex;
  font-size: .24rem;
  align-items: center;
  width: 5rem;
  justify-content: center;
  color: #2f2f2f;
}

.paihangList .user .name {
  max-width: 4rem;
}

.paihangList .user .img {
  width: .55rem;
  margin-right: .2rem;
  height: .55rem;
  overflow: hidden;
  border-radius: 50%;
}

.paihangList .user .img img {
  width: .55rem;
  height: .55rem;
  display: block;
}

.yongjinList {
  padding: 0 .3rem;
}

.yongjinList .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f7f7f7;
  padding: 0.2rem 0;
}

.yongjinList .item h1 {
  font-size: .24rem;
  color: #092545;
  margin-bottom: .05rem;
}

.yongjinList .item h2 {
  font-size: .2rem;
  color: #b1b7c3;
}

.yongjinList .item .right {
  font-size: .3rem;
}

.yongjinList .item.add .right {
  color: #ff3e2c;
}

.yongjinList .item.reduce .right {
  color: #5fa04e;
}

.userTalk {
  padding: 0 .3rem;
}

.userTalk .item {
  padding: .2rem 0;
  border-bottom: 1px solid #f7f7f7;
}

.userTalk .toux {
  width: .73rem;
  height: .73rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: .2rem;
}

.userTalk .toux img {
  display: block;
  width: .73rem;
  height: .73rem;
}

.userTalk .name,
.userTalk .time {
  font-size: .24rem;
  color: #b7bbc0;
}

.userTalk .info {
  flex: 1;
}

.userTalk .infoT {
  font-size: .3rem;
  line-height: .45rem;
  margin-top: .1rem;
}

.tuiguangTop {
  background: #1e96d6;
  height: 3rem;
  padding: .3rem;
  position: relative;
  color: #fff;
}

.tuiguangTop .goJilu {
  display: block;
  color: #fff;
  text-align: right;
}

.tuiguangTop .now {
  text-align: center;
}

.tuiguangTop .now h1 {
  font-size: .3rem;
}

.tuiguangTop .now h2 {
  font-size: .8rem;
  font-weight: bold;
}

.tuiguangTop .bom {
  text-align: center;
}

.tuiguangTop .bom h1 {
  font-size: .3rem;
}

.tuiguangTop .bom h2 {
  font-size: .3rem;
}

.tuiguangTop .goTixian {
  display: block;
  position: absolute;
  width: 2.8rem;
  height: .8rem;
  line-height: .8rem;
  border-radius: .8rem;
  text-align: center;
  box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.3);
  background: #fff;
  bottom: -.4rem;
  left: 50%;
  transform: translateX(-50%);
}

.tuiguangNav {
  padding: 0.3rem;
  margin-top: .8rem;
}

.tuiguangNav .item {
  width: 3.3rem;
  height: 2.25rem;
  background: #ffff;
  margin-bottom: .3rem;
}

.tuiguangNav .item:nth-child(2n) {
  margin-left: .3rem;
}

.tuiguangNav .item a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.tuiguangNav .item a h1 {
  font-size: .3rem;
  color: #5f5f5f;
}

.tuiguangNav .item a img {
  width: .8rem;
  margin-bottom: .1rem;
}

.shareTop {
  padding: .3rem;
  align-items: center;
}

.shareTop .toux {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: .2rem;
}

.shareTop .toux img {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}

.shareTop .name {
  font-size: .3rem;
  color: #b7bbc0;
}

.shareBom {
  padding: .3rem;
}

.shareBom .shareInp {
  width: 100%;
  font-size: .3rem;
  height: .85rem;
  line-height: .85rem;
  background: #eeeeee;
  color: #696969;
  padding: 0 .2rem;
}

.shareBom .shareArea {
  width: 100%;
  font-size: .2rem;
  font-size: .3rem;
  background: #eeeeee;
  color: #696969;
  height: 5rem;
  padding: .3rem;
  border: none;
  margin-top: .2rem;
}

.tuiguanImg {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.tuiguanImg .imgbox {
  position: relative;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tuiguanImg .imgbox .close {
  position: absolute;
  font-size: .6rem;
  color: #000;
  background: #fff;
  border-radius: 50%;
  width: .6rem;
  height: .6rem;
  right: 0;
  top: -.3rem;
  right: -.3rem;
  color: #e3e3e3;
}

.tuiguanImg img {
  width: 100%;
}