@import '../common/header1.less'; @import url('../../font/iconfont.less'); .zxxq-page { position: fixed; top: 40px; bottom: 0; overflow: hidden; width: 100%; z-index: 999; background: #fff; .zxxq-wrapper { position: fixed; top: 40px; bottom: 0; overflow: auto; width: 100%; .zxxq-wrapper-header { text-align: center; .border-1px-bottom(); .zxxq-wrapper-title { height: 40px; line-height: 40px; font-size: 16px; padding: 0 10px; .textRow(); } .zxxq-wrapper-subtitle { height: 30px; line-height: 30px; font-size: 12px; color: #8F8E94; } } .content-wrapper-box { position: fixed; top: 110px; bottom: 0; background: hotpink; } .content-wrapper { position: fixed; top: 110px; bottom: 60px; left: 0; right: 0; padding-bottom: 70px; .main-wrapper { box-sizing: border-box; max-height: 100%; overflow-x: hidden; overflow-y: auto; padding: 10px; } .zxxq-content-wrapper { width: 100%; line-height: 25px; div, p { margin: 0 !important; padding: 0 !important; white-space: normal !important; word-break: break-all; border: none !important; font-size: 16px !important; } } } .bottom-btn-box { box-sizing: border-box; padding: 0 10px; /*padding-right:10px;*/ /*text-indent: 10px;*/ position: absolute; bottom: 10px; width: 100%; height: 60px; .bottom-btn { height: 30px; line-height: 30px; font-size: 14px; color: #005BAA; .textRow(); .which { border-left: 2px solid #005BAA; padding-left: 3px; } } } } }