|
@@ -39,21 +39,18 @@
|
|
}*/
|
|
}*/
|
|
.content{
|
|
.content{
|
|
position: relative;
|
|
position: relative;
|
|
- width: 1200px;
|
|
|
|
- left: 50%;
|
|
|
|
- margin:10px 0 0 -600px;
|
|
|
|
|
|
+ width: 62.5%;
|
|
cursor: default;
|
|
cursor: default;
|
|
height: 100%;
|
|
height: 100%;
|
|
- border: 1px solid #f4f4f4;
|
|
|
|
border-radius:2px;
|
|
border-radius:2px;
|
|
- // margin: 10px 25px;
|
|
|
|
|
|
+ margin: 10px auto;
|
|
.contentTitle{
|
|
.contentTitle{
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
height: 44px;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
line-height: 44px;
|
|
- border-bottom: 1px solid #E6E6E6;
|
|
|
|
|
|
+ border-bottom: 1px solid #6794A8;
|
|
font-weight:600;
|
|
font-weight:600;
|
|
- color: #333;
|
|
|
|
|
|
+ color: #fff;
|
|
position: relative;
|
|
position: relative;
|
|
img {
|
|
img {
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -64,7 +61,7 @@
|
|
}
|
|
}
|
|
#toggleImg, #toggleImgs{
|
|
#toggleImg, #toggleImgs{
|
|
position: absolute;
|
|
position: absolute;
|
|
- color: #5A8EEE;
|
|
|
|
|
|
+ color: #5BBBFF;
|
|
display: block;
|
|
display: block;
|
|
top: 6px;
|
|
top: 6px;
|
|
width: 48px;
|
|
width: 48px;
|
|
@@ -74,7 +71,7 @@
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
- border: 1px solid #5A8EEE;
|
|
|
|
|
|
+ border: 1px solid #5BBBFF;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
@@ -89,14 +86,14 @@
|
|
// display: block;
|
|
// display: block;
|
|
}
|
|
}
|
|
#toggleImg.activeBtn,#toggleImgs.activeBtn{
|
|
#toggleImg.activeBtn,#toggleImgs.activeBtn{
|
|
- background: #5A8EEE;
|
|
|
|
|
|
+ background: #5BBBFF;
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.contentInfoBox{
|
|
.contentInfoBox{
|
|
- width: 1160px;
|
|
|
|
|
|
+ width: 100%;
|
|
padding: 0 20px;
|
|
padding: 0 20px;
|
|
- background: #fff;
|
|
|
|
|
|
+ background: rgba(66, 143, 220, 0.25);;
|
|
margin: 0 0 10px 0;
|
|
margin: 0 0 10px 0;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
@@ -105,15 +102,16 @@
|
|
}
|
|
}
|
|
.infoTxt{
|
|
.infoTxt{
|
|
min-height: 33px;
|
|
min-height: 33px;
|
|
- width: 1160px;
|
|
|
|
|
|
+ width: 100%;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- color: #333;
|
|
|
|
|
|
+ color: #fff;
|
|
resize: none;
|
|
resize: none;
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
// outline: none;
|
|
// outline: none;
|
|
padding: 10px;
|
|
padding: 10px;
|
|
- background: #F7F8FA;
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
|
|
+ background: #0D2C53;
|
|
|
|
+ border: 1px solid #6794A8;
|
|
|
|
+ border-radius: 4px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 15px 0 0 0;
|
|
margin: 15px 0 0 0;
|
|
}
|
|
}
|
|
@@ -148,8 +146,7 @@
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 50%;
|
|
left: 50%;
|
|
margin-left: -48px;
|
|
margin-left: -48px;
|
|
- background-color: #5A8EEE;
|
|
|
|
- border-color: #5A8EEE;
|
|
|
|
|
|
+ background: linear-gradient(270deg, #00B0FE 0%, #006CE7 100%);
|
|
color: #fff;
|
|
color: #fff;
|
|
padding: 9px 20px;
|
|
padding: 9px 20px;
|
|
text-align: center;
|
|
text-align: center;
|
|
@@ -159,7 +156,7 @@
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.example-btn{
|
|
.example-btn{
|
|
- color: #5A8EEE;
|
|
|
|
|
|
+ color: #5BBBFF;
|
|
text-align: center;
|
|
text-align: center;
|
|
border-radius:4px;
|
|
border-radius:4px;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
@@ -180,20 +177,21 @@
|
|
min-height: 155px;
|
|
min-height: 155px;
|
|
line-height: 21px;
|
|
line-height: 21px;
|
|
padding: 20px 0;
|
|
padding: 20px 0;
|
|
- width: 1160px;
|
|
|
|
|
|
+ width: 100%;
|
|
position: relative;
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
|
+ color: #fff;
|
|
// css保留换行符
|
|
// css保留换行符
|
|
// white-space: pre-line;
|
|
// white-space: pre-line;
|
|
}
|
|
}
|
|
.star{
|
|
.star{
|
|
- color: #000;
|
|
|
|
|
|
+ color: #fff;
|
|
}
|
|
}
|
|
.entryItem{
|
|
.entryItem{
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- color: blue;
|
|
|
|
|
|
+ color: #71FFE6;
|
|
position: relative;
|
|
position: relative;
|
|
- border-bottom: 1px solid blue;
|
|
|
|
|
|
+ border-bottom: 1px solid #71FFE6;
|
|
}
|
|
}
|
|
.type{
|
|
.type{
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -233,7 +231,7 @@
|
|
}
|
|
}
|
|
table{
|
|
table{
|
|
display: none;
|
|
display: none;
|
|
- width: 1160px;
|
|
|
|
|
|
+ width: 100%;
|
|
border: 1px solid #E6E8F0;
|
|
border: 1px solid #E6E8F0;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-collapse: collapse;
|
|
border-collapse: collapse;
|
|
@@ -242,38 +240,45 @@
|
|
tr,td{
|
|
tr,td{
|
|
border: none;
|
|
border: none;
|
|
}
|
|
}
|
|
-
|
|
|
|
- background: #EFF0F9;
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ background: #0D2C53;
|
|
|
|
+ color: #5BBBFF;
|
|
top: 0;
|
|
top: 0;
|
|
- width: 1160px;
|
|
|
|
display:table;
|
|
display:table;
|
|
table-layout:fixed;
|
|
table-layout:fixed;
|
|
|
|
|
|
}
|
|
}
|
|
tbody{
|
|
tbody{
|
|
display: block;
|
|
display: block;
|
|
- width: 1160px;
|
|
|
|
|
|
+ width: 100%;
|
|
max-height:570px;
|
|
max-height:570px;
|
|
overflow-x:hidden;
|
|
overflow-x:hidden;
|
|
overflow-y:auto;
|
|
overflow-y:auto;
|
|
text-align: center;
|
|
text-align: center;
|
|
tr{
|
|
tr{
|
|
- width: 1160px;
|
|
|
|
|
|
+ width: 100%;
|
|
display:table;
|
|
display:table;
|
|
table-layout:fixed;
|
|
table-layout:fixed;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- tr,td{
|
|
|
|
|
|
+ td{
|
|
border: 1px solid #E6E8F0;
|
|
border: 1px solid #E6E8F0;
|
|
line-height: 36px;
|
|
line-height: 36px;
|
|
height: 37px;
|
|
height: 37px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ border-bottom: none
|
|
|
|
+ }
|
|
|
|
+ tr{
|
|
|
|
+ line-height: 36px;
|
|
|
|
+ height: 37px;
|
|
|
|
+ color: #fff;
|
|
}
|
|
}
|
|
.tableTitle{
|
|
.tableTitle{
|
|
width: 100%;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
font-weight:600;
|
|
font-weight:600;
|
|
- color: #333;
|
|
|
|
|
|
+ color: #fff;
|
|
padding: 20px 0 10px;
|
|
padding: 20px 0 10px;
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
@@ -439,7 +444,7 @@
|
|
|
|
|
|
}
|
|
}
|
|
td {
|
|
td {
|
|
- border: 1px solid #ccc;
|
|
|
|
|
|
+ border: 1px solid #E6E8F0;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
text-align: center;
|
|
padding: 5px 10px;
|
|
padding: 5px 10px;
|