.invoice-btn { float: right; margin-right: 30px; } .invoice-info-page { background: #f0f0f0; padding-top: 30px; header { background: #f0f0f0; padding: 20px 30px; } .invoice-type-sec { background: #fff; border-bottom: 1px solid #e0e0e0; padding: 30px; box-sizing: border-box; overflow: hidden; .invoice-type { font-size: 28px; color: #444; margin-bottom: 30px; } .tip { font-size: 22px; color: #757575; } } .invoice-info, .invoice-mem { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 0 30px; box-sizing: border-box; overflow: hidden; margin-bottom: -4px; li { width: 100%; clear: both; line-height: 80px; float: left; list-style: none; border-bottom: 1px solid #f0f0f0; .title { color: #444; font-size: 28px; float: left; position: relative; width: 140px; .txt-point { position: absolute; left: -15px; top: 5px; display: block; } } } .company, .number { float: left; height: 80px; font-size: 28px; width: 440px; background-color: #fff; border: none; } .tel-area { border-bottom: 0; } .tel { border: none; font-size: 24px; line-height: 60px; width: 400px; } .invoice-top { float: left; span { color: #444; font-size: 28px; margin-right: 55px; } } .phone { color: #b0b0b0; font-size: 28px; } } .invoice-cont { background: #fff; margin-top: 30px; border-top: 1px solid #e0e0e0; padding: 0 30px; box-sizing: border-box; color: #444; font-size: 28px; line-height: 48px; overflow: hidden; padding-bottom: 20px; li { width: 100%; margin-top: 28px; float: left; } .choose-cont { float: right; } } .choose { font-size: 44px; display: inline-block; vertical-align: top; margin-right: 20px; } .icon-radio { color: #b0b0b0; } .btn-area { width: 100%; .confirm-btn { width: 580px; height: 70px; line-height: 70px; text-align: center; background: #b0b0b0; color: #fff; display: block; margin: 0 auto; border-radius: 8px; font-size: 28px; margin-top: 70px; } .active { background: #444; } } .invoice-notice { position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 9; .mask-bg { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .notice-area { width: 540px; height: 400px; background: #fafafa; border-radius: 10px; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; .notice-cont { padding: 40px; } h2 { text-align: center; font-size: 28px; color: #444; padding-bottom: 4px; } p { font-size: 24px; color: #444; line-height: 38px; } .think-ok { width: 100%; border-top: 1px solid #c5c5c5; height: 90px; line-height: 90px; box-sizing: border-box; text-align: center; color: #d1021c; font-size: 34px; } } } }