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.
136 lines
3.6 KiB
136 lines
3.6 KiB
@charset "UTF-8"; |
|
body, |
|
.mui-content { |
|
background: #F5F5F5; } |
|
|
|
.select-box { |
|
display: flex; } |
|
|
|
/* 重置select */ |
|
select { |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
-ms-appearance: none; |
|
appearance: none; |
|
outline: 0; |
|
box-shadow: none; |
|
border: 0 !important; |
|
background: #FFFFFF; |
|
background-image: none; } |
|
|
|
/* 自定义 Select */ |
|
.select { |
|
position: relative; |
|
display: block; |
|
width: 20em; |
|
height: 3em; |
|
line-height: 3; |
|
background: #FFFFFF; |
|
overflow: hidden; } |
|
|
|
select { |
|
width: 100%; |
|
height: 100%; |
|
margin: 0; |
|
padding: 0 0 0 .35rem; |
|
color: #333333; |
|
cursor: pointer; } |
|
|
|
select::-ms-expand { |
|
display: none; } |
|
|
|
/* Arrow */ |
|
.select::after { |
|
content: '\25BC'; |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
padding: 0 .3em; |
|
background: #FFFFFF; |
|
pointer-events: none; } |
|
|
|
/* Transition */ |
|
.select:hover::after { |
|
color: #f39c12; } |
|
|
|
.select::after { |
|
-webkit-transition: .25s all ease; |
|
-o-transition: .25s all ease; |
|
transition: .25s all ease; } |
|
|
|
.order-info .item-list { |
|
width: 90%; |
|
height: 1.96rem; |
|
background: #FFFFFF; |
|
border-radius: 4px; |
|
margin: .2rem auto; |
|
display: flex; } |
|
.order-info .item-list .order-info-left { |
|
width: .43rem; |
|
height: 1.96rem; |
|
border-radius: 4px 0 0 4px; |
|
text-align: center; |
|
line-height: 1.96rem; |
|
color: #FFFFFF; } |
|
.order-info .item-list .sales { |
|
background: linear-gradient(0deg, #d43436, #ff927d); } |
|
.order-info .item-list .buys { |
|
background: linear-gradient(180deg, #8ce1cb 0%, #78c3e0 100%); } |
|
.order-info .item-list .order-info-right { |
|
flex: 1; } |
|
.order-info .item-list .order-info-right .order-info-top { |
|
width: 90%; |
|
height: .6rem; |
|
border-bottom: 1px solid #EEEEEE; |
|
margin: 0 auto; |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; } |
|
.order-info .item-list .order-info-right .order-info-top .order-coin { |
|
color: #333333; |
|
font-size: .27rem; } |
|
.order-info .item-list .order-info-right .order-info-top .order-coin label { |
|
color: #999999; |
|
font-size: .2rem; |
|
padding-left: .1rem; } |
|
.order-info .item-list .order-info-right .order-info-top .order-status { |
|
display: flex; |
|
align-items: center; |
|
font-size: .24rem; } |
|
.order-info .item-list .order-info-right .order-info-top .order-status img { |
|
width: .27rem; |
|
height: .27rem; |
|
margin-right: .1rem; } |
|
.order-info .item-list .order-info-right .order-info-top .remove { |
|
color: #78C4DF; } |
|
.order-info .item-list .order-info-right .order-info-top .sure { |
|
color: #D53537; } |
|
.order-info .item-list .order-info-right .order-info-top .appeal { |
|
color: #9D71EA; } |
|
.order-info .item-list .order-info-right .order-info-bottom h4 { |
|
width: 90%; |
|
margin: 0 auto; |
|
font-size: .2rem; |
|
padding-top: .1rem; |
|
font-weight: 400; } |
|
.order-info .item-list .order-info-right .order-info-bottom .order-info-txt { |
|
width: 90%; |
|
margin: .1rem auto; |
|
display: flex; |
|
font-size: .2rem; } |
|
.order-info .item-list .order-info-right .order-info-bottom .order-info-txt span { |
|
flex: 1; |
|
color: #999999; |
|
text-align: center; } |
|
.order-info .item-list .order-info-right .order-info-bottom .order-info-num { |
|
width: 90%; |
|
margin: 0 auto; |
|
display: flex; |
|
font-size: .24rem; } |
|
.order-info .item-list .order-info-right .order-info-bottom .order-info-num span { |
|
flex: 1; |
|
color: #333333; |
|
text-align: center; } |
|
|
|
/*# sourceMappingURL=order.css.map */
|
|
|