|
@@ -1,327 +0,0 @@
|
|
|
-.content {
|
|
|
- background: #fff;
|
|
|
- border-radius: 0.9375rem 0.9375rem 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.content .title {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 0.3125rem 0.625rem;
|
|
|
- height: 1.875rem;
|
|
|
- line-height: 1.875rem;
|
|
|
- color: #333;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.content .title img {
|
|
|
- width: 1.125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .title span {
|
|
|
- font-size: 0.75rem;
|
|
|
- margin-left: 0.1875rem;
|
|
|
- color: #666;
|
|
|
- font-weight: 500;
|
|
|
-}
|
|
|
-
|
|
|
-.content .years {
|
|
|
- color: #333;
|
|
|
- font-size: 0.875rem;
|
|
|
- text-align: center;
|
|
|
- height: 0.875rem;
|
|
|
- line-height: 0.875rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .week,
|
|
|
-.content .date {
|
|
|
- width: 95%;
|
|
|
- height: 1.875rem;
|
|
|
- line-height: 1.875rem;
|
|
|
- margin: 0.625rem auto;
|
|
|
- color: #333;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
-}
|
|
|
-
|
|
|
-.content .week {
|
|
|
- background: #EFEFEF;
|
|
|
- font-size: 0.7375rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .date li {
|
|
|
- font-size: 0.9375rem;
|
|
|
- height: 1.5625rem;
|
|
|
- line-height: 1.5625rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .week li {
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-.content .date li.click {
|
|
|
- width: 1.25rem;
|
|
|
- text-align: center;
|
|
|
- background: #508FF4;
|
|
|
- color: #fff;
|
|
|
- border-radius: 0.3125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .tips {
|
|
|
- width: 96%;
|
|
|
- height: 2.8125rem;
|
|
|
- line-height: 2.8125rem;
|
|
|
- text-align: center;
|
|
|
- padding-top: 0.625rem;
|
|
|
- color: #783C00;
|
|
|
- margin: auto;
|
|
|
- margin-bottom: 0.3125rem;
|
|
|
- background-image: url(../images/tips.png);
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt {
|
|
|
- width: 30%;
|
|
|
- background: #EFEFEF;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-type {
|
|
|
- width: 70%;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li,
|
|
|
-.content .variety .time-solt ul li .last {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li.click {
|
|
|
- background: #fff;
|
|
|
- font-style: italic;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li {
|
|
|
- padding: 1.25rem 0 1.25rem 0.625rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li:nth-child(2n) {
|
|
|
- padding-left: 0.3125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li:last-child {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li img {
|
|
|
- width: 1.25rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li span {
|
|
|
- letter-spacing: 0.125rem;
|
|
|
- margin-left: 0.5rem;
|
|
|
- font-size: 0.7375rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt ul li:nth-child(2n) img {
|
|
|
- width: 1.5625rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt .sale-time {
|
|
|
- color: #666;
|
|
|
- font-size: 0.6875rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .time-solt .sale-time p {
|
|
|
- margin-top: 0.1875rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width {
|
|
|
- margin-bottom: 1.625rem;
|
|
|
- padding: 0 0.9375rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width .foot-title {
|
|
|
- color: #333;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 0.8375rem;
|
|
|
- letter-spacing: 0.125rem;
|
|
|
- margin-bottom: 0.625rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li {
|
|
|
- display: flex;
|
|
|
- margin-bottom: 0.625rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .img {
|
|
|
- width: 5.625rem;
|
|
|
- height: 3.75rem;
|
|
|
- border-radius: 0.375rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li p {
|
|
|
- font-size: 0.8375rem;
|
|
|
- color: #333;
|
|
|
- margin-top: 0.3125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .cont {
|
|
|
- width: 70%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- margin-left: 0.625rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .contl {
|
|
|
- width: 70%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- margin-left: 0.625rem;
|
|
|
- font-size: 0.8375rem;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .comment img {
|
|
|
- width: 0.75rem;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .comment {
|
|
|
- font-size: 0.7rem;
|
|
|
- color: #999;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .comment div {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.content .variety .food-width ul li .comment span {
|
|
|
- margin-left: 0.3125rem;
|
|
|
-}
|
|
|
-
|
|
|
-/*评价弹框*/
|
|
|
-.evaluate {
|
|
|
- position: absolute;
|
|
|
- top: 30%;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-
|
|
|
-.evaluate .close {
|
|
|
- width: 1.875rem;
|
|
|
- margin-top: 2.5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release {
|
|
|
- width: 20rem;
|
|
|
- height: 25rem;
|
|
|
- padding: 0.9375rem;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 0px 0.75rem 0px 0.75rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .title {
|
|
|
- display: flex;
|
|
|
- height: 3.75rem;
|
|
|
- font-size: 0.8375rem;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .title img {
|
|
|
- width: 5.625rem;
|
|
|
- height: 3.75rem;
|
|
|
- border-radius: 0.375rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .title .contl {
|
|
|
- width: 70%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: flex-start;
|
|
|
- margin-left: 0.625rem;
|
|
|
- font-size: 0.9375rem;
|
|
|
- letter-spacing: 0.125rem;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .score {
|
|
|
- height: 2.5rem;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .message {
|
|
|
- display: flex;
|
|
|
- height: 6.25rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .message span,
|
|
|
-.conment-release .score span {
|
|
|
- font-size: 0.875rem;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .message textarea {
|
|
|
- width: 80%;
|
|
|
- color: #333;
|
|
|
- font-size: 0.875rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .message textarea::placeholder {
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .upload {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .upload div {
|
|
|
- width: 8.4375rem;
|
|
|
- height: 4.375rem;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border: 1px dotted #999;
|
|
|
- border-radius: 0.3125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .upload div img {
|
|
|
- width: 1.375rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .upload div p {
|
|
|
- color: #333;
|
|
|
- font-size: 0.8125rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .release {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- margin-top: 2.5rem;
|
|
|
-}
|
|
|
-
|
|
|
-.conment-release .release button {
|
|
|
- width: 5.825rem;
|
|
|
- height: 2rem;
|
|
|
- line-height: 2rem;
|
|
|
- font-size: 0.875rem;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- letter-spacing: 0.125rem;
|
|
|
- background: #FF6C00;
|
|
|
- border-radius: 1.875rem;
|
|
|
-}
|