96 lines
1.4 KiB
CSS
96 lines
1.4 KiB
CSS
html,body{
|
|
background:#f4f4f4;
|
|
}
|
|
.func-line {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
margin: 0rem 0rem 0.16rem 0rem;
|
|
}
|
|
|
|
.func-block {
|
|
/*width: 32%;*/
|
|
height: 9rem;
|
|
background: #FFFFFF;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.func-block:nth-child(2) {
|
|
margin: 0 0.16rem;
|
|
}
|
|
|
|
.func-block span {
|
|
margin: 0.5rem 0 0 0;
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.func-block img{
|
|
margin: 0 auto;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
}
|
|
|
|
.func-block-hide {
|
|
/*width: 32%;*/
|
|
height: 9rem;
|
|
text-align: center;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.func-block-hide span {
|
|
margin: 1rem 0 0 0;
|
|
font-size:1.25rem;
|
|
}
|
|
|
|
.pr-picker-modal{
|
|
position:fixed;
|
|
width:100vw;
|
|
height:100vh;
|
|
overflow-y: auto;
|
|
background:rgba(0,0,0,0.2);
|
|
z-index:100;
|
|
top:0px;
|
|
display: none;
|
|
}
|
|
|
|
.pr-picker-modal .pr{
|
|
display: flex;
|
|
flex-direction: row;
|
|
background:#ffffff;
|
|
color:#000000;
|
|
border-top:1px solid #dad9da;
|
|
height:4rem;
|
|
line-height:4rem;
|
|
font-size: 1.5rem;
|
|
align-items:center;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.pr-picker-modal .pr .icon-con{
|
|
margin: 0 0 0 1rem;
|
|
flex-shrink:0;
|
|
width:3rem;
|
|
height:3rem;
|
|
display:flex;
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
margin-right:1rem;
|
|
font-size:1.25rem;
|
|
background:#E9BE2B;
|
|
}
|
|
|
|
.icon-con img{
|
|
width:2rem;
|
|
}
|
|
.bg-touch:active{
|
|
background: rgba(0,0,0,0.15);
|
|
}
|