.invoice-info-page { background: #f0f0f0; .invoice-btn { position: absolute; right: 30px; width: auto; font-size: 28px; } .title { color: #444; font-size: 28px; float: left; position: relative; .txt-point { position: absolute; left: -15px; top: 5px; display: block; } } .invoice-form { background: #fff; border-bottom: 1px solid #e0e0e0; padding: 0 30px; box-sizing: border-box; overflow: hidden; padding-bottom: 15px; li { width: 100%; clear: both; margin-top: 15px; line-height: 60px; float: left; } li:first-child { margin-bottom: 5px; } .company { width: 100%; height: 88px; line-height: 88px; border-radius: 8px; border: 1px solid #e0e0e0; font-size: 28px; color: #b0b0b0; padding: 0 20px; margin-bottom: 15px; } .tel { border: none; font-size: 24px; line-height: 60px; width: 400px; } .invoice-type { float: left; span { width: 120px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #b0b0b0; border-radius: 5px; border: 1px solid #b0b0b0; display: inline-block; background: #fff; margin-right: 20px; } .on { background: #444; border-color: #444; color: #fff; } } .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%; border-top: 1px solid #e0e0e0; background: #fff; .confirm-btn { width: 259px; height: 88px; line-height: 88px; text-align: center; background: #d0021b; color: #fff; display: block; margin: 0 auto; border-radius: 8px; font-size: 28px; margin-top: 18px; } } .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; } } } }