Merge branch 'price' into pro

public/site/css/common.css

@@ -470,6 +470,11 @@ img {
   grid-template-columns: 480px 266px 266px 266px;
 }
 
+.grid-5 {
+  display: grid !important;
+  grid-template-columns: 336px 236px 236px 236px 236px;
+}
+
 /* padding样式 */
 .pl-26 {
   padding-left: 26px;

public/site/css/price.css

@@ -139,18 +139,26 @@
 }
 .plans-ol-item-h6{
   color: var(--txt-4ca5);
+  line-height: normal;
 }
 .plans-ol-item-icon{
   display: block;
   height: 24px;
 }
+
+.plans-ol-item-icon2{
+  display: block;
+  height: 24px;
+  opacity: 0.5;
+}
+
 .plans-ul-b{
   display: grid;
     grid-template-columns: 506px 266px 266px 266px;
 }
 .plans-ul-b-item-btn{
   display: inline-block; 
-  width: 218px;
+  width: 160px;
 }
 .flex-s-c{
   display: flex;
@@ -202,6 +210,13 @@
   box-sizing: border-box;
   box-shadow: 0 4px 12px rgba(0,0,0,.15);
 }
+
+@media screen and (max-width: 600px) {
+  .BulletBox1{
+    width: 80%;
+  }
+}
+
 .BulletBox1 .top{
   width: 382px;
   line-height: 20px;
@@ -225,13 +240,12 @@
   color: rgb(96, 98, 102);
 }
 .BulletBox1 .bottom{
-  width: 370px;
-  height: 34px;
+  display: flex;
+  justify-content: end;
   padding: 20px 30px 22px 30px;
   position: relative;
 }
 .BulletBox1 .bottom .BulletBox1Btn{
-  position: absolute;
   min-width: 100px;
   right: 20px;
   height: 34px;
@@ -243,3 +257,11 @@
   border-radius: 8px;
   padding: 5px;
 }
+
+.price-ceiling {
+  position: sticky;
+  top: 80px;
+  background-color: #fff;
+  border-bottom: 1px solid var(--border-color);
+  z-index: 9999;
+}

public/site/css/rem.css

@@ -80,6 +80,9 @@
   .grid-4{
     grid-template-columns: 32vw 18vw 18vw 18vw !important;
   }
+  .grid-5{
+    grid-template-columns: 26vw 18.5vw 18.5vw 18.5vw 18.5vw !important;
+  }
   .plans-ul-b{
     grid-template-columns: calc(34vw + 4px) 18vw 18vw 18vw !important;
   }

public/site/img/price_icon2.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1026_5003)">
+<path d="M4 4L15.4141 15.4141" stroke="#727570" stroke-width="2" stroke-linecap="round"/>
+<path d="M15.4141 4L4 15.4141" stroke="#727570" stroke-width="2" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1026_5003">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>