#login {
  padding: 2rem 1.2rem;
}

#login .logo {
  width: 3.66rem;
  height: auto;
  margin: 0 auto;
}

#login .logo img {
  width: 100%;
  height: auto;
}

#login .form {
  width: 100%;
  margin-top: 1.3rem;
}

#login .form .line {
  width: 100%;
  height: 0.8rem;
  margin-top: 0.3rem;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#login .form .line i {
  display: block;
  flex-shrink: 0;
  width: 0.32rem;
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: #005cac;
}

#login .form .line input {
  width: 100%;
  height: 100%;
  padding: 0 0.32rem;
  font-size: 0.3rem;
}

#login .form .line button {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 0.6rem;
  border: 1px solid #005cac;
  border-radius: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #005cac;
}

#login .form .line button:disabled {
  opacity: 1;
  color: #005cac !important;
}

#login .form .line.select {
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#login .subbtn {
  width: 100%;
  margin-top: 1.9rem;
  margin-bottom: 1rem;
}

#login .subbtn .btn {
  width: 100%;
  height: 0.96rem;
  border-radius: 0.48rem;
  line-height: 0.96rem;
  text-align: center;
  color: #fff;
  font-size: 0.36rem;
  background: linear-gradient(90deg, #005bac, #1f91f7);
  box-shadow: 0 0.05rem 0.21rem 0.03rem rgba(11, 82, 145, 0.32);
}

#login .register {
  font-size: 14px;
  font-weight: 200;
/*  margin-left: 26.5vw;
  margin-right: 26.5vw;*/
text-align:center;
}

#register{
  background-color: rgb(240, 245, 249);
  height: 100vh;
}

#register .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(249, 251, 253);
  display: flex;
  justify-content: space-between;
}

#register .tab i{
  font-weight: 900;
  font-size: 18px;
}

#register .form{
  margin: 0.2rem;
  background-color: rgb(255,255,255);
  padding: 0.1rem 0.3rem 0.5rem 0.3rem;
  border-radius: 0.3rem;

}

#register .form .line .title{
  font-size: 16px;
  font-weight: 900;
  color: rgb(51, 42, 42);
}

#register .form .line {
  width: 100%;
  height: 0.8rem;
  margin-top: 0.15rem;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#register .form .line i{
  color: #ada5a5;
}

#register .form .line p{
  display: block;
  width: 20%;
  color: #ada5a5;
  font-size: 14px;
  flex-shrink: 0;
}

#register .form .line input {
  width: 100%;
  height: 100%;
  padding: 0 0.32rem;
  font-size: 0.3rem;
}

#register .form .line span {
  width: 100%;
  padding: 0 0.32rem;
  font-size: 0.3rem;
}

#register .form .line button {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 0.5rem;
  border: 1px solid #005cac;
  border-radius: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #005cac;
}

#register .form .line button:disabled {
  opacity: 1;
  color: #005cac !important;
}

#register .bottom .btn{
  width: 100%;
  background-color: rgb(0, 92, 172);
  text-align: center;
  color: #fff;
  padding: 0.3rem 0;
  position: absolute;
  bottom: 0;
}

#regaddress{
  background-color: rgb(240, 245, 249);
 
  width:100%;
}
 
#regaddress .tab {
    padding: 0.3rem;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    display: flex;
}
#uaddress {
width:95%;
}
#regaddress .tab p{
  margin-left: 35vw;
  text-align: center;
}

#regaddress .tab i{
  margin-right: 0.4rem;
  font-weight: 900;
  font-size: 18px;
}

#regaddress .form{
  margin-top: 0.2rem;
  background-color: rgb(255,255,255);
  padding: 0.1rem 0.3rem 1.5rem 0.3rem;

}

#regaddress .form .line {
  width: 100%;
  height: 0.8rem;
  margin-top: 0.15rem;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#regaddress .form .line i{
  color: #ada5a5;
  font-style: 12px;
}

#regaddress .form .line p{
  display: block;
  width: 25%;
  font-size: 14px;
  flex-shrink: 0;
}

#regaddress .form p{
  margin: 0.3rem 0 0.15rem;
  font-size: 14px;
}

#regaddress .form .line input {
  width: 100%;
  height: 100%;
  padding: 0 0.32rem;
  font-size: 12px;
  color: #ada5a5;
}

#regaddress .form .line button {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 0.5rem;
  border: 1px solid #005cac;
  border-radius: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.22rem;
  color: #005cac;
}

#regaddress .form .line button:disabled {
  opacity: 1;
  color: #005cac !important;
}

#regaddress .bottom .btn{
  width: 60vw;
  margin-left: 20vw;
  background-color: rgb(0, 92, 172);
  border-radius: 0.5rem;
  text-align: center;
  color: #fff;
  padding: 0.3rem 0;
  position: absolute;
  bottom: 1rem;
}

#kucun {
    background-color: rgb(240, 245, 249);
    height: auto;
    padding-bottom: 3%;
}

#kucun .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(249, 251, 253);
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}

#kucun .tab i{
  font-weight: 900;
  font-size: 18px;
}

#kucun .select{
  width: 90vw;
  border-radius: 0.2rem;
  margin-left: 5vw;
  margin-bottom: 0.15rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

    #kucun .select3 {
        width: 90vw;
        border-radius: 0.2rem;
       margin-bottom:0.1rem;
      
        padding: 0 0.3rem;
        background-size: 0.21rem 0.1rem;
        background-repeat: no-repeat;
        background-position: right 0.3rem center;
      }
#kucun .select input {
  width: 100%;
  height: 100%;
}

#kucun .list .product{
  margin: 2vw 5vw;
  background-color: rgb(255, 255, 255);
  padding: 3%;
  
}

#kucun .product .top{
  display: flex;
  padding-bottom: 0.2rem;
  border-bottom: thin solid rgb(241, 241, 241);
}

    #kucun .product .top img {
        width: 20%;
        height: 25%;
        aspect-ratio: 1/1;
    }

#kucun .product .top .right{
  padding-left:3%;
  font-size: 0.24rem;
}

#kucun .product .top .right .good{
  font-size: 0.3rem;
}

#kucun .product .top .right .more{
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  color: #aca9a9;
}

#kucun .product .bottom{
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
}

#kucun .product .bottom p{
  font-size: 0.24rem;
  color: #aca9a9;
}

#kucun .product .bottom .counter .num{
  width: 2rem;
  text-align: center;
}

#subordinate{
  background-color: rgb(242, 244, 245);
  height: 100vh;
}

#subordinate .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}

#subordinate .tab i{
  font-weight: 900;
  font-size: 18px;
}

#subordinate .list .item{
  background-color: #fff;
  margin: 0.15rem 0.3rem;
  padding: 0.2rem;
  border-radius: 0.1rem;
}

#subordinate .list .item .top .tel{
  font-size: 0.24rem;
  color: rgb(83, 142, 223);
}

#subordinate .list .item .bottom .adr{
  font-size: 0.24rem;
  color: rgb(161, 161, 161);;
}

#channelinformation{
  background-color: rgb(240, 245, 249);
  height: 100vh;
  position: absolute;
  z-index: 1;
}

#channelinformation .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}

#channelinformation .tab i{
  font-weight: 900;
  font-size: 18px;
}

#channelinformation .form{
  margin: 0.2rem;
  background-color: rgb(255,255,255);
  padding: 0.1rem 0.3rem 0.5rem 0.3rem;
  border-radius: 0.3rem;

}

#channelinformation .form .line .title{
  font-size: 16px;
  font-weight: 900;
  color: rgb(51, 42, 42);
}

#channelinformation .form .line {
  width: 100%;
  height: 0.8rem;
  margin-top: 0.15rem;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}

#channelinformation .form .line p{
  display: block;
  width: 20%;
  color: #ada5a5;
  font-size: 14px;
  flex-shrink: 0;
}

#channelinformation .form .line span  {
  font-size: 0.28rem;
  margin-left: 0.4rem;
}

#channelinformation .address{
  margin: 0.2rem;
  background-color: rgb(255,255,255);
  padding: 0.1rem 0.3rem 0.5rem 0.3rem;
  border-radius: 0.3rem;
}

#channelinformation .address .line{
  width: 100%;
  height: 0.8rem;
  margin-top: 0.15rem;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}

#channelinformation .address p{
  padding: 0.2rem 0 0.1rem;
}

#channelinformation .address p .name{
  font-size: 0.3rem;
}

#channelinformation .address p .tel{
  font-size: 0.24rem;
  color: #ada5a5;
}

#channelinformation .address span{
  font-size: 0.3rem;
}

#channelinformation .bottom .btn{
  width: 100%;
  background-color: rgb(0, 92, 172);
  text-align: center;
  color: #fff;
  padding: 0.3rem 0;
  position: absolute;
  bottom: 0;
}

#channelinformation .popu{
  width:100%;
  height:100%;
  position:absolute;
  right:0px;
  top:0px;
  text-align:center;
  display:none;
  background-color:rgba(120, 122, 124,0.5);
}

#channelinformation .popu .box{
  width: 80vw;
  margin: 35vh auto;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0.2rem;
}

#channelinformation .popu .box .select{
  display: flex;
  justify-content: space-around;
  padding: 0.1rem 0 1.2rem;
}

#channelinformation .popu .box .select .radio{
  display: inline;
  opacity: 1;
  margin-left: 0.15rem;
}

#channelinformation .popu .box .title{
  padding-bottom: 0.8rem;
}

#channelinformation .popu .box .btn{
  width: 50vw;
  background-color: rgb(0, 92, 172);
  padding: 0.15rem;
  border-radius: 0.3rem;
  color: #fff;
}

#channelexamine{
  background-color: rgb(240, 245, 249);
  height: 100vh;
}

#channelexamine .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}

#channelexamine .tab i{
  font-weight: 900;
  font-size: 18px;
}

#channelexamine .tab-car{
  margin: 0.3rem 0;
  padding: 0.2rem 0.3rem 0.5rem 0.3rem;
  border-radius: 0.3rem;
}

#channelexamine .tab-car .title{
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  background-color: #fff;
  height: 0.6rem;
}

#channelexamine .tab-car .title span{
  background-color: rgb(216, 235, 255);
  width: 50%;
  text-align: center;
  color: rgb(9, 96, 211);
  font-size: 0.3rem;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0.2rem 0 0.2rem 0.2rem;
}

#channelexamine .tab-car .title span.active{
  background-color: #fff;
  width: 50%;
  text-align: center;
  color: #000;
  font-size: 0.3rem;
  height: 0.85rem;
  line-height: 0.75rem;
  padding-top: 0.1rem;
  border-radius: 0.2rem;
}

#channelexamine .tab-car .content1,
#channelexamine .tab-car .content2{
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0 0 0.3rem 0.3rem;
}

#channelexamine .tab-car .content1 .search,
#channelexamine .tab-car .content2 .search{
  display: flex;
  text-align: center;
  width: 80vw;
  margin: 0.1rem auto 0.3rem;
  padding:0.2rem;
  background-color: rgb(247, 247, 247);
  border-radius: 0.5rem;
}

#channelexamine .tab-car .content1 .search i,
#channelexamine .tab-car .content2 .search i{
  padding-left: 0.2rem;
}

#channelexamine .tab-car .content1 .search input,
#channelexamine .tab-car .content2 .search input{
  padding-left: 0.3rem;
  font-size: 0.24rem;
}

#channelexamine .tab-car .content1 .list .item,
#channelexamine .tab-car .content2 .list .item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.3rem 0;
  border-bottom: 1px solid rgb(244, 244, 244);
}

#channelexamine .tab-car .content1 .list .item .left .tel,
#channelexamine .tab-car .content2 .list .item .left .tel{
  font-size: 0.24rem;
  color: rgb(69, 136, 221);
}

#channelexamine .tab-car .content1 .list .item .left p,
#channelexamine .tab-car .content2 .list .item .left p {
  font-size: 0.27rem;
  color: rgb(181, 181, 181);
}

#channelexamine .tab-car .content1 .list .item .right .btn{
  color: #fff;
  font-size: 0.28rem;
  background-color: rgb(39, 126, 223);
  background-image: linear-gradient(to bottom, rgb(83, 169, 246), rgb(18, 105, 212));
  padding: 0.1rem 0.2rem;
  border-radius: 0.5rem;
  margin-top: 0.1rem;
}

#channelexamine .tab-car .content2 .list .item .right .btn{
  color: rgb(67, 134, 222);
  font-size: 0.28rem;
  background-color: rgb(216, 235, 255);
  padding: 0.1rem 0.2rem;
  border-radius: 0.5rem;
  margin-top: 0.1rem;
}

#channelexamine .bottom .add{
  background-color: rgb(0, 92, 172);
  width: 100%;
  font-size: 0.3rem;
  height: 1rem;
  color: #fff;
  position: fixed;
  bottom: 0;
}

