.bgc-f2f4f6{ background-color: #f2f4f6; } .c-47a8ef{ color: #47a8ef; } .c-a8a8a8{ color: #a8a8a8; } .h40{ height: 40px; } .lh40{ line-height: 40px; } .mlr14{ margin-left: 14px; margin-right: 14px; } .c-radius-8{ border-radius: 8px; } .header-icon{ vertical-align: baseline; margin-bottom: -3px; } .arrow-r{ position: absolute; top: 50%; right: 10px; margin-top: -5px; display: inline-block; width: 10px; height: 10px; border: solid #909090; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } ul li{ border-top: 1px solid #e1e1e1; } ul li:first-child{ border: 0; } .s-list{ position: relative; z-index: 2; } .s-list li{ display: -webkit-box; display: box; border: 0; } .s-list li .s-list-info{ -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .s-list-key{ height: 26px; line-height: 26px; } .straight-line{ position: absolute; top: 36px; left: 24px; width: 1px; height: calc(100% - 70px); height: -webkit-calc(100% - 70px); height: -moz-calc(100% - 70px); background-color: #dcdcdc; z-index: 0; } html{ position: relative; } .mask{ position: absolute; top: 0px; bottom: 0; width: 100%; height: auto; background: rgba(0,0,0,0.7); display: none; } .modal-content{ position: fixed; top: 10px; left: 0; width: calc(100% - 40px); height: auto; display: none; } .box{ display: -webkit-box; display: box; } .box-info{ -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .word-wrap{ word-wrap: break-word; } .handle-bar{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 10; display: -webkit-box; padding: 3px 0; } .handle-bar div{ -webkit-box-flex: 1; width: 0; padding-top: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; text-align: center; height: 40px; } .c-hide{display: none;}