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.
125 lines
3.6 KiB
125 lines
3.6 KiB
4 years ago
|
table,table tr th, table tr td { border-bottom: 1px solid #EEF1F5; }
|
||
|
table { text-align: center; border-collapse: collapse; padding:2px;}
|
||
|
*{
|
||
|
-webkit-touch-callout: none;
|
||
|
-webkit-user-select: none;
|
||
|
-khtml-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none;
|
||
|
scrollbar-width: none; /* Firefox */
|
||
|
}
|
||
|
::-webkit-scrollbar {
|
||
|
display: none; /* Chrome Safari */
|
||
|
}
|
||
|
|
||
|
.box{
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background: #F2F5F6;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
box-sizing: border-box;
|
||
|
.contant{
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
.colorspan{
|
||
|
color: #07CDCF;
|
||
|
}
|
||
|
.main{
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
div{
|
||
|
box-sizing: border-box;
|
||
|
background-color: #fff;
|
||
|
border-radius: 13px;
|
||
|
}
|
||
|
.leftDiv{
|
||
|
width: 18%;
|
||
|
margin: 20px;
|
||
|
margin-bottom: 0;
|
||
|
padding: 18px;
|
||
|
.title{
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
.unitList{
|
||
|
margin-top: 12px;
|
||
|
table{
|
||
|
width: 100%;
|
||
|
font-size: 15px;
|
||
|
tr{
|
||
|
height: 35px;
|
||
|
td:nth-child(1){
|
||
|
width: 60%;
|
||
|
}
|
||
|
}
|
||
|
tr:nth-child(1){
|
||
|
background: #F5FDFE;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.rightDiv{
|
||
|
margin: 20px;
|
||
|
margin-left: 0;
|
||
|
flex: 1;
|
||
|
margin-bottom: 0;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
.tabsbox{
|
||
|
height: 46px;
|
||
|
border-radius: 0;
|
||
|
background: #F2F5F6;
|
||
|
div{
|
||
|
float: left;
|
||
|
height: 46px;
|
||
|
line-height: 46px;
|
||
|
width: 100px;
|
||
|
text-align: center;
|
||
|
color: #1E2323;
|
||
|
border-radius: 0;
|
||
|
border-top: 2px solid #fff;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
// div:nth-child(1){
|
||
|
// border-radius:13px 0 0 0 ;
|
||
|
// }
|
||
|
//选中选项卡
|
||
|
.selectedTab{
|
||
|
color: #07CDCF;
|
||
|
border-top: 2px solid #07CDCF;
|
||
|
}
|
||
|
}
|
||
|
.maincontantbox{
|
||
|
flex: 1;
|
||
|
overflow-y: auto;
|
||
|
padding: 18px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.btnbox{
|
||
|
width: 100%;
|
||
|
height: 70px;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
.btn{
|
||
|
width: 100px;
|
||
|
height: 33px;
|
||
|
background: #01CFD5;
|
||
|
opacity: 1;
|
||
|
border-radius: 8px;
|
||
|
color: #FFFFFF;
|
||
|
text-align: center;
|
||
|
line-height: 33px;
|
||
|
font-size: 16px;
|
||
|
font-family: Source Han Sans CN;
|
||
|
margin: 0 15px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|