.page-movie{ background-color:#b11b1c; background-image: url("https://business.coffunity.cn/upload/sqbg.png"); background-repeat: repeat-x; width:100vw; min-height:100vh; display: flex; padding-bottom: 20px; .movie-bg{ background-image: url("https://business.coffunity.cn/upload/sqbg2.png"); background-repeat: no-repeat; width:100%; height:100%; display: flex; flex-direction: column; .move-content{ margin-left:10px; margin-right: 10px; background:#FFF; border-radius: 10px; margin-top:100px; margin-bottom: 50px; .section1{ margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom: 20px; display: flex; flex-direction: row; .movie-img{ width:20%; overflow: hidden; .img{ width:70px; height:70px; border-radius: 10px;; } } .intro{ width:60%; margin-left: 10px; .title{ font-size:18px; font-weight: bold; color:#000; } .tips{ font-size:12px; color:#333; padding-bottom:5px; padding-top:5px; height:20px; line-height:18px; overflow: hidden; margin-top:5px; } .tags{ .uni-tag{ margin-right:10px; } } } .price{ width:20%; color:#b11b1c; font-size:18px; display: flex; justify-content: center; align-items: flex-start; font-weight: bold; .sign{ font-size:12px; margin-top:6px; } } } .section2{ margin-left:10px; margin-right:10px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top:5px; .address{ .part{ display: flex; height:25px; flex-direction: row; justify-content: flex-start; align-items: center; color:#000; font-size:12px; // border:1px solid red; line-height: 25px; overflow: hidden; .icon{ height:100%; width:20px; display: flex; justify-content: center; align-items: center; margin-right: 5px; .img{ height:14px; margin-top:5px; } } .text{ // border:1px solid red; height:100%; } } } .customer{ display: flex; height:100%; justify-content: center; align-items: center; flex-direction: column; margin-right: 10px; .icon{ height:30px; width:30px; display: flex; justify-content: center; align-items: center; .img{ height:15px } } .name{ font-size:12px; } } } .section3{ margin-top:10px; } .section4{ display:flex; flex-direction: row; margin-top:5px; padding:10px; height:80px; background:#f9f9f9; .spare{ width:80%; display:flex; flex-direction: column; height:30px; .status{ display: flex; flex-direction: row; font-size:12px; line-height: 25px; .txt{ font-weight: bold; } .status1{ margin-left:5px; background:#edcdcd; border-radius: 3px; color:#333; padding:0px 5px; } .status2{ background:#333; border-radius: 3px; color:#efefef; margin-left:5px; padding:0px 5px; } } .time{ display:flex; flex-direction: column; .part{ height:20px; display:flex; justify-content: space-between; font-size:12px; align-items: center; margin-right:20px; } } } .btns{ width:20%; .btn-share{ background:#b11b1c; font-size:12px; color:#FFF; border-radius: 10px; } } } .section5{ margin-left:10px; margin-right:10px; .header-list{ height:50px; display:flex; flex-direction: row; .user{ width:40px; height:40px; margin-right: 10px; .img{ height:40px; width:40px; border-radius: 50%; } } } } .section6{ margin-left:10px; margin-right: 10px; .title{ font-size:14px; font-weight: bold; } .users{ width:100%; display:flex; flex-direction: row; .user{ width:60px; overflow: hidden; margin-right:10px; .img{ width:60px; height:60px; .icon{ width:60px; height:60px; } } .name{ height:20px; line-height:20px; text-align:center; font-size:12px; } } } } .section7{ margin-left:10px; margin-right: 10px; font-size:12px; padding-bottom: 60px; margin-top:10px; .title{ font-size:14px; font-weight: bold; margin-top:30px; } .content{ width: 100%; padding:5px 0px; line-height: 22px; font-size: 12px; overflow-x:hidden; } .content img { max-width: 100% !important; height: auto !important; } .content image { max-width: 100% !important; height: auto !important; } .content span{ line-height: 22px; font-size: 12px; } } } .footer{ position:fixed; bottom:0px; left:0px; width:100%; height:80px; background:#FFF; border-top:1px solid #CCC; display:flex; flex-direction: row; .footer-left{ width:70%; display:flex; flex-direction: column; justify-content: center; align-items: center; .step-qty{ font-size:12px; color:#b11b1c; } .intro{ font-size:12px; color:#b11b1c; } } .right{ width:30%; display:flex; justify-content: center; align-items: center; color:#b11b1c; font-size:14px; font-weight:bold; margin-bottom: 15px; .text{ background:#aa0000; color:#FFF; border-radius: 10px; font-size:12px; padding:5px 10px; } } } } .times{ background:#FFF; .calender-box{ padding:10px; } } .yyform-item{ background:#FFF; padding:10px; font-size:12px; min-height: 250px; .item{ margin-top:10px; .caption{ height:30px; } .btn{ font-size:12px; color:#FFF; background:#aa0000; border-radius: 10px; } } } }