.left-containter {
  float: left;
  width: 180px;
  margin-right: 15px;
  padding-bottom: 100px;
  background-color: #fff;
}
.left-containter .aside-title {
  height: 50px;
  color: #fff;
  background-color: #FF6A07;
  padding: 0 10px;
}
.left-containter .aside-title .aside-title__inner {
  line-height: 50px;
  font-size: 16px;
  padding-left: 30px;
  position: relative;
}
.left-containter .aside-title .aside-title__inner:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  background: url("../images/ico3.png") no-repeat -6px -4px;
}
.left-containter .aside-title #dropChange {
  color: inherit;
  margin-left: 10px;
  vertical-align: baseline;
}
.left-containter .aside-title #dropChange:after {
  background: url("../images/ico3.png") no-repeat -236px -11px;
  width: 16px;
  height: 16px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.left-containter .aside-menu {
  line-height: 50px;
  font-size: 14px;
}
.left-containter .aside-menu .aside-menu-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  padding: 0 10px;
  position: relative;
  padding-left: 40px;
}
.left-containter .aside-menu .aside-menu-inner:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -12px;
  background: url("../images/ico3.png") no-repeat;
  background-position-y: -59px;
}
.left-containter .aside-menu .aside-menu-inner.inner-1:before {
  background-position-x: -8px;
}
.left-containter .aside-menu .aside-menu-inner.inner-2:before {
  background-position-x: -58px;
}
.left-containter .aside-menu .aside-menu-inner.inner-3:before {
  background-position-x: -110px;
}
.left-containter .aside-menu .aside-menu-inner.inner-4:before {
  background-position-x: -170px;
}
.left-containter .aside-menu .aside-menu-inner.inner-5:before {
  background-position-x: -231px;
}
.left-containter .aside-menu .aside-menu-inner.inner-6:before {
  background-position-x: -296px;
}
.left-containter .aside-menu .aside-menu-inner:hover {
  color: #FF6A07;
}
.left-containter .aside-menu .aside-menu-inner.active {
  color: #FF6A07;
  background-color: #fff;
}
.left-containter .aside-menu .aside-menu-inner .angle-icon {
  position: absolute;
  right: 10px;
}
.left-containter .aside-menu .aside-menu-inner .angle-icon:after {
  background: url("../images/ico3.png") no-repeat -304px -14px;
  width: 16px;
  height: 16px;
  content: "";
  transform: rotate(180deg);
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.left-containter .aside-menu .aside-menu-son {
  line-height: 36px;
  padding-left: 40px;
  cursor: pointer;
  background-color: #fff;
  color: #777777;
}
.left-containter .aside-menu .aside-menu-son i{
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ff6700;
  border-radius: 10px;
  margin-top: 9px;
  margin-left: 5px;
}
.left-containter .aside-menu .aside-menu-son:hover {
  background-color: #FF6A07;
  color: #fff;
}
.left-containter .aside-menu .aside-menu-son.active {
  color: #fff;
  background-color: #FF6A07;
}
.left-containter .aside-menu .aside-son-container {
  display: none;
}
.left-containter .aside-menu .aside-son-container.active {
  display: block;
}
.right-container {
  overflow: hidden;
  margin-bottom: 20px;
  color: #333333;
  font-size: 14px;
}
.right-container .right-top-container {
  background-color: #fff;
}
.right-container .right-top-container .search-toggle {
  position: relative;
  padding-right: 20px;
}
.right-container .right-top-container .search-toggle:after {
  position: absolute;
  width: 18px;
  height: 18px;
  content: '';
  top: 50%;
  margin-top: -9px;
  background: url("../images/ico3.png") -345px -64px no-repeat;
}
.right-container .right-top-container .main-container-title {
  line-height: 50px;
  padding: 0 20px;
  font-size: 16px;
  border-bottom: 1px solid #E3E3E3;
}
.right-container .right-top-container .main-container-body {
  padding: 10px 20px;
}
.right-container .right-top-container .main-container-body .p-explain {
  font-size: 12px;
  color: #757575;
  line-height: 26px;
}
.right-container .right-top-container .main-container-body .primary-btn {
  font-size: 14px;
  margin: 10px 0;
}
.right-container .right-top-container .main-filter-container {
  padding: 0 20px;
}
.right-container .right-top-container .main-filter-container .top-filter-container {
  padding: 10px 0;
  border-bottom: 1px solid #E3E3E3;
}
.right-container .right-top-container .main-filter-container .top-filter-container .search-toggle {
  line-height: 36px;
  vertical-align: middle;
  font-size: 14px;
}
.right-container .right-bottom-container {
  margin: 20px 0;
  background-color: #fff;
  padding: 0 20px;
}
.right-container .right-bottom-container .column {
  text-align: center;
  border: none;
  line-height: 50px;
  color: #747474;
}
.right-container .right-bottom-container .tr-tips {
  text-align: right;
  line-height: 30px;
  padding-bottom: 20px;
}
.right-container .right-bottom-container .tr-block-container {
  border: 1px solid #E3E3E3;
}
.right-container .right-bottom-container .tr-block-container .tr-block-title {
  line-height: 36px;
  background-color: #FAFAFA;
  vertical-align: middle;
  padding: 0 15px;
  border-bottom: 1px solid #EFEFEF;
}
.right-container .right-bottom-container .tr-block-container .tr-block-title span {
  margin-right: 32px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-title .search-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  margin-right: 5px;
  background: url("../images/ico3.png") -245px -121px no-repeat;
}
.right-container .right-bottom-container .tr-block-container .tr-block-title input[type=checkbox] {
  height: 36px;
  margin-right: 15px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body {
  height: 130px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body.double {
  height: 273px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body.double li {
  padding: 0;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body.double li + li {
  padding: 15px 10px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body.double .info-wrap {
  padding: 15px 10px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body.double .info-wrap + .info-wrap {
  border-top: 1px solid #E3E3E3;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body .main-img {
  vertical-align: top;
  margin-right: 5px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body .right-content {
  width: 180px;
  vertical-align: top;
  display: inline-block;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body .right-content .product-name {
  line-height: 26px;
  vertical-align: text-top;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body .right-content .price-value {
  font-size: 20px;
  margin-right: 5px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body li {
  float: left;
  height: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body li p {
  line-height: 26px;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body li + li {
  border-left: 1px solid #E3E3E3;
}
.right-container .right-bottom-container .tr-block-container .tr-block-body li:last-child {
  text-align: center;
}
.right-container .pagination-container {
  background-color: #fff;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.right-container .pagination-container .left-options {
  line-height: 30px;
}
.right-container .pagination-container .left-options a {
  margin-left: 15px;
}
.filter-form {
  font-size: 0;
  padding: 15px 0 0;
}
.filter-form .yl-select {
  height: 100%;
  width: 220px;
  border: 1px solid #E3E3E3;
  border-radius: 2px;
  vertical-align: middle;
}
.filter-form .yl-input {
  width: 100px;
  height: 100%;
  padding: 0 5px;
  border-radius: 2px;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
}
.filter-form label {
  margin-bottom: 20px;
  height: 32px;
  display: inline-block;
}
.filter-form label button {
  margin-right: 10px;
}
.filter-form label .label {
  font-size: 12px;
  display: inline-block;
  line-height: 30px;
  width: 95px;
  text-align: right;
  margin-right: 6px;
  vertical-align: middle;
}
.filter-form label .input-line {
  font-size: 14px;
  width: 20px;
  line-height: 30px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.search-filter-form {
  position: relative;
  border-radius: 2px;
  border: 1px solid #E3E3E3;
}
.search-filter-form button,
.search-filter-form input {
  box-sizing: border-box;
  float: left;
}
.search-filter-form input[type=text] {
  width: 220px;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  font-size: 14px;
  transition: all 0.3s;
  border: 0;
  color: #999;
  outline: 0;
  background-color: #fff;
}
.search-filter-form input[type=text]:focus {
  box-shadow: 0 0 #fff;
}
.search-filter-form .select-wrap {
  position: relative;
  float: left;
  /*width: 100px;*/
  height: 30px;
  line-height: 30px;
  /*padding: 0 16px;*/
  background-color: #fff;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.search-filter-form .select-wrap select{
  height: 33px;
  border-color: #dedede;
}
.search-filter-form .select-wrap:hover .sel-wrap {
  display: block;
}
.search-filter-form .select-wrap .sel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.search-filter-form .select-wrap .sel-wrap {
  display: none;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 39px;
  border: 1px solid #FF6A07;
  left: 0;
  z-index: 10000000;
  width: 200px;
  background-color: #fff;
}
.search-filter-form .select-wrap .sel-wrap .sel-item {
  float: left;
  width: 200px;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}
.search-filter-form .select-wrap .sel-wrap .sel-item:hover {
  color: #ff6900;
}
/*.search-filter-form .select-wrap::after {*/
  /*content: ' ';*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*right: 4px;*/
  /*margin-top: -2px;*/
  /*width: 9px;*/
  /*height: 5px;*/
  /*background: url("../images/ico.png") no-repeat -262px -75px;*/
/*}*/
.search-filter-form button {
  position: relative;
  width: 54px;
  height: 32px;
  line-height: 32px;
  border-left: 1px solid #E3E3E3;
  border-radius: 0 2px 2px 0;
  text-indent: -999px;
}
.search-filter-form button:before {
  background: url(../images/ico3.png) no-repeat -9px -120px;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 15px;
  top: 3px;
  transition: transform 0.2s;
}
.search-filter-form button:hover:before {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.search-filter-form .related-search {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 100000;
  background: #fff;
  font-size: 12px;
  color: #888;
  max-width: 620px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-filter-form .related-search a {
  display: inline-block;
  padding: 0 10px;
  color: #888;
}
.search-filter-form .related-search a:first-child {
  margin-left: 10px;
}
.search-filter-form .search-tips {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 520px;
  background: #fff;
  z-index: 100001;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.search-filter-form .search-tips h5 {
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  color: #FF6A07;
}
.search-filter-form .search-tips a {
  display: block;
  padding: 0 16px;
  height: 24px;
  line-height: 24px;
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.search-filter-form .search-tips a:hover {
  color: #FF6A07;
}
.search-filter-form form {
  position: relative;
}
.progress-container {
  margin: 50px 0;
}
.progress-container .progress-wrap li {
  width: 215px;
}
.progress-container .progress-wrap li:last-child {
  width: 16px;
}
.progress-container .progress-wrap li.active .progress-line {
  border-top: 2px dashed #D8D9DA;
  background-color: transparent;
}
.progress-container .progress-wrap li.active ~ li .progress-line {
  background-color: transparent;
  border-top: 2px dashed #D8D9DA;
}
.progress-container .progress-wrap .progress-line {
  width: calc(100% - 24px);
  left: 18px;
  top: 7px;
  border-top: 2px dashed #FF6A07;
  background-color: transparent;
}
.progress-container .progress-wrap .progress-content .progress-number {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.progress-container .progress-wrap .progress-content .progress-title {
  position: absolute;
  font-size: 14px;
  width: 60px;
  margin-left: -22px;
  top: -42px;
  color: #4B4C4D;
}
.progress-container .progress-wrap .progress-content .progress-text {
  width: 95px;
  margin-left: -40px;
}
.order-info {
  color: #767676;
  font-size: 12px;
  padding: 0 30px;
  line-height: 50px;
}
.order-info .span-item {
  margin-right: 30px;
}
.right-bottom-container.board-card {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right-bottom-container .title {
  line-height: 46px;
}
.right-bottom-container .listing-table {
  margin-bottom: 20px;
}
.right-bottom-container .listing-table td,
.right-bottom-container .listing-table th {
  text-align: center;
}
.right-bottom-container .listing-table th {
  border: none;
  border-top: 1px solid #F0F0F0;
  background-color: #FAFAFA;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.right-bottom-container .listing-table td {
  padding: 15px;
  border-color: #F0F0F0;
}
.right-bottom-container .listing-table td p {
  line-height: 26px;
}
.right-bottom-container .listing-table td:first-child {
  border-left: none;
}
.right-bottom-container .listing-table td:last-child {
  border-right: none;
}
.right-bottom-container .listing-table td .td-inner-item .main-img {
  margin-right: 10px;
}
.right-bottom-container .listing-table td .right-content {
  overflow: auto;
  text-align: left;
  line-height: 26px;
}
.right-bottom-container .listing-table td .right-content .product-name {
  margin-bottom: 10px;
}
.right-bottom-container .other-info-container {
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  line-height: 30px;
  padding: 10px 0;
}
.right-bottom-container .other-info-container .label {
  color: #797979;
}
.right-bottom-container .btns-container {
  text-align: right;
  padding: 38px 0;
}
.right-bottom-container .btns-container .ship-btn {
  width: 120px;
  height: 40px;
  font-size: 14px;
}
.upload-container {
  background-color: #fff;
  padding: 20px;
  padding-bottom: 60px;
  margin-top: 15px;
}
.upload-container .upload-title {
  line-height: 40px;
  margin-bottom: 10px;
}
.upload-container strong {
  font-weight: 900;
}
.upload-container .upload-file-component {
  margin-bottom: 30px;
}
.upload-container .upload-file-component .file-input {
  border: 1px solid #E3E3E3;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}
.upload-container .upload-file-component .file-input #filename {
  padding: 0 10px;
  font-size: 12px;
  line-height: 30px;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.upload-container .upload-file-component .file-input input[type=file] {
  opacity: 0;
}
.upload-container .tips-content .tips-label {
  line-height: 40px;
}
.upload-container .tips-content li {
  line-height: 26px;
  color: #757575;
  font-size: 12px;
}
.upload-container .upload-view-container {
  border: 1px solid #E3E3E3;
  padding: 10px;
  margin-bottom: 30px;
}
.upload-container .upload-view-container .upload-view-table {
  border-color: transparent;
}
.upload-container .upload-view-container .upload-view-table td,
.upload-container .upload-view-container .upload-view-table th {
  border-color: transparent;
  border-bottom-color: #E3E3E3;
  line-height: 38px;
}
.upload-container .upload-view-container .upload-view-table th {
  background-color: #EEEEEE;
}
.upload-container .upload-view-container .button-groups {
  text-align: right;
}
.upload-container .upload-view-container .button-groups button {
  margin: 10px 10px 0 0;
}
.layer-container {
  padding: 20px;
}
.layer-container .tips-content {
  font-size: 12px;
  color: #7B7B7B;
  line-height: 30px;
}
.layer-container .title {
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 10px;
}
.layer-container .detail-table td,
.layer-container .detail-table th {
  border-color: transparent;
  border-bottom-color: #F0F0F0;
  line-height: 36px;
  padding: 0 10px;
  text-align: center;
}
.layer-container .detail-table th {
  border-top-color: #F0F0F0;
  background-color: #FAFAFA;
}