#channelexamine .popu{
  width:100%;
  height:100%;
  position:absolute;
  right:0px;
  top:0px;
  text-align:center;
  display:none;
  background-color:rgba(120, 122, 124,0.5);
  z-index: 3;
}

#channelexamine .popu .box{
  width: 82vw;
  margin: 33vh auto;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0.2rem;
}

    #channelexamine .popu .box .select {
        display: flex;
        justify-content: space-around;
        padding: 0.1rem 0 1.2rem;
    }

#channelexamine .popu .box .select .line{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.2rem 0 0.15rem;
  font-size: 0.3rem;
}

#channelexamine .popu .box .select .line .radio{
  display: inline;
  opacity: 1;
  margin-left: 0.15rem;
}

#channelexamine .popu .box .title{
  padding-bottom: 0.2rem;
  text-align: center;
}

#channelexamine .popu .box .btn{
  width: 50vw;
  background-color: rgb(0, 92, 172);
  padding: 0.15rem;
  border-radius: 0.3rem;
  color: #fff;
}
    #channelexamine .popu .box .select .radio {
        display: inline;
        opacity: 1;
        margin-left: 0.15rem;
    }


#index {
  background-color: #f0f5f9;
}

#index .banner {
  width: 7.5rem;
  height: 3.22rem;
}

#index .banner img {
  width: 7.5rem;
  height: 3.22rem;
}

#index .banner .swiper-pagination {
  bottom: 0.4rem;
}

#index .company {
  width: 6.9rem;
  margin: -0.41rem auto 0;
  position: relative;
  z-index: 2;
}

#index .company .name {
  width: 100%;
  height: 0.41rem;
  background-image: url(../img/20.png);
  background-size: 100%;
  text-align: center;
  line-height: 0.41rem;
  font-size: 0.22rem;
  color: #005cac;
  position: relative;
  z-index: 3;
}

#index .company .block {
  width: 100%;
  padding: 0.2rem 0.24rem;
  background-color: #ebf4fb;
  border-radius: 0 0 0.08rem 0.08rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.3);
}

#index .company .block .title {
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
}

#index .company .block .progress {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#index .company .block .progress .label {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 0.24rem;
  color: #005cac;
}

#index .company .block .progress .bar {
  width: 100%;
  height: 0.24rem;
  background-color: #97d9ff;
  border-radius: 0.12rem;
  margin: 0 0.24rem;
  position: relative;
}

#index .company .block .progress .bar .line {
  display: block;
  border-radius: 0.12rem;
  height: 0.24rem;
  background-image: linear-gradient(to right, #1d8bf3, #0223ab);
}

#index .company .block .progress .bar .dot {
  position: absolute;
  transform: translateX(-0.2rem);
  z-index: 2;
  display: block;
}

#index .company .block .progress .bar .dot.high {
  top: -0.055rem;
  width: 0.43rem;
  height: 0.34rem;
  background-image: url(../img/18.png);
  background-size: 100%;
}

#index .company .block .progress .bar .dot.low {
  top: -0.08rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #0223ab;
  padding: 0.06rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);
}

#index .company .block .progress .bar .dot.low::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}

#index .company .block .bot {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.2rem;
}

#index .company .block .bot span {
  font-size: 0.28rem;
  line-height: 0.28rem;
  font-weight: 500;
  color: #005cac;
}

#index .ad-banner-list {
  width: 100%;
  overflow: hidden;
  margin-top: 0.2rem;
}

#index .ad-banner-list .item {
  width: 100%;
  display: block;
  position: relative;
}

#index .ad-banner-list .item img {
  width: 100%;
  height: auto;
}

#index .ad-banner-list .item:nth-child(3n + 1) {
  margin-top: 0px;
}

#index .ad-banner-list .item:nth-child(3n + 2) {
  margin-top: -0.4rem;
}

#index .ad-banner-list .item:nth-child(3n + 3) {
  margin-top: 0px;
}

#index .avtivity {
  width: 6.9rem;
  margin: 0.2rem auto 0;
}

#index .avtivity img {
  width: 6.9rem;
  height: auto;
}

#index .channel {
  width: 6.9rem;
  margin: 0.3rem auto 0;
  padding-bottom: 0.3rem;
}

#index .channel .tab {
  width: 100%;
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}

#index .channel .tab .item {
  width: 100%;
  height: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d8ebff;
  font-size: 0.28rem;
  border-radius: 0.24rem;
  overflow: hidden;
  transition: all 0.3s;
}

#index .channel .tab .item.active {
  height: 0.8rem;
  background-color: #fff;
}

#index .channel .cont {
  width: 100%;
  margin-top: -0.4rem;
  padding-top: 0.4rem;
  background-color: #fff;
  border-radius: 0 0 0.24rem 0.24rem;
}

#index .channel .lists {
  width: 100%;
}

#index .channel .list {
  display: none;
  padding: 0.1rem 0.24rem 0.24rem;
}

#index .channel .list .item {
  width: 100%;
  padding: 0.26rem 0 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}

#index .channel .list .item .left {
  width: 5rem;
}

#index .channel .list .item .left .tops {
  width: 100%;
}

#index .channel .list .item .left .tops div {
  display: inline-block;
}

#index .channel .list .item .left .tops .name {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.32rem;
}

#index .channel .list .item .left .tops .mobile {
  font-size: 0.24rem;
  margin-left: 0.24rem;
  line-height: 0.24rem;
  color: #005cac;
}

#index .channel .list .item .left .bots {
  font-size: 0.24rem;
  color: #666;
  margin-top: 0.1rem;
  line-height: 0.24rem;
}

#index .channel .list .item .btn {
  width: 1.04rem;
  height: 0.56rem;
  border-radius: 0.28rem;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.56rem;
}

#index .channel .list .item .btn.color {
  background-color: #d8ebff;
  color: #005cac;
}

#index .channel .list .item .btn.linear {
  background: linear-gradient(0deg, #1067d3, #54aaf6);
  color: #fff;
}

#index .search {
  width: 100%;
  height: 0.8rem;
  padding: 0 0.24rem;
  margin-top: 0.3rem;
}

#index .search .bar {
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

#index .search .bar input {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: none;
  border-radius: 0;
  padding: 0 0.24rem;
}
#addrlayer input {
    width: 95%;
    height: 0.8rem;
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 0 0.24rem;
    margin-bottom: 0.2rem;
}


#addrlayer {
    background-color: #f8f8f8;
    padding: 0.2rem 0.3rem;
    width:100%;
}

    #addrlayer .subbtn {
        display: block;
        width: 4.8rem;
        height: 0.88rem;
        margin: 1.4rem auto 0;
        background-color: #1d6fb5;
        color: #fff;
        font-size: 0.28rem;
        border-radius: 0.44rem;
        line-height: 0.88rem;
        text-align: center;
    }

    #addrlayer .item {
        width: 100%;
        margin-bottom: 0.2rem;
        background-color: #fff;
        border-radius: 0.24rem;
        display: flex;
        align-items: center;
        padding: 0.2rem 0.3rem;
    }

        #addrlayer .item .check {
            width: 0.32rem;
            flex-shrink: 0;
        }

        #addrlayer .item .right {
            width: 100%;
            position: relative;
            padding-left: 0.28rem;
        }

            #addrlayer .item .right .tops {
                width: 100%;
            }

#addrlayer .item .right .tops .name {
    display: inline-block;
    font-size: 0.32rem;
    line-height: 0.32rem;
    font-weight: 500;
}

                #addrlayer .item .right .tops .mobile {
                    display: inline-block;
                    font-size: 0.24rem;
                    color: #666;
                    margin-left: 0.1rem;
                }

#addrlayer .item .right .address {
    width: 100%;
    margin-top: 0.1rem;
    font-size: 0.28rem;
    line-height: 0.36rem;
}

    #addrlayer .item .right .address span {
        padding: 0 0.1rem;
        border-radius: 0.2rem;
        background-color: #f42828;
        color: #fff;
        font-size: 0.2rem;
        line-height: 0.2rem;
        margin-right: 0.1rem;
    }

        #addrlayer .item .right .address span.blue {
            padding: 0 0.1rem;
            border-radius: 0.2rem;
            background-color: blue;
            color: #fff;
            font-size: 0.2rem;
            line-height: 0.2rem;
            margin-right: 0.1rem;
        }











#indexmanager {
  background-color: #f0f5f9;
}

#indexmanager .banner {
  width: 7.5rem;
  height: 3.22rem;
}

#indexmanager .banner img {
  width: 7.5rem;
  height: 3.22rem;
}

#indexmanager .banner .swiper-pagination {
  bottom: 0.4rem;
}

#indexmanager .top{
  padding: 0.3rem;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

#indexmanager .top p{
  text-align: center;
}

#indexmanager .top i{
  font-weight: 900;
  font-size: 18px;
}

#indexmanager .channel {
  width: 6.9rem;
  margin: 0.6rem auto 0;
  padding-bottom: 0.5rem;
}

#indexmanager .channel .tab {
  width: 100%;
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  display: flex;
  background-color: #fff;
  
}

#indexmanager .channel .tab .item {
  width: 100%;
  height: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d8ebff;
  font-size: 0.28rem;
  border-radius: 0.24rem;
  overflow: hidden;
  transition: all 0.3s;
}

#indexmanager .channel .tab .item.active {
  height: 0.8rem;
  background-color: #fff;
}

#indexmanager .channel .lists {
  width: 100%;
}

#indexmanager .channel .list {
  display: none;
  padding: 0.1rem 0.24rem 0.24rem;
  background-color: #fff;
  border-radius: 0 0.2rem;
}

#indexmanager .channel .list .item {
  width: 100%;
  padding: 0.26rem 0 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
}

#indexmanager .channel .list .item .left {
  width: 5rem;
}

#indexmanager .channel .list .item .left .tops {
  width: 100%;
}

#indexmanager .channel .list .item .left .tops div {
  display: inline-block;
}

#indexmanager .channel .list .item .left .tops .name {
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 0.32rem;
}

#indexmanager .channel .list .item .left .tops .mobile {
  font-size: 0.24rem;
  margin-left: 0.24rem;
  line-height: 0.24rem;
  color: #005cac;
}

#indexmanager .channel .list .item .left .bots {
  font-size: 0.24rem;
  color: rgb(132, 132, 132);
  margin-top: 0.1rem;
  line-height: 0.24rem;
}

#indexmanager .channel .list .item .btn {
  width: 1.04rem;
  height: 0.56rem;
  border-radius: 0.28rem;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.56rem;
}

#indexmanager .channel .list .item .btn.color {
  background-color: #d8ebff;
  color: #005cac;
}

#indexmanager .channel .list .item .btn.linear {
  background: linear-gradient(0deg, #1067d3, #54aaf6);
  color: #fff;
}

#indexmanager .cont{
  padding: 0.3rem;
  background-color: #fff;
}

#indexmanager .channel .tab{
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  background-color: #fff;
  height: 0.5rem;
}

#indexmanager .search{
  display: flex;
  text-align: center;
  width: 80vw;
  padding: 0.2rem;
  background-color: rgb(250, 250, 250);
  border-radius: 0.5rem;
}

#indexmanager .search i{
  padding-left: 0.2rem;
}

#indexmanager .search input{
  padding-left: 0.3rem;
  font-size: 0.24rem;
}

#indexmanager .popu{
  width:100%;
  height:100%;
  position:absolute;
  right:0px;
  top:0px;
  text-align:center;
  display:none;
  background-color:rgba(120, 122, 124,0.5);
  z-index: 6;
}

#indexmanager .popu .box{
  width: 82vw;
  margin: 33vh auto;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0.2rem;
}

#indexmanager .popu .box .select{
  padding: 0.1rem 0 0.6rem;
}

#indexmanager .popu .box .select .line{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.2rem 0 0.15rem;
  font-size: 0.3rem;
}

#indexmanager .popu .box .select .line .checkbox{
  display: inline;
  opacity: 1;
  margin-left: 0.15rem;
}

#indexmanager .popu .box .title{
  padding-bottom: 0.2rem;
  text-align: left;
}

#indexmanager .popu .box .btn{
  width: 50vw;
  background-color: rgb(0, 92, 172);
  padding: 0.15rem;
  border-radius: 0.3rem;
  color: #fff;
}





















#goods {
  background-color: #f8f8f8;
}

#goods .search {
  width: 100%;
  height: 0.96rem;
  background-color: #1f91f7;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#goods .search .icon {
  position: absolute;
  left: 0.44rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 0.38rem;
  line-height: 0.38rem;
}

#goods .search .icon i {
  font-size: 0.38rem;
  color: #fff;
}

#goods .search .swiper {
  width: 100%;
  height: 0.96rem;
}

#goods .search .swiper img {
  width: 100%;
  height: 0.96rem;
}

