|
@@ -14,7 +14,7 @@
|
|
|
|
|
|
.details-content-wrapper {
|
|
|
position: fixed;
|
|
|
- padding: 70px 0 50px 0;
|
|
|
+ padding: 110px 0 50px 0;
|
|
|
width: 80%;
|
|
|
height: 80%;
|
|
|
left: 10%;
|
|
@@ -33,11 +33,11 @@
|
|
|
|
|
|
.details-content-name {
|
|
|
position: absolute;
|
|
|
- top: 0;
|
|
|
+ top: 43px;
|
|
|
width: 100%;
|
|
|
padding: 0 40px;
|
|
|
- height: 70px;
|
|
|
- line-height: 70px;
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
font-size: 28px;
|
|
|
font-weight: bold;
|
|
|
color: #1E1E1E;
|
|
@@ -50,7 +50,7 @@
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
.details-menu-title-wrapper {
|
|
|
- padding: 0 0 0 15px;
|
|
|
+ padding: 0 0 0 20px;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
@@ -69,15 +69,14 @@
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
cursor: pointer;
|
|
|
+ top: -43px;
|
|
|
}
|
|
|
.details-content {
|
|
|
position: relative;
|
|
|
height: 100%;
|
|
|
- padding: 0 180px 0 40px;
|
|
|
+ padding: 0 220px 0 40px;
|
|
|
overflow-y: auto;
|
|
|
- ul, ol {
|
|
|
- padding: 0 0 0 15px;
|
|
|
- }
|
|
|
+
|
|
|
ul li {
|
|
|
list-style: disc;
|
|
|
list-style-position: inside;
|
|
@@ -89,15 +88,15 @@
|
|
|
}
|
|
|
.content-menu-box {
|
|
|
position: absolute;
|
|
|
- top: 70px;
|
|
|
+ top: 110px;
|
|
|
right: 20px;
|
|
|
- width: 160px;
|
|
|
+ width: 200px;
|
|
|
height: 80%;
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
.content-menu-wrapper {
|
|
|
- width: 200px;
|
|
|
+ width: 240px;
|
|
|
height: 100%;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
@@ -105,8 +104,8 @@
|
|
|
|
|
|
background: #F5F6F7;
|
|
|
border: 1px solid #F5F6F7;
|
|
|
- width: 160px;
|
|
|
- padding: 15px 18px;
|
|
|
+ width: 200px;
|
|
|
+ padding: 15px 20px;
|
|
|
}
|
|
|
.details-content-menu-line {
|
|
|
height: 20px;
|
|
@@ -117,13 +116,13 @@
|
|
|
.details-content-menu-name {
|
|
|
position: relative;
|
|
|
color: #777777;
|
|
|
- font-size: 13px;
|
|
|
+ font-size: 14px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.details-content-menu-circle-box {
|
|
|
display:inline-block;
|
|
|
position: absolute;
|
|
|
- left: -20px;
|
|
|
+ left: -25px;
|
|
|
background: #F5F6F7;
|
|
|
|
|
|
}
|
|
@@ -157,13 +156,13 @@
|
|
|
}
|
|
|
.details-content-box {
|
|
|
border-left: 1px solid #969C9F;
|
|
|
- padding: 0 0 0 20px;
|
|
|
+ padding: 0 0 0 33px;
|
|
|
}
|
|
|
.details-content-title-circle-box {
|
|
|
position: absolute;
|
|
|
z-index: 10;
|
|
|
background: #fff;
|
|
|
- left: -27px;
|
|
|
+ left: -40px;
|
|
|
height: 32px;
|
|
|
top: 0px;
|
|
|
}
|