Skip to content

梁建民 / h5

Go to a project
Commit a2a1e5c5 by LJM
Options

css

parent 6c1213ed
Inline Side-by-side
Showing with 945 additions and 0 deletions
src/assets/css/about/index.css 0 → 100644
@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
html * {
outline: 0;
-webkit-text-size-adjust: none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
html, body {
font-family: PingFangSC-Regular, PingFang SC， "Microsoft Yahei", sans-serif;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #f8f8f8; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
margin: 0;
padding: 0; }
button, input, select, textarea {
font-size: 100%;
border: none;
-webkit-appearance: none; }
input[type=button], input[type=file], input[type=submit] {
cursor: pointer; }
table {
border-collapse: collapse;
border-spacing: 0; }
ol, ul, dl {
list-style: none; }
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 500; }
em, b, i {
font-style: normal; }
a {
text-decoration: none; }
img {
border: none; }
.clr {
*zoom: 1;
clear: both; }
.clr:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block; }
.fl {
float: left;
_display: inline; }
.f-orange {
color: #FF693D !important; }
.fr {
float: right;
_display: inline; }
.va-t {
vertical-align: top; }
.va-m {
vertical-align: middle; }
.va-b {
vertical-align: bottom; }
.i-hide {
display: none; }
.i-show {
display: block; }
.lineBlock {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal; }
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important; }
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html, body {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch; }
body {
overflow-x: hidden; }
.f-blue {
color: #1969F9; }
.f-red {
color: #ff0000; }
.f-999 {
color: #999; }
.f-333 {
color: #666; }
.fw {
font-weight: bold; }
.ta-c {
text-align: center; }
.ta-l {
text-align: left; }
.ta-r {
text-align: right; }
.mt-10 {
margin-top: 10px; }
.emptys {
margin-left: -1px;
width: 1px;
height: 100%;
font-size: 0;
vertical-align: middle; }
@media (min-width: 750px) {
html {
background: rgba(0, 0, 0, 0.5); }
html body {
max-width: 480px;
margin: 0 auto;
background: #fff; }
html body .main-interface .container-wrap::-webkit-scrollbar {
width: 10px;
height: 11px; }
html body .main-interface .container-wrap::-webkit-scrollbar-thumb {
background-color: #ffffff;
box-shadow: 0px 0px 0px 0px rgba(73, 73, 73, 0.92);
border-radius: 10px;
border: solid 1px #e5e5e5;
padding: 2px; }
html body .main-interface .container-wrap::-webkit-scrollbar-track {
background-color: #eeeeee;
box-shadow: inset 1px 3px 5px 0px rgba(192, 186, 186, 0.75);
border-radius: 10px; } }
.column {
display: flex;
flex-direction: column; }
.row {
display: flex;
flex-direction: row; }
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* 两侧对齐 */
.bothSide {
justify-content: space-between; }
/* 平均分布 */
.avarage {
justify-content: space-around; }
/* 水平居中 */
.rowCenter {
justify-content: center; }
/* 垂直居中 */
.verCenter {
align-items: center; }
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
body, html {
background: #EEF6FA; }
* {
box-sizing: border-box; }
.about-section {
padding-bottom: 30px; }
.about-section .bg {
width: 100%;
height: 200px;
background: url("../../images/aboutus/IMG_0097.png") no-repeat center;
background-size: cover; }
.about-section .bg .t1 {
font-size: 34px;
color: #ffffff;
font-weight: bold; }
.about-section .bg .t2 {
font-size: 14px;
color: #ffffff; }
.about-section .conpamy {
margin: 0 12px;
padding: 20px 0 0 0;
background: #FFFFFF;
border-radius: 10px; }
.about-section .conpamy .text {
font-size: 12px;
color: #404547;
text-indent: 2em;
line-height: 24px;
padding: 0 18px;
text-align: justify; }
.about-section .conpamy .show-info {
padding: 60px 20px 30px 20px; }
.about-section .conpamy .show-info .box {
position: relative;
width: 142px;
height: 154px;
background: linear-gradient(180deg, #EEF6FA 0%, #FFFFFF 100%);
border-radius: 5px; }
.about-section .conpamy .show-info .box .arrow {
position: absolute;
top: -47px;
left: 0;
right: 0;
width: 73px;
height: 73px;
background: #FFA200;
border-radius: 50%;
margin: 0 auto; }
.about-section .conpamy .show-info .box .arrow.color {
background: #0088DB; }
.about-section .conpamy .show-info .box .arrow span {
font-size: 22px;
color: #ffffff;
font-weight: bold; }
.about-section .conpamy .show-info .box .t1 {
color: #404547;
line-height: 24px; }
.about-section .modular-box {
margin: 25px 12px 0 12px;
padding: 30px 12px 42px 12px;
background: #FFFFFF;
border-radius: 10px; }
.about-section .modular-box .title {
font-size: 34px;
color: #000000;
font-weight: bold;
text-align: center; }
.about-section .modular-box .title-en {
font-size: 14px;
color: #404547;
margin-top: 8px;
text-align: center;
opacity: 0.5; }
.about-section .modular-box .development {
margin-top: 33px; }
.about-section .modular-box .development ul li {
position: relative;
height: 62px; }
.about-section .modular-box .development ul li:after {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #0088DB;
margin: 0 auto;
content: ''; }
.about-section .modular-box .development ul li:before {
position: absolute;
top: 10px;
left: 0;
right: 0;
width: 10px;
height: 10px;
background: #FFFFFF;
border: 2px solid #0088DB;
border-radius: 50%;
margin: 0 auto;
content: '';
z-index: 2; }
.about-section .modular-box .development ul li:nth-child(odd) {
justify-content: flex-end;
align-items: flex-end; }
.about-section .modular-box .development ul li:nth-child(odd) .arr {
position: relative;
left: -35px;
background: url("../../images/aboutus/left.png") no-repeat center;
background-size: cover; }
.about-section .modular-box .development ul li:nth-child(odd) .txt {
position: relative;
left: -35px;
width: 116px;
height: 56px;
padding-left: 19px;
font-size: 13px;
color: #404547;
margin-top: 9px;
opacity: 0.8; }
.about-section .modular-box .development ul li:nth-child(even) .arr {
position: relative;
left: 35px;
background: url("../../images/aboutus/right.png") no-repeat center;
background-size: cover; }
.about-section .modular-box .development ul li:nth-child(even) .txt {
position: relative;
left: 35px;
width: 116px;
height: 56px;
font-size: 13px;
color: #404547;
margin-top: 9px;
opacity: 0.8;
text-align: right; }
.about-section .modular-box .development ul li .arr {
top: 5px;
width: 116px;
height: 33px;
font-size: 18px;
color: #ffffff;
font-weight: bold;
padding-left: 19px; }
.about-section .modular-box .financing {
margin-top: 36px; }
.about-section .modular-box .financing ul li {
position: relative;
height: 77px; }
.about-section .modular-box .financing ul li:after {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #FFA200;
margin: 0 auto;
content: ''; }
.about-section .modular-box .financing ul li:nth-child(odd) .t1, .about-section .modular-box .financing ul li:nth-child(odd) .t2 {
position: relative;
left: 21px;
top: 23px;
text-align: right; }
.about-section .modular-box .financing ul li:nth-child(even) {
justify-content: flex-end;
align-items: flex-end; }
.about-section .modular-box .financing ul li:nth-child(even) .t1, .about-section .modular-box .financing ul li:nth-child(even) .t2 {
position: relative;
left: -20px;
top: -13px; }
.about-section .modular-box .financing ul li .t1 {
width: 108px;
font-size: 18px;
color: #3b3b3b;
font-weight: bold; }
.about-section .modular-box .financing ul li .t2 {
width: 108px;
font-size: 13px;
color: #404547; }
.about-section .modular-box .financing ul li i {
position: absolute;
top: 16px;
left: 0;
right: 0;
width: 54px;
height: 54px;
margin: 0 auto;
background: #FFFFFF;
box-shadow: 0px 1px 7px 0px rgba(255, 162, 0, 0.33);
border: 2px solid #FFA200;
border-radius: 50%;
font-size: 13px;
color: #ffa200;
font-weight: bold;
z-index: 2; }
.about-section .modular-box .honor {
margin-top: 20px; }
.about-section .modular-box .honor .van-swipe .swiper-item {
width: 100%; }
.about-section .modular-box .honor .van-swipe .swiper-item img {
width: 100%; }
.about-section .modular-box .honor .van-swipe .swiper-item p {
margin-top: 16px;
font-size: 13px;
color: #404547;
font-weight: bold;
text-align: center; }
.about-section .modular-box .honor .custom-indicator {
margin-top: 30px; }
.about-section .modular-box .honor .custom-indicator .indicator-item {
width: 7px;
height: 7px;
background: #D8D8D8;
margin-right: 8px;
border-radius: 50%;
transition: all 0.4s ease; }
.about-section .modular-box .honor .custom-indicator .indicator-item.indicator-active {
background: #0088DB; }
.about-section .modular-box .business .business-title {
width: 281px;
height: 27px;
background: #E9F1F5;
border-radius: 5px;
font-size: 14px;
color: #0088db;
font-weight: bold;
margin: 20px auto 9px; }
.about-section .modular-box .business .list {
width: 281px;
margin: 0 auto;
padding-left: 10px; }
.about-section .modular-box .business .list li {
margin-bottom: 15px; }
.about-section .modular-box .business .list li i {
width: 16px;
height: 16px;
background: url("../../images/aboutus/s.png") no-repeat center;
background-size: cover; }
.about-section .modular-box .business .list li span {
margin-left: 10px;
font-size: 12px;
color: #404547; }
.about-section .slogan-box {
margin-top: 30px; }
.about-section .slogan-box .slogan {
margin: 0 12px 16px 12px;
height: 75px;
padding-left: 35px; }
.about-section .slogan-box .slogan:last-child {
margin-bottom: 0; }
.about-section .slogan-box .slogan .t1 {
font-size: 14px;
color: #ffffff;
font-weight: bold;
margin-bottom: 2px; }
.about-section .slogan-box .slogan .t2 {
font-size: 11px;
color: #ffffff;
opacity: 0.8; }
.about-section .slogan-box .slogan.slogan-b1 {
background: url("../../images/aboutus/slogan-b1.png") no-repeat center;
background-size: cover; }
.about-section .slogan-box .slogan.slogan-b2 {
background: url("../../images/aboutus/slogan-b2.png") no-repeat center;
background-size: cover; }
.about-section .slogan-box .slogan.slogan-b3 {
background: url("../../images/aboutus/slogan-b3.png") no-repeat center;
background-size: cover; }
.about-section .follow-tex {
font-size: 14px;
color: #0088db;
font-weight: bold;
padding-top: 35px;
padding-bottom: 17px;
text-align: center; }
.about-section .follow-box {
margin: 0 12px; }
.about-section .follow-box .follow {
height: 87px;
background: #FFFFFF;
border-radius: 10px;
padding-left: 35px;
margin-bottom: 10px; }
.about-section .follow-box .follow img {
width: 60px;
height: 60px;
object-fit: cover; }
.about-section .follow-box .follow .text {
margin-left: 30px; }
.about-section .follow-box .follow .text .t1 {
font-size: 14px;
color: #3b3b3b;
font-weight: bold;
margin-bottom: 6px; }
.about-section .follow-box .follow .text .t2 {
font-size: 11px;
color: #404547;
opacity: 0.5; }
/*# sourceMappingURL=index.css.map */
src/assets/css/about/index.css.map 0 → 100644
{
"version": 3,
"mappings": "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",
"sources": ["../base.scss","index.scss"],
"names": [],
"file": "index.css"
}
src/assets/css/about/index.scss 0 → 100644
@charset "utf-8";
@import "../base";
body, html {
background: #EEF6FA;
}
* {
box-sizing: border-box;
}
.about-section {
padding-bottom: 30px;
.bg {
width: 100%;
height: 200px;
background: url('../../images/aboutus/IMG_0097.png') no-repeat center;
background-size: cover;
.t1 {
font-size: 34px;
color: #ffffff;
font-weight: bold;
}
.t2 {
font-size: 14px;
color: #ffffff;
}
}
.conpamy {
margin: 0 12px;
padding: 20px 0 0 0;
background: #FFFFFF;
border-radius: 10px;
.text {
font-size: 12px;
color: #404547;
text-indent: 2em;
line-height: 24px;
padding: 0 18px;
text-align: justify;
}
.show-info {
padding: 60px 20px 30px 20px;
.box {
position: relative;
width: 142px;
height: 154px;
background: linear-gradient(180deg, #EEF6FA 0%, #FFFFFF 100%);
border-radius: 5px;
.arrow {
position: absolute;
top: -47px;
left: 0;
right: 0;
width: 73px;
height: 73px;
background: #FFA200;
border-radius: 50%;
margin: 0 auto;
&.color {
background: #0088DB;
}
span {
font-size: 22px;
color: #ffffff;
font-weight: bold;
}
}
.t1 {
color: #404547;
line-height: 24px;
}
}
}
}
.modular-box {
margin: 25px 12px 0 12px;
padding: 30px 12px 42px 12px;
background: #FFFFFF;
border-radius: 10px;
.title {
font-size: 34px;
color: #000000;
font-weight: bold;
text-align: center;
}
.title-en {
font-size: 14px;
color: #404547;
margin-top: 8px;
text-align: center;
opacity: 0.5;
}
.development {
margin-top: 33px;
ul {
li {
position: relative;
height: 62px;
&:after {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #0088DB;
margin: 0 auto;
content: '';
}
&:before {
position: absolute;
top: 10px;
left: 0;
right: 0;
width: 10px;
height: 10px;
background: #FFFFFF;
border: 2px solid #0088DB;
border-radius: 50%;
margin: 0 auto;
content: '';
z-index: 2;
}
&:nth-child(odd) {
justify-content: flex-end;
align-items: flex-end;
.arr {
position: relative;
left: -35px;
background: url('../../images/aboutus/left.png') no-repeat center;
background-size: cover;
}
.txt {
position: relative;
left: -35px;
width: 116px;
height: 56px;
padding-left: 19px;
font-size: 13px;
color: #404547;
margin-top: 9px;
opacity: 0.8;
}
}
&:nth-child(even) {
.arr {
position: relative;
left: 35px;
background: url('../../images/aboutus/right.png') no-repeat center;
background-size: cover;
}
.txt {
position: relative;
left: 35px;
width: 116px;
height: 56px;
font-size: 13px;
color: #404547;
margin-top: 9px;
opacity: 0.8;
text-align: right;
}
}
.arr {
top: 5px;
width: 116px;
height: 33px;
font-size: 18px;
color: #ffffff;
font-weight: bold;
padding-left: 19px;
}
}
}
}
.financing {
margin-top: 36px;
ul {
li {
position: relative;
height: 77px;
&:after {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 1px;
height: 100%;
border-left: 1px dashed #FFA200;
margin: 0 auto;
content: '';
}
&:nth-child(odd) {
.t1,.t2 {
position: relative;
left: 21px;
top: 23px;
text-align: right;
}
}
&:nth-child(even) {
justify-content: flex-end;
align-items: flex-end;
.t1,.t2 {
position: relative;
left: -20px;
top: -13px;
}
}
.t1 {
width: 108px;
font-size: 18px;
color: #3b3b3b;
font-weight: bold;
}
.t2 {
width: 108px;
font-size: 13px;
color: #404547;
}
i {
position: absolute;
top: 16px;
left: 0;
right: 0;
width: 54px;
height: 54px;
margin: 0 auto;
background: #FFFFFF;
box-shadow: 0px 1px 7px 0px rgba(255, 162, 0, 0.33);
border: 2px solid #FFA200;
border-radius: 50%;
font-size: 13px;
color: #ffa200;
font-weight: bold;
z-index: 2;
}
}
}
}
.honor {
margin-top: 20px;
.van-swipe {
.swiper-item {
width: 100%;
img {
width: 100%;
}
p {
margin-top: 16px;
font-size: 13px;
color: #404547;
font-weight: bold;
text-align: center;
}
}
}
.custom-indicator {
margin-top: 30px;
.indicator-item {
width: 7px;
height: 7px;
background: #D8D8D8;
margin-right: 8px;
border-radius: 50%;
transition: all 0.4s ease;
&.indicator-active {
background: #0088DB;
}
}
}
}
.business {
.business-title {
width: 281px;
height: 27px;
background: #E9F1F5;
border-radius: 5px;
font-size: 14px;
color: #0088db;
font-weight: bold;
margin: 20px auto 9px;
}
.list {
width: 281px;
margin: 0 auto;
padding-left: 10px;
li {
margin-bottom: 15px;
i {
width: 16px;
height: 16px;
background: url('../../images/aboutus/s.png') no-repeat center;
background-size: cover;
}
span {
margin-left: 10px;
font-size: 12px;
color: #404547;
}
}
}
}
}
.slogan-box {
margin-top: 30px;
.slogan {
margin: 0 12px 16px 12px;
height: 75px;
padding-left: 35px;
&:last-child {
margin-bottom: 0;
}
.t1 {
font-size: 14px;
color: #ffffff;
font-weight: bold;
margin-bottom: 2px;
}
.t2 {
font-size: 11px;
color: #ffffff;
opacity: 0.8;
}
&.slogan-b1 {
background: url('../../images/aboutus/slogan-b1.png') no-repeat center;
background-size: cover;
}
&.slogan-b2 {
background: url('../../images/aboutus/slogan-b2.png') no-repeat center;
background-size: cover;
}
&.slogan-b3 {
background: url('../../images/aboutus/slogan-b3.png') no-repeat center;
background-size: cover;
}
}
}
.follow-tex {
font-size: 14px;
color: #0088db;
font-weight: bold;
padding-top: 35px;
padding-bottom: 17px;
text-align: center;
}
.follow-box {
margin: 0 12px;
.follow {
height: 87px;
background: #FFFFFF;
border-radius: 10px;
padding-left: 35px;
margin-bottom: 10px;
img {
width: 60px;
height: 60px;
object-fit: cover;
}
.text {
margin-left: 30px;
.t1 {
font-size: 14px;
color: #3b3b3b;
font-weight: bold;
margin-bottom: 6px;
}
.t2 {
font-size: 11px;
color: #404547;
opacity: 0.5;
}
}
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment