html, body {
  width: 100%;
  min-height: 100%;
}

select, input, button {
  border: 0;
  outline: 0;
}

input:-moz-placeholder {
  color: #ccc;
  top: 51%;
}

input::-moz-placeholder {
  color: #ccc;
  top: 51%;
}

input:-ms-input-placeholder {
  color: #ccc;
  top: 51%;
}

input::-webkit-input-placeholder {
  color: #ccc;
  top: 51%;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*background: url("../../static/img_ycyy/icon_arrow.png") no-repeat right center;*/
  background-size: .3rem auto;
  padding-right: .5rem;
}

/*移车应用*/
/*.ycyy {*/
/*  width: 100%;*/
/*  min-height: 100%;*/
/*  float: left;*/
/*  background: #f9f9f9;*/
/*}*/
.ycyy{width: 100%; height: 100%; float: left;position: relative;}
/*移车应用-首页*/
.ycyy-index {
  height: 100%;
  /*background: url("../../static/img_ycyy/ycyy.jpg") no-repeat center center;*/
  background-size: 100% 100%;
}

.ycyy-index .top-img {
  width: 3.4rem;
  float: left;
  position: relative;
  left: 50%;
  margin: 1rem 0 0 -1.7rem;
}

.ycyy-index .ul-menu {
  width: 100%;
  float: left;
  margin-top: .8rem;
  padding: 0 .5rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.ycyy-index .ul-menu li {
  width: 2.6rem;
  height: 1.58rem;
  line-height: 1.58rem;
  font-weight: bold;
  font-size: .36rem;
  color: #37a1ff;
  border-radius: 4px;
  background: linear-gradient(to bottom, #fff 10%, #dbe9ff 90%);
}

.ycyy-index .ul-menu li img {
  width: .59rem;
  display: inline;
  vertical-align: middle;
  margin-right: .15rem;
}

.ycyy-index .ul-menu-three li {
  width: 3rem;
  font-size: .32rem;
}

/*移车应用-首页-堵路移车*/
.ycyy .title {
  width: 100%;
  float: left;
  padding: .22rem .2rem;
  box-sizing: border-box;
  font-weight: bold;
  font-size: .3rem;
  background: #f2f2f2;
}

.ycyy .row-form {
  width: 100%;
  float: left;
}

.ycyy .row-form .row {
  font-size: .3rem;
  background: #fff;
  border-bottom: 1px solid #F2F2F2;
}

.ycyy .row-form .row.rowheightauto {
  height: auto;
}

.ycyy .row-form .row-lf {
  width: 1.45rem;
  height: 100%;
  float: left;
  position: relative;
  color: #666;
  padding-top: .3rem;
}

.ycyy .row-form .row-lf::after {
  content: '';
  position: absolute;
  right: 0;
  top: .14rem;
  bottom: .14rem;
  width: .02rem;
  background: #f2f2f2;
}

.ycyy .row-form .row-rt {
  padding-left: 1.7rem;
  padding-top: .3rem;
  height: 100%;
  color: #333;
  position: relative;
}

.ycyy .row-form .row-rt.icon-rt {
  padding-right: .5rem;
}

.ycyy .row-form .row-rt .text-lf {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  padding-left: 0rem;
  box-sizing: border-box;
}

.ycyy .row-form .row-rt .text-lf .text {
  width: .4rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #37a1ff;
}

.ycyy .row-form .row-rt .icon {
  width: .34rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.ycyy .row-form .row-rt .icon-map {
  width: .36rem;
  top: .39rem;
  right: 0;
  transform: translateY(0);
}

.ycyy .row-form .row-rt .icon-phone1 {
  width: .28rem;
}

.ycyy .row-form .row-rt .icon-brand {
  width: .36rem;
}

.ycyy .row-form .row-rt .icon-camera {
  width: .52rem;
}

.ycyy .row-form .row-rt .icon-arrowy {
  width: .28rem;
  transform: rotate(-90deg);
}

.ycyy .row-form .row-rt .text {
  height: 100%;
  position: absolute;
  top: 0;
  color: #37a1ff;
  font-size: .32rem;
}

.ycyy .row-form .row-rt input {
  width: 100%;
  float: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: .3rem;
  color: #333;
}

.ycyy .row-form .row-rt select {
  width: 100%;
  height: 100%;
  float: left;
  font-size: .3rem;
  color: #333;
}

.ycyy .row-form .row-rt textarea {
  width: 100%;
  line-height: .4rem;
  border: 0;
  font-size: .3rem;
  color: #333;
  resize: none;
  outline: 0;
  margin-top: .35rem;
}

.ycyy .row-form .address-w {
  height: 100%;
  position: absolute;
  left: 1.7rem;
  top: 0;
  right: 0;
}

.ycyy .row-form .address-w .vux-cell-box {
  height: 100%;
}

.ycyy .row-form .address-w .weui-cell {
  padding: 0;
  height: 100%;
}

.ycyy .row-form .address-w .weui-cell_access .weui-cell__ft:after {
  width: 8px;
  height: 8px;
  border-width: 1px 1px 0 0;
}

.ycyy .row-form .address-w .vux-cell-value {
  color: #333;
}

.ycyy .row-form .row-heightauto {
  height: auto;
  line-height: normal;
  border-top: .01rem solid #f2f2f2;
  margin: .2rem 0;
}

.ycyy .row-form .row-heightauto .min-titlt {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  float: left;
  margin: .1rem 0;
  font-size: .3rem;
  color: #000;
}

.ycyy .row-form .row-heightauto .min-titlt img {
  width: .35rem;
  vertical-align: middle;
  margin-right: .15rem;
  position: relative;
  top: -1px;
}

.ycyy .row-form .row-margin20 {
  margin: .2rem 0 0;
  color: #666;
  position: relative;
}

.ycyy .row-form .row-margin20 .x-switch-span {
  position: absolute;
  top: 50%;
  right: .2rem;
  transform: translateY(-50%);
}

.ycyy .row-form .x-switch-span .vux-x-switch.weui-cell_switch {
  padding: 0;
  line-height: normal;
}

.ycyy .row-form .x-switch-span .weui-switch, .weui-switch-cp__box {
  width: 48px;
  height: 28px;
}

.ycyy .row-form .x-switch-span .weui-switch:after, .weui-switch-cp__box:after {
  width: 26px;
  height: 26px;
  border-radius: 100%;
}

.ycyy .row-form .x-switch-span .weui-switch:before, .weui-switch-cp__box:before {
  width: 46px;
  height: 26px;
}

.ycyy .row-form .x-switch-span .weui-switch:checked, .weui-switch-cp__input:checked ~ .weui-switch-cp__box {
  background: #37a1ff;
  border-color: #37a1ff;
}

.ycyy .el-upload-wraper {
  width: 100%;
  float: left;
  margin: .1rem 0;
}

.ycyy .row-form .row-heightauto p {
  width: 100%;
  line-height: .4rem;
  float: left;
  margin: .2rem 0;
  font-size: .24rem;
  color: #999;
}

.ycyy .row-btn {
  width: 70%;
  float: left;
  margin: .6rem 15% .8rem;
}

.ycyy .row-btn button {
  width: 100%;
  padding: .24rem 0;
  float: left;
  background: #37a1ff;
  border-radius: 4px;
  color: #fff;
  font-size: .32rem;
  text-align: center;
}

.ycyy .row-btn p {
  width: 100%;
  line-height: .36rem;
  float: left;
  margin-top: .1rem;
  color: #666;
  font-size: .24rem;
}

.ycyy .row-btn p a {
  color: #ffba00;
}

.ycyy .row-btn-margin {
  margin: .3rem 15% 0;
}

.ycyy .row-btn-bg button {
  background: transparent;
  border: 1px solid #37a1ff;
  color: #37a1ff;
}

/*移车应用-首页-堵路移车弹出框*/
.dlyc-pup {
  width: 100%;
  overflow: hidden;
}

.dlyc-pup .row-pup {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  float: left;
  color: #000;
  font-size: .32rem;
  text-align: left;
}

.dlyc-pup .row-pup-boder {
  border-bottom: .02rem solid #f9f9f9;
}

.dlyc-pup .row-pup img {
  width: .4rem;
  vertical-align: middle;
  margin: 0 .18rem 0 .38rem;
}

.dlyc-pup .row-pup-boder img {
  width: .3rem;
}

.dlyc-pup .row-title {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  float: left;
  margin: .1rem 0;
  text-align: center;
  color: #319efa;
  font-size: .34rem;
}

.dlyc-pup .row-title .img1 {
  width: .3rem;
  vertical-align: middle;
  margin-right: .2rem;
  position: relative;
  top: -.04rem;
}

.dlyc-pup .row-title .img2 {
  width: .4rem;
  vertical-align: middle;
  margin-right: .2rem;
  position: relative;
  top: -.04rem;
}

.dlyc-pup p {
  width: 100%;
  line-height: 20px;
  float: left;
  margin-bottom: .3rem;
  color: #000;
  font-size: .26rem;
  text-align: left;
}

.dlyc-pup1 {
  padding: 0 .6rem;
  box-sizing: border-box;
}

/*移车应用-扫码挪车-二维码获取*/
.ycyy-smnc {
  width: 100%;
  height: 100%;
  padding-bottom: .9rem;
  box-sizing: border-box;
  overflow: auto;
}

.ycyy-smnc .img-top {
  width: 100%;
  float: left;
}

.ycyy-smnc .ewmhq-main {
  width: 100%;
  float: left;
  background: #fff;
  padding: .2rem;
  box-sizing: border-box;
}

.ycyy-smnc .ewmhq-main p {
  width: 100%;
  line-height: .4rem;
  float: left;
  margin: .12rem 0;
  font-size: .28rem;
  color: #666;
}

.ycyy-smnc .ewmhq-main p span {
  color: #ff0101;
  font-size: .34rem;
}

.ycyy-smnc .ewmhq-main p span i {
  font-style: normal;
  font-size: .26rem;
  margin-right: .04rem;
}

.ycyy-footer {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
  position: fixed;
  left: 0;
  bottom: 0;
}

.ycyy-footer li {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  font-size: .32rem;
  color: #fff;
}

.ycyy-footer li:first-child {
  background: #37a1ff;
}

.ycyy-footer li:first-child:active {
  background: #339cfa;
}

.ycyy-footer li:last-child {
  background: #ffba00;
}

.ycyy-footer li:last-child:active {
  background: #f8b500;
}

/*移车应用-扫码挪车-二维码获取-购买*/
.ycyy-smnc .row-top {
  width: 100%;
  display: flex;
  padding: .25rem .2rem;
  box-sizing: border-box;
  background: #fff;
  align-items: center;
  border-bottom: .02rem solid #f2f2f2;
}

.ycyy-smnc .row-top-lf {
  width: .7rem;
}

.ycyy-smnc .row-top-lf img {
  width: .38rem;
  vertical-align: middle;
}

.ycyy-smnc .row-top-ct {
  flex: 1;
}

.ycyy-smnc .row-top-ct p {
  width: 100%;
  line-height: .3rem;
  text-align: right;
  font-size: .34rem;
  color: #000;
}

.ycyy-smnc .row-top-rt {
  width: .6rem;
  float: right;
  text-align: right;
}

.ycyy-smnc .row-top-rt img {
  width: .28rem;
  transform: rotate(-90deg);
}

.ycyy-smnc .row-goumai {
  width: 100%;
  display: flex;
  background: #f9f9f9;
  padding: .42rem .2rem;
  box-sizing: border-box;
}

.ycyy-smnc .row-goumai-lf {
  width: 2.15rem;
  height: 1.75rem;
}

.ycyy-smnc .row-goumai-lf img {
  width: 100%;
  height: 100%;
  float: left;
}

.ycyy-smnc .row-goumai-rt {
  height: 1.75rem;
  flex: 1;
  padding-left: .2rem;
}

.ycyy-smnc .row-goumai-rt p {
  width: 100%;
  height: .84rem;
  line-height: .42rem;
  float: left;
  font-size: .32rem;
  color: #666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.ycyy-smnc .row-number {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  float: left;
}

.ycyy-smnc .row-number span {
  color: #ff0101;
  font-size: .38rem;
}

.ycyy-smnc .row-number span i {
  font-style: normal;
  font-size: .28rem;
  margin-right: .04rem;
}

.ycyy-smnc .row-number-rt {
  height: 100%;
  float: right;
}

.ycyy-smnc .row-number-rt .weui-cell {
  padding: 0;
}

.ycyy-smnc .row-number-rt .vux-number-selector {
  height: 28px;
}

.ycyy-smnc .row-number-rt .vux-number-input {
  height: 28px;
}

.ycyy-smnc .row-list {
  width: 100%;
  float: left;
  background: #fff;
  padding: .3rem .2rem .8rem;
  border-bottom: .02rem solid #f2f2f2;
  border-top: .02rem solid #f2f2f2;
  box-sizing: border-box;
}

.ycyy-smnc .row-list p {
  width: 100%;
  height: .68rem;
  line-height: .68rem;
  display: flex;
  font-size: .32rem;
  justify-content: space-between;
}

.ycyy-smnc .row-list p span {
  height: 100%;
  color: #666;
}

.ycyy-smnc .row-list p b {
  color: #000;
  font-weight: normal;
}

.ycyy-smnc .row-list p b.b-red {
  color: #ff0101;
}

.ycyy-smnc .row-list p b i {
  font-style: normal;
  font-size: .24rem;
  margin-right: .04rem;
}

.ycyy-smnc .row-list .line {
  width: 100%;
  height: .02rem;
  float: left;
  background: #eee;
  margin: .3rem 0;
}

/*移车应用-二维码获取-购买(有默认地址)*/
.ycyy-smnc .row-top-address {
  padding-bottom: .3rem;
  /*background: #fff url("../../static/img_ycyy/line_bg.png") repeat-x 100% bottom;*/
  background-size: auto .06rem;
}

.ycyy-smnc .row-top-address .address-row {
  width: 100%;
  line-height: .46rem;
  float: left;
  margin: .06rem 0;
  font-size: .28rem;
  color: #000;
}

.ycyy-smnc .row-top-address .address-row span {
  width: 60%;
  line-height: .46rem;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ycyy-smnc .row-top-address .address-row b {
  width: 40%;
  line-height: .46rem;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  font-weight: normal;
}

/*移车应用-二维码获取-购买(有默认地址)-我的收货地址*/
.ycyy-shdz .row {
  width: 100%;
  display: flex;
  padding: .25rem .2rem;
  box-sizing: border-box;
  background: #fff;
  align-items: center;
  margin-bottom: .2rem;
}

.ycyy-shdz .row-hov {
  /*background: #fff url("../../static/img_ycyy/line_bg.png") repeat-x 100% bottom;*/
  background-size: auto .06rem;
}

.ycyy-shdz .row-lf {
  width: .7rem;
}

.ycyy-shdz .row-lf img {
  width: .38rem;
  vertical-align: middle;
}

.ycyy-shdz .row-ct {
  flex: 1;
}

.ycyy-shdz .row-ct p {
  width: 100%;
  line-height: .46rem;
  float: left;
  margin: .04rem 0;
  font-size: .28rem;
  color: #000;
}

.ycyy-shdz .row-ct p span {
  width: 1.5rem;
  height: 100%;
  float: left;
}

.ycyy-shdz .row-ct p b {
  color: #666;
  font-weight: normal;
}

.ycyy-shdz .row-rt {
  width: .6rem;
  float: right;
  text-align: right;
  color: #666;
  font-size: .26rem;
}

/*移车应用-二维码获取-购买(有默认地址)-我的收货地址-编辑*/
.ycyy-adit .row input {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  float: left;
  margin-top: .1rem;
  padding-right: .3rem;
  box-sizing: border-box;
}

.ycyy-adit .row .address-w {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
}

.ycyy-adit .row-red {
  color: #ff0101;
}

.ycyy .pup-text {
  line-height: .45rem;
  color: #000;
  padding: .5rem .3rem;
  text-align: left;
}

/*弹出框*/
.ycyy .weui-dialog__hd {
  background: #f2f2f2;
  padding: .6em 1.6em 0.6em;
  color: #999;
}

.ycyy .weui-dialog__title {
  font-size: .30rem;
}

.ycyy .weui-dialog__bd {
  padding: 0;
}

.ycyy .weui-dialog__ft {
  font-size: .3rem;
}

/*弹出框结束*/
/*移车应用-二维码获取-购买-生成二维码 */
.mycode {
  height: 100%;
  /*background: url("../../static/img_ycyy/mycode_bg.jpg") no-repeat center bottom;*/
  background-size: cover;
}

.mycode-title {
  width: 100%;
  line-height: .8rem;
  float: left;
  margin-top: 1.1rem;
  /* 加大二维码样式 */
  /*margin-top: .3rem;*/
  text-align: center;
  font-size: .72rem;
  font-weight: bold;
  color: #fff;
}

.mycode-text {
  padding: .2rem .5rem;
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: #1a2f44;
  font-size: .3rem;
  color: #49ecff;
  margin-top: .4rem;
}

.code-img {
  width: 100%;
  float: left;
  margin-top: -2.5rem;
  text-align: center;
}

.code-img img {
  /*width: 100%;*/
  /* 加大二维码样式 */
  margin-left: -50%;
  margin-top: -55%;
  width: 200%;
}

/*移车应用-扫码挪车-信息管理*/
.ycyy .xxgl-img {
  width: 100%;
  height: 4.9rem;
  float: left;
  background: #fff;
  border-bottom: .01rem solid #f2f2f2;
  position: relative;
}

.ycyy .xxgl-img .avatar-uploader {
  width: 100%;
  height: 100%;
}

.ycyy .xxgl-img .el-icon-plus:before {
  display: none;
}

.ycyy .xxgl-img-iw {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ycyy .xxgl-img-iw img {
  width: .78rem;
}

.ycyy .xxgl-img-iw p {
  width: 100%;
  height: .45rem;
  line-height: .45rem;
  float: left;
  margin-top: .25rem;
  color: #ccc;
  font-size: .3rem;
}

.ycyy-banner {
  width: 100%;
  float: left;
}

.ycyy-banner img {
  width: 100%;
  float: left;
}

/*移车应用--扫码挪车-挪车信息*/
.ycyy-ncxx .head {
  width: 100%;
  height: 2.92rem;
  float: left;
  position: relative;
}

.ycyy-ncxx .head-img {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #e9e8e8;
  padding: .1rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 100%;
}

.ycyy-ncxx .head-img img {
  width: 100%;
  float: left;
  border-radius: 100%
}

.ycyy-ncxx .ncxx-block {
  width: 100%;
  float: left;
  padding: .15rem .2rem;
  box-sizing: border-box;
  background: #fff;
}

.ycyy-ncxx .ncxx-block-lf {
  width: 2rem;
  height: 1.8rem;
  float: left;
  margin-top: .1rem;
  overflow: hidden;
}

.ycyy-ncxx .ncxx-block-lf img {
  min-width: 100%;
  height: 100%;
  float: left;
}

.ycyy-ncxx .ncxx-block-rt {
  padding-left: 2.2rem;
}

.ycyy-ncxx .ncxx-block .row:last-child {
  border: 0;
}

.ycyy-ncxx .row-btn button img {
  width: .38rem;
  margin-right: .2rem;
  vertical-align: middle;
  position: relative;
  top: -.04rem;
}

.ycyy-ncxx .row-btn-last button {
  background: #ffba00;
}

.ycyy-ncxx .row-btn-last button img {
  width: .22rem;
  top: -.02rem;
}