69 lines
2.3 KiB
CSS
Executable File
69 lines
2.3 KiB
CSS
Executable File
.lj_sale_policy { font-size:2.25em; text-align: center; padding: 4.3% 0 1%; color: #333; font-weight: 600;}
|
|
.lj_sale_t {text-align: center; font-size:1.125em; color: #737373; padding: 0.7% 2% 0.6%;}
|
|
.lj_icon_l {padding: 2%;}
|
|
.lj_icon_l li { padding: 1.25% 0; width:50%; float: left;}
|
|
.lj_text_right {width:70%; float: left;padding-left: 10px;}
|
|
.lj_icon_left{float: left; padding-right: 5%;}
|
|
@media (min-width:1280px){
|
|
.lj_icon_left{width:110px;}
|
|
}
|
|
@media (max-width:1279px){
|
|
.lj_icon_left {width:18%;}
|
|
.lj_icon_left img {width:100%;}
|
|
}
|
|
@media (max-width:979px){
|
|
.lj_icon_l li {width:98%;}
|
|
.lj_text_right {width:77%;}
|
|
}
|
|
.lj_h3 {font-size: 1em;font-weight: 600; padding-bottom: 0.5vw; color: #333;}
|
|
.lj_des{font-size: 0.875em; line-height: 1.875em;}
|
|
.lj_bg_i {background: #f1f1f1; padding: 2.4% 2%;}
|
|
@media (min-width:1280px){
|
|
.lj_img_l {width:26%; float: left;}
|
|
.lj_text_r {width:72%;}
|
|
}
|
|
|
|
@media (min-width:980px) and (max-width:1279px){
|
|
.lj_img_l {width:313px; float: left; padding-right: 5%;}
|
|
.lj_text_r {width:60%;}
|
|
}
|
|
.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){
|
|
.lj_img_l {display: none;}
|
|
.lj_text_r {width:90%; }
|
|
}
|
|
@media (max-width:479px){
|
|
.lj_img_l {width:98%; padding: 2% 0; margin: auto;}
|
|
.lj_img_l img {max-width:100%;}
|
|
.lj_text_r {width:90%; }
|
|
}
|
|
.lj_three_policy { font-size: 1.375em; text-align: center;color: #333; padding: 5.5% 0 1%;}
|
|
.lj_t_small {color: #737373; text-align: center; }
|
|
.lj_policy_icon { padding:2% 2% 5%;}
|
|
@media (min-width:800px){
|
|
.lj_policy_icon li{width:27%;}
|
|
.lj_policy_four li {width:20%;}
|
|
.lj_icon05 {width:44.7%;}
|
|
}
|
|
@media (max-width:799px){
|
|
.lj_policy_icon li{width:90%; margin: auto;}
|
|
.lj_policy_four li {width:45%; }
|
|
.lj_icon05 {width:21.2%;}
|
|
}
|
|
.lj_policy_four {padding: 1.5% 2% 5%;}
|
|
.lj_policy_four li {margin-right: 5%; float: left;}
|
|
.lj_policy_four li:last-child{margin-right: 0;}
|
|
.lj_policy_icon li { margin-right: 8%; float: left;}
|
|
.lj_policy_icon li:last-child {margin-right: 0;}
|
|
.lj_icon05 {text-align:center; padding:8% 0; margin: auto;}
|
|
.lj_icon05 img {max-width:100%;}
|
|
.lj_icon05_text {text-align: center; color: #737373; font-size: 0.875em; line-height: 1.875em;}
|
|
.lj_mar_5 {margin-bottom:4.2%;} |