.rc-userbottom .ts-standard-btn{
	padding:0 1.625rem;
	width:auto;
}
.rc-image {
	margin-top: 17px;
	width:6rem;
	img {
		border: 1px solid #d8d8d8;
		width: 100%;
		height: auto;
		max-height:6rem;
		object-fit: contain;
		display: block;
	}
}
//手机端
@media screen and (max-width: 768px) {
	.online{
		margin:1rem 0;
	}
	.rc-column{
		padding-left:0;
		padding-right:0;
	}
	.rc-layout-container{
		.rc-max-width--xl{
			padding-left:1.25rem;
			padding-right:1.25rem;
		}
	}
	.rc-image{
		width:8rem;
	}
    .rc-userbottom{
        display: none;
    }
    .viewdetails{
        display: none;
    }
    .rc-foo{
        display: none;
    }
    .rc-receiving {
		display:flex;
		align-items: baseline;
		text-align: left;
	  .rc-beta{
		  margin-bottom:0;
		  margin-right:8px;
	  }
      em {
		font-style: normal;
		color: #e1001a;
		font-size: 22px;
      }
      span {
        font-size: 12px;
      }
    }
    .delivery {
      display: flex;
      flex-direction: column;
      .to-delivery {
        display: flex;
        align-items: center;
        font-style: normal;
        span {
          display: block;
          margin-left: 3px;
        }
        i {
          font-style: normal;
          margin-left: 8px;
          display: block;
        }
		img{
			width:1rem;
			height:auto;
			margin-right:2px;
		}
      }
      .bo-delivery {
        span {
          font-size: 14px;

          color: #666666;
          display: block;
          margin-top: 8px;
        }
      }
    }

    .mypersonal {
      .my-delivery {
        display: flex;
        align-items: center;
        font-style: normal;
        span {
        }
        i {
          font-style: normal;
          margin-left: 8px;
          display: block;
		  font-size:.875rem;
        }
      }
      .per-delivery {
        span {
          font-size: 14px;

          color: #666666;
          display: block;
          margin-top: 8px;
        }
      }
    }

    .rc-usermain {
      display: flex;

      .rc-right {
        .rc-userbottomm {
          display: none;
        }
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: 16px;
        justify-content: center;
        em {
          font-style: normal;
          display: block;
          font-size: 16px;
          margin-top: 18px;
          font-weight: bold;

          color: #e1001a;
        }
      }
      .rc-userright {
        display: flex;
        flex-direction: column;
        color: #666666;
        font-size: 14px;
        span {
          display: block;
          margin-top: 16px;
        }
      }
      .rc-userbottom {
        display: flex;
        justify-content: space-between;
        margin-top: 8px;
        span {
          color: #666666;
          font-size: 14px;
        }
        i {
          font-style: normal;
          color: #e1001a;
          font-size: 18px;
          font-weight: bold;
        }
        .rc-bottom{
            display: none;
        }
      }
		.rc-bottomm {
		  display: flex;
		  align-items: center;
		  justify-content: flex-end;
		  margin-top: 24px;
		  .ts-standard-btn{
			  font-size:.875rem;
			  padding:0 1.625rem;
			  width:auto;
		  }
		}
    }


    .rc-merchandise {
      width: 100%;
      margin-top: 32px;

      ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        line-height: 26px;
            i {
              font-style: normal;
              color: #666666;
              font-size: 14px;
            }
        li {
          list-style: none;
          font-style: normal;
          display: flex;
          justify-content: space-between;
          span {
            font-size: 14px;

            color: #333333;
        
          }
        }
        li:last-child {
          i {
            color: #e1001a;
            font-size: 16px;
            font-style: normal;
          }
        }
      }
    }


     .rc-payment{
      width: 100%;
         .u-trackingnumber{
             display: flex;
             align-items: center;
                  i {
            font-size: 14px;
            font-style: normal;
            margin-right: 16px;
         
          }
                  img{
                width: 8px;
                height: 16px;
            }
         }
      ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        line-height: 26px;
            i {
              font-style: normal;
              color: #666666;
              font-size: 14px;
            }
        li {
          list-style: none;
          font-style: normal;
          display: flex;
          justify-content: space-between;
          span {
            font-size: 14px;

            color: #333333;
        
          }
        }
   
      }
    }
}
//pc端
@media screen and (min-width: 769px) {
	.rc-layout-container *{
		font-size:18px;
	}
	.rc-layout-container h2{
		font-size:26px;
	}
	.online{
		margin:32px 0;
		&.bold{
			margin:40px 0;
		}
	}
    .rc-userbottomm{
        display: none;
    }
    .rc-border{
        width: 100%;
        border-bottom: 1px solid #D7D7D7;
        margin-top: 32px;
    }
    .rc-receiving {
      width: 100%;
      height: 80px;
      display: flex;
      flex-direction: column;
      span {
        color: #666666;
        font-size: 16px;
        display: block;
        margin-top: 8px;
      }
    }
    .delivery {
      display: flex;
      flex-direction: column;
      display: flex;
      justify-content: center;
      .viewdetails{
          display: flex;
          align-items: center;
          justify-content: flex-end;
          span{
              color:#444444;
              font-size: 18px;
              display: block;
              margin-right: 8px;
          }
          img{
              width: 8px;
              height: 16px;
          }
      }
    
      .to-delivery {
        display: flex;
        align-items: center;
        font-style: normal;
        span {
          display: block;
        //   margin-left: 16px;
          font-size: 18px;
          color: #333333;
        }
        i {
          font-style: normal;
          margin-left: 8px;
          display: block;
          font-size: 14px;
          color: #999;
        }
		img{
			width:24px;
			height:auto;
			margin-right:16px;
		}
      }
      .bo-delivery {
        span {
          font-size: 16px;
          color: #666666;
          display: block;
          margin-top: 16px;
        }
      }
    }

    .mypersonal {
      flex-direction: column;
      justify-content: center;
      .my-delivery {
        display: flex;
        align-items: center;
        font-style: normal;
        i {
          font-style: normal;
          margin-left: 8px;
        }
      }
      .per-delivery {
        span {
          font-size: 18px;
          color: #666666;
          display: block;
          margin-top: 16px;
        }
      }
    }

    .rc-usermain {
      display: flex;
      .rc-right {
          .rc-bottomm{
              display: none;
          }
  .rc-usercenter{
      display: flex;
      justify-content: center;
      flex-direction: column;
        em {
          font-style: normal;
          font-weight: bold;
          color: #e1001a;
        }
  }
     
        display: flex;
      
        width: 100%;
        margin-left: 16px;
      
  
      }
      .rc-userright {
        display: flex;
        flex-direction: column;
        color: #666666;
        font-size: 16px;
        span {
          display: block;
          margin-top: 16px;
          font-size: 16px;
        }
      }
      .rc-userbottom {
		display: flex;
		width: 80%;
		justify-content: space-between;
		align-items: center;
		margin-left: 119px;
        span {
          font-size: 14px;
        }
        i {
          font-style: normal;
          color: #e1001a;
          font-size: 20px;
          font-weight: bold;
        }
            .rc-bottom {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-top: 24px;
 
    }

      }
    }

    .rc-merchandise {
      width: 100%;
      margin-top: 32px;

      ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        line-height: 40px;
        font-size: 18px;
            i {
              font-style: normal;
              color: #666666;
              
            }
        li {
          list-style: none;
          font-style: normal;
          display: flex;
          justify-content: space-between;
          span {
            color: #333333;
        
          }
        }
        li:last-child {
          i {
            color: #e1001a;
            font-size: 20px;
            font-style: normal;
          }
        }
      }
    }


     .rc-payment{
      width: 100%;
      margin-top: 80px;
         .u-trackingnumber{
             display: flex;
             align-items: center;
                  i {
            font-size: 18px;
            font-style: normal;
            margin-right: 16px;
         
          }
                  img{
                width: 8px;
                height: 16px;
            }
         }
      ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        line-height: 40px;
           font-size: 18px;
            i {
              font-style: normal;
              color: #666666;
              display: block;
           
            }
        li {
          list-style: none;
          font-style: normal;
          display: flex;
          justify-content: space-between;
          span {
          

            color: #333333;
        
          }
        }
   
      }
    }
          .rc-foot{
        display: flex;
        flex-direction: column;
          .rc-foo{
				display: flex;
				justify-content: flex-end;
				flex-direction: column;
				align-items: self-end;
			  .ts-total{
				  padding-bottom:32px;
			  }
              i{
                  font-style: normal;
                  color:#333333;
                  font-size: 20px;
                  margin-right: 20px;

              }
              em{
                  font-style: normal;
                   color: #E1001A;
                   font-size: 26px;

              }
               span{
                   width: 164px;
				   font-size:1rem;
               }

          }
    }

}