.page-goods-info{ background:#e5e5e5; display:flex; width:100vw; min-height:100vh; flex-direction: column; .goods-img{ height:150px; width:100%; .img{ width:100%; height:100%; } } .goods-option{ background:#FFF; display:flex; flex-direction:column; .title{ margin-top:10px; margin-left:10px; font-size:14px; font-weight:bold; height:50px; line-height: 50px;; } .type{ margin-left:10px; font-size:12px; height:40px; display:flex; flex-direct:row; justify-content: flex-start; align-items: center; .caption{ font-size:12px; } .option{ display:flex; flex-direction: row; .opt1{ background:#fbdcba; font-size:12px; padding:2px 3px; margin-right:10px; font-weight:bold; color:#333; } } } } .content{ padding:10px; font-size:12px; } .footer{ display:flex; height:80px; background:#FFF; position:fixed; bottom:0px; width:100%; flex-direction: column; .price{ height:50px; width:100%; display:flex; flex-direction: row; .intro{ display:flex; flex-direction: column; width:70%; margin-left:10px; .price-text{ font-size:12px; display:flex; flex-direction: row; .current{ color:$teacher-main-color; font-size:14px; .sign{ font-size:12px; } } .del{ color:#CCC; font-size:14px; margin-left:10px; text-decoration: line-through; .sign{ font-size:12px; } } } .price-tips{ font-size:12px; color:#CCC; } } .qty{ display:flex; width:30%; flex-direction: row; justify-content: flex-end; align-items: center; margin-right:10px; .btn-miut{ border-radius: 50%; display:flex; width:20px; height:20px; font-size:12px; background:$teacher-main-color; color:#FFF; justify-content: center; align-content: center; } .num{ width:30px; text-align:center; } .btn-plus{ border-radius: 50%; display:flex; width:20px; height:20px; font-size:12px; background:$teacher-main-color; color:#FFF; justify-content: center; align-content: center; } } } .btn{ display:flex; flex-direction: row; justify-content:center; align-items: center; padding:5px 0px; .btn-buy{ display:flex; justify-content: center; align-items: center; width:50%; .buy{ border-radius: 10px; border:1px solid #a4907e; font-size:12px; height:25px; width:100px; color:#a4907e; background:#FFF; padding:0px; line-height: 25px; } } .btn-cart{ display:flex; justify-content: center; align-items: center; width:50%; .cart{ border-radius: 10px; border:1px solid #a4907e; background:#a4907e; color:#FFF; font-size:12px; height:25px; width:100px; padding:0px; line-height: 25px; } } } } }