feat: 售后政策

public/static/index/css/aboutus_policy.css

@@ -0,0 +1,204 @@
+.orico_Page_policy {
+  background: #f2f2f2;
+  width: 100%;
+  height: auto;
+}
+.orico_Page_policy .ctmain {
+  display: flex;
+  flex-direction: column;
+}
+.orico_Page_policy .ctmain .img-responsive img {
+  width: 100%;
+}
+.orico_Page_policy .ctmain .lj_sale_policy {
+  font-size: 2.25rem;
+  text-align: center;
+  padding: 4.3% 0 1%;
+  color: #333;
+  font-weight: 600;
+}
+.orico_Page_policy .ctmain .lj_sale_t {
+  text-align: center;
+  font-size: 1.125rem;
+  color: #737373;
+  padding: 0.7% 2% 0.6%;
+}
+.orico_Page_policy .ctmain .lj_icon_l {
+  padding: 2%;
+}
+.orico_Page_policy .ctmain .lj_icon_l li {
+  padding: 1.25% 0;
+  width: 50%;
+  float: left;
+}
+.orico_Page_policy .ctmain .lj_text_right {
+  width: 70%;
+  float: left;
+  padding-left: 10px;
+}
+.orico_Page_policy .ctmain .lj_icon_left {
+  float: left;
+}
+@media (min-width: 1280px) {
+  .orico_Page_policy .ctmain .lj_icon_left {
+    width: 110px;
+  }
+}
+@media (max-width: 1279px) {
+  .orico_Page_policy .ctmain .lj_icon_left {
+    width: 18%;
+  }
+  .orico_Page_policy .ctmain .lj_icon_left img {
+    width: 100%;
+  }
+}
+@media (max-width: 979px) {
+  .orico_Page_policy .ctmain .lj_icon_l li {
+    width: 98%;
+  }
+  .orico_Page_policy .ctmain .lj_text_right {
+    width: 77%;
+  }
+}
+.orico_Page_policy .ctmain .lj_h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  padding-bottom: 0.5vw;
+  color: #333;
+}
+.orico_Page_policy .ctmain .lj_des {
+  font-size: 0.875rem;
+  line-height: 1.7rem;
+}
+.orico_Page_policy .ctmain .lj_bg_i {
+  background: #f1f1f1;
+  padding: 2.4% 2%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+@media (min-width: 1280px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    width: 26%;
+    float: left;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 72%;
+  }
+}
+@media (min-width: 980px) and (max-width: 1279px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    width: 313px;
+    float: left;
+    padding-right: 5%;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 60%;
+  }
+}
+.orico_Page_policy .ctmain .iotbpage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  background-color: #fff;
+}
+@media (min-width: 480px) and (max-width: 1279px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    display: none;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 90%;
+  }
+}
+@media (max-width: 479px) {
+  .orico_Page_policy .ctmain .lj_img_l {
+    width: 98%;
+    padding: 2% 0;
+    margin: auto;
+  }
+  .orico_Page_policy .ctmain .lj_img_l img {
+    max-width: 100%;
+  }
+  .orico_Page_policy .ctmain .lj_text_r {
+    width: 90%;
+  }
+}
+.orico_Page_policy .ctmain .lj_three_policy {
+  font-size: 1.375rem;
+  text-align: center;
+  color: #333;
+  padding: 5.5% 0 1%;
+}
+.orico_Page_policy .ctmain .lj_t_small {
+  color: #737373;
+  text-align: center;
+}
+.orico_Page_policy .ctmain .lj_policy_icon {
+  padding: 2% 2% 5%;
+}
+@media (min-width: 800px) {
+  .orico_Page_policy .ctmain .lj_policy_icon li {
+    width: 27%;
+  }
+  .orico_Page_policy .ctmain .lj_policy_four li {
+    width: 20%;
+  }
+  .orico_Page_policy .ctmain .lj_icon05 {
+    width: 44.7%;
+  }
+}
+@media (max-width: 799px) {
+  .orico_Page_policy .ctmain .lj_policy_icon li {
+    width: 90%;
+    margin: auto;
+  }
+  .orico_Page_policy .ctmain .lj_policy_four li {
+    width: 45%;
+  }
+  .orico_Page_policy .ctmain .lj_icon05 {
+    width: 21.2%;
+  }
+}
+.orico_Page_policy .ctmain .lj_policy_four {
+  padding: 1.5% 2% 5%;
+}
+.orico_Page_policy .ctmain .lj_policy_four li {
+  margin-right: 5%;
+  float: left;
+}
+.orico_Page_policy .ctmain .lj_policy_four li:last-child {
+  margin-right: 0;
+}
+.orico_Page_policy .ctmain .lj_policy_icon li {
+  margin-right: 8%;
+  float: left;
+}
+.orico_Page_policy .ctmain .lj_policy_icon li:last-child {
+  margin-right: 0;
+}
+.orico_Page_policy .ctmain .lj_icon05 {
+  text-align: center;
+  padding: 8% 0;
+  margin: auto;
+}
+.orico_Page_policy .ctmain .lj_icon05 img {
+  max-width: 100%;
+}
+.orico_Page_policy .ctmain .lj_icon05_text {
+  text-align: center;
+  color: #737373;
+  font-size: 0.875rem;
+  line-height: 1.875rem;
+}
+.orico_Page_policy .ctmain .lj_mar_5 {
+  margin-bottom: 4.2%;
+}
+.orico_Page_policy .ctmain .swt-Container {
+  margin: 0 auto;
+  width: 80%;
+  display: flex;
+  flex-direction: column;
+}