|
@@ -1,14 +1,12 @@
|
|
|
.wrappper{
|
|
|
+ background: url("../images/bg2.png");
|
|
|
+ background-size: cover;
|
|
|
width: 100%;
|
|
|
min-width: 1200px;
|
|
|
.content{
|
|
|
- position: relative;
|
|
|
- width: 1200px;
|
|
|
- left: 50%;
|
|
|
- margin: 10px 0 0 -600px;
|
|
|
- cursor: default;
|
|
|
+ width: 62.5%;
|
|
|
+ margin: 10px auto 0;
|
|
|
height: 100%;
|
|
|
- border: 1px solid #f4f4f4;
|
|
|
border-radius: 2px;
|
|
|
}
|
|
|
}
|
|
@@ -18,19 +16,20 @@
|
|
|
line-height: 44px;
|
|
|
border-bottom: 1px solid #E6E6E6;
|
|
|
font-weight: 600;
|
|
|
- color: #333;
|
|
|
+ color: #fff;
|
|
|
position: relative;
|
|
|
}
|
|
|
.example{
|
|
|
- color: #777;
|
|
|
+ color: #B7E9F6;
|
|
|
font-size: 12px;
|
|
|
line-height: 18px;
|
|
|
margin-top: 15px;
|
|
|
}
|
|
|
.contentInfoBox{
|
|
|
- width: 1160px;
|
|
|
+ width: 100%;
|
|
|
padding: 0 20px;
|
|
|
- background: #fff;
|
|
|
+ background: rgba(66, 143, 220, 0.25);
|
|
|
+ border-radius: 2px;
|
|
|
margin: 0 0 10px 0;
|
|
|
position: relative;
|
|
|
}
|
|
@@ -39,15 +38,15 @@
|
|
|
}
|
|
|
.infoTxt{
|
|
|
min-height: 33px;
|
|
|
- width: 1160px;
|
|
|
+ width: 100%;
|
|
|
font-size: 14px;
|
|
|
- color: #333;
|
|
|
+ color: #fff;
|
|
|
resize: none;
|
|
|
line-height: 18px;
|
|
|
font-family: "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial;
|
|
|
// outline: none;
|
|
|
padding: 10px;
|
|
|
- background: #F7F8FA;
|
|
|
+ background: #0D2C53;
|
|
|
border: 1px solid #ccc;
|
|
|
box-sizing: border-box;
|
|
|
margin: 15px 0 0 0;
|
|
@@ -94,8 +93,7 @@ input::-webkit-input-placeholder{
|
|
|
width: 60px;
|
|
|
left: 50%;
|
|
|
margin-left: -48px;
|
|
|
- background-color: #5A8EEE;
|
|
|
- border-color: #5A8EEE;
|
|
|
+ background: linear-gradient(90deg, #0069E6 0%, #00B4FF 100%);
|
|
|
color: #fff;
|
|
|
padding: 9px 20px;
|
|
|
text-align: center;
|