#top10Div { width: 100%; height: 50%; /* background-color: hotpink; */ /* margin-bottom: 80px; */ /* margin-top: 50px; */ } #top10Div>table { width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0); /* border-collapse:collapse; */ /* color: aqua; */ /* font: italic 400 16px "宋体"; */ /* border-radius: 10px; */ } .no_bgc_table{ width: 100%; background-color: rgba(0, 0, 0, 0); color:rgba(255,255,255,.7); } .no_bgc_table_head{ background-color: rgba(0, 0, 0, 0); color:rgba(255,255,255,.7); } .top_10_table{ border: none; } .top_10_table tr { border-bottom: 1px solid #476399; } .cnt_div{ color: #fff; background-color: rgba(0, 48, 64, .6); } .color_white{ color: #fff; } .cnt_left_div{ width: 50%; float: left; } .cnt_right_div{ width: 50%; float: right; } .padding_2_p{ padding: 5px; } .padding_right_2_p{ padding: 2%; } .my_sep{ width: 96%; /* text-align: center; */ height: 2px; margin-left: 2%; } .select_tr{ background: rgba(255,87,34,.5) !important; } .over_tr{ background: rgba(255,87,34,.8) !important; } .select_btn{ color: #FF5722; } .searchDiv{ margin-top: 44px; font-size: 14px; width: 100%; display: flex; padding: 10px; background: #304b80; border-bottom: 1px solid #476399; justify-content: center; align-items: center; box-shadow: 0 1px 4px rgba(12, 35, 87, .3); } .searchDiv > span{ font-size: 14px; display: inline-block; line-height: 24px; } .input_keyword{ flex: 1; outline: none ; border:1px solid #476399; border-radius: 0; font-size: 14px; height: 32px; line-height: 32px; padding: 0 10px; color: #fff; background: #304b80; } .input_keyword::-webkit-input-placeholder{ color: #6378A1; } .btn { border-radius: 2px; border: none; padding: 0 10px; margin-left: 8px; background-color: #0FCE8C; /* Green */ color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; height: 32px; line-height: 32px; cursor: pointer; } .btn:hover { background-color: #0FCE8C; } .table_Info{ /* background-color: rgba(0, 48, 64, .5); */ border: 0 none; } .table_Info th, .am-u-sm-12 td { border: 0 none; padding: 10px; min-height: 40px; } .am-u-sm-12 td{ font-weight: normal; } .am-u-sm-12 td:nth-child(1){ text-align: center; width: 50px; } .am-u-sm-12 td:nth-child(2){ width: 80px; } .am-u-sm-12 td:nth-child(3){ width: calc(100% - 212px); overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .am-u-sm-12 td:nth-child(4){ text-align: center; width: 80px; } .page{ border-top: 1px solid #476399; position: fixed; left: 0; right: 0; bottom: 0; height: 50px; padding: 0 10px; display: flex; justify-content: center; align-items: center; } .am-cf{ text-align: center; line-height: 40px; color: #fff; } .pageDiv{ float: right; right: 0; margin-top: 5px; } ul.am-pagination { display: inline-block; padding: 0; margin: 0; } ul.am-pagination li {display: inline;} ul.am-pagination li a { border-radius: 5px; color: #fff; float: left; padding: 4px 8px; text-decoration: none; } .pageDiv .am-pagination .am-active a{ background-color: #4CAF50; color: white; } ul.am-pagination li a:hover:not(.active) {background-color: #ddd;}