xiugai
This commit is contained in:
Ling53666
@ -1,245 +1,6 @@
|
||||
.ml-123 {
|
||||
margin-left: 236.54rpx;
|
||||
}
|
||||
.mt-7 {
|
||||
margin-top: 13.46rpx;
|
||||
}
|
||||
.ml-3 {
|
||||
margin-left: 5.77rpx;
|
||||
}
|
||||
.mt-19 {
|
||||
margin-top: 36.54rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.77rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 34.62rpx 23.08rpx;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.image {
|
||||
width: 34.62rpx;
|
||||
height: 19.23rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.1rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text {
|
||||
font-size: 26.92rpx;
|
||||
line-height: 24.83rpx;
|
||||
}
|
||||
.group {
|
||||
padding-left: 57.69rpx;
|
||||
padding-right: 25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 103.85rpx;
|
||||
height: 103.85rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 38.46rpx;
|
||||
margin-top: 11.54rpx;
|
||||
font-size: 26.92rpx;
|
||||
line-height: 24.9rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-top: 38.46rpx;
|
||||
width: 526rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15.38rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.1rpx;
|
||||
}
|
||||
.text_4 {
|
||||
color: #00000080;
|
||||
font-size: 21.15rpx;
|
||||
line-height: 21.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 15.38rpx 0;
|
||||
background-color: #a5d63fcc;
|
||||
border-radius: 19.23rpx;
|
||||
width: 126.92rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.text_3 {
|
||||
color: #ffffff;
|
||||
line-height: 21.5rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 0 142.31rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #00000080;
|
||||
font-size: 15.38rpx;
|
||||
font-family: HarmonyOSSansTC;
|
||||
line-height: 14.42rpx;
|
||||
}
|
||||
.text_6 {
|
||||
color: #e33c64;
|
||||
font-size: 17.31rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 13.13rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding-left: 138.46rpx;
|
||||
padding-right: 134.62rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding-bottom: 11.54rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 26.92rpx;
|
||||
background-color: #ff8d1a;
|
||||
width: 48.08rpx;
|
||||
height: 3.85rpx;
|
||||
}
|
||||
.group_6 {
|
||||
padding-left: 32.69rpx;
|
||||
padding-right: 25rpx;
|
||||
}
|
||||
.section_3 {
|
||||
margin-right: 13.46rpx;
|
||||
padding: 21.15rpx 25rpx 284.62rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 19.23rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 34.62rpx;
|
||||
height: 38.46rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 25rpx;
|
||||
font-family: HarmonyOSSansTC;
|
||||
line-height: 23.1rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 23.56rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ff8d1a;
|
||||
line-height: 23.06rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 23.19rpx;
|
||||
}
|
||||
.section_4 {
|
||||
margin-left: 13.46rpx;
|
||||
padding: 15.38rpx 30.77rpx 36.54rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 19.23rpx;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 34.62rpx;
|
||||
line-height: 23.52rpx;
|
||||
}
|
||||
.text_100 {
|
||||
line-height: 23.52rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_11 {
|
||||
line-height: 21.69rpx;
|
||||
}
|
||||
.equal-division {
|
||||
align-self: stretch;
|
||||
margin: 0 15.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
flex: 1 1 292.31rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
height: 403.85rpx;
|
||||
}
|
||||
.section_5 {
|
||||
margin-left: 13.46rpx;
|
||||
padding: 23.08rpx 26.92rpx 30.77rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 19.23rpx;
|
||||
}
|
||||
.text_12 {
|
||||
margin-left: 0.46rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-top: 23.08rpx;
|
||||
}
|
||||
.text_13 {
|
||||
text-indent: 0rpx;
|
||||
}
|
||||
.text_14 {
|
||||
margin-top: 38.46rpx;
|
||||
}
|
||||
.section_6 {
|
||||
margin-left: 13.46rpx;
|
||||
padding: 30.77rpx 46.15rpx 40.38rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 30.81rpx;
|
||||
}
|
||||
.text_15 {
|
||||
|
||||
line-height: 22.88rpx;
|
||||
}
|
||||
.image_5 {
|
||||
flex: 1 1 292.31rpx;
|
||||
}
|
||||
.image_6 {
|
||||
margin-left: -7.69rpx;
|
||||
margin-right: 7.69rpx;
|
||||
flex: 1 1 292.31rpx;
|
||||
}
|
||||
.equal-division_2 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 26.92rpx 0;
|
||||
flex: 1 1 375rpx;
|
||||
background-color: #cccccc;
|
||||
height: 84.62rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 30.77rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_16 {
|
||||
line-height: 28.31rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 26.92rpx 0;
|
||||
flex: 1 1 375rpx;
|
||||
background-color: #ff8d1a;
|
||||
height: 84.62rpx;
|
||||
}
|
||||
.text_17 {
|
||||
line-height: 28.37rpx;
|
||||
}
|
||||
.active {
|
||||
color: #ff8d1a;
|
||||
}
|
||||
@ -264,10 +25,85 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.xinxibox{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.xiangqing{
|
||||
width: 95%;
|
||||
background-color: #cccccc;
|
||||
margin-top: 20rpx;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.bottoma{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background-color: aqua;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
.zuobuttonm{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
.youbuttonm{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ff8d1a;
|
||||
}
|
||||
.richtext {
|
||||
padding: 24rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 1.8;
|
||||
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* 去掉 li 的黑点 */
|
||||
.richtext li {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* 美化段落和图片 */
|
||||
.richtext p {
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.richtext img {
|
||||
max-width: 100%;
|
||||
border-radius: 8rpx;
|
||||
margin: 12rpx 0;
|
||||
}
|
||||
.richtext h1, .richtext h2, .richtext h3 {
|
||||
font-weight: bold;
|
||||
margin: 20rpx 0 12rpx;
|
||||
}
|
||||
|
||||
.titlemessgae{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.messagebox{
|
||||
width: 90%;
|
||||
height: 200px;
|
||||
@ -308,4 +144,147 @@
|
||||
.imagesize1{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.renwuma{
|
||||
width: 90%;
|
||||
height: 80%;
|
||||
|
||||
|
||||
}
|
||||
.tanhcuann{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
background-color: rgba(138, 135, 135, 0.5);
|
||||
}
|
||||
.titlema{
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #a09d9d ;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.imagebox{
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.masize{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
|
||||
}
|
||||
.erweimacopy{
|
||||
width: 100%;
|
||||
height: 20%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.copy{
|
||||
width: 180px;
|
||||
height: 40px;
|
||||
background-color: rgb(17, 17, 240);
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
.closs{
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.closssize{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
.maxbox{
|
||||
width: 100%;
|
||||
}
|
||||
.kuang{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.lan{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
}
|
||||
.zuolan{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.youlan{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.shopimage{
|
||||
width: 23%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.textbox{
|
||||
width: 57%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.mingxi{
|
||||
width: 20%;
|
||||
height: 150rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.colorkuang{
|
||||
width: 70px;
|
||||
height: 30px;
|
||||
background-color: #A5D63F;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.imagesizeshop{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #585857;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
.text_6 {
|
||||
color: #e33c64;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
.section_2 {
|
||||
background-color: #ff8d1a;
|
||||
width: 100rpx;
|
||||
height: 4rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user