body { padding: 0 !important; margin: 0 !important; cursor: default; width: 100%; height: 1080px; font-size: 16px; background-image: url(../images/background.png); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; } .sys_center { float: left; margin-right: 15px; font-weight: 600; cursor: pointer; background: linear-gradient(332deg, #00C1F0 0%, #E9FBFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .layout_dialog { background: linear-gradient(39deg, #081531 0%, #233d76 100%); overflow: hidden; outline: 0; border-radius: 2px; position: fixed !important; z-index: 10000; color: #B9E3FF; border: 1px solid #62A9FF; display: none; left: 50%; top: 50%; } .layout_caption { float: left; width: 100%; height: 40px; border-radius: 2px 2px 0 0 !important; line-height: 40px; background: linear-gradient(109deg, #052c60 0%, #2e68b7 100%); } .layout_title { float: left; font-size: 16px; font-weight: 400; color: #B9E3FF; padding-left: 12px; } .layout_content { width: 90%; margin: 60px auto 0 auto; } .layout_close { background-image: url(../images/btn_close.png); width: 14px; height: 14px; float: right; background-repeat: no-repeat; margin: 12px 15px 0 0; cursor: pointer; } .clearn { background: #000000 !important; opacity: 0.7; width: 100%; height: 100%; z-index: 102; position: absolute; left: 0; top: 0; line-height: 0; font-size: 0; overflow: hidden; display: none; } .header { background-image: url(../images/top.png); height: 94px; width: 100%; float: left; background-size: 100% 100%; background-repeat: no-repeat; position: relative; } .navigation { background-image: url(../images/navigation.png); height: 24px; width: 425px; background-size: 100% 100%; background-repeat: no-repeat; position: relative; margin: 25px 0 0 100px; float: left; } .navigation > div { float: left; width: 25%; height: 100%; cursor: pointer; } .navigation_action { background-image: url(../images/navigation_action.png); height: 24px; width: 102px; background-size: 100% 100%; background-repeat: no-repeat; position: relative; margin: 0 auto; } .content { float: left; width: 100%; height: 300px; position: relative; display: none; } .content_top { float: left; width: 100%; height: 55%; } .content_bottom { float: left; width: 100%; height: 45%; } .content_left { float: left; width: 28%; height: 100%; margin-left: 15px; position: relative; } .content_right { float: right !important; margin: 0 15px 0 0 !important; } .content_center { margin: 0 auto; width: 40%; height: 100%; } .accompany { float: left; background-image: url(../images/accompany.png); height: 517px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; position: relative; opacity: 0.3; } .accompany > div { float: left; width: 100%; margin-top: 20px; height: 85%; margin-left: 18px; font-size: 14px; } .earth { background-image: url(../images/earth.png); height: 455px; width: 455px; background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto; color: #ffffff; } .accompany_history { background-image: url(../images/accompany_history.png); height: 358px; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; position: relative; opacity: 0.3; float: left; z-index: 1; } .content_box { width: 100%; height: 270px; background-color: #08183A; background-image: linear-gradient(rgba(8, 24, 58, 1), rgba(8, 24, 58, 1)); box-shadow: 5px 5px 5px 5px rgb(8 24 58 /20%); margin-bottom: 20px; position: relative; } .title_image { background-image: url(../images/img_titleBg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 316px; height: 32px; margin: 0 auto 20px auto; font-size: 18px; text-align: center; color: #D9EFFF; line-height: 32px; } .corner { width: 10px; height: 10px; position: absolute; opacity: 0.6; } .corner_top_left { border-style: solid none none solid; border-width: 1px 0 0 1px; border-color: #7DAAFF transparent transparent #7DAAFF; top: 0; left: 0; } .corner_top_right { border-style: solid solid none none; border-width: 1px 1px 0 0; border-color: #7DAAFF #7DAAFF transparent transparent; top: 0; right: 0; } .corner_bottom_left { border-style: none none solid solid; border-width: 0 0 1px 1px; border-color: transparent transparent #7DAAFF #7DAAFF; bottom: 0; left: 0; } .corner_bottom_right { border-style: none solid solid none; border-width: 0 1px 1px 0; border-color: transparent #7DAAFF #7DAAFF transparent; bottom: 0; right: 0; } .control_history { background-image: url(../images/control.png); height: 358px; width: 625px; background-size: 100% 100%; background-repeat: no-repeat; position: relative; padding: 0 15px; opacity: 0.3; z-index: 0; } .control_history > div { float: left; width: 100%; margin-top: 20px; } .box_title { float: left; height: 32px; line-height: 32px; color: #fff; margin-top: 25px; padding-left: 56px; } .total_area { float: left; height: 100px; width: 100px; border: 4px dashed #8bafd9; border-radius: 100%; font-size: 14px; text-align: center; } .total_number { color: #37DBC8; font-size: 22px; font-weight: bold; font-family: Georgia; margin-top: 30px; margin-bottom: 1px; } .head_sculpture_area { height: 180px; width: 135px; float: left; margin: 14px; color: #ffffff; } .head_sculpture_box { float: left; width: 100%; height: 175px; border: 2px solid #143C6F; background-color: #0C243E; } .head_sculpture_box > span { float: left; width: 100%; text-align: center; padding-top: 2px; } .head_sculpture { background-image: url(../images/img_photoBorder.png); background-size: 100% 100%; background-repeat: no-repeat; float: left; width: 100%; height: 130px; } .head_sculpture_empty { background-image: none !important; background-color: transparent; width: 125px; height: 125px; padding: 5px 5px 0 5px; } .head_sculpture_small { float: left; width: 58px; height: 58px; margin: 4px; background-image: none !important; background-color: transparent; } .analyze_button { background-image: url(../images/stop.png); background-size: 100% 100%; background-repeat: no-repeat; float: left; width: 133px; cursor: pointer; height: 35px; color: #ffffff; line-height: 35px; text-align: center; margin-top: 20px; } .input_box { float: left; height: 32px !important; line-height: 32px !important; font-size: 16px; font-weight: 500; border: 1px solid #3F4973 !important; outline: none !important; background-color: #08183a !important; margin-right: 10px; color: #ffffff !important; padding: 0 8px; resize: none; } .input_box:hover { border: 1px solid #3F4973 !important; } .input_row { float: left; width: 100%; margin-bottom: 25px; position: relative; } .input_row > span { float: left; width: 20%; color: #b3a9a9; } .button_upload { float: left; background-image: linear-gradient(#1E9FFF, rgb(68 68 195)); color: #fff; font-size: 14px; border: none; cursor: pointer; height: 30px; line-height: 30px; border-radius: 2px; width: 100%; } .button_upload > i { float: left; margin-left: 10px; font-size: 20px; margin-top: 2px; } .button_upload > span { float: left; width: 68px; text-align: center; } .status_start { font-size: 20px !important; color: #20cf20 !important; cursor: pointer !important; } .status_stop { font-size: 20px !important; color: #746f6f !important; cursor: pointer !important; } .status_disable { font-size: 20px !important; color: #746f6f !important; cursor: default !important; } .accompany_result_box { float: left; width: 100%; height: 115px; border: 1px solid #123664; background-color: #0F2745; margin-top: 15px; opacity: 1; } .created_icon { float: right; color: #fff; margin: 33px 20px 0 0; font-size: 22px !important; cursor: pointer; } .active_switch { background-color: rgb(50, 50, 191) !important; border-color: rgb(50, 50, 191) !important; } .empty_collistion_result { margin: 150px auto 0 auto; width: 200px; height: 28px; color: #ffffff; line-height: 28px; font-size: 16px; padding-right: 80px; } .empty_collistion_result > i { font-size: 26px; float: left; margin-right: 10px; } .empty_collistion_result > span { background: linear-gradient(332deg, #00C1F0 0%, #E9FBFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px; font-weight: 700; padding-left: 1px; } .similarity_value { color: #fff; font-size: 16px; width: 50px; text-align: center; } .imsi_result { float: left; width: 125px; margin: 5px 5px 0 5px; height: 125px; background: #225287; } .imsi_result > span { float: left; width: 85px; font-size: 20px; word-break: break-word; letter-spacing: 5px; text-align: center; margin: 28px 0 0 22px; font-weight: 700; } .police_fieldset { border-color: #24489d !important; } .police_fieldset > legend { font-size: 16px !important; text-align: center; } .result_box { float: left; width: 100%; display: none; z-index: 100; position: relative; } .result_box > div { float: left; width: 100%; } .removeicon_rect{ position: absolute;cursor: pointer;right: 0;top: 0;width: 2rem !important;height: 2rem !important;line-height: 1.6rem;background-color: #143c6f; } .removeicon_rect:hover{ background-color: #2367bd; }