Files
orico-official-website/public/static/index/css/aboutus_policy.css
2025-04-28 17:04:23 +08:00

205 lines
4.1 KiB
CSS
Executable File

.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;
}