Files
orico-official-website/public/static/index/css/OEMandODM.css

154 lines
4.0 KiB
CSS
Executable File

.orico_Page_OEMandODM {
width: 100%;
position: relative;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
background: #f2f2f2;
}
.orico_Page_OEMandODM .OEMandODMpageMain {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .bdimg1 {
width: 100%;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw {
width: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotbt1 {
font-size: 2rem;
font-family: Montserrat-Bold, Montserrat;
padding-bottom: 4.0625rem;
padding-top: 5.5rem;
font-weight: 700;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 {
width: 75%;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 6.25rem;
align-items: baseline;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item {
width: 21rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbic1 {
width: 6.25rem;
height: 6.25rem;
margin-bottom: 1.25rem;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbtp1 {
font-size: 18px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
padding-bottom: 18px;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbts1 {
text-align: center;
font-size: 16px;
font-family: Montserrat-Medium, Montserrat;
color: #9e9e9f;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 {
padding-bottom: 5.625rem;
background: #fff;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .iotbt1 {
font-size: 32px;
font-family: Montserrat-Bold, Montserrat;
padding-bottom: 65px;
padding-top: 88px;
font-weight: 700;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs {
width: 70%;
padding-bottom: 1.25rem;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs .fdimgs-div {
width: 20rem;
height: 15.9375rem;
text-align: center;
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs .fdimgs-div .fdimgs-div-span {
position: absolute;
bottom: 0px;
z-index: 9999;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(200, 200, 200, 0.1));
height: 45px;
width: 100%;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs .fdimgs-div .fdtitle {
font-size: 18px;
font-weight: bold;
z-index: 9999;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
color: #fff;
line-height: 45px;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 .iotbt1 {
font-size: 32px;
font-family: Montserrat-Bold, Montserrat;
padding-bottom: 65px;
padding-top: 88px;
font-weight: 700;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 .fdimgs {
width: 70%;
padding-bottom: 110px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 .fdimgs img {
border-style: none;
font-size: 0;
}