body {
   background: #f1f3f6;
 }

 .ant-breadcrumb {
   padding-top: 15px;
 }

 .empty-tips {
   padding: 120px;
   text-align: center;
 }

 .empty-tips .tips {
   margin: 10px 0;
 }

 .main-container {
   margin-top: 15px;
 }

 .main-container>.pull-left {
   width: 240px;
   margin-right: 30px;
 }

 .main-container>.pull-right {
   width: 930px;
 }

 .main-container .ant-collapse-content {
   border-top: 1px solid #f4f4f4;
 }

 .main-container .ant-collapse>.ant-collapse-item {
   border-bottom: 1px solid #f4f4f4;
 }

 .p-list {

   margin: 0 -5px 0;
 }

 .goods .item {
   height: 288px;
 }

 .p-list .item {
   background: #fff;
   width: calc(25% - 10px);
   float: left;
   text-align: center;
   margin: 0 5px 10px 5px;
   transition: all 0.3s;
   cursor: pointer;
   border-radius: 5px;
   position: relative;
   overflow: hidden;
 }

 .p-list .item .goods-item {
   padding: 15px;
   border: 2px solid #fff;
 }

 .p-list .item .goods-item:hover {
   box-shadow: 0 0 3px rgba(46, 110, 213, 0.6);
   border: 2px solid rgba(46, 110, 213, 1);
 }

 .p-list .item .corner_mark {
   position: absolute;
   width: 50px;
   height: 50px;
   top: 5px;
   right: 5px;
   background-size: 100%;
 }

 .p-list .item .corner_text {
   position: absolute;
   top: 0px;
   right: 0px;
   background-size: 100%;
   background-color: #e7e7e7;
   padding: 0px 10px;
   color: #fff;
   border-radius: 0 0 0 9px;
 }

 .p-list .item .corner_promotion {
   position: absolute;
   top: 0px;
   right: 0px;
   background-size: 100%;
   background: linear-gradient(0deg, rgb(250, 8, 116), rgb(255, 196, 70) 100%);
   padding: 0px 10px;
   color: #fff;
   border-radius: 0 0 0 9px;
 }

 .p-list .item img {
   height: 130px;
   margin-bottom: 10px;
 }

 .p-list .item .name {
   height: 42px;
   color: #333;
   font-weight: 500;
 }

 .p-list .price {
   padding-top: 5px;
   border-top: 1px solid #f4f4f4;
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 20px;
   font-weight: 500;
   color: rgba(46, 110, 213, 1);
 }

 .p-list .price del {
   color: #777;
   font-size: 13px;
 }

 .p-list .ant-btn {
   width: 100%;
   margin-top: 10px;
 }

 .p-list.p-list-2 .item {
   float: none;
   text-align: center;
   display: block;
   width: 100%;
   margin: 0 0 15px 0;
 }

 .p-list.p-list-2 .item img {
   height: 100px;
 }

 .p-list.p-list-2 .item:hover {
   box-shadow: none;
 }

 .p-list.p-list-2 .item .name {
   font-weight: 500;
 }

 .p-list.p-list-2 .item .ant-btn {
   font-size: 12px;
 }

 .p-list.p-list-2 {
   margin-top: 10px;
 }

 .cate-list .item {
   padding: 10px 0;
   border-bottom: 1px solid #f4f4f4;
   cursor: pointer;
   display: block;
   color: #999;
 }

 .cate-list .item span {
   padding-left: 15px;
   line-height: 15px;
   position: relative;
 }

 .cate-list .item span::before {
   content: '';
   display: block;
   opacity: 0;
   position: absolute;
   left: 0;
   top: 4px;
   width: 3px;
   height: 12px;
   margin-right: 6px;
   border-radius: 2px;
   box-shadow: 0 0 2px rgba(46, 110, 213, 0.6);
   background: rgba(46, 110, 213, 0.7);
   transition: all 0.2s;
 }

 .cate-list .item.active span::before {
   opacity: 1;
 }

 .cate-list .item:last-child {
   border-bottom: none;
 }

 .cate-list .item:hover,
 .cate-list .item.active {
   color: #000;
 }

 .cate-list .item .anticon {
   margin-right: 10px;
 }


 .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
   background: #fff;
 }

 .filter-box {
   height: 46px;
   line-height: 46px;
   display: flex;
   background: rgba(255, 255, 255, 1);
   border-radius: 4px;
   overflow: hidden;
 }

 .filter-box span {
   display: block;
   background: #fafafa;
   padding: 0 20px;
   width: 100px;
   text-align: center;
   min-width: 100px;
 }

 .filter-box>a {
   display: block;
   padding: 0 20px;
   position: relative;
 }

 .filter-box a.active {
   color: rgba(46, 110, 213, 1);
 }

 .filter-box a.active::after {
   content: '';
   display: block;
   position: absolute;
   width: 14px;
   height: 2px;
   border-radius: 3px;
   background: rgba(46, 110, 213, 1);
   left: calc(50% - 7px);
   bottom: 0;
 }

 .filter-box .sort_date {
   margin-left: auto;
 }

 .class-list .class-item {
   width: 100%;
   display: flex;
   overflow: hidden;
   overflow-x: auto;
 }

 .class-list .class-item .item {
   float: left;
   padding: 0 20px;
   cursor: pointer;
   position: relative;
 }

 .class-list .class-item .item .font {
   width: max-content;
 }

 .class-list .class-item .item.active {
   color: rgba(46, 110, 213, 1);
 }

 .class-list .class-item .item.active::after {
   content: '';
   display: block;
   position: absolute;
   width: 14px;
   height: 2px;
   border-radius: 3px;
   background: rgba(46, 110, 213, 1);
   left: calc(50% - 7px);
   bottom: 0;
 }

 .class-list .class-item::-webkit-scrollbar {
   height: 2px;
 }

 .class-list .class-item::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   opacity: 0.2;
 }

 .class-list .class-item::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 0;
 }

 .give-point {
   background-color: rgb(211, 255, 232);
   color: #37e492;
   border: 0;
 }