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.
225 lines
2.8 KiB
225 lines
2.8 KiB
3 years ago
|
*{
|
||
|
color: #707070;
|
||
|
}
|
||
|
::-webkit-scrollbar {
|
||
|
width: 0;
|
||
|
height: 0;
|
||
|
color: transparent;
|
||
|
}
|
||
|
/* input{
|
||
|
border: 2rpx solid #E6E6E6;
|
||
|
border-radius: 40rpx;
|
||
|
height: 80rpx;
|
||
|
line-height: 80rpx;
|
||
|
padding: 0 40rpx;
|
||
|
} */
|
||
|
.text-color{
|
||
|
color: #00B9FF;
|
||
|
}
|
||
|
/* .nav .cu-item.cur{
|
||
|
border-bottom: 8rpx solid;
|
||
|
} */
|
||
|
.pdlr10{
|
||
|
padding-left: 20rpx;
|
||
|
padding-right: 20rpx;
|
||
|
}
|
||
|
.pdtb10{
|
||
|
padding-top: 20rpx;
|
||
|
padding-bottom: 20rpx;
|
||
|
}
|
||
|
.pdb10{
|
||
|
padding-bottom: 20rpx;
|
||
|
}
|
||
|
.mat15{
|
||
|
margin-top: 30rpx;
|
||
|
}
|
||
|
.mat40{
|
||
|
margin-top: 80rpx;
|
||
|
}
|
||
|
.mgt20{
|
||
|
margin-top: 40rpx;
|
||
|
}
|
||
|
.mgt5{
|
||
|
margin-top: 5rpx;
|
||
|
}
|
||
|
.mgt40{
|
||
|
margin-top: 80rpx;
|
||
|
}
|
||
|
.mgl10{
|
||
|
margin-left: 20rpx;
|
||
|
}
|
||
|
.mgl20{
|
||
|
margin-left: 40rpx;
|
||
|
}
|
||
|
.mgl30{
|
||
|
margin-left: 60rpx;
|
||
|
}
|
||
|
.mgr5{
|
||
|
margin-right: 10rpx;
|
||
|
}
|
||
|
.mgr10{
|
||
|
margin-right: 20rpx;
|
||
|
}
|
||
|
.mgr20{
|
||
|
margin-right: 40rpx;
|
||
|
}
|
||
|
.mgr6{
|
||
|
margin-right: 12rpx;
|
||
|
}
|
||
|
.mal15{
|
||
|
margin-left: 30rpx;
|
||
|
}
|
||
|
.mar15{
|
||
|
margin-right: 30rpx;
|
||
|
}
|
||
|
.mab15{
|
||
|
margin-bottom: 30rpx;
|
||
|
}
|
||
|
.flex{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.flex-align-start{
|
||
|
display: flex;
|
||
|
align-items: flex-start;
|
||
|
}
|
||
|
.flex-between{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
.flex-end{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
.flex-column{
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.flex-justify-center{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.bottom-border{
|
||
|
padding: 30rpx 0;
|
||
|
border-bottom: 4rpx solid #F2F2F2;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
.left-border{
|
||
|
border-left: 12rpx solid #00b9ff;
|
||
|
line-height: 32rpx;
|
||
|
}
|
||
|
|
||
|
/* input样式 */
|
||
|
.form-input-placeholder {
|
||
|
font-size: 28rpx;
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
/* button样式 */
|
||
|
.def-btn{
|
||
|
background-color: #00B9FF;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.cancel-btn{
|
||
|
background-color: #FF9784;
|
||
|
color: #fff;
|
||
|
}
|
||
|
/* .refuse-btn{
|
||
|
background: #FF9784;
|
||
|
color: #fff;
|
||
|
} */
|
||
|
/* picker样式 */
|
||
|
.picker-view{
|
||
|
border: 2rpx solid #e5e5e5;
|
||
|
border-radius: 40rpx;
|
||
|
box-sizing: border-box;
|
||
|
width: 80%;
|
||
|
margin-left: 20%;
|
||
|
flex: 1;
|
||
|
text-align: left;
|
||
|
color: #666;
|
||
|
font-size: 28rpx;
|
||
|
min-height: 72rpx;
|
||
|
padding: 0 40rpx;
|
||
|
}
|
||
|
/* 被禁用的样式覆盖 */
|
||
|
.disabled .picker-view{
|
||
|
background:#e5e5e5;
|
||
|
}
|
||
|
/* picker禁用样式 */
|
||
|
.disabled-bg{
|
||
|
background-color: #eee;
|
||
|
}
|
||
|
|
||
|
.wd100 {
|
||
|
width: 100% !important;
|
||
|
}
|
||
|
.wd95 {
|
||
|
width: 95%;
|
||
|
}
|
||
|
.wd90 {
|
||
|
width: 90%;
|
||
|
}
|
||
|
.wd80 {
|
||
|
width: 80%;
|
||
|
}
|
||
|
.wd85 {
|
||
|
width: 85%;
|
||
|
}
|
||
|
.wd70 {
|
||
|
width: 70%!important;
|
||
|
}
|
||
|
.wd60 {
|
||
|
width: 60%;
|
||
|
}
|
||
|
.wd50 {
|
||
|
width: 50%;
|
||
|
}
|
||
|
.wd48 {
|
||
|
width: 48%;
|
||
|
}
|
||
|
.wd45 {
|
||
|
width: 45%;
|
||
|
}
|
||
|
.wd40 {
|
||
|
width: 40%;
|
||
|
}
|
||
|
.wd30 {
|
||
|
width: 30%;
|
||
|
}
|
||
|
.wd35 {
|
||
|
width: 35%;
|
||
|
}
|
||
|
.wd25{
|
||
|
width: 25%;
|
||
|
}
|
||
|
.wd20 {
|
||
|
width: 20%;
|
||
|
}
|
||
|
.wd15 {
|
||
|
width: 15%;
|
||
|
}
|
||
|
.wd10 {
|
||
|
width: 10%;
|
||
|
}
|
||
|
.wd5 {
|
||
|
width: 5%;
|
||
|
}
|
||
|
.wd0 {
|
||
|
width: 0;
|
||
|
}
|
||
|
.radius10 {
|
||
|
border-radius: 20rpx;
|
||
|
}
|
||
|
.self{
|
||
|
position: relative;
|
||
|
}
|
||
|
.flex-around{
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: space-around;
|
||
|
}
|