diff --git a/css/style.css b/css/style.css index 7cf3f41..15374f4 100644 --- a/css/style.css +++ b/css/style.css @@ -806,6 +806,69 @@ width: 18%; } +/* 个人资料页样式 */ +.information{ + background-color: #fff; + padding: 18px; + border: 1px solid #e9ebed; + margin-bottom: 42px; +} +.information-list{ + width: 78%; + margin: 0 auto; +} +.information-list li{ + margin-top: 20px; + font-size: 16px; + color: #6b6b6b; +} +.information-list li>span em{ + color: #ff0000; + margin-left: 5px; +} +.information-list li input{ + width: 100%; + height: 52px; + padding: 0 15px; + border: 1px solid #e9ebed; + border-radius: 5px; + margin-top: 10px; + font-size: 14px; + color: #6b6b6b; +} +.half-section, +.select-section{ + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} +.half-section input{ + width: calc(50% - 8px) !important; +} +.select-section select{ + width: calc(33.33% - 10px); + height: 52px; + padding: 0 15px; + border: 1px solid #e9ebed; + border-radius: 5px; + margin-top: 10px; + font-size: 14px; + color: #6b6b6b; + background-image: url(../images/icon/icon-arrow.png); + background-repeat: no-repeat; + background-position: calc(100% - 15px) center; + background-size: 11px 7px; +} +.information-btn{ + display: block; + width: 240px; + height: 56px; + background-color: #00ffff; + border: 1px solid #00ffff; + font-size: 16px; + margin: 24px auto 40px; +} diff --git a/user.html b/user.html index 2e2a7a8..8eeb3d3 100644 --- a/user.html +++ b/user.html @@ -132,46 +132,46 @@