master
commit
7ba70848cc
@ -1,421 +1,416 @@
|
|||||||
page {
|
page {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mb16 {
|
.mb16 {
|
||||||
margin-bottom: 32rpx;
|
margin-bottom: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lefticon {
|
.lefticon {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p13 {
|
.p13 {
|
||||||
padding: 26rpx;
|
padding: 26rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mw-labe {
|
.mw-labe {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconOut {
|
.iconOut {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconOutTop {
|
.iconOutTop {
|
||||||
|
width: 56px;
|
||||||
width: 56px;
|
border-radius: 50%;
|
||||||
border-radius: 50%;
|
height: 56px;
|
||||||
height: 56px;
|
margin-right: 16px;
|
||||||
margin-right: 16px;
|
/* margin-left: 20px; */
|
||||||
/* margin-left: 20px; */
|
overflow: hidden;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.noLogin {
|
.noLogin {
|
||||||
width: 84px;
|
width: 84px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
height: 84px;
|
height: 84px;
|
||||||
margin-left: calc(50vw - 42px);
|
margin-left: calc(50vw - 42px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.f20.mw-labe .flex-1 {
|
.f20.mw-labe .flex-1 {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.f20.mw-labe text {
|
.f20.mw-labe text {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-image {
|
.show-image {
|
||||||
width: 56px;
|
width: 56px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
/* margin-right: 32rpx; */
|
/* margin-right: 32rpx; */
|
||||||
/*padding-top: 18rpx;
|
/*padding-top: 18rpx;
|
||||||
padding-bottom: 18rpx;*/
|
padding-bottom: 18rpx;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-title {
|
.nav-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
/* position: absolute; */
|
/* position: absolute; */
|
||||||
/* bottom: 0; */
|
/* bottom: 0; */
|
||||||
/* left: 0; */
|
/* left: 0; */
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
font-family: PingFang-SC-Medium;
|
font-family: PingFang-SC-Medium;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
margin-left: 40rpx;
|
margin-left: 40rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-top {
|
.new-top {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 20px 40rpx 0 40rpx;
|
padding: 20px 40rpx 0 40rpx;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
/* align-items:flex-end;
|
/* align-items:flex-end;
|
||||||
display:flex; */
|
display:flex; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.meTop {
|
.meTop {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
/* height: 116px; */
|
/* height: 116px; */
|
||||||
background-color: #027AFF;
|
background-color: #027aff;
|
||||||
/* display: flex; */
|
/* display: flex; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.weui-btn_primary {
|
.weui-btn_primary {
|
||||||
width: 260px;
|
width: 260px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: #027AFF;
|
background: #027aff;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 601;
|
font-weight: 601;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover-btn.weui-btn_primary:active,
|
.hover-btn.weui-btn_primary:active,
|
||||||
.hover-btn.weui-btn_primary:focus,
|
.hover-btn.weui-btn_primary:focus,
|
||||||
.hover-btn {
|
.hover-btn {
|
||||||
background-color: #027AFF;
|
background-color: #027aff;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.f20 {
|
.f20 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fakeBtn {
|
.fakeBtn {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
/* border-top-right-radius: 4px;
|
/* border-top-right-radius: 4px;
|
||||||
border-top-left-radius: 4px; */
|
border-top-left-radius: 4px; */
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hcb {
|
.hcb {
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p020 {
|
.p020 {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p200 {
|
.p200 {
|
||||||
padding: 20px 0px;
|
padding: 20px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lineT {
|
.lineT {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
width: calc(100vw - 40px);
|
width: calc(100vw - 40px);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background-color: rgba(0, 0, 0, 0.08);
|
background-color: rgba(0, 0, 0, 0.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p10 {
|
.p10 {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightXYY {
|
.rightXYY {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
color: #999;
|
color: #999;
|
||||||
display: block;
|
display: block;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pft {
|
.pft {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -40px;
|
top: -40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.meTop0 {
|
.meTop0 {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
/* padding-top: 20px; */
|
/* padding-top: 20px; */
|
||||||
/* height: 136px; */
|
/* height: 136px; */
|
||||||
/* padding-bottom: 10px; */
|
/* padding-bottom: 10px; */
|
||||||
/* padding-right: 20px; */
|
/* padding-right: 20px; */
|
||||||
/* background-color: #027AFF; */
|
/* background-color: #027AFF; */
|
||||||
/* display: flex; */
|
/* display: flex; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.yeView {
|
.yeView {
|
||||||
height: 76px;
|
height: 76px;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: linear-gradient(239deg, #3b415b 5%, #191e30 58%);
|
background: linear-gradient(239deg, #3b415b 5%, #191e30 58%);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hMoney {
|
.hMoney {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 601;
|
font-weight: 601;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 33px;
|
line-height: 33px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hText {
|
.hText {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hbtn {
|
.hbtn {
|
||||||
width: 91px;
|
width: 91px;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
background: #027AFF;
|
background: #027aff;
|
||||||
border-radius: 17px;
|
border-radius: 17px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weui-dialog__title {
|
.weui-dialog__title {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weui-dialog__bd {
|
.weui-dialog__bd {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #787878;
|
color: #787878;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
/* border-bottom: 1rpx solid #e2e2e2; */
|
/* border-bottom: 1rpx solid #e2e2e2; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.weui-dialog__bd view {
|
.weui-dialog__bd view {
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
|
|
||||||
border-bottom: 1rpx solid #e2e2e2;
|
border-bottom: 1rpx solid #e2e2e2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weui-dialog__hd {
|
.weui-dialog__hd {
|
||||||
padding: 32px 24px 20px;
|
padding: 32px 24px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lflex {
|
.lflex {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 601;
|
font-weight: 601;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #027AFF;
|
color: #027aff;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
/* margin-top: 7px; */
|
/* margin-top: 7px; */
|
||||||
padding: 0 10px 0 30px;
|
padding: 0 10px 0 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rflex {
|
.rflex {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 0 30px 0 10px;
|
padding: 0 30px 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rflex button {
|
.rflex button {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: #027AFF;
|
background: #027aff;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 601;
|
font-weight: 601;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.userName {
|
.userName {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
color: #333;
|
color: #333;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jifen {
|
.jifen {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: 1px solid #eeeeee;
|
border: 1px solid #eeeeee;
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
padding: 0px 8px;
|
padding: 0px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.opaTel {
|
.opaTel {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.opaTelSmall {
|
.opaTelSmall {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #8c8c8c;
|
color: #8c8c8c;
|
||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.meTitle {
|
.meTitle {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
/* font-weight: 601; */
|
/* font-weight: 601; */
|
||||||
color: #333333;
|
color: #333333;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.meIcon {
|
.meIcon {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconOutTopSmall {
|
.iconOutTopSmall {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.makePhone {
|
.makePhone {
|
||||||
width: 78px;
|
width: 78px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #1f7fef;
|
border: 1px solid var(--color-yc);
|
||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #1f7fef;
|
color: var(--color-yc);
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.khjl {
|
.khjl {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #1f7fef;
|
background-color: var(--color-yc);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 13px;
|
line-height: 13px;
|
||||||
}
|
}
|
||||||
.cf{
|
.cf {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
.moneyView{
|
.moneyView {
|
||||||
padding:12px 12px 12px 20px;
|
padding: 12px 12px 12px 20px;
|
||||||
background-color: #027AFF;
|
background-color: var(--color-yc);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
.moneyText{
|
.moneyText {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
.moneyM{
|
.moneyM {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
.moneyCash{
|
.moneyCash {
|
||||||
width: 44px;
|
width: 44px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
border: 1px solid #ffffff;
|
border: 1px solid #ffffff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
.moneyCashBtn{
|
.moneyCashBtn {
|
||||||
width: 44px;
|
width: 44px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
border: 1px solid #ffffff;
|
border: 1px solid #ffffff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
.myService{
|
.myService {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
.myService .flex-1{
|
.myService .flex-1 {
|
||||||
min-width: 25%;
|
min-width: 25%;
|
||||||
max-width: 25%;
|
max-width: 25%;
|
||||||
}
|
}
|
||||||
.flex-right{
|
.flex-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,22 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "yicaifont"; /* Project id 4193532 */
|
||||||
|
src: url('//at.alicdn.com/t/c/font_4193532_28ujkykwzim.woff2?t=1690946695087') format('woff2'),
|
||||||
|
url('//at.alicdn.com/t/c/font_4193532_28ujkykwzim.woff?t=1690946695087') format('woff'),
|
||||||
|
url('//at.alicdn.com/t/c/font_4193532_28ujkykwzim.ttf?t=1690946695087') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
.yicaifont {
|
||||||
|
font-family: "yicaifont" !important;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-jianli-outer:before {
|
||||||
|
content: "\e8ca";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-jianli-inner:before {
|
||||||
|
content: "\e8cb";
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue