Merge branch 'dev' of https://gitea.f2b211.com/jsasg/orico-official-website into dev
This commit is contained in:
169
public/static/index/mobile/css/topic_nas_cooperation.css
Normal file
169
public/static/index/mobile/css/topic_nas_cooperation.css
Normal file
@@ -0,0 +1,169 @@
|
||||
.narshzhbMbpage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner {
|
||||
width: 100%;
|
||||
height: 8.5625rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #3e3a39;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content {
|
||||
min-width: 20rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .t1 {
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content h2 {
|
||||
font-size: 1.25rem;
|
||||
color: #3e3a39;
|
||||
padding-bottom: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin: 0 2rem;
|
||||
color: #3e3a39;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.1875rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-cttop-it {
|
||||
margin: 1.25rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 20rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-cttop-it .hzhbapp1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-cttop-it .cts {
|
||||
padding-top: 1.5625rem;
|
||||
font-size: 0.75rem;
|
||||
padding-bottom: 0.625rem;
|
||||
color: #595757;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-cttop-it h2 {
|
||||
color: #004bfa;
|
||||
font-size: 1rem;
|
||||
padding-bottom: 1.875rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-cttop-it2 {
|
||||
background: #fff;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-cttop-it2 .cts2 {
|
||||
margin: 1.1875rem;
|
||||
margin-top: 0.75rem;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhb-title {
|
||||
min-width: 20rem;
|
||||
text-align: center;
|
||||
font-size: 1.125rem;
|
||||
color: #3E3A39;
|
||||
padding-bottom: 1.25rem;
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits {
|
||||
min-width: 20rem;
|
||||
margin: 0 1.25rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item {
|
||||
width: 49%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .hzhbappico {
|
||||
margin: 0 auto;
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
margin-top: 1.1875rem;
|
||||
margin-bottom: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .hzhbapptitle {
|
||||
margin: 0 auto;
|
||||
color: #3E3A39;
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.4375rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .srt {
|
||||
margin: 0 1.25rem;
|
||||
font-size: 0.625rem;
|
||||
line-height: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #595757;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item2 .srt {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits2 .narshzhbmb-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits2 .hzhbappew {
|
||||
width: 4.375rem;
|
||||
height: 4.5rem;
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
|
||||
.narshzhbMbpage .narshzhbmb-rowits2 .srt {
|
||||
text-align: center;
|
||||
}
|
||||
117
public/static/index/mobile/css/topic_nas_download.css
Normal file
117
public/static/index/mobile/css/topic_nas_download.css
Normal file
@@ -0,0 +1,117 @@
|
||||
.header {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.narsDowloadPc {
|
||||
/*height: 100vh;*/
|
||||
background: #F5F5F5;
|
||||
/*position: relative;*/
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs {
|
||||
margin: 0 1.25rem;
|
||||
margin-top: 7rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
height: 2.625rem;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs .narsDtabIt {
|
||||
color: #001717;
|
||||
font-size: 1rem;
|
||||
height: 2.625rem;
|
||||
line-height: 2.625rem;
|
||||
width: 25rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
|
||||
margin-right: 0.9375rem;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDtabs .narsDtabIt_active {
|
||||
color: #fff;
|
||||
background: #004CFA;
|
||||
}
|
||||
|
||||
.narsDowloadPc .narsDmainConten {
|
||||
margin: 0 1.25rem;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian {
|
||||
padding-top: 1.25rem;
|
||||
position: relative;
|
||||
overflow: hideen;
|
||||
margin: 0 1.25rem;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
|
||||
width: 48.5%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
|
||||
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
|
||||
width: 6.25rem;
|
||||
height: 6.25rem;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.narswljshow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.narswljshow .nDtopIt2 .nDitImg {
|
||||
/* width: 291px !important; */
|
||||
}
|
||||
|
||||
.narssbshow .nrowimg {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.narssbshow .nrowimg img {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
}
|
||||
179
public/static/index/mobile/css/topic_nas_product.css
Normal file
179
public/static/index/mobile/css/topic_nas_product.css
Normal file
@@ -0,0 +1,179 @@
|
||||
.narsZTPC {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
margin: 2.5rem auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs .nZTabIt {
|
||||
color: #001717;
|
||||
font-size: 18px;
|
||||
height: 3.25rem;
|
||||
line-height: 3.25rem;
|
||||
padding: 0 3.125rem;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 28px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #001717;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs .nZTabIt:first-child {
|
||||
margin-right: 6.25rem;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTabs .nZTabIt_active {
|
||||
border: 1px solid #004cfa;
|
||||
color: #fff;
|
||||
background: #004cfa;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZCimg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: 13%;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-bottom: 15%;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsicimg {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsstep {
|
||||
color: #685557;
|
||||
padding: 0.625rem 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narszttext {
|
||||
color: #2d2c2c;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narswljshow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo {
|
||||
width: 90%;
|
||||
background: #f5f5f7;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 15%;
|
||||
padding-bottom: 45px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
width: 45%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit .nztewmimg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit p {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
color: F5F5F7;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit span {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 85%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right .sysmtxt {
|
||||
font-size: 14px;
|
||||
color: #001717;
|
||||
padding-bottom: 1.25rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right .sminfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
color: #001717;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.nZTtopCtMian .narsZTinfo .nztif-right .sminfo span {
|
||||
padding-bottom: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.nztbzyj {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nztbzyj a {
|
||||
font-size: 12px;
|
||||
color: #2d2c2c;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px solid #cbcbcd;
|
||||
margin-right: 4.5rem;
|
||||
}
|
||||
Reference in New Issue
Block a user