/** {

  margin: 0;

  padding: 0;

  font-family: "Mirosoft YaHei";

}*/



ul, li {

  list-style: none;

}



a, a:link, a:hover, a:active {

  text-decoration: none;

  color: #333;

  cursor: pointer;

}



table {

  border-collapse: collapse;

}



#webCart {

  position: fixed;

  top: 0;

  right: 0px;

  background: #fff;

  width: 350px;

  height: 100%;

  z-index: 99;

  box-shadow: 0 0 10px rgba(19, 148, 223, 0.5);

  transform: translateX(100%);

  transition: all 1s ease;

}

#webCart .tabsName {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 40px;

}

#webCart .tabsName li {

  display: flex;

  justify-content: center;

  align-items: center;

  flex: 1;

  background: #f1f1f1;

  height: 100%;

  border-right: 1px solid #e4e2e2;

  border-bottom: 1px solid #e4e2e2;

  cursor: pointer;

}

#webCart .tabsName li .circle {

  color: #d80808;

  margin-top: -10px;

  font-weight: bold;

}

#webCart .tabsName li.on {

  background: #fff;

  border-bottom: none;

}

#webCart .oneKeyDel {

  width: 350px;

  margin: 0 auto;

  border-bottom: 1px solid #dedede;

  height: 40px;

  display: flex;

}

#webCart .oneKeyDel span {

  font-size: 14px;

  font-weight: bold;

  color: #666;

  display: flex;

  flex: 3;

  justify-content: left;

  align-items: center;

  margin-left: 20px;

}

#webCart .oneKeyDel .btnDel {

  display: flex;

  flex: 1;

  justify-content: center;

  height: 26PX;

  font-size: 14px;

  align-items: center;

  margin-top: 7px;

  background: #d20606;

  border: none;

  margin-right: 20px;

  line-height: 0;

}

#webCart .tableCar {

  width: 324px;

  height: 100%;

  overflow-y: auto;

  display: block;

  margin: 80px auto 0px;

  position: absolute;

  top: 0;

  left: 20px;

  padding-right: 19px;

}

#webCart .tableCar tbody {

  display: block;

  width: 100%;

  margin-bottom: 246px;

}

#webCart .tableCar tbody tr {

  display: block;

  width: 100%;

  border-bottom: 1px solid #eeeeee;

  padding: 5px 0;

}

#webCart .tableCar tbody tr:last-child {

  border-bottom: none;

}

#webCart .tableCar tbody tr td {

  text-align: center;

  height: 60px;

}

#webCart .tableCar tbody tr .checkBox {

  width: 30px;

  text-align: left;

}

#webCart .tableCar tbody tr .imgCar {

  width: 100px;

}

#webCart .tableCar tbody tr .imgCar img {

  display: block;

  width: 80px;

  max-height: 80px;

  margin: 0 auto;

}

#webCart .tableCar tbody tr .titlePic {

  width: 120px;

  padding-left: 20px;

}

#webCart .tableCar tbody tr .titlePic span {

  display: block;

  text-align: left;

  font-size: 14px;

  color: #333;

}

#webCart .tableCar tbody tr .titlePic span.money {

  font-weight: bold;

  color: red;

}

#webCart .tableCar tbody tr .iconDel {

  width: 40px;

}

#webCart .tableCar tbody tr .iconDel i {

  color: red;

  cursor: pointer;

}

#webCart .positionBottom {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 347px;

  background: #fff;

  z-index: 9;

  box-shadow: 0 -2px 5px rgba(255, 183, 183, 0.3);

}

#webCart .positionBottom .selected {

  border-bottom: 1px dashed #ccc;

  width: 100%;

  display: block;

  text-indent: 10px;

  line-height: 50px;

}

#webCart .positionBottom .selected span {

  font-weight: bold;

  color: #ff0000;

  margin: 0 3px;

  font-size: 16px;

}

#webCart .positionBottom .exportBig {

  width: 327px;

  padding: 0 10px;

  line-height: 40px;

  overflow: hidden;

}

#webCart .positionBottom .exportBig .tianchong {

  font-size: 14px;

  color: #333;

  cursor: pointer;

}

#webCart .positionBottom .exportBig .tianchong i {

  font-size: 20px;

  color: #12a6ff;

  margin-right: 5px;

  vertical-align: bottom;

}

#webCart .positionBottom .exportBig .money {

  float: right;

  font-size: 14px;

  color: #333;

}

#webCart .positionBottom .exportBig .money span {

  font-weight: bold;

  color: #ff0000;

  margin-left: 5px;

}

#webCart .positionBottom .subMit {

  width: 327px;

  height: 40px;

  background: #d80808;

  border: none;

  margin: 10px 10px 20px;

  text-align: center;

  line-height: 40px;

  font-weight: bold;

  cursor: pointer;

}



/*.active {*/
  /*transform: translateX(100%) !important;*/
/*}*/