

.model .el-overlay{
  backdrop-filter: blur(1px);
}

.model .el-drawer{
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.model .el-drawer__body{
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: content-box;
}
.model .tableList{
  width: 1440px;
  display: flex;
  flex-direction: column;
}

.tableList .toolBar{
  margin-top: 20px;
  margin-bottom: 8px;
}
.tableList .down{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  height: 38px;
  align-items: center;
}

.tableList .head{
  text-align: center;
}
.tableList .cell{
  padding: 0 !important;
}

.tableProduct{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tableProduct img{
  width: 210px;
  height: 140px;
  background-color: #f1f1f1;
  border-radius: 10px;
}

.tableList .uploadImg{
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 80px;
}
.uploadImg img{
  width: 120px;
  height: 80px;
  background-color: #efefef;
}
.uploadImg .icon{
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: rgba(0,0,0,0.3);
  backdrop-filter: blur(5px);
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}




.rowInput{
  padding: 0 5px;
}
.rowInput .el-input__inner{
  text-align: center;
}
.rowInput .el-input__inner::placeholder{
  font-size: 10px;
  transform: scale(0.85);
}
.rowInput input{
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  color: #333;
  border: none !important;
  /* 重置背景样式 */
  background: none !important;
  /* 重置文字样式 */
  font-family: inherit;
  font-size: inherit;
  border: 0;/*清除自带的2px的边框*/
  padding: 0;/*清除自带的padding间距*/
  outline: none;/*清除input点击之后的黑色边框*/
}
.rowInput input:active{
  border: none !important;
  /* 重置背景样式 */
  background: none !important;
  /* 重置文字样式 */
  font-family: inherit;
  font-size: inherit;
}
.rowInput input:focus-visible{
  border: none !important;
  /* 重置背景样式 */
  background: none !important;
  /* 重置文字样式 */
  font-family: inherit;
  font-size: inherit;
  border: 0;/*清除自带的2px的边框*/
  padding: 0;/*清除自带的padding间距*/
  outline: none;/*清除input点击之后的黑色边框*/
}
.rowInput input:focus{
  border: none !important;
  /* 重置背景样式 */
  background: none !important;
  /* 重置文字样式 */
  font-family: inherit;
  font-size: inherit;
  border: 0;/*清除自带的2px的边框*/
  padding: 0;/*清除自带的padding间距*/
  outline: none;/*清除input点击之后的黑色边框*/
}







.goodsCart{
  box-sizing: content-box;
  position: fixed;
  bottom: 150px;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background-color: var(--t-color);
  backdrop-filter: blur(8px);
  box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 200ms linear;
}
.goodsCart:hover{
  background-color: var(--t-color-a-7);
}
.goodsCart:active{
  transform: scale(1.05);
}
.goodsCart .cart{
  margin-right: 3px;
}
.goodsCart .num{
  padding: 4px;
  background-color: #17a2b8;
  position: absolute;
  top: 2px;
  left: 30px;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  border-radius: 99px;
  min-width: 20px;
  text-align: center;
}

.cartSmallDialog{
  box-sizing: content-box;
  position: fixed;
  bottom: 220px;
  width: 350px;
  height: 520px;
  padding: 5px;
  background-color: var(--t-color-1);
  z-index: 20;
  border-radius: 10px 10px 0 10px;
  box-shadow: -2px 0px 6px rgba(0,0,0,0.2);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease-in-out;
  transform: scaleX(0) scaleY(0);
  transform-origin: 100% 110%;
}
.cartSmallDialog.show{
  pointer-events: auto;
  opacity: 1;
  transform: scaleX(1) scaleY(1);
}
.cartSmallDialog::before{
  height: 0;
  width: 0;
  position: absolute;
  content: " ";
  right: 0;
  bottom: -40px;
  border-top: 25px solid var(--t-color-1);
  border-right: 0px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.dialogPad{
  padding: 5px;
  background-color: #fff;
}
.cartSmallDialogBtnGroup{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
