123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- .main {
- float: left;
- width: 95%;
- height: 100%;
- /* background-image: linear-gradient(#ff0000, #ffffff); */
- background-color: #f6f6f6;
- padding: 30rpx 20rpx 0 20rpx;
- }
- .one {
- float: left;
- width: 100%;
- height: 150px;
- margin: 0 0 20rpx 0;
- }
- .one image {
- width: 100%;
- height: 150px;
- }
- .two {
- float: left;
- width: 100%;
- min-height: 200rpx;
- background-color: #ffffff;
- border: 1px solid #f1f1f1;
- border-radius: 10rpx;
- margin: 0 0 20rpx 0;
- }
- .two .btn {
- float: left;
- width: 25%;
- text-align: center;
- margin: 20rpx 0;
- }
- .two .btn image {
- width: 70rpx;
- height: 70rpx;
- }
- .two .btn text {
- float: left;
- width: 100%;
- text-align: center;
- }
- .three {
- float: left;
- width: 100%;
- min-height: 200rpx;
- margin: 0 0 20rpx 0;
- }
- .three .num {
- float: left;
- width: 46%;
- height: 150rpx;
- background-color: #ffffff;
- margin: 0 50rpx 20rpx 0;
- border-radius: 10rpx;
- box-shadow: 0 0 5rpx #ccc;
- }
- .three .num:nth-child(2n) {
- margin: 0;
- }
- .three .num .numOne {
- float: left;
- width: 100%;
- }
- .three .num .numOne text {
- float: left;
- margin: 25rpx 0 0 20rpx;
- font-family: monospace;
- font-weight: bold;
- }
- .three .num .numOne image {
- width: 60rpx;
- height: 60rpx;
- float: right;
- margin: 15rpx 20rpx 0 0;
- }
- .three .num .numTwo {
- float: left;
- width: 100%;
- text-align: center;
- padding: 15rpx 0;
- font-weight: bold;
- }
- .three .num:nth-child(1) .numTwo {
- color: #00FFFF;
- }
- .three .num:nth-child(2) .numTwo {
- color: #00FF00;
- }
- .three .num:nth-child(3) .numTwo {
- color: #FFA500;
- }
- .three .num:nth-child(4) .numTwo {
- color: #ff0000;
- }
- .four {
- float: left;
- width: 100%;
- min-height: 200rpx;
- background-color: #ffffff;
- border: 1px solid #f1f1f1;
- border-radius: 10rpx;
- margin: 0 0 20rpx 0;
- }
- .four .num {
- float: left;
- width: 25%;
- text-align: center;
- margin: 20rpx 0;
- }
- .four .num image {
- width: 70rpx;
- height: 70rpx;
- }
- .four .num text {
- float: left;
- width: 100%;
- text-align: center;
- }
- /* 公共标题样式 */
- .comTitle {
- float: left;
- width: 96%;
- font-size: 40rpx;
- padding: 10rpx 15rpx;
- font-weight: bold;
- }
|