You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
395 lines
9.7 KiB
395 lines
9.7 KiB
header { |
|
z-index: 101 !important; } |
|
|
|
body, |
|
.mui-content { |
|
background: #FFFFFF; |
|
position: relative; |
|
z-index: 100; } |
|
|
|
.top-info { |
|
position: relative; } |
|
.top-info span { |
|
width: 100%; |
|
color: #333333; |
|
display: block; |
|
padding: .1rem .3rem; |
|
font-size: .43rem; } |
|
.top-info .countdown { |
|
position: absolute; |
|
right: .2rem; |
|
top: .5rem; |
|
color: #73D13D; } |
|
.top-info .mui-icon-right-nav { |
|
position: absolute; |
|
right: .2rem; |
|
top: .1rem; } |
|
.top-info .mui-icon-right-nav img { |
|
width: .3rem; |
|
height: .3rem; |
|
vertical-align: middle; } |
|
.top-info .mui-icon-right-nav label { |
|
font-size: .24rem; |
|
padding-left: .1rem; |
|
color: #D43436; } |
|
|
|
.had-top-info { |
|
text-align: center; } |
|
.had-top-info span { |
|
display: block; |
|
margin: .1rem 0; } |
|
.had-top-info .money { |
|
font-size: .37rem; |
|
color: #4B557D; } |
|
.had-top-info .anti-money { |
|
color: #333333; } |
|
.had-top-info .pay-time { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; } |
|
.had-top-info .pay-time .countdown { |
|
color: #73D13D; |
|
margin-left: .2rem; } |
|
.had-top-info .pay-time .mui-icon-right-nav img { |
|
width: .3rem; |
|
height: .3rem; |
|
vertical-align: middle; } |
|
.had-top-info .pay-time .mui-icon-right-nav label { |
|
font-size: .24rem; |
|
padding-left: .1rem; |
|
color: #D43436; } |
|
|
|
.mui-card { |
|
background: white; |
|
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); |
|
border-radius: 5px; |
|
margin: .5rem .3rem .1rem .3rem; } |
|
.mui-card .mui-checkbox input[type=checkbox], |
|
.mui-card .mui-radio input[type=radio] { |
|
top: 11px; } |
|
.mui-card .mui-checkbox input[type=checkbox]:checked:before, |
|
.mui-card .mui-radio input[type=radio]:checked:before { |
|
color: #D7393E; } |
|
.mui-card .mui-input-row { |
|
display: flex; |
|
align-items: center; |
|
height: .86rem; } |
|
.mui-card img { |
|
width: .4rem; |
|
height: .4rem; |
|
margin-left: .2rem; } |
|
|
|
.info-box span { |
|
width: 100%; |
|
color: #A0A5AD; |
|
display: block; |
|
padding: .1rem .3rem; } |
|
.info-box span .person-name { |
|
color: #D43436; |
|
font-size: .24rem; } |
|
.info-box span label { |
|
color: #484860; |
|
font-size: .23rem; |
|
padding-left: .3rem; |
|
float: right; } |
|
.info-box span label img { |
|
width: .26rem; |
|
height: .3rem; |
|
vertical-align: text-bottom; |
|
margin-left: .2rem; } |
|
|
|
.had-info-box { |
|
width: 92%; |
|
margin: .4rem auto; |
|
background: #fbfbfb; |
|
border-radius: 2px; |
|
padding: .1rem 0; |
|
font-size: .2rem; } |
|
.had-info-box span { |
|
width: 100%; |
|
color: #A0A5AD; |
|
display: block; |
|
padding: .1rem .2rem; } |
|
.had-info-box span label { |
|
color: #484860; |
|
float: right; } |
|
.had-info-box span label img { |
|
width: .26rem; |
|
height: .3rem; |
|
vertical-align: text-bottom; |
|
margin-left: .2rem; } |
|
.had-info-box .info-box-title { |
|
font-size: .24rem; } |
|
.had-info-box .info-box-title img { |
|
width: .4rem; |
|
height: .4rem; |
|
vertical-align: middle; |
|
margin-right: .2rem; } |
|
.had-info-box .info-box-title label { |
|
color: #D43436; } |
|
|
|
.notice { |
|
margin-bottom: 1rem; } |
|
.notice .mui-table-view .mui-table-view-cell { |
|
padding: .1rem .3rem; } |
|
.notice .mui-table-view .mui-table-view-cell .mui-active { |
|
background: #d8d8d8; } |
|
.notice .mui-table-view:before, .notice .mui-table-view:after { |
|
height: 0; } |
|
.notice p { |
|
color: #A0A5AD; } |
|
.notice a { |
|
display: block; |
|
height: 1rem; |
|
background: #d8d8d8; |
|
border-radius: 3px; |
|
color: #A0A5AD; |
|
opacity: 0.2; |
|
margin: .1rem 0 !important; |
|
word-break: break-all; |
|
white-space: normal !important; |
|
overflow: scroll !important; } |
|
|
|
.btn-group { |
|
width: 100%; |
|
display: flex; |
|
position: fixed; |
|
bottom: 0; |
|
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); } |
|
.btn-group .chat-btn { |
|
width: 1.29rem; |
|
height: .84rem; |
|
text-align: center; |
|
line-height: .9rem; } |
|
.btn-group .chat-btn img { |
|
width: .4rem; |
|
height: .4rem; } |
|
.btn-group .cancel-btn, |
|
.btn-group .yes-btn { |
|
flex: 1; |
|
height: .84rem; |
|
background: #FBEBEB; |
|
text-align: center; |
|
color: #D43436; |
|
font-size: .27rem; |
|
line-height: .84rem; } |
|
.btn-group .yes-btn { |
|
background: #D43436; |
|
color: #FFFFFF; } |
|
|
|
.hadbtn-group { |
|
margin-top: 2rem; } |
|
.hadbtn-group .hadpay-btn { |
|
width: 92%; |
|
height: .8rem; |
|
background: #D43436; |
|
color: #FFFFFF; |
|
text-align: center; |
|
line-height: .8rem; |
|
margin: 0 auto; } |
|
|
|
.cancelOrder { |
|
width: 90%; |
|
height: 3.58rem; |
|
display: none; |
|
position: fixed; |
|
top: 50%; |
|
left: 50%; |
|
margin-left: -45%; |
|
margin-top: -1.79rem; |
|
z-index: 111; } |
|
.cancelOrder .orderCont { |
|
width: 100%; |
|
background-color: #fff; |
|
overflow: hidden; |
|
padding: 0.3rem 0 0 0.3rem; |
|
border-radius: 0.1rem 0.1rem 0 0; } |
|
.cancelOrder .orderCont .popText_1 { |
|
font-size: 0.28rem; |
|
color: #F96B6B; |
|
margin-top: 0.49rem; } |
|
.cancelOrder .orderCont .popText_2 { |
|
font-size: 0.24rem; |
|
color: #666; |
|
margin-top: 0.36rem; |
|
margin-bottom: 0.5rem; } |
|
.cancelOrder .orderHandle { |
|
width: 100%; |
|
height: 0.98rem; |
|
display: flex; |
|
border-top: 0.01rem solid #EEEEEE; |
|
margin-top: -1px; } |
|
.cancelOrder .orderHandle .thinkBtn { |
|
color: #999; |
|
background-color: #fff; |
|
border-radius: 0 0 0 0.1rem; } |
|
.cancelOrder .orderHandle .cancelBtn { |
|
color: #fff; |
|
background: linear-gradient(-90deg, #d43436, #ff927d); |
|
border-radius: 0 0 0.1rem 0; } |
|
.cancelOrder .popTitle { |
|
font-size: 0.32rem; |
|
color: #000; } |
|
.cancelOrder .popText { |
|
width: 92%; |
|
text-align: justify; |
|
line-height: 0.41rem; } |
|
.cancelOrder .btn { |
|
width: 50%; |
|
line-height: 0.98rem; |
|
text-align: center; |
|
font-size: 0.32rem; } |
|
|
|
.bg { |
|
position: fixed; |
|
left: 0; |
|
bottom: 0; |
|
right: 0; |
|
top: 0; |
|
background: rgba(21, 33, 54, 0.2); |
|
z-index: 102; } |
|
|
|
.code { |
|
width: 4rem; |
|
height: 4rem; |
|
display: none; |
|
position: fixed; |
|
top: 50%; |
|
left: 50%; |
|
margin-left: -2rem; |
|
margin-top: -2rem; |
|
text-align: center; |
|
z-index: 111; |
|
background: #FFFFFF; |
|
padding: .2rem; |
|
box-sizing: border-box; } |
|
.code img { |
|
height: 3rem; |
|
display: inline-block; |
|
max-width: 100%; } |
|
.code span { |
|
display: block; |
|
font-size: .5rem; |
|
font-weight: 500; } |
|
|
|
.confirm { |
|
width: 5.42rem; |
|
height: 3.54rem; |
|
border-radius: 4px; |
|
position: fixed; |
|
left: 50%; |
|
top: 50%; |
|
margin-left: -2.71rem; |
|
margin-top: -1.77rem; |
|
background: #FFFFFF; |
|
border-radius: .2rem; |
|
z-index: 110; |
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } |
|
.confirm .input-group { |
|
position: relative; |
|
text-align: center; |
|
overflow: hidden; } |
|
.confirm .input-group .title-top { |
|
height: .8rem; |
|
border-bottom: 1px solid #F1F1F1; } |
|
.confirm .input-group .icon { |
|
position: absolute; |
|
left: .1rem; |
|
padding-top: .2rem; |
|
color: #333333; } |
|
.confirm .input-group .title { |
|
display: inline-block; |
|
width: 100%; |
|
padding-top: .2rem; |
|
color: #333333; } |
|
.confirm .input-group .mui-input-row { |
|
padding: 0 .3rem; |
|
margin-top: .4rem; } |
|
.confirm .input-group .mui-input-row label { |
|
font-size: .24rem; |
|
font-weight: 400; |
|
color: #333333; |
|
text-align: left; |
|
padding: 0; |
|
margin-bottom: .17rem; } |
|
.confirm .input-group .mui-input-row .mui-input-password { |
|
width: 100%; |
|
height: .6rem; |
|
border: none; |
|
background-color: #F1F1F1; |
|
color: #333333; |
|
padding-left: .2rem; } |
|
.confirm .input-group .mui-input-row .mui-input-password::-webkit-input-placeholder { |
|
font-size: .22rem; |
|
font-weight: 400; |
|
color: #999999; } |
|
.confirm .input-group .mui-input-row .mui-icon-eye { |
|
top: .5rem; |
|
right: .29rem; } |
|
.confirm .input-group .mui-button-row button { |
|
width: 89%; |
|
height: .6rem; |
|
background: #D43436; |
|
border-radius: 4px; |
|
border: 1px solid #D43436; |
|
margin-top: .2rem; } |
|
|
|
#popover { |
|
background: #FFFFFF; |
|
width: 100%; |
|
height: 10rem; |
|
border-radius: .2rem .2rem 0 0; |
|
position: fixed; |
|
z-index: 1000; |
|
top: 100px; } |
|
#popover .popover-info { |
|
border-bottom: 1px solid #EEEEEE; } |
|
#popover .popover-info .info-txt { |
|
display: flex; |
|
align-items: center; |
|
padding: .3rem .3rem .2rem .3rem; } |
|
#popover .popover-info .info-txt .img-box { |
|
width: .5rem; |
|
height: .5rem; |
|
border-radius: 50%; |
|
overflow: hidden; } |
|
#popover .popover-info .info-txt .img-box img { |
|
width: .5rem; |
|
height: .5rem; } |
|
#popover .popover-info .info-txt h4 { |
|
flex: 1; |
|
color: #333333; |
|
font-size: .31rem; |
|
padding-left: .2rem; } |
|
#popover .popover-info .info-txt p { |
|
flex: 1; |
|
color: #999999; |
|
text-align: right; } |
|
#popover .money-info { |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 0 .3rem; } |
|
#popover .money-info .money-info-left .money-info-txt { |
|
color: #9DA6B3; |
|
display: block; } |
|
#popover .money-info .money-info-left .money-info-num { |
|
color: #D7393E; |
|
font-size: .3rem; |
|
display: block; |
|
padding-top: .1rem; } |
|
#popover .money-info .money-info-right .money-info-txt { |
|
display: flex; |
|
align-items: center; |
|
color: #73D13D; } |
|
#popover .money-info .money-info-right .money-info-txt img { |
|
width: .3rem; |
|
height: .3rem; |
|
vertical-align: middle; |
|
margin-right: .1rem; } |
|
#popover .money-info .money-info-right .money-info-num { |
|
color: #D7393E; |
|
font-size: .3rem; |
|
display: block; |
|
text-align: right; } |
|
|
|
/*# sourceMappingURL=payment.css.map */
|
|
|