#goods .search .bar {
  width: 100%;
  height: 0.64rem;
  border-radius: 0.32rem;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
  padding: 0 0.3rem;
}

#goods .search .bar i {
  display: block;
  width: 0.24rem;
  flex-shrink: 0;
  color: #999;
}

#goods .search .bar input {
  width: 100%;
  height: 100%;
  padding-left: 0.3rem;
}

#goods .search-h {
  width: 100%;
  height: 0.96rem;
}

#goods .cate-list {
  width: 100%;
  padding: 0.2rem 0.3rem;
}

#goods .cate-list .cate-item {
  width: 100%;
  background-color: #fff;
  margin-bottom: 0.2rem;
  border-radius: 0.24rem;
}

#goods .cate-list .cate-item .parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0.8rem;
  padding-right: 0.2rem;
}

#goods .cate-list .cate-item .parent .left {
  font-size: 0.32rem;
  padding-left: 0.4rem;
  background-size: 0.13rem 0.13rem;
  background-repeat: no-repeat;
  background-position: 0.1rem center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAmUlEQVQokWOUn/jdk4GBYS4DA4MkA3bwnIGBIZmBgWH7gzwOsAImAhoYoHJzkQVYCGhA1sjAGLsWbhNR4OHprf8ZGBieMTAweBKtCdmppGoCayRHE/F+QtcEige84O/vnxiaUhgYGF7g0vX31w+Gt/cvoYiB4mkbLB6gwUoQMP7/D1EHjThQPBCK7BfoAYHXqQwMDE8ZGBiSAdDHJYS8pViPAAAAAElFTkSuQmCC);
}

#goods .cate-list .cate-item .parent i {
  display: block;
  font-size: 0.24rem;
}

#goods .cate-list .cate-item .subs {
  width: 100%;
  padding: 0 0.4rem 0.4rem;
  overflow: hidden;
}

#goods .cate-list .cate-item .subs .sub {
  display: block;
  float: left;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
  background-color: #f6f8f9;
  border-radius: 0.16rem;
  width: 3rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.24rem;
  padding: 0 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#goods .cate-list .cate-item .subs .sub:nth-child(2n + 1) {
  margin-left: 0;
}

#goods .goods-item {
  width: 6.9rem;
  height: 1.82rem;
  padding: 0.16rem;
}

#goods .goods-item .img {
  width: 1.5rem;
  height: 1.5rem;
}

#goods .goods-item .right {
  width: calc(100% - 1.5rem);
  padding-left: 0.16rem;
}

#goods .goods-item .right .title {
  font-size: 0.3rem;
}

#goods .goods-item .right .sku {
  font-size: 0.24rem;
}

#goods .func {
  width: 100%;
  height: 1rem;
  background-color: #fff;
  position: fixed;
  bottom: 0.98rem;
  left: 0;
  right: 0;
  z-index: 8;
  padding: 0 0.3rem 0 0.46rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#goods .func .left {
  display: inline-flex;
  align-items: center;
}

#goods .func .total {
  display: inline-flex;
  align-items: center;
  font-size: 0.28rem;
}

#goods .func .total span,
#goods .func .total p {
  display: inline;
}

#goods .func .total span {
  color: #f42828;
}

#goods .func .total p {
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: #f42828;
}

#goods .func .submit {
  display: inline-block;
  height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  background-color: #f42828;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
}

#goods .func-h {
  width: 100%;
  height: 1rem;
}

#goods_d {
  background-color: #f8f8f8;
}

#goods_d .goods-info {
  width: 6.9rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0 0 0.16rem 0.16rem;
}

#goods_d .thumb {
  width: 6.9rem;
  height: 6.9rem;
}

#goods_d .thumb img {
  width: 6.9rem;
  height: 6.9rem;
}

#goods_d .info {
  width: 100%;
  padding: 0.3rem 0.24rem 0.5rem;
}

#goods_d .info .tops {
  width: 100%;
  display: flex;
  align-items: center;
}

#goods_d .info .tops .price {
  font-size: 0.32rem;
  color: #f42828;
}

#goods_d .info .tops .price span {
  font-size: 0.4rem;
  line-height: 0.4rem;
  font-weight: 500;
}

#goods_d .info .tops .label {
  display: inline-block;
  height: 0.32rem;
  border-radius: 0.16rem;
  line-height: 0.32rem;
  color: #fff;
  background-color: #f42828;
  font-size: 0.2rem;
  padding: 0 0.14rem;
  margin-left: 0.24rem;
}

#goods_d .info .tops .tip {
  display: inline-block;
  font-size: 0.22rem;
  color: #f42828;
  margin-left: 0.2rem;
}

#goods_d .info .title {
  font-size: 0.32rem;
  line-height: 0.46rem;
  margin-top: 0.1rem;
  font-weight: 500;
}

#goods_d .info .type {
  margin-top: 0.2rem;
}

#goods_d .info .type .title {
  font-size: 0.28rem;
}

#goods_d .info .type .labels {
  width: 100%;
  overflow: hidden;
}

#goods_d .info .type .labels .item {
  display: inline-block;
  float: left;
  margin-top: 0.1rem;
  margin-right: 0.1rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  background-color: #f7fafd;
  font-size: 0.26rem;
  color: #666;
}

#goods_d .info .type .labels .item.active {
  background-color: #e0ecf7;
  color: #333;
}

#goods_d .goods-detail {
  width: 6.9rem;
  margin: 0.1rem auto 0;
  background-color: #fff;
  border-radius: 0.16rem;
}

#goods_d .goods-detail .mod {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.32rem;
  padding-left: 0.4rem;
  background-size: 0.13rem 0.13rem;
  background-repeat: no-repeat;
  background-position: 0.1rem center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAmUlEQVQokWOUn/jdk4GBYS4DA4MkA3bwnIGBIZmBgWH7gzwOsAImAhoYoHJzkQVYCGhA1sjAGLsWbhNR4OHprf8ZGBieMTAweBKtCdmppGoCayRHE/F+QtcEige84O/vnxiaUhgYGF7g0vX31w+Gt/cvoYiB4mkbLB6gwUoQMP7/D1EHjThQPBCK7BfoAYHXqQwMDE8ZGBiSAdDHJYS8pViPAAAAAElFTkSuQmCC);
}

#goods_d .goods-detail .content {
  width: 100%;
  font-size: 0.28rem;
}

#goods_d .goods-detail .content img {
  max-width: 100%;
  height: auto !important;
}

#goods_d .func {
  width: 100%;
  height: 0.88rem;
  background-color: #fff;
  position: fixed;
  bottom: 0.98rem;
  left: 0;
  right: 0;
  z-index: 8;
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#goods_d .func .submit {
  display: block;
  width: 1.7rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  background-color: #f42828;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.48rem;
  text-align: center;
}

#goods_d .func-h {
  width: 100%;
  height: 0.88rem;
}

#order {
  background-color: #f8f8f8;
}

#order .tabtop{
  position: absolute;
  background-color: #fff;
  width: 100%;
  position: fixed;
  z-index: 8;
}

#order .tabtop .title{
  padding: 0.3rem;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

#order .tabtop .title p{
  text-align: center;
}

#order .tabtop .title i{
  font-weight: 900;
  font-size: 18px;
}

#order .tabtop .tab {
  width: 100%;
  height: 1rem;
  padding: 0.2rem 0.3rem 0;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  position: fixed;
  z-index: 8;
}

#order .tabtop .tab .item {
  display: inline-block;
  height: 0.7rem;
  border-bottom: 1px solid #fff;
  font-size: 0.28rem;
  line-height: 0.7rem;
}

#order .tabtop .tab .item.active {
  border-color: #1e8ff4;
  color: #1e8ff4;
}

#order .tab-h {
  width: 100%;
  height: 1rem;
}

#order .form {
  width: 7.5rem;
  height: 1.86rem;
  padding: 0.2rem 0.3rem;
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: #f8f8f8;
}

#order .form .select {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#order .form .select input {
  width: 100%;
  height: 100%;
}

#order .form .times {
  width: 100%;
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
}

#order .form .times .time {
  width: 2.9rem;
  height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
}

#order .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#order .form .times .btn {
  width: 0.88rem;
  height: 0.88rem;
  background-color: #1e8ff4;
  color: #fff;
  border-radius: 0.24rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500;
}

#order .list {
  width: 100%;
  padding: 0.5rem 0.3rem;
}

#order .list .item {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  margin-bottom: 0.2rem;
}

#order .list .item .link {
  display: block;
}

#order .list .item .tops {
  width: 100%;
  height: 0.7rem;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#order .list .item .tops .sn {
  font-size: 0.24rem;
}

#order .list .item .tops .status {
  color: #f42828;
  font-size: 0.28rem;
  font-weight: 500;
}

#order .list .item .title {
  width: 100%;
  margin-top: 0.2rem;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  line-height: 0.42rem;
}

#order .list .item .nums {
  width: 100%;
  padding: 0 0.3rem;
  margin-top: 0.1rem;
  font-size: 0.24rem;
}

#order .list .item .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  padding: 0 0.3rem 0.3rem;
  font-size: 0.24rem;
  margin-top: 0.1rem;
}

#order .list .item .bot span{
  background-color: rgb(30, 143, 244);
  color: #fff;
  padding: 0.08rem 0.2rem;
  border-radius: 0.3rem;
  font-size: 0.22rem;
}

#order .list .item .bottom{
  padding: 0 0.2rem 0.2rem 0.2rem;
  text-align: right;
}

#order .list .item .bottom .b{
  border: 1px solid #eeeeee;
  color:rgb(104, 103, 103);
  padding: 0.08rem 0.2rem;
  font-size: 0.24rem;
}

#order .list .item .bottoms{
  padding: 0rem 0.2rem 0.2rem 0.2rem;
}

#order .list .item .bottoms .p1{
  font-size: 0.24rem;
  line-height: 0.5rem;
}
#order .list .item .bottoms .p2{
  font-size: 0.24rem;
  line-height: 0.35rem;
  color: #999;
}

#order .list .item .bot i {
  font-size: 0.22rem;
}

#order .list .item .btns {
  width: 100%;
  height: 0.92rem;
  padding: 0 0.3rem;
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#order .list .item .btns .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 0.52rem;
  border-radius: 0.14rem;
  border: 1px solid #e6e6e6;
  color: #666;
  font-size: 0.24rem;
}





#orderexamine {
  background-color: #f8f8f8;
}

#orderexamine .title{
  padding: 0.3rem;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

#orderexamine .title p{
  text-align: center;
}

#orderexamine .title i{
  font-weight: 900;
  font-size: 18px;
}

#orderexamine .content{
  background-color: #fff;
  margin: 0.3rem;
  border-radius: 0.2rem;
  padding: 0.3rem;
}

#orderexamine .content .way{
  padding: 0.2rem 0 0.6rem;
}

#orderexamine .content .way .span{
  font-size: 0.3rem;
  align-items: center;
}

#orderexamine .content .way .radio{
  display: inline;
  opacity: 1;
  margin-left: 0.1rem;
  margin-right: 0.8rem;
}

#orderexamine .content p{
  font-size: 0.28rem;
  margin-bottom: 0.2rem;
}

#orderexamine .content p input{
  border: 1px solid rgb(207, 207, 207);
  padding: 0.15rem 0.2rem;
  border-radius: 0.1rem;
}

#orderexamine .content .tips{
  display: flex;
  margin-bottom: 0.8rem;
}

#orderexamine .content .tips textarea{
  border: 1px solid rgb(207, 207, 207);
  padding: 0.15rem 0.2rem;
  border-radius: 0.1rem;
}

#orderexamine .content .line{
  width: 100%;
  min-height: 0.9rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 0.36rem;
  margin-bottom: 1rem;
}

#orderexamine .content .line span{
  font-size: 0.28rem;
  color: rgb(141, 141, 141);
}

#orderexamine .content .line i{
  font-size: 0.28rem;
  color: rgb(141, 141, 141);
}

#orderexamine .bottom .btn{
  background-color: rgb(0, 92, 172);
  color: #fff;
  width: 100%;
  padding: 0.3rem 0;
  position: fixed;
  bottom: 0;
  font-size: 0.3rem;
}

#ordermanager {
  background-color: #f8f8f8;
}

#ordermanager .tabtop{
  position: absolute;
  background-color: #fff;
  width: 100%;
  position: fixed;
  z-index: 8;
}

#ordermanager .tabtop .title{
  padding: 0.3rem;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

#ordermanager .tabtop .title p{
  text-align: center;
}

#ordermanager .tabtop .title i{
  font-weight: 900;
  font-size: 18px;
}

#ordermanager .tabtop .tab {
  width: 100%;
  height: 1rem;
  padding: 0.2rem 0.3rem 0;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  position: fixed;
  z-index: 8;
}

#ordermanager .tabtop .tab .item {
  display: inline-block;
  height: 0.7rem;
  border-bottom: 1px solid #fff;
  font-size: 0.28rem;
  line-height: 0.7rem;
}

#ordermanager .tabtop .tab .item.active {
  border-color: #1e8ff4;
  color: #1e8ff4;
}

#ordermanager .tab-h {
  width: 100%;
  height: 2rem;
}

#ordermanager .form {
  width: 7.5rem;
  height: 3rem;
  padding: 0.2rem 0.3rem;
  position: fixed;
  top: 2rem;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#ordermanager .form .select1,#ordermanager .form .select2 {
  width: 100%;
  border-radius: 0.15rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  line-height: 0.88rem;
  margin-bottom: 0.1rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#ordermanager .form .select3,#ordermanager .form .select4 {
  width: 40%;
  border-radius: 0.15rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  line-height: 0.88rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#ordermanager .form .btn {
  width: 0.88rem;
  height: 0.88rem;
  background-color: #1e8ff4;
  color: #fff;
  border-radius: 0.15rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500;
}

#ordermanager .list {
  width: 100%;
  padding: 0.2rem 0.3rem;
  margin-top: 3.1rem;
}

#ordermanager .list .item {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  margin-bottom: 0.2rem;
}

#ordermanager .list .item .link {
  display: block;
}

#ordermanager .list .item .tops {
  width: 100%;
  height: 0.7rem;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ordermanager .list .item .tops .sn {
  font-size: 0.24rem;
}

#ordermanager .list .item .tops .status {
  color: #f42828;
  font-size: 0.28rem;
  font-weight: 500;
}

#ordermanager .list .item .title {
  width: 100%;
  margin-top: 0.2rem;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  line-height: 0.42rem;
}

#ordermanager .list .item .nums {
  width: 100%;
  padding: 0 0.3rem;
  margin-top: 0.1rem;
  font-size: 0.24rem;
}

#ordermanager .list .item .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  padding: 0 0.3rem 0.3rem;
  font-size: 0.24rem;
  margin-top: 0.1rem;
}

#ordermanager .list .item .bot span{
  background-color: rgb(30, 143, 244);
  color: #fff;
  padding: 0.08rem 0.2rem;
  border-radius: 0.3rem;
  font-size: 0.22rem;
}

#ordermanager .list .item .bottom{
  padding: 0 0.2rem 0.2rem 0.2rem;
  text-align: right;
}

#ordermanager .list .item .bottom .b{
  border: 1px solid #eeeeee;
  color:rgb(104, 103, 103);
  padding: 0.08rem 0.2rem;
  font-size: 0.24rem;
}

#ordermanager .list .item .bottoms{
  padding: 0rem 0.2rem 0.2rem 0.2rem;
}

#ordermanager .list .item .bottoms .p1{
  font-size: 0.24rem;
  line-height: 0.5rem;
}
#ordermanager .list .item .bottoms .p2{
  font-size: 0.24rem;
  line-height: 0.35rem;
  color: #999;
}

#ordermanager .list .item .bot i {
  font-size: 0.22rem;
}

#ordermanager .list .item .btns {
  width: 100%;
  height: 0.92rem;
  padding: 0 0.3rem;
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#ordermanager .list .item .btns .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 0.52rem;
  border-radius: 0.14rem;
  border: 1px solid #e6e6e6;
  color: #666;
  font-size: 0.24rem;
}













#order_d .btns-list  .btns {
    width: 100%;
    height: 0.92rem;
    padding: 0 0.3rem;
    margin-top:5px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#order_d .btns-list   .btns .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.4rem;
    height: 0.52rem;
    border-radius: 0.14rem;
    border: 1px solid #e6e6e6;
    color: #666;
    font-size: 0.24rem;
}

#order .list .item .remark {
  width: 100%;
  padding: 0.2rem 0.3rem;
  font-size: 0.24rem;
  color: #f42828;
  border-top: 1px solid #e6e6e6;
}

.layer-opacity {
  border-radius: 0.24rem !important;
}

.layer-reject {
  width: 6.3rem;
  height: 5.3rem;
  border-radius: 0.24rem;
  background-color: #fff;
  padding: 0.4rem 0.5rem;
}

.layer-reject .title {
  font-size: 0.32rem;
  line-height: 0.32rem;
}

.layer-reject .textarea {
  width: 100%;
  height: 2.36rem;
  margin-top: 0.2rem;
}

.layer-reject .textarea textarea {
  width: 100%;
  height: 100%;
  border-radius: 0.24rem;
  border: 1px solid #e6e6e6;
  padding: 0.16rem 0.24rem;
  resize: none;
}

.layer-reject .btn {
  display: block;
  width: 3.2rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  line-height: 0.8rem;
  text-align: center;
  background-color: #005cac;
  color: #fff;
  font-size: 0.28rem;
  margin: 0.5rem auto 0;
}

#order_d {
  background-color: #f8f8f8;
  padding: 0.2rem 0;
}

#order_d .block {
  width: 6.9rem;
  margin: 0 auto 0.2rem;
  padding: 0 0.24rem;
  background-color: #fff;
  border-radius: 0.24rem;
}

#order_d .block .line {
  width: 100%;
  min-height: 0.9rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  line-height: 0.36rem;
}

#order_d .block .line .label {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 0.28rem;
  color: #666;
  width: 1.6rem;
}

#order_d .block .line .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.28rem;
}

#order_d .block .line .right .status {
  color: #f42828;
  flex-shrink: 0;
  margin-left: 0.2rem;
}

#order_d .block .line .right .invoice-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #e6e6e6;
  font-size: 0.22rem;
}

#order_d .block .line:last-child {
  border-bottom: none;
}

.layer-invoice {
  width: 6.3rem;
  border-radius: 0.24rem;
  background-color: #fff;
  padding: 0 0.4rem 0.4rem;
}

.layer-invoice .title {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 500;
}

.layer-invoice .line {
  width: 100%;
  font-size: 0.28rem;
  margin-top: 0.1rem;
}

.layer-invoice .btn {
  display: block;
  width: 3.2rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  line-height: 0.8rem;
  text-align: center;
  background-color: #005cac;
  color: #fff;
  font-size: 0.28rem;
  margin: 0.4rem auto 0;
}

#invoice {
  background-color: #f8f8f8;
  padding: 0.2rem 0.3rem 1rem;
}

#invoice .block {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
}

#invoice .block .title {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  font-weight: 500;
}

#invoice .block .line {
  width: 100%;
  height: 0.9rem;
  padding: 0 0.3rem;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}

#invoice .block .line .label {
  width: 2rem;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.28rem;
  color: #666;
}

#invoice .block .line input {
  width: 100%;
  height: 100%;
}

#invoice .subbtn {
  display: block;
  width: 4.8rem;
  height: 0.88rem;
  margin: 1.4rem auto 0;
  background-color: #1d6fb5;
  color: #fff;
  font-size: 0.28rem;
  border-radius: 0.44rem;
  line-height: 0.88rem;
  text-align: center;
}

#addr {
  background-color: #f8f8f8;
  padding: 0.2rem 0.3rem;
}
    #addr .subbtn {
        display: block;
        width: 4.8rem;
        height: 0.88rem;
        margin: 1.4rem auto 0;
        background-color: #1d6fb5;
        color: #fff;
        font-size: 0.28rem;
        border-radius: 0.44rem;
        line-height: 0.88rem;
        text-align: center;
    }
#addr .item {
  width: 100%;
  margin-bottom: 0.2rem;
  background-color: #fff;
  border-radius: 0.24rem;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.3rem;
}

#addr .item .check {
  width: 0.32rem;
  flex-shrink: 0;
}

    #addr .item .right {
        width: 100%;
        position: relative;
        padding-left: 0.28rem;
    }

#addr .item .right .tops {
  width: 100%;
}

#addr .item .right .tops .name {
  display: inline-block;
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: 500;
}

#addr .item .right .tops .mobile {
  display: inline-block;
  font-size: 0.24rem;
  color: #666;
  margin-left: 0.1rem;
}

#addr .item .right .address {
  width: 100%;
  margin-top: 0.1rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
}

#addr .item .right .address span {
  padding: 0 0.1rem;
  border-radius: 0.2rem;
  background-color: #f42828;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.2rem;
  margin-right: 0.1rem;
}
    #addr .item .right .address span.blue {
        padding: 0 0.1rem;
        border-radius: 0.2rem;
        background-color: blue;
        color: #fff;
        font-size: 0.2rem;
        line-height: 0.2rem;
        margin-right: 0.1rem;
    }
#cart {
  background-color: #f8f8f8;
}

#cart .t-func {
  width: 100%;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.28rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
}

#cart .t-func .del {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 0.6rem;
  border: 1px solid #ebebeb;
  border-radius: 0.1rem;
}

#cart .t-func-h {
  width: 100%;
  height: 0.88rem;
}

#cart .cart-list {
  width: 100%;
  padding: 0.2rem 0.3rem;
}

#cart .cart-item {
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  padding: 0.3rem 0.16rem;
  margin-bottom: 0.2rem;
}

#cart .cart-item .activity {
  width: 100%;
  display: flex;
  margin-bottom: 0.2rem;
  padding-left: 0.56rem;
}

#cart .cart-item .activity .label {
  display: inline-block;
  height: 0.32rem;
  border-radius: 0.16rem;
  line-height: 0.32rem;
  color: #fff;
  background-color: #f42828;
  font-size: 0.2rem;
  padding: 0 0.14rem;
}

#cart .cart-item .activity .tip {
  display: inline-block;
  font-size: 0.22rem;
  color: #f42828;
  margin-left: 0.2rem;
}

#cart .cart-item .cont {
  width: 100%;
  display: flex;
  align-items: center;
}

#cart .cart-item .cont .check {
  width: 0.32rem;
  flex-shrink: 0;
  margin-right: 0.24rem;
}

#cart .cart-item .cont .goods {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}

#cart .cart-item .cont .goods .img {
  display: block;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}

#cart .cart-item .cont .goods .img img {
  width: 100%;
  height: 100%;
}

#cart .cart-item .cont .goods .img.is_act::after {
  content: "";
  display: block;
  width: 0.32rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAADWElEQVRIie1WTSikcRj/vfPhq0HUGMoUacISSjlNkhwcpJQp5WDKQVKORpKTFBflI5fdxcFeZms2Fx8HJEW0u0wcHKQ2mlAO2oYx876zPc/7zmvGDDO0mz341b/e/9fz/J7n9/yfGeF3SUkQbwjNWzonvBP4vwgIFRUQ8vKevUD7Orsdmrq6hBzQ+aTR0Sft6sInKWNjENLScDc0BE1BATSlpbIRgwGCyQRNTg4Eo5HXAmtr8G1s8Hfy9DRgMEQYFtfXEZibg1BcDH1zMwJLSwh6PM9n4LaxEeLpKVJnZoCMDGgrK6EpKmLjmsJCSJeXuBsYgLe+Hr6enoQyEA8x+4C2pQWiyxWxlrq8DPHgAPcOR8LG6Q5llLIWvLpC0Ovl9bu+PgTdbv5WJSD9U6em4BsfZ+f6wUEI6emqMTJCGSE9QxB3dqKIhoMIC7m50BmNnFl2WFMDITsboahVAsQosL2NlJER+MxmaKuqWHuVQFoaoJAIQTo/54LUt7XFJECSUjbJ6X1/P9cDfYcjoggpvWy0thZ3ra1R6YwlAb+c/HzorFYm6V9dlQO6uZH3MzPlucfDBB5D93ghMDEBKaRPby+EjAxVAipIkoYNnp1xlVPm/G439Jub7JzWqYDJDt/Lz1e1j4UoApTSZIeDKz2po4OjChmgl0CDIB4eMgE1C6Tz1ha0Viv0VMROJ0etsVggKfrHQlQn1DU1QTw6Ut/s/cICvNXVEYOch0Pf3s5VLm1swD88zKR1nZ18QlteDnF/P+J88Pr6wd9jPbVlZfCFVXo8cGdsaGACyfPz7JBAWSA5iExgcVG2n5UlE1AkjiKQ1NXF6Q6lltNusai6q2smE6SLCzlCm01+ITQoY5OTEFdWkDI7y1IGdndVh4LZHBXOQx+gSOrr4VfYhkARkcOITFE7VghQsYX0Dod0csLn6PlRq6YCpjkRikmADNx2dyN4fKxu+l0uLixJ6fnqJbs9Yh6rx/udTh60J+7tQfJ41JcTEcz7X7J3Am9NIKoVJ4ifAJaU+00APryWwEteAfXPLwDoHX1/tFcGwKaMF5GJR0ACsKY4/QrAl4DNF5F5isAvxekn5fu1iEsmnABF9w3ARyVqiv5vIiYZIvADwGdF34ffyX8LmQxg+wOWo1rBMG0gGgAAAABJRU5ErkJggg==");
}

