123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- @charset "utf-8";
- //font
- $table:150px*0.5;
- $a :0.5;
- $z1 :10;
- $z2 :50;
- $z3 :100;
- body {
- // background : yellow;
- padding-bottom : $table;
- font-size : 1.5rem;
- height : 100%;
- .table {
- position : fixed;
- bottom : 0;
- left : 0;
- width : 100%;
- height : $table;
- margin : 0;
- background-color: #fff;
- padding-top : 15px;
- z-index : 10000;
- ul {
- width : 100%;
- height: 100%;
- li:nth-child(1) {
- background-image: url(../static/img/ztb.png);
- }
- li:nth-child(2) {
- background-image: url(../static/img/gc.png);
- }
- li:nth-child(3) {
- background-image: url(../static/img/xm.png);
- }
- li:nth-child(4) {
- background-image: url(../static/img/me.png);
- }
- li {
- width : 24%;
- height : 100%;
- display : inline-block;
- text-align : center;
- background-size: 30px !important;
- background : no-repeat center top;
- span {
- margin-top: 33px;
- display : inline-block;
- }
- }
- }
- }
- .search {
- width : 100%;
- height : 44px;
- padding: 7px 17px;
- input {
- width : 75%;
- height : $a*60px;
- background : rgba(240, 243, 245, 1);
- border-radius: $a*30px;
- border : none;
- }
- span {
- font-size : 1.5rem;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- color : rgba(255, 92, 92, 1);
- margin-left: 13px;
- }
- }
- .bidlist {
- overflow-y : auto;
- padding-bottom : 75px;
- background-color: #f8f9fa;
- height : 90%;
- li {
- height : 302px*$a;
- margin-bottom : 18px*$a;
- background-color: #fff;
- padding : 35px*$a;
- h2 {
- height : 31px*$a;
- font-size : 32px*$a;
- font-family: PingFang-SC-Bold;
- font-weight: bold;
- color : rgba(32, 32, 32, 1);
- line-height: 31px*$a;
- }
- .p1 {
- margin : 20px*$a 0;
- font-size : 26px*$a;
- font-family : PingFang-SC-Medium;
- font-weight : 500;
- color : rgba(122, 122, 122, 1);
- }
- }
- }
- .label {
- background : rgba(242, 242, 250, 1);
- border-radius: 4px;
- font-size : 22px*$a;
- font-family : PingFang-SC-Regular;
- font-weight : 400;
- color : rgba(108, 116, 122, 1);
- padding : 5px;
- }
- .time {
- float: right;
- color: rgba(122, 122, 122, 1);
- }
- * {
- margin : 0;
- padding: 0;
- }
- }
- * {
- text-decoration: none;
- list-style : none;
- box-sizing : border-box;
- }
- $colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722
|