样式优化

public/static/index/mobile/css/style.css

@@ -1528,7 +1528,7 @@ video img {
   background-color: #fff;
   text-align: center;
   padding-top: 2rem;
-  padding-bottom: 1rem;
+  padding-bottom: 1.5rem;
   overflow: hidden;
 }
 .product_list .img-responsive a{
@@ -1543,6 +1543,7 @@ video img {
   font-size: 0.75rem;
   color: #333;
   margin-top: 1rem;
+  width: 90%;
 }
 .oricoEGapp-catelists .m_Container .product_list .img-responsive .title{
   white-space: nowrap;
@@ -2596,10 +2597,15 @@ video img {
 .Multi_color ul {
   width: 100%;
   margin-top: 0.65rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
 }
 .Multi_color .S-small-img {
   display: inline-block;
   width: 1.3rem;
+  margin: 0 1%;
 }
 .cricle {
   display: block;
@@ -3672,16 +3678,15 @@ video::-webkit-media-controls-current-time-display {
   color: #fff;
   cursor: pointer;
   background: #0060ff;
-  height: 2rem;
   border-radius: 20px;
-  padding: 0 0.5rem;
+  padding: 0.75rem 0;
   float: left;
   margin-left: 0.5rem;
+  width: 22%;
 }
 .search_box .search {
   width: 75%;
-  height: 2rem;
-  line-height: 2.875rem;
+  padding: 0.75rem 0;
   border: 1px solid #dbdbdb !important;
   border-radius: 1.5rem !important;
   text-indent: 0.5rem;
@@ -3693,7 +3698,7 @@ video::-webkit-media-controls-current-time-display {
 }
 .search_box .search_icon {
   width: 1rem;
-  height: 1rem;
+  padding: 0.6rem 0;
   display: block;
   position: absolute;
   right: 1rem;