#cart .cart-item .cont .goods .right {
  width: 100%;
  padding-left: 0.16rem;
}

#cart .cart-item .cont .goods .right .title {
  display: block;
  width: 100%;
  height: 0.72rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
}

#cart .cart-item .cont .goods .right .skus {
  width: 100%;
  margin-top: 0.06rem;
  font-size: 0;
}

#cart .cart-item .cont .goods .right .skus .sku {
  display: inline-block;
  max-width: 100%;
  height: 0.4rem;
  border-radius: 0.2rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  background-color: #f7fafd;
  font-size: 0.26rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cart .cart-item .cont .goods .right .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1rem;
}

#cart .cart-item .cont .goods .right .bot .price {
  color: #f42828;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.28rem;
}

#cart .cart-item .cont .goods .right .bot .num {
  font-size: 0.28rem;
  color: #666;
}

#cart .func {
  width: 100%;
  height: 1rem;
  background-color: #fff;
  position: fixed;
  bottom: 0.98rem;
  left: 0;
  right: 0;
  z-index: 8;
  padding: 0 0.3rem 0 0.46rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#cart .func .left {
  display: inline-flex;
  align-items: center;
}

#cart .func .total {
  display: inline-flex;
  align-items: center;
  font-size: 0.28rem;
  margin-left: 0.3rem;
}

#cart .func .total span,
#cart .func .total p {
  display: inline;
}

#cart .func .total span {
  color: #f42828;
}

#cart .func .total p {
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: #f42828;
}

#cart .func .submit {
  display: inline-block;
  height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  background-color: #f42828;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
}

#cart .func-h {
  width: 100%;
  height: 1rem;
}

#stat {
  background-color: #f8f8f8;
}

#stat .form {
  width: 7.5rem;
  padding: 0.2rem 0.3rem;
  background-color: #f8f8f8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
}

#stat .form .select {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#stat .form .select input {
  width: 100%;
  height: 100%;
}

#stat .form .times {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
}

#stat .form .times .time {
  width: 2.9rem;
  height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
}

#stat .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#stat .form .times .btn {
  width: 0.88rem;
  height: 0.88rem;
  background-color: #1e8ff4;
  color: #fff;
  border-radius: 0.24rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500;
}

#stat .total {
  width: 100%;
  height: 0.72rem;
  padding: 0 0.5rem;
  line-height: 0.72rem;
  font-size: 0.24rem;
  color: #005cac;
  background-color: #d8ebff;
  position: fixed;
  top: 4rem;
  left: 0;
  right: 0;
  z-index: 8;
}

#stat .total-h {
  width: 100%;
  height: 1.72rem;
}

#stat .list {
  width: 100%;
  padding: 0.8rem 0.3rem;
}
    #stat .list .items {
        width:100%;
        padding: 0.2rem;
        border-radius: 0.1rem;
        background-color: #fff;
        margin-bottom: 0.2rem;
    }
#stat .list .item {
  display: flex;
  align-items: center;
  justify-content:space-between;
  width: 100%;
  height: 1.72rem;

}

#stat .list .item .img {
  width: 1.32rem;
  height: 1.32rem;
  flex-shrink: 0;
}

#stat .list .item .img img {
  width: 100%;
  height: 100%;
}

    #stat .list .item .midd {
        width: 100%;
        padding-left: 0.24rem;
    }

#stat .list .item .midd .title {
  width: 100%;
  height: 0.84rem;
  font-size: 0.32rem;
  line-height: 0.42rem;
  word-break: break-all;
  word-wrap: break-word;
}

#stat .list .item .midd .sku {
  width: 100%;
  font-size: 0.24rem;
  color: #666;
  margin-top: 0.2rem;
}
    #stat .list .item .midd span {
    
    float:right;
    padding-right:0.14rem;
    }
    #stat .list   .btns {
        width: 100%;
        padding-top:0.2rem;
        border-top: 1px solid #e6e6e6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color:#333;
    }
    #stat .list .btns .label{
        color:#999;
    }
        #stat .list .item .right {
        width: 1.3rem;
        text-align: right;
    }

#stat .list .item .right .label {
   
  color: #666;
}

#stat .list .item .right .num {
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: 500;
  margin-top: 0.4rem;
}

#point {
  background-color: #f8f8f8;
  padding: 0.2rem 0;
}

#point .list {
  width: 100%;
  padding: 0 0.3rem;
  background-color: #fff;
}

#point .item {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.3rem 0 0.12rem;
  display: flex;
  justify-content: space-between;
}

#point .item:last-child {
  border-bottom: none;
}

#point .item .left {
  width: 4.7rem;
}

#point .item .left .title {
  font-size: 0.28rem;
  line-height: 0.28rem;
}

#point .item .left .num {
  font-size: 0.36rem;
  line-height: 0.36rem;
  margin-top: 0.12rem;
}

#point .item .right {
  width: 2.2rem;
  text-align: right;
  color: #999;
  font-size: 0.24rem;
  line-height: 0.24rem;
}

#point .item .right .remain {
  margin-top: 0.2rem;
}

#confirm {
  background-color: #f8f8f8;
}

#confirm .t-func {
  width: 100%;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.28rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
  border-bottom: 1px solid #e6e6e6;
}

#confirm .t-func .del {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 0.6rem;
  border: 1px solid #ebebeb;
  border-radius: 0.1rem;
}

#confirm .t-func-h {
  width: 100%;
  height: 0.88rem;
}

#confirm .addr {
  width: 100%;
  padding: 0.3rem 0.5rem 0.2rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#confirm .addr .left {
  width: 6rem;
}

#confirm .addr .left .person {
  font-size: 0.32rem;
}

#confirm .addr .left .person .mobile {
  margin-left: 0.1rem;
}

#confirm .addr .left .address {
  width: 100%;
  font-size: 0.24rem;
  line-height: 0.46rem;
}

#confirm .addr .left .city {
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.08rem;
}

#confirm .addr .iconfont {
  font-size: 0.23rem;
  color: #999;
}

#confirm .cart-list {
  width: 100%;
  padding: 0.2rem 0.3rem;
}

#confirm .cart-item {
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  padding: 0.3rem 0.16rem;
  margin-bottom: 0.2rem;
}

#confirm .cart-item:last-child {
  margin-bottom: 0;
}

#confirm .cart-item .activity {
  width: 100%;
  display: flex;
  margin-bottom: 0.2rem;
  padding-left: 0.56rem;
}

#confirm .cart-item .activity .label {
  display: inline-block;
  height: 0.32rem;
  border-radius: 0.16rem;
  line-height: 0.32rem;
  color: #fff;
  background-color: #f42828;
  font-size: 0.2rem;
  padding: 0 0.14rem;
}

#confirm .cart-item .activity .tip {
  display: inline-block;
  font-size: 0.22rem;
  color: #f42828;
  margin-left: 0.2rem;
}

#confirm .cart-item .cont {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}

#confirm .cart-item .cont:nth-child(1) {
  margin-top: 0;
}

#confirm .cart-item .cont .check {
  width: 0.32rem;
  flex-shrink: 0;
  margin-right: 0.24rem;
}

#confirm .cart-item .cont .goods {
  width: 100%;
  height: 1.6rem;
  display: flex;
  align-items: center;
}

#confirm .cart-item .cont .goods .img {
  display: block;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}

#confirm .cart-item .cont .goods .img img {
  width: 100%;
  height: 100%;
}

#confirm .cart-item .cont .goods .img.is_act::after {
  content: "";
  display: block;
  width: 0.32rem;
  height: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAADWElEQVRIie1WTSikcRj/vfPhq0HUGMoUacISSjlNkhwcpJQp5WDKQVKORpKTFBflI5fdxcFeZms2Fx8HJEW0u0wcHKQ2mlAO2oYx876zPc/7zmvGDDO0mz341b/e/9fz/J7n9/yfGeF3SUkQbwjNWzonvBP4vwgIFRUQ8vKevUD7Orsdmrq6hBzQ+aTR0Sft6sInKWNjENLScDc0BE1BATSlpbIRgwGCyQRNTg4Eo5HXAmtr8G1s8Hfy9DRgMEQYFtfXEZibg1BcDH1zMwJLSwh6PM9n4LaxEeLpKVJnZoCMDGgrK6EpKmLjmsJCSJeXuBsYgLe+Hr6enoQyEA8x+4C2pQWiyxWxlrq8DPHgAPcOR8LG6Q5llLIWvLpC0Ovl9bu+PgTdbv5WJSD9U6em4BsfZ+f6wUEI6emqMTJCGSE9QxB3dqKIhoMIC7m50BmNnFl2WFMDITsboahVAsQosL2NlJER+MxmaKuqWHuVQFoaoJAIQTo/54LUt7XFJECSUjbJ6X1/P9cDfYcjoggpvWy0thZ3ra1R6YwlAb+c/HzorFYm6V9dlQO6uZH3MzPlucfDBB5D93ghMDEBKaRPby+EjAxVAipIkoYNnp1xlVPm/G439Jub7JzWqYDJDt/Lz1e1j4UoApTSZIeDKz2po4OjChmgl0CDIB4eMgE1C6Tz1ha0Viv0VMROJ0etsVggKfrHQlQn1DU1QTw6Ut/s/cICvNXVEYOch0Pf3s5VLm1swD88zKR1nZ18QlteDnF/P+J88Pr6wd9jPbVlZfCFVXo8cGdsaGACyfPz7JBAWSA5iExgcVG2n5UlE1AkjiKQ1NXF6Q6lltNusai6q2smE6SLCzlCm01+ITQoY5OTEFdWkDI7y1IGdndVh4LZHBXOQx+gSOrr4VfYhkARkcOITFE7VghQsYX0Dod0csLn6PlRq6YCpjkRikmADNx2dyN4fKxu+l0uLixJ6fnqJbs9Yh6rx/udTh60J+7tQfJ41JcTEcz7X7J3Am9NIKoVJ4ifAJaU+00APryWwEteAfXPLwDoHX1/tFcGwKaMF5GJR0ACsKY4/QrAl4DNF5F5isAvxekn5fu1iEsmnABF9w3ARyVqiv5vIiYZIvADwGdF34ffyX8LmQxg+wOWo1rBMG0gGgAAAABJRU5ErkJggg==");
}

#confirm .cart-item .cont .goods .right {
  width: 100%;
  padding-left: 0.16rem;
}

#confirm .cart-item .cont .goods .right .title {
  display: block;
  width: 100%;
  height: 0.72rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
}

#confirm .cart-item .cont .goods .right .skus {
  width: 100%;
  margin-top: 0.06rem;
  font-size: 0;
}

#confirm .cart-item .cont .goods .right .skus .sku {
  display: inline-block;
  max-width: 100%;
  height: 0.4rem;
  border-radius: 0.2rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  background-color: #f7fafd;
  font-size: 0.26rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#confirm .cart-item .cont .goods .right .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1rem;
}

#confirm .cart-item .cont .goods .right .bot .price {
  color: #f42828;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.28rem;
}

#confirm .cart-item .cont .goods .right .bot .num {
  font-size: 0.28rem;
  color: #666;
}

#confirm .cart-item .gift {
  width: 6rem;
  border-radius: 0.24rem;
  background-color: #f5f8fa;
  margin-top: 0.3rem;
  margin-left: 0.56rem;
  padding-top: 0.24rem;
}

#confirm .cart-item .gift .mod {
  width: 100%;
  padding: 0 0.3rem;
  font-size: 0.24rem;
  line-height: 0.24rem;
  color: #f42828;
}

#confirm .cart-item .gift .condition {
  font-size: 0.22rem;
  line-height: 0.36rem;
  padding: 0 0.3rem;
  margin-top: 0.1rem;
}

#confirm .cart-item .gift .item {
  width: 100%;
  padding: 0.2rem 0.3rem;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}

#confirm .cart-item .gift .item:last-child {
  border-bottom: none;
}

#confirm .cart-item .gift .item .check {
  width: 0.32rem;
  flex-shrink: 0;
  margin-right: 0.14rem;
}

#confirm .cart-item .gift .item .goods {
  width: 100%;
  height: 1.2rem;
  display: flex;
  align-items: center;
}

#confirm .cart-item .gift .item .img {
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
}

#confirm .cart-item .gift .item .img img {
  width: 100%;
  height: 100%;
}

#confirm .cart-item .gift .item .texts {
  width: 3.8rem;
  padding-left: 0.15rem;
}

#confirm .cart-item .gift .item .texts .title {
  font-size: 0.24rem;
  line-height: 0.36rem;
  height: 0.72rem;
}

#confirm .cart-item .gift .item .texts .bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.28rem;
  line-height: 0.28rem;
  font-weight: 500;
  margin-top: 0.18rem;
}

#confirm .cart-item .gift .item .texts .bot p {
  display: inline;
}

#confirm .cart-item .gift .item .texts .bot .price {
  color: #f42828;
}

