feat: mobile首页
128
public/static/index/mobile/css/index.css
Executable file
@@ -0,0 +1,128 @@
|
||||
.oricoEGapp {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-banner {
|
||||
margin-top: 3.5rem;
|
||||
z-index: 9;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1.5rem 0;
|
||||
margin: 0 5%;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit {
|
||||
margin: 0 5%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit img {
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit span {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-gg {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a img {
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow .margin-top-20 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-tcly {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times {
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .timeblue {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .timeline .events-wrapper {
|
||||
overflow: initial;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a {
|
||||
width: 33.3%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a::after {
|
||||
left: 50%;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-total {
|
||||
position: relative;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-container {
|
||||
overflow: initial;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-pagination {
|
||||
bottom: -15px;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-fqa {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-fqa .faq-title h3 {
|
||||
margin: 2rem auto;
|
||||
}
|
||||
.oricoEGapp .timeblue {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .timeblue a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .timeblue img {
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.oricoEGapp .text_center {
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .inprotext {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -1,24 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat-Bold";
|
||||
src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat-Medium";
|
||||
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat-SemiBold";
|
||||
src: url("/static/common/fonts/Montserrat-SemiBold.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -2934,7 +2934,7 @@ video img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fff url(../indeximg/ba-arrow.png) center center / 22px 22px no-repeat;
|
||||
background: #fff url(../images/ba-arrow.png) center center / 22px 22px no-repeat;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
BIN
public/static/index/mobile/images/ba-arrow.png
Executable file
|
After Width: | Height: | Size: 401 B |
BIN
public/static/index/mobile/images/back-img01.jpg
Executable file
|
After Width: | Height: | Size: 65 KiB |
BIN
public/static/index/mobile/images/back-img02.jpg
Executable file
|
After Width: | Height: | Size: 39 KiB |
BIN
public/static/index/mobile/images/close.png
Executable file
|
After Width: | Height: | Size: 339 B |
BIN
public/static/index/mobile/images/downicon.png
Executable file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/static/index/mobile/images/logo-white.png
Executable file
|
After Width: | Height: | Size: 17 KiB |
BIN
public/static/index/mobile/images/more-r.png
Executable file
|
After Width: | Height: | Size: 15 KiB |