| | |
| | | |
| | | .parent { |
| | | display: grid; |
| | | place-items: center; |
| | | .page{ |
| | | background-color: #F6FAFF; |
| | | position:relative; |
| | | min-width: 375px; |
| | | |
| | | } |
| | | |
| | | .page{ |
| | | background-color: #F6FAFF; |
| | | position:relative; |
| | | min-width: 375px; |
| | | |
| | | } |
| | | |
| | | |
| | | .box_1 { |
| | | background: url(./home2.png) |
| | |
| | | .userHead{ |
| | | position: absolute; |
| | | z-index: 99; |
| | | // position:absolute; |
| | | width: 80px; |
| | | height: 80px; |
| | | left: 0; |
| | | right: 0; |
| | | top: 183px; |
| | | top: -340px; |
| | | bottom: 0; |
| | | margin:auto; |
| | | |
| | | } |
| | | .meuns{ |
| | | position: absolute; |
| | | // position: absolute; |
| | | z-index: 10; |
| | | left: 0; |
| | | right: 0; |
| | | top: 228px; |
| | | bottom: 0; |
| | | margin:auto; |
| | | .meunsitems{ |
| | | text-align: center;margin:auto; |
| | | z-index: 100; |
| | | box-shadow: 0px 2px 4px 0px rgba(70, 150, 249, 0.1); |
| | | background-color: rgba(255, 255, 255, 1); |
| | | border-radius: 6px; |
| | |
| | | .viewInfo{ |
| | | display: flex; |
| | | width: 97%; |
| | | margin-top: 60px; |
| | | // margin-left: 2%; |
| | | margin-top: 40px; |
| | | |
| | | .box{ |
| | | margin-left: 3%; |
| | | flex: 1 50%; |
| | |
| | | .crainfo{ |
| | | border-radius: 50%; |
| | | border: 2.5px solid rgba(101, 170, 255, 1); |
| | | width: 70px; |
| | | height: 70px; |
| | | width: 80px; |
| | | height: 80px; |
| | | text-align: center;margin:auto; |
| | | .tizhong{ |
| | | overflow-wrap: break-word; |
| | |
| | | font-family: PingFangSC-Medium; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | margin-top: 20px; |
| | | margin-top: 25px; |
| | | line-height: 28px; |
| | | } |
| | | .xueya{ |
| | |
| | | font-family: PingFangSC-Medium; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | margin-top: 20px; |
| | | margin-top: 15px; |
| | | line-height: 28px; |
| | | } |
| | | } |