@@ -315,7 +315,7 @@
@@ -475,87 +475,64 @@
transition: all 0.3s;
}
-
-
.bgRed {
- background-color: #d35c5d;
- }
+ background-color: #d35c5d;
+ }
- .bgBlue {
- background-color: lightsteelblue;
- }
+ .bgBlue {
+ background-color: lightsteelblue;
+ }
- .bgRed {
- background-color: #d35c5d;
- }
+ .form-group {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.6333vw;
+ }
- .bgBlue {
- background-color: lightsteelblue;
- }
+ .form-group>div {
+ margin-right: 0.6333vw;
+ font-size: .8333vw;
+ }
- .form-group {
- display: flex;
- align-items: center;
- margin-bottom: 0.6333vw;
- }
- .form-group>div {
- margin-right: 0.6333vw;
- font-size: .8333vw;
- }
+ .form-group .form-control,
+ .form-group .form-file,
+ .form-group select {
+ padding-left: 8px;
+ padding: 8px 30px 8px 14px;
+ border: 1px solid #ccc;
+ border-radius: 0.2vw;
+ font-size: 0.8333vw;
+ box-sizing: border-box;
+ }
- .form-group .form-control,
- .form-group .form-select {
- width: 200px;
- height: 28px;
- line-height: 28px;
- padding-left: 8px;
+ .form-group .form-file {
+ font-size: 0.8333vw;
+ }
- border: 1px solid #ccc;
- border-radius: 0.2vw;
- font-size: 0.8333vw;
- box-sizing: border-box;
- }
+ .form-group select {
+ margin-right: 0.6333vw;
+ }
- .form-group .form-select option {
- width: 200px;
- height: 28px;
- line-height: 28px;
- padding-left: 8px;
+ .form-group button {
+ background-color: lightsteelblue;
+ color: #fff;
+ border: none;
+ cursor: pointer;
+ font-size: 0.8333vw;
+ padding: 8px 12px;
+ border-radius: 2px;
+ }
- border: 1px solid #ccc;
- border-radius: 0.2vw;
- font-size: 0.8333vw;
- box-sizing: border-box;
- }
-
- .form-group button {
- width: 40px;
- background-color: lightsteelblue;
- color: #fff;
- border: none;
- cursor: pointer;
- font-size: 0.8333vw;
- width: 40px;
- height: 28px;
- line-height: 28px;
- padding: auto;
- border-radius: 2px;
- }
-
- .btns {
- width: 40px;
- background-color: lightsteelblue;
- color: #fff;
- border: none;
- cursor: pointer;
- font-size: 0.8333vw;
- width: 40px;
- height: 28px;
- line-height: 28px;
- padding: auto;
- border-radius: 2px;
- }
+ .btns {
+ background-color: lightsteelblue;
+ color: #fff;
+ border: none;
+ cursor: pointer;
+ font-size: 0.8333vw;
+ padding: 8px 12px;
+ border-radius: 2px;
+ }
.layui-table {
width: 100%;
@@ -580,8 +557,8 @@
.layui-table td,
.layui-table th {
position: relative;
- height: 28px;
- line-height: 28px;
+ height: 35px;
+ line-height: 35px;
}
.layui-table td,
@@ -621,7 +598,7 @@
z-index: 10000;
background-color: #ffffff;
width: 30%;
- height: 30%;
+ height: 35%;
margin-top: 10%;
border-radius: 2%;
}
@@ -644,7 +621,7 @@
}
.consumerBottom{
width: 100%;
- height: 45px;
+ height: 50px;
margin-right: 10px;
position: absolute;
bottom: 0px;
@@ -652,30 +629,68 @@
justify-content: flex-end;
align-items: center;
}
+ .consumerBottom button{
+ background-color: lightsteelblue;
+ color: #fff;
+ border: none;
+ cursor: pointer;
+ font-size: 0.8333vw;
+ padding: 8px 12px;
+ border-radius: 2px;
+ }
- @media screen and (max-width: 750px) {
+ @media screen and (max-width: 460px) {
+ .tab-content{
+ overflow: scroll;
+ }
+ .tab-links li a{
+ font-size: 16px;
+ }
+ .pager ul li{
+ font-size: 12px;
+ }
.form-group {
display: block;
}
.form-group>div {
+ font-size: 16px;
margin-bottom: 5px;
+ display: none;
}
.form-group .form-control {
width: 80%;
}
- }
- @media screen and (max-width: 600px) {
+ .form-group .form-control,
+ .form-group .form-file,
+ .form-group select {
- .layui-table td,
- .layui-table th {
- position: relative;
- height: 24px;
- line-height: 24px;
+ font-size: 16px;
+ }
+
+ .form-group .form-file {
+ font-size: 16px;
+ }
+
+ .form-group button {
+ font-size: 16px;
+ }
+
+ .layui-table tbody th,
+ .layui-table tbody td {
font-size: 12px;
}
+
+ .consumerContent {
+ width: 80%;
+ height: 40%;
+ }
+
+ .consumerBottom button {
+ font-size: 16px;
+ }
}