#confirm .cart-item .gift .item .texts .bot .del {
  color: #999;
  text-decoration: line-through;
  font-size: 0.22rem;
}

#confirm .cart-item .gift .item .texts .bot .redu-num-add {
  width: 1.3rem;
}

#confirm .cart-item .gift .item .texts .bot .redu-num-add input {
  width: 0.5rem;
}

#confirm .remark {
  width: 100%;
  padding: 0 0.3rem;
  margin-bottom: 0.2rem;
}

#confirm .remark textarea {
  width: 100%;
  height: 3.2rem;
  border-radius: 0.24rem;
  padding: 0.3rem;
  resize: none;
  border: none;
  background-color: #fff;
}

#confirm .func {
  width: 100%;
  height: 1rem;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  padding: 0 0.3rem 0 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#confirm .func .left {
  display: inline-flex;
  align-items: center;
}

#confirm .func .total {
  display: inline-flex;
  align-items: center;
  font-size: 0.28rem;
}

#confirm .func .total span,
#confirm .func .total p {
  display: inline;
}

#confirm .func .total span {
  color: #f42828;
}

#confirm .func .total p {
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: #f42828;
}

#confirm .func .submit {
  display: inline-block;
  height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  background-color: #f42828;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.28rem;
}

#confirm .func-h {
  width: 100%;
  height: 1rem;
}

#my {
  background-color: #f8f8f8;
}

#my .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: space-between;
}

#my .tab p{
  text-align: center;
}

#my .tab i{
  font-weight: 900;
  font-size: 18px;
}

#my .user {
  width: 100%;
  height: 2.7rem;
  background-size: 100%;
  background-image: url(../img/32.png);
  display: flex;
  align-items: center;
  padding: 0 0.7rem 0.3rem;
}

#my .user .avatar {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  overflow: hidden;
}

#my .user .avatar img {
  width: 100%;
  height: 100%;
}

#my .user .text {
  width: 4.6rem;
  padding-left: 0.16rem;
  color: #fff;
}

#my .user .text .name {
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: 500;
}

#my .user .text .mobile {
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.2rem;
}

#my .company {
  width: 6.9rem;
  margin: -0.41rem auto 0;
  position: relative;
  z-index: 2;
}

#my .company .name {
  width: 100%;
  height: 0.41rem;
  background-image: url(../img/20.png);
  background-size: 100%;
  text-align: center;
  line-height: 0.41rem;
  font-size: 0.22rem;
  color: #005cac;
  position: relative;
  z-index: 3;
}

#my .company .block {
  width: 100%;
  padding: 0.2rem 0.24rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0 0 0.08rem 0.08rem;
  border-radius: 0.3rem;
}

#my .company .block .title {
  width: 100%;
  text-align: center;
  font-size: 0.3rem;
  font-weight: 900;
}

#my .company .block .progress {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#my .company .block .progress .label {
    width:20px;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 0.26rem;
  color: #005cac;
}

#my .company .block .progress .bar {
  width: 100%;
  height: 0.24rem;
  background-color: #97d9ff;
  border-radius: 0.12rem;
  margin: 0 0.24rem;
  position: relative;
}

#my .company .block .progress .bar .line {
  display: block;
  border-radius: 0.12rem;
  height: 0.24rem;
  background-image: linear-gradient(to right, #1d8bf3, #0223ab);
}

#my .company .block .progress .bar .dot {
  position: absolute;
  transform: translateX(-0.2rem);
  z-index: 2;
  display: block;
}

#my .company .block .progress .bar .dot.high {
  top: -0.055rem;
  width: 0.43rem;
  height: 0.34rem;
  background-image: url(../img/18.png);
  background-size: 100%;
}

#my .company .block .progress .bar .dot.low {
  top: -0.08rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #0223ab;
  padding: 0.06rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);
}

#my .company .block .progress .bar .dot.low::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}

#my .company .block .bot {
  width: 100%;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.2rem;
}
    #my .company .block .bigtitle {
        width: 100%;
        margin-top: 0.3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.2rem;
    }
        #my .company .block .bigtitle .bigtype {
            font-size: 0.38rem;
            line-height: 0.28rem;
            font-weight: 500;
            color: #005cac;
        }
#my .company .block .bot span {
  font-size: 0.32rem;
  line-height: 0.28rem;
  font-weight: 500;
  color: #005cac;
}

#my .menu {
  width: 6.9rem;
  background-color: #fff;
  border-radius: 0.24rem;
  position: relative;
  z-index: 2;
  margin: 0.1rem auto 0.2rem;
  padding: 0.2rem 0 0.2rem;
}

#my .menu .line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.85rem;
  padding: 0 0.4rem;
}

#my .menu .line .icon {
  width: 0.3rem;
  font-size: 0.3rem;
  line-height: 0.3rem;
  flex-shrink: 0;
}

#my .menu .line .right {
  width: 5.56rem;
  height: 100%;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.28rem;
}

#my .menu .line .right i {
  font-size: 0.24rem;
  color: #999;
}

#mybusiness{
  background-color: #f8f8f8;
}

#mybusiness .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: space-between;
}

#mybusiness .tab p{
  text-align: center;
}

#mybusiness .tab i{
  font-weight: 900;
  font-size: 18px;
}

#mybusiness .user {
  width: 100%;
  height: 2.7rem;
  background-size: 100%;
  background-image: url(../img/32.png);
  display: flex;
  align-items: center;
  padding: 0 0.7rem 0.3rem;
}

#mybusiness .user .avatar {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  overflow: hidden;
}

#mybusiness .user .avatar img {
  width: 100%;
  height: 100%;
}

#mybusiness .user .text {
  width: 4.6rem;
  padding-left: 0.16rem;
  color: #fff;
}

#mybusiness .user .text .name {
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: 500;
  color: #fff;
}

#mybusiness .user .text .mobile {
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.2rem;
  color: #fff;
}

#mybusiness .menu {
  width: 6.9rem;
  margin: -0.5rem auto 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0.4rem;
  border-radius: 0.3rem;
}

#mybusiness .menu .line{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.85rem;
}

#mybusiness .menu .line .icon {
  width: 0.3rem;
  font-size: 0.3rem;
  line-height: 0.3rem;
  flex-shrink: 0;
}

#mybusiness .menu .line .right {
  width: 5.56rem;
  height: 100%;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.28rem;
}

#mybusiness .menu .line .right i {
  font-size: 0.24rem;
  color: #999;
}

#mymarketing{
  background-color: #f8f8f8;
}

#mymarketing .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: space-between;
}

#mymarketing .tab p{
  text-align: center;
}

#mymarketing .tab i{
  font-weight: 900;
  font-size: 18px;
}

#mymarketing .user {
  width: 100%;
  height: 2.7rem;
  background-size: 100%;
  background-image: url(../img/32.png);
  display: flex;
  align-items: center;
  padding: 0 0.7rem 0.3rem;
}

#mymarketing .user .avatar {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  overflow: hidden;
}

#mymarketing .user .avatar img {
  width: 100%;
  height: 100%;
}

#mymarketing .user .text {
  width: 4.6rem;
  padding-left: 0.16rem;
  color: #fff;
}

#mymarketing .user .text .name {
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: 500;
  color: #fff;
}

#mymarketing .user .text .mobile {
  font-size: 0.24rem;
  line-height: 0.24rem;
  margin-top: 0.2rem;
  color: #fff;
}

#mymarketing .menu {
  width: 6.9rem;
  margin: -0.5rem auto 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 0.4rem;
  border-radius: 0.3rem;
}

#mymarketing .menu .line{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.85rem;
}

#mymarketing .menu .line .icon {
  width: 0.3rem;
  font-size: 0.3rem;
  line-height: 0.3rem;
  flex-shrink: 0;
}

#mymarketing .menu .line .right {
  width: 5.56rem;
  height: 100%;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.28rem;
}

#mymarketing .menu .line .right i {
  font-size: 0.24rem;
  color: #999;
}

#mymarketing .popu{
  width:100%;
  height:100%;
  position:absolute;
  right:0px;
  top:0px;
  text-align:center;
  display:none;
  background-color:rgba(120, 122, 124,0.5);
  z-index: 3;
}

#mymarketing .popu .box{
  width: 82vw;
  margin: 33vh auto;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0.2rem;
}

#mymarketing .popu .box .select{
  padding: 0.1rem 0 0.6rem;
}

#mymarketing .popu .box .select .line{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.2rem 0 0.15rem;
  font-size: 0.3rem;
}

#mymarketing .popu .box .select .line .radio{
  display: inline;
  opacity: 1;
  margin-left: 0.15rem;
}

#mymarketing .popu .box .title{
  padding-bottom: 0.2rem;
  text-align: left;
}

#mymarketing .popu .box .btn{
  width: 50vw;
  background-color: rgb(0, 92, 172);
  padding: 0.15rem;
  border-radius: 0.3rem;
  color: #fff;
}




#e_aims {
  background-color: #f8f8f8;
}

#e_aims .form {
  width: 7.5rem;
  height: 0.88rem;
  padding: 0.2rem 0.3rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: #f8f8f8;
}

#e_aims .form .select {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#e_aims .form .select input {
  width: 100%;
  height: 100%;
}

#e_aims .form .times {
  width: 100%;
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
}

#e_aims .form .times .time {
  width: 2.9rem;
  height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
}

#e_aims .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#e_aims .form .times .btn {
  width: 0.88rem;
  height: 0.88rem;
  background-color: #1e8ff4;
  color: #fff;
  border-radius: 0.24rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500;
}

#e_aims .list {
  width: 100%;
  padding: 0.2rem 0.3rem;
}

#e_aims .list .item {
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  padding: 0.14rem 0.2rem 0.2rem;
  margin-bottom: 0.2rem;
}

#e_aims .list .item .name {
  width: 100%;
  font-size: 0.28rem;
  line-height: 0.36rem;
}

#e_aims .list .item .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1rem;
}

#e_aims .list .item .bot .text {
  white-space: nowrap;
  flex-shrink: 0;
  color: #f42828;
  font-size: 0.24rem;
}

#e_aims .list .item .bot input {
  width: 100%;
  height: 0.44rem;
  border: 1px solid #e6e6e6;
  border-radius: 0.08rem;
  padding: 0 0.14rem;
  margin: 0 0.14rem;
}

#e_aims .subbtn {
  width: 100%;
  height: 0.88rem;
  text-align: center;
  line-height: 0.88rem;
  background-color: #005cac;
  font-size: 0.28rem;
  color: #fff;
  position: fixed;
  bottom: 0.98rem;
  left: 0;
  right: 0;
  z-index: 8;
}

#e_aims .subbtn-h {
  width: 100%;
  height: 0.88rem;
}

#aims {
  background-color: #f8f8f8;
  padding-top: 0.2rem;
}

#aims .form {
  width: 7.5rem;
  height: 0.88rem;
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: #f8f8f8;
}

#aims .form .select {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#aims .form .select input {
  width: 100%;
  height: 100%;
}

#aims .form .times {
  width: 100%;
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
}

#aims .form .times .time {
  width: 2.9rem;
  height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
}

#aims .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#aims .form .times .btn {
  width: 0.88rem;
  height: 0.88rem;
  background-color: #1e8ff4;
  color: #fff;
  border-radius: 0.24rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500;
}

#aims .list {
  width: 100%;
  padding: 0.2rem 0.3rem;
}

#aims .list .item {
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  margin-bottom: 0.2rem;
  padding: 0.14rem 0.2rem;
}

#aims .list .item .name {
  width: 100%;
  font-size: 0.28rem;
  font-weight: 500;
}

#aims .list .item .progress {
  width: 100%;
  margin-top: 0.14rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#aims .list .item .progress .bar {
  width: 3.4rem;
  height: 0.24rem;
  background-color: #97d9ff;
  border-radius: 0.12rem;
  position: relative;
}

#aims .list .item .progress .bar .line {
  display: block;
  border-radius: 0.12rem;
  height: 0.24rem;
  background-image: linear-gradient(to right, #1d8bf3, #0223ab);
}

#aims .list .item .progress .bar .dot {
  position: absolute;
  transform: translateX(-0.2rem);
  z-index: 2;
  display: block;
}

#aims .list .item .progress .bar .dot.high {
  top: -0.055rem;
  width: 0.43rem;
  height: 0.34rem;
  background-image: url(../img/18.png);
  background-size: 100%;
}

#aims .list .item .progress .bar .dot.low {
  top: -0.08rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #0223ab;
  padding: 0.06rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);
}

#aims .list .item .progress .bar .dot.low::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}

#aims .list .item .progress .text {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 0.24rem;
  color: #f42828;
}

#aims .list .item .bot {
  font-size: 0.24rem;
  margin-top: 0.1rem;
}











#completion {
  background-color: #f8f8f8;
}

#completion .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: fixed;
  z-index: 8;
}

