|
@@ -20,12 +20,13 @@
|
|
|
.bodyBox {
|
|
|
margin: 10px;
|
|
|
display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.box {
|
|
|
- width: 40%;
|
|
|
- height: 156px;
|
|
|
+ width: 60%;
|
|
|
+ height: 250px;
|
|
|
background: #FFFFFF;
|
|
|
border: 1px solid #FFFFFF;
|
|
|
box-shadow: 5px 9px 17px 1px rgba(122, 122, 122, 0.16);
|
|
@@ -45,19 +46,20 @@
|
|
|
/*}*/
|
|
|
.moduleIcon {
|
|
|
display: block;
|
|
|
- width: 45px;
|
|
|
- height: 45px;
|
|
|
+ width: 70px;
|
|
|
+ height: 70px;
|
|
|
}
|
|
|
|
|
|
.moduleName {
|
|
|
- width: 91px;
|
|
|
+ width: 120px;
|
|
|
height: 24px;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 30px;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: bold;
|
|
|
color: #333333;
|
|
|
line-height: 24px;
|
|
|
text-align: center;
|
|
|
+ margin-top: 15px;
|
|
|
}
|
|
|
|
|
|
.box:hover .moduleName {
|
|
@@ -66,22 +68,22 @@
|
|
|
|
|
|
.cutOffRule {
|
|
|
width: 2px;
|
|
|
- height: 120px;
|
|
|
+ height: 190px;
|
|
|
background: #EEEEEE;
|
|
|
}
|
|
|
|
|
|
.moduleMenu {
|
|
|
- margin-left: 25px;
|
|
|
+ margin-left: 40px;
|
|
|
}
|
|
|
|
|
|
.moduleMenu li {
|
|
|
display: block;
|
|
|
- height: 30px;
|
|
|
- font-size: 16px;
|
|
|
+ height: 50px;
|
|
|
+ font-size: 20px;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 300;
|
|
|
- color: #333333;
|
|
|
- line-height: 30px;
|
|
|
+ color: #1a1717;
|
|
|
+ line-height: 50px;
|
|
|
}
|
|
|
|
|
|
.box:hover .moduleMenu li {
|
|
@@ -105,13 +107,14 @@
|
|
|
}
|
|
|
|
|
|
.floatingButton {
|
|
|
- width: 130px !important;
|
|
|
- height: 130px;
|
|
|
+ width: 160px !important;
|
|
|
+ height: 160px;
|
|
|
text-align: center;
|
|
|
border-radius: 100px;
|
|
|
+ line-height: 35px;
|
|
|
background: #125DB2;
|
|
|
color: #fff;
|
|
|
- font-size: 16px;
|
|
|
+ font-size: 20px;
|
|
|
position: fixed;
|
|
|
z-index: 9999;
|
|
|
left: 80%;
|
|
@@ -122,7 +125,7 @@
|
|
|
}
|
|
|
|
|
|
.box .list {
|
|
|
- width: 90px;
|
|
|
+ width: 200px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|