body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, fieldset, textarea { margin: 0; } .inner_container_box.cell_layout .inner_side, .inner_container_box.cell_layout .inner_main { display: table-cell; vertical-align: top; word-wrap: break-word; word-break: break-all; } .img_pick_panel.side_l.cell_layout .inner_side { width: 18%; } .img_pick_panel .group_list { overflow-y: auto; } .inner_menu:first-child { border-top-width: 0; } .inner_menu { border-top: 1px solid #e7e7eb; } .inner_menu_item:hover, .inner_menu_item.selected { background-color: #f4f5f9; } .inner_menu_item { position: relative; line-height: 32px; } .inner_menu_link { display: block; color: #222; padding-left: 1em; text-decoration: none; } .img_pick_panel .inner_menu_link { padding-left: 1.5em; } .inner_menu_item:hover a, .inner_menu_item.selected a { text-decoration: none; } .inner_menu_link strong { display: inline-block; margin-top: -2px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 80px; font-weight: 400; font-style: normal; vertical-align: middle; cursor: pointer; } .img_pick_panel .inner_menu_link strong { max-width: 86px; } .group_list .num { display: inline-block; padding-left: 3px; font-style: normal; color: #8d8d8d; } .inner_container_box.cell_layout .inner_main { width: 2000px; } .img_pick_panel .img_pick_area { position: relative; overflow-y: auto; overflow-x: hidden; height: 600px; } .img_pick { padding: 20px; } .img_pick { padding-bottom: 5px; text-align: center; } .img_pick .img_list { margin-right: -20px; } .img_pick .img_item { float: left; text-align: center; } .img_pick .img_item { position: relative; margin-right: 11px; margin-bottom: 10px; } .frm_radio_label, .frm_checkbox_label { display: inline-block; text-align: left; cursor: pointer; margin-right: 1em; } .img_pick .img_item_bd { margin: 0; border: 1px solid #e7e7eb; width: 117px; } .img_pick .img_item .pic { display: block; border-bottom: 1px solid #e7e7eb; } .img_pick .img_item .pic { width: 117px; height: 117px; } .img_pick .img_item .lbl_content { height: 32px; line-height: 32px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .img_pick .img_item .lbl_content { display: block; padding: 0 9px; } ul, ol { padding-left: 0; list-style-type: none; } .inner_side { padding-top: 20px; } .hqy-panel-pager .pagination { margin: 0; padding: 0; float: right; } .pager li, .pagination>li { display: inline; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .hqy-panel-pager .summary { float: left; line-height: 34px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .img_pick .img_item_bd.selected .selected_mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .img_pick .img_item_bd.selected .selected_mask_inner { width: 118px; height: 118px; -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; background-color: #000; filter: alpha(opacity=60); } .img_pick .img_item_bd.selected .selected_mask_icon { position: absolute; top: 0; left: 0; background: transparent url(../images/icon_card_selected218877.png) no-repeat 0 0; width: 117px; height: 117px; vertical-align: middle; display: inline-block; background-position: 50% 50%; } .hqy-panel-pager { display: none; }