#completion .tab i{
  font-weight: 900;
  font-size: 18px;
}

    #completion .form {
        width: 7.5rem;
        padding: 0.2rem 0.3rem;
        display: flex;
        justify-content: space-between;
        position: fixed;
        flex-wrap: wrap;
        top: 1rem;
        left: 0;
        right: 0;
        z-index: 8;
        background-color: #f8f8f8;
    }
 
#completion .form .select {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  margin-bottom: 0.1rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

    #completion .form .select1, #completion .form .select2 {
        width: 48%;
       
       }
        #completion .form .select3, #completion .form .select4 {
            width: 98%;
            margin-top: 0.1rem;
        }
#completion .form .select input {
  width: 100%;
  height: 100%;
}

#completion .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#completion .list {
  width: 100%;
  padding: 0.2rem 0.3rem;
  margin-top: 2.6rem;
}

#completion .list .company {
  width: 100%;
  background-color: #fff;
  border-radius: 0.3rem;
  margin-bottom: 0.2rem;
}

#completion .list .company .title {
  width: 100%;
  font-size: 0.3rem;
  color: rgb(0, 84, 190);
  padding: 0.2rem;
}

#completion .list .company .item{
  padding-bottom: 0.3rem;
}

#completion .list .company .item .subtitle{
  font-size: 0.24rem;
  color: rgb(0, 84, 190);
  background-color: rgb(216, 235, 255);
  padding: 0.15rem 0.24rem;
  font-weight: 700;
}

#completion .list .company .item .p{
  padding: 0.2rem 0 0.2rem;
  margin-bottom: 0.1rem;
  margin: 0 0.5rem;
}

#completion .list .company .item .p span{
  font-size: 0.24rem;
  line-height: 0.3rem;
  min-width:8vw;
  margin-left:2vw;
}

#completion .list .company .item .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.05rem;
}

#completion .list .company .item .top .name{
  width: 24vw;
}

#completion .list .company .item .bottom{
  display: flex;
  justify-content: space-between;
}

#completion .list .company .item .top .bar{
  width: 3.4rem;
  height: 0.16rem;
  background-color: #fff;
  border: 1px solid rgb(206, 206, 206);
  border-radius: 0.12rem;
  position: relative;
}

#completion .list .company .item .top .line {
  display: block;
  border-radius: 0.12rem;
  height: 0.12rem;
  background-image: linear-gradient(to right, #1d8bf3, #0223ab);
}

#goal {
  background-color: #f8f8f8;
}

#goal .tab{
  padding: 0.3rem;
  font-size: 16px;
  background-color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: fixed;
  z-index: 8;
}

#goal .tab i{
  font-weight: 900;
  font-size: 18px;
}

#goal .form {
  width: 7.5rem;
  height: 2rem;
  padding: 0.2rem 0.3rem;
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: #f8f8f8;
}

#goal .form .select {
  width: 100%;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  margin-bottom: 0.1rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#goal .form .select input {
  width: 100%;
  height: 100%;
}

#goal .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#goal .list {
  width: 100%;
  padding: 0.2rem 0.3rem;
  margin-top: 2.2rem;
  margin-bottom: 1rem;
}

#goal .list .company {
  width: 100%;
  background-color: #fff;
  border-radius: 0.3rem;
  margin-bottom: 0.2rem;
}

#goal .list .company .title {
  width: 100%;
  font-size: 0.3rem;
  color: rgb(0, 84, 190);
  padding: 0.2rem;
}

#goal .list .company .item{
  padding-bottom: 0.3rem;
}

#goal .list .company .item .subtitle{
  font-size: 0.24rem;
  color: rgb(0, 84, 190);
  background-color: rgb(216, 235, 255);
  padding: 0.15rem 0.24rem;
  font-weight: 700;
}

#goal .list .company .item .p{
  padding: 0.2rem 0 0.2rem;
  margin-bottom: 0.1rem;
  margin: 0 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.24rem;
}

#goal .list .company .item .name{
  width: 24vw;
}

#goal .list .company .item .p .text{
  border: 1px solid rgb(204, 204, 204);
  padding: 0.15rem;
  border-radius: 0.1rem;
}

#goal .list .company .item .p span{
  font-size: 0.24rem;
  line-height: 0.3rem;
}

#goal .bottom .btn{
  background-color: rgb(0, 92, 172);
  width: 100%;
  font-size: 0.3rem;
  height: 1rem;
  color: #fff;
  position: fixed;
  bottom: 0;
}












#aimsplate {
  background-color: #f8f8f8;
}

#aimsplate .tab{
  padding: 0.3rem;
  width: 100vw;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: space-between;
  position: fixed;
  z-index: 8;
}

#aimsplate .tab p{
  text-align: center;
}

#maimsplatey .tab i{
  font-weight: 900;
  font-size: 18px;
}

#aimsplate .form {
  width: 7.5rem;
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  flex-wrap: wrap;
  top: 1rem;
  left: 0;
  right: 0;
  z-index: 8;
  background-color: #f8f8f8;
}

#aimsplate .form .select1, #aimsplate .form .select2 {
  width: 48%;
  line-height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  margin-bottom: 0.1rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#aimsplate .form .select3{
  width: 100%;
  line-height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  margin-bottom: 0.1rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#aimsplate .form .select4{
  width: 100%;
  line-height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
  height: 0.88rem;
  padding: 0 0.3rem;
  background-size: 0.21rem 0.1rem;
  background-repeat: no-repeat;
  background-position: right 0.3rem center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

#aimsplate .form .select input {
  width: 100%;
  height: 100%;
}

#aimsplate .form .times {
  width: 100%;
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
}

#aimsplate .form .times .time {
  width: 2.9rem;
  height: 0.88rem;
  border-radius: 0.24rem;
  background-color: #fff;
}

#aimsplate .form .times .time input {
  width: 100%;
  height: 100%;
  text-align: center;
}

#aimsplate .form .times .btn {
  width: 0.88rem;
  height: 0.88rem;
  background-color: #1e8ff4;
  color: #fff;
  border-radius: 0.24rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 500;
}

#aimsplate .list {
  width: 100%;
  padding: 0.2rem 0.3rem;
  margin-top: 3.2rem;
}

#aimsplate .list .item {
  width: 100%;
  background-color: #fff;
  border-radius: 0.24rem;
  margin-bottom: 0.2rem;
  padding: 0.2rem 0.2rem;
}

#aimsplate .list .item .name {
  width: 100%;
  font-size: 0.28rem;
  font-weight: 500;
  text-align: center;
}

#aimsplate .list .item .name1 {
  width: 100%;
  font-size: 0.28rem;
  font-weight: 500;
  display: none;
}

#aimsplate .list .item .name1 div{
  display: flex;
  justify-content: space-between;
}

#aimsplate .list .item .name1 .tel{
  font-size: 0.24rem;
  color: rgb(151, 217, 255);
}

#aimsplate .list .item .name1 i{
  font-size: 0.24rem;
  color: rgb(165, 165, 165);
}

#aimsplate .list .item .progress {
  width: 100%;
  margin-top: 0.14rem;
  padding: 0.08rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#aimsplate .list .item .progress span{
  font-size: 0.24rem;
  color: rgb(78, 138, 221);
}

#aimsplate .list .item .progress .bar {
  width: 70vw;
  height: 0.24rem;
  background-color: #97d9ff;
  border-radius: 0.12rem;
  position: relative;
}

#aimsplate .list .item .progress .bar .line {
  display: block;
  border-radius: 0.12rem;
  height: 0.24rem;
  background-image: linear-gradient(to right, #1d8bf3, #0223ab);
}

#aimsplate .list .item .progress .bar .dot {
  position: absolute;
  transform: translateX(-0.2rem);
  z-index: 2;
}

#aimsplate .list .item .progress .bar .dot.high {
  top: -0.055rem;
  width: 0.43rem;
  height: 0.34rem;
  background-image: url(../img/18.png);
  background-size: 100%;
}

#aimsplate .list .item .progress .bar .dot.low {
  top: -0.08rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #0223ab;
  padding: 0.06rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);
}

#aimsplate .list .item .progress .bar .dot.low::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}

#aimsplate .list .item .progress .text {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 0.24rem;
  color: #f42828;
}

#aimsplate .list .item .bot {
  font-size: 0.24rem;
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
}

#aimsplate .list .item .bot span {
  font-size: 0.28rem;
  line-height: 0.28rem;
  font-weight: 500;
  color: #005cac;
}

  #index .avtivity {
    display: flex;
    padding: 0.2rem 0.2rem
}

  #index .avtivity a {
        margin-right: 0.1rem
    }

  #index .avtivity :nth-child(2n) {
        margin-right: 0
    }


 .box_top {
    width: 7.5rem;
    padding: 0 0.96rem;
    height: 1rem;
    display: flex;
    align-items: center;
    background-color:white
}

     .box_top .tops {
        position: relative;
        width: 2.18rem;
        text-align: center
    }

         .box_top .tops p {
            font-size: 0.28rem;
            color: #333333
        }

         .box_top .tops .xia_line {
            position: absolute;
            width: 0.54rem;
            height: 0.02rem;
            background: #fff;
            border-radius: 1px;
            bottom: -0.1rem;
            left: calc(50% - 0.27rem)
        }

         .box_top .tops .avti_color {
            color: #1e8ff4
        }

         .box_top .tops .avti_line {
            background-color: #1e8ff4
        }
#IntegralMall{
    background-color: #f8f8f8
}


   .information .i_bottom {
        background-color: #f2f4f5;
        min-height: 100vh;
        padding-top: 0.2rem
    }

         .information .i_bottom .i_content {
            display: flex;
            justify-content: left;
            margin: 0 auto;
            width: 6.9rem;
            height: 1.9rem;
            background: #ffffff;
            border-radius: 5px;
            padding: 0.2rem;
            margin-bottom: 0.1rem
        }

             .information .i_bottom .i_content .content_main {
                overflow: hidden
            }

                 .information .i_bottom .i_content .content_main .p1 {
                    font-size: 0.24rem;
                    color: #333333;
                    opacity: 0.7;
                    margin-bottom: 0.2rem
                }

                 .information .i_bottom .i_content .content_main .p2 {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    font-size: 0.32rem;
                    color: #333333
                }

     .information_detail .i_bottoms {
        padding: 0 0.2rem
    }

         .information_detail .i_bottoms .time_S {
            font-size: 0.24rem;
            color: #333333;
            opacity: 0.7;
            margin: 0.35rem 0
        }

         .information_detail .i_bottoms .titles {
            font-size: 0.4rem;
            color: #333333
        }

         .information_detail .i_bottoms .tit_content {
            font-size: 0.32rem;
            color: #333333
        }

             .information_detail .i_bottoms .tit_content p {
                display: flex;
                margin: 0.4rem 0
            }


 .integral {
    width: 7.5rem
}

    .integral .i_top {
        background-color: #fff;
        height: 0.88rem;
        width: 100%;
        padding: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eee
    }

    .integral .i_midd {
        width: 100%;
        height: 1.6rem;
        display: flex;
        padding: 0 0.2rem;
        text-align: center;
        align-items: center;
        justify-content: space-between
    }

        .integral .i_midd .ty :first-child {
            font-size: 0.36rem;
            font-weight: 700;
            color: #1063d2
        }

        .integral .i_midd .ty :last-child {
            font-size: 0.24rem;
            color: #333333
        }

    .integral .i_bottom {
        width: 100%;
        height: auto;
        padding: 0 0.2rem
    }

        .integral .i_bottom .one {
            border-bottom: 1px solid #f2f4f5;
            padding-bottom: 0.2rem
        }

            .integral .i_bottom .one .one_tit {
                display: flex;
                justify-content: space-between;
                font-size: 0.24rem;
                color: #999999;
                line-height: 42px
            }

            .integral .i_bottom .one .one_texts {
                display: flex
            }

                .integral .i_bottom .one .one_texts .one_txbox {
                    margin-right: 0.3rem
                }

                    .integral .i_bottom .one .one_texts .one_txbox .i_titb {
                        color: #333333;
                        font-size: 0.26rem
                    }

                    .integral .i_bottom .one .one_texts .one_txbox .i_cor {
                        color: #fc3029;
                        font-size: 0.26rem
                    }

                    .integral .i_bottom .one .one_texts .one_txbox .i_negcor {
                        color: #1d9a13;
                        font-size: 0.26rem
                    }
   .new_add {
    display: flex;
    width: 4.8rem;
    height: 0.8rem;
    background: #005cac;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 5.5rem
}

   .new_add .addre {
        font-size: 0.32rem;
        color: #ffffff
    }


 .exit_address {
    background: #eee;
    height: 100vh;
    width:100%
}

     .exit_address .middle {
        width: 100%;
        margin-top: 0.1rem
    }

         .exit_address .middle .mbox1 {
            height: 6.4rem;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            background-color: #fff;
            padding: 0 0.3rem
        }

             .exit_address .middle .mbox1 .form_box {
                width: 100%
            }

                 .exit_address .middle .mbox1 .form_box .one {
                    border-bottom: 1px solid #ddd;
                    width: 100%;
                    padding: 0.25rem 0
                }

                     .exit_address .middle .mbox1 .form_box .one label {
                        display: flex;
                        justify-content: space-between
                    }

                         .exit_address .middle .mbox1 .form_box .one label span {
                            font-size: 0.3rem
                        }

                         .exit_address .middle .mbox1 .form_box .one label .ipt_box1 {
                            width: 100%;
                            flex: 1;
                            text-align: right
                        }

                         .exit_address .middle .mbox1 .form_box .one label ::placeholder {
                            color: #005cac;
                            text-align: end
                        }

                         .exit_address .middle .mbox1 .form_box .one label :-ms-input-placeholder {
                            color: red
                        }

                 .exit_address .middle .mbox1 .form_box .two {
                    border-bottom: 0
                }

                     .exit_address .middle .mbox1 .form_box .two .label_box {
                        display: block
                    }

                         .exit_address .middle .mbox1 .form_box .two .label_box span {
                            display: block
                        }

                         .exit_address .middle .mbox1 .form_box .two .label_box .textareas {
                            width: 100%;
                            resize: none
                        }

                         .exit_address .middle .mbox1 .form_box .two .label_box ::placeholder {
                            text-align: left;
                            color: #888888
                        }

         .exit_address .middle .bot_box {
            width: 100%;
            margin-top: 0.1rem
        }

             .exit_address .middle .bot_box .item {
                margin: 0 auto;
                display: flex;
                height: 100px;
                background: #ffffff;
                justify-content: space-between;
                align-items: center;
                padding: 0 0.3rem
            }

         .exit_address .middle .saves_box {
            margin-top: 3.52rem;
            width: 4.8rem;
            height: 0.8rem;
            background: #005cac;
            border-radius: 0.4rem;
            text-align: center;
            line-height: 0.8rem;
            color: #fff;
            font-size: 0.32rem;
            margin: 2.52rem auto 0 auto
        }
.zaocuo_box {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 66;
}

     .zaocuo_box .b1 {
        font-size: 0.28rem;
        color: #005cac
    }

  .zaocuo_box .exit {
        margin-right: 0.2rem
    }
.JF .j_box {
    display: inline-block;
    /*width: 1rem;
    height: 0.32rem;*/

    padding: 4px 3px;
    margin-left: 5px;
    background: #f42828;
    border-radius: 0.16rem;
    font-size: 0.2rem;
    color: #ffffff;
    text-align: center
}
.JF .j_boxblue {
    display: inline-block;
    width: 1rem;
    height: 0.32rem;
    background: #1e8ff4;
    border-radius: 0.16rem;
    font-size: 0.2rem;
    color: #ffffff;
    text-align: center
}
.inp1 {
    margin-left: 0.1rem;
    height: 0.7rem;
    width: 3.0rem;
    border: 1px solid #eee;
    padding-left: 20px;
    border-radius: 0.2rem
}
 .tab .sh {
    font-size: 0.28rem;
    color: #000;
    padding-top: 0.7rem
}

 .tab .jifen {
    margin-top: 0.2rem
}

     .tab .jifen .inp1 {
        margin-left: 0.1rem;
        height: 0.7rem;
        width: 4.5rem;
        border: 1px solid #eee;
        padding-left: 20px;
        border-radius: 0.2rem
    }
.Tcc {
    /*width: 6rem;*/
    height:100%;
    position: absolute;
 
}
 .Tcc .tab {
    background-color: #fff;
    border-radius: 0.2rem;
    width: 6.7rem;
    padding: 0 0.4rem;
    margin: 0 auto;
    height: 100%
}

     .Tcc .tab .sh {
        font-size: 0.28rem;
        color: #000;
        padding-top: 0.2rem
    }

    .Tcc .tab .jifen {
        margin-top: 0.2rem;
        font-size:0.28rem;
    }

         .Tcc .tab .jifen .inp1 {
            margin-left: 0.1rem;
            height: 0.7rem;
            width: 4rem;
            border: 1px solid #eee;
            padding-left: 20px;
            border-radius: 0.2rem
        }

     .Tcc .tab .shutu {
        display: flex;
        align-items: center
    }

    .Tcc .tab .submit {
        width: 4.5rem;
        height: 0.6rem;
        background-color: #005cac;
        margin: 0.4rem auto 0 auto;
        text-align: center;
        color: #fff;
        line-height: 0.6rem;
        border-radius: 0.5rem;
    }
 .Leave_message {
    height: 100vh;
    background-color: #f8f8f8;
    width: 100%
}

     .Leave_message .liuyan .textarea textarea {
        padding: 0.4rem 0 0 0.4rem
    }

     .Leave_message .liuyan .textarea .textrowsbox {
        width: 100%;
        height: 5rem;
        border-bottom: 1px solid #eee;
        background-color: #fff;
        resize: none
    }

     .Leave_message .liuyan .imgbox {
        height: 2rem;
        width: 100%;
        background-color: #fff;
        display: flex;
        align-items: center
    }

         .Leave_message .liuyan .imgbox .img_left {
            padding: 0 0.3rem 0 0.4rem;
            position: relative
        }

             .Leave_message .liuyan .imgbox .img_left input {
                position: absolute;
                font-size: 100px;
                right: 0;
                top: 0;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
                height: 1.5rem
            }

     .Leave_message .tijiao {
        width: 4.8rem;
        height: 0.8rem;
        border-radius: 0.4rem;
        background-color: #005CAC;
        font-size: 0.32rem;
        color: #ffffff;
        text-align: center;
        line-height: 0.8rem;
        margin-top: 3rem;
        margin: 2rem auto 0 auto
    }

#goods  .select {
    width: 100%;
    border-radius: 0.24rem;
    background-color: #fff;
    height: 0.88rem;
    padding: 0 0.3rem;
    background-size: 0.21rem 0.1rem;
    background-repeat: no-repeat;
    background-position: right 0.3rem center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAAs0lEQVQoka3MLWtCARTG8d/uB3PChJVF66JZu3Wub91sN9u0XHBtfgfLgkUQEceBI8jlet3mnnI4z8v/rizLIV78n4YFRhjgeCM29n28Fmm8oYfDH4GH3L/HU5wFYzxj/0vgPnfjk1FUChN0sfshcJf9yblZhYameML2CnCbvWk1qIOGZnjE5kK+yXxWF16ChhZ4wFfFj7+Tea2aoKEP3GOdf9w2lk2ja9DQCi3M8342tvEN2mcmE442CMMAAAAASUVORK5CYII=");
}

    #goods  .select input {
        width: 100%;
        height: 100%;
    }




#Zh_xd .main .goods_search {
    width: 7.5rem;
    height: 0.96rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.2rem;
    align-items: center
}

    #Zh_xd .main .goods_search .sear_left {
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.5rem
    }

        #Zh_xd .main .goods_search .sear_left img {
            max-width: 100%;
            height: 100%;
            width: 100%;
            object-fit: cover
        }

    #Zh_xd .main .goods_search .sear_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1;
        background-color: #fafafa;
        width: 100%;
        height: 77%;
        border-radius: 25px
    }

        #Zh_xd .main .goods_search .sear_right img {
            width: 0.48rem;
            height: 0.48rem;
            margin-left: 0.5rem;
            max-width: 100%
        }

        #Zh_xd .main .goods_search .sear_right .inps1 {
            width: 100%;
            height: 100%;
            margin-left: 0.5rem
        }

#Zh_xd .main .two {
    display: none
}

#Zh_xd .main .item_backcor {
    background: #ebf6ff !important
}

#Zh_xd .main .goods_box {
    border-top: 1px solid #eee;
    display: flex
}

    #Zh_xd .main .goods_box .goods_left {
        border-right: 1px solid #eee;
        min-height: 100vh;
        width: 2.4rem
    }

        #Zh_xd .main .goods_box .goods_left .list .item {
            display: flex;
            width: 2.4rem;
            height: 0.8rem;
            justify-content: flex-start;
            padding-left: 0.3rem;
            align-items: center
        }

            #Zh_xd .main .goods_box .goods_left .list .item .texts {
                margin-left: 0.1rem;
                font-size: 0.3rem;
                font-weight: 700;
                color: #333333;
                line-height: 0.29rem
            }

        #Zh_xd .main .goods_box .goods_left .list:nth-child(1) {
            margin-top: 0.8rem
        }

    #Zh_xd .main .goods_box .goods_right {
        flex: 1
    }

        #Zh_xd .main .goods_box .goods_right .middle_box .top1 {
            padding-top: 0.74rem;
            padding-left: 0.4rem
        }

            #Zh_xd .main .goods_box .goods_right .middle_box .top1 .tits {
                font-size: 0.28rem;
                font-weight: 700;
                color: #333333;
                line-height: 0.29rem;
                margin-bottom: 0.2rem
            }

            #Zh_xd .main .goods_box .goods_right .middle_box .top1 .tits_box {
                background: #f6f8f9;
                border-radius: 0.08rem;
                font-size: 0.24rem;
                color: #333333;
                line-height: 0.29rem;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-top: 0.1rem;
                max-width: 4rem;
                white-space: break-spaces;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0.16rem 0.2rem
            }

#order_d .logistics_box {
    height: 0.8rem;
  
    background-color: #1e8ff4 !important;
    display: flex;
    justify-content: space-between;
    padding: 0 0.2rem;
    color: #fff;
    align-items: center;
}

    #order_d .logistics_box .span2 {
        display: flex;
        align-items: center;
    }

    #order_d .logistics_box span > .gl {
        margin-left: 12px;
        display: flex;
        margin-top: -3px;
    }


/* ywe  05.25 */
/* ���� */

#logistics .block1 {
    margin-bottom: 0.2rem;
}

#logistics .block {
    width: 6.9rem;
    margin: 0 auto 0.2rem;
    padding: 0 0.24rem;
    background-color: #fff;
    border-radius: 0.24rem;
}

#logistics .topbox {
    background-color: #fff;
    height: 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    #logistics .topbox .line_one {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #logistics .topbox .line_x {
        position: absolute;
        bottom: 0.1rem;
        left: calc(50% - 0.15rem);
        width: 0.31rem;
        height: 2px;
        background: #fff;
        border-radius: 4px;
    }

    #logistics .topbox .active {
        background-color: #005bac;
    }

/* 
    */
/*#logistics .cchide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

#logistics .block {
    border-radius: 10px;
}

    #logistics .block .box_one {
        width: 6.3rem;
        margin: 0 auto;
        border-bottom: 1px solid #f2f4f5;
        display: flex;
        justify-content: space-between;
        height: 0.7rem;
        align-items: center;
    }

        #logistics .block .box_one .left {
            display: flex;
            align-items: center;
            width: 87%;
        }

            #logistics .block .box_one .left .line_x {
                width: 0.06rem;
                height: 0.32rem;
                background: #1e8ff4;
                display: inline-block;
                margin-right: 0.2rem;
            }

            #logistics .block .box_one .left .bianhao {
                font-size: 0.28rem;
                font-family: PingFang SC;
                font-weight: 400;
                color: #333333;
                line-height: 0.36rem;
                width: 100%;
            }

        #logistics .block .box_one .right {
            color: #fc3029;
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 0.36rem;
        }

    /*  */
    #logistics .block .box_two {
        height: 1.2rem;
        border-bottom: 1px solid #f2f4f5;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }

        #logistics .block .box_two .left {
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #333333;
            line-height: 0.42rem;
            width: 100%;
        }

        #logistics .block .box_two .right {
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #333333;
            line-height: 0.36rem;
            display: flex;
            align-items: center;
        }

            #logistics .block .box_two .right span:nth-child(1) {
                margin-right: 1rem;
            }

            #logistics .block .box_two .right span:nth-child(2) {
                max-width: 150px;
                overflow: hidden;
                display: inline-block;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    #logistics .block .backcolor_one {
        background-color: #f2f4f5;
        padding-left: 0.1rem;
    }

        #logistics .block .backcolor_one .span1 {
            width: 100%;
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #333333;
            line-height: 0.42rem;
        }

    #logistics .block .box_two .time_sj {
        width: 100%;
        font-size: 0.32rem;
        font-family: PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 0.42rem;
    }

    #logistics .block .box_two .done_qs {
        width: 1.24rem;
        height: 0.48rem;
        background: #ffffff;
        border: 1px solid #fc3029;
        border-radius: 4px;
        color: #fc3029;
        text-align: center;
        line-height: 0.48rem;
        font-size: 0.24rem;
        /* display: flex;
  justify-content: center;
  align-items: center; */
        position: absolute;
        right: .2rem;
        top: calc(50% - 0.24rem);
    }