/****通用**自定义*textarea文本域*/ .textarea_zdy{color: #c9c9c9; font-size: 12px; padding: 5px 10px; border: 1px solid #dedede; border-radius: 3px} /**内容区小标题**高度为40px****/ .cont_titsmall{ padding-left:15px; border-bottom:1px solid #e6eaee; height:40px; line-height:40px !important; font-size:14px; font-weight:bold !important;} /****安全体检头部-体检信息**/ .aqtj_top{ height:270px; background:#fff; } /****安全体检头部-体检信息左侧**/ #con_left{width: 65%;float:left;height: 200px;} #con_left div{margin-bottom: 15px;} #con_left div span{ font-weight:bold; padding-right:10px; color:#656565;} .con_left_nr{ padding: 20px;} .con_left_nr a{ color:#656565; padding:0 5px; border-radius:3px;} .con_left_nr a:hover{ background:#2ea1f8; color:#fff !important;} .yunlei_main .tj_selected{ background:#2ea1f8; color:#fff !important;} .leftmenu_top i.icon.dropdown:before { display: none; !important} .toptj_tjxm{ overflow:hidden; margin-bottom:0 !important;} .toptj_tjxm span{ float:left; height:80px;} .toptj_tjxm div{ float:left; line-height:20px;} .toptj_tjxm .tjxm_list{ padding-right:20px; margin-bottom:0 !important;} .toptj_tjxm .checkbox{ margin-top:3px; margin-right:-5px;} /****安全体检头部-体检信息右侧**/ #con_right{float: right; width:24%; padding-top: 40px; } #con_right a{ font-size:14px; color:#fff; display: block; height: 50px;width: 200px; padding-left:80px;background:url(../images/aqtj/icon_aqtjcl.png) 40px 10px no-repeat #4bb4f4; border-radius:3px; margin-left:20px;line-height: 50px;} #con_right a:hover{ background:url(../images/aqtj/icon_aqtjcl.png) no-repeat 40px 10px #50beff;} #con_right p{ color:#b8b8b8; padding-left:20px; padding-top:10px; font-size:12px;width: 200px;} /****安全体检-搜索+按钮区**/ .c_search{ padding:15px 20px;} /****安全体检-按钮区**/ .c_s_button{ float: right;height: 45px;} .button_dctjbb_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 5px 3px #2ea1f8;} .button_dctjbb_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat 5px 3px #50beff;} .button_ljtj_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px 3px #fff; margin-left:5px;} .button_ljtj_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px 3px;} .button_dstj_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -37px #fff; margin-left:5px;} .button_dstj_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -37px;} .button_gbds_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -77px #fff; margin-left:5px;} .button_gbds_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -77px;} /****安全体检-表格**/ .img_system{ width:36px; height:36px; float:left; display:block; margin-right:10px; background:url(../images/icon_system.png) no-repeat;} .text_zhuji{ float:left; width:60%;} .text_zhuji p{ text-overflow:ellipsis;overflow:hidden;} /****安全体检-表格*进度条*/ .progressbar{ font-size:12px;} .progressbar_blue{ background:#2ea1f8; color:#fff; border-radius:10px;height:15px; line-height:15px !important; text-align:center; } .progressbar_red{ background:#ff7676; color:#fff; border-radius:10px;height:15px; line-height:15px !important; text-align:center;} .progressbar_gray{ background:#e5e8ee; width:100%; height:15px; border-radius:10px;} /****安全体检-表格*数字链接*/ .table_number_a{ padding:0 3px; background:#2ea1f8; height:18px; line-height:18px !important; font-size:12px; color:#fff; cursor:pointer;border-radius:10px; text-align:center;} .table_number_a:hover{background:#50beff;} /****安全体检-表格*操作图标*/ .icon_operation{} .icon_operation i{ width:20px; height:20px; display:block; float:left; cursor:pointer; margin-right:5px;} /**表格图标**暂停*/ .icon_pause_a{ background:url(../images/icon_button.png) no-repeat -230px -200px;} .icon_pause_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -200px;} /*表格图标*刷新***/ .icon_refresh_a{ background:url(../images/icon_button.png) no-repeat -230px -160px;} .icon_refresh_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -160px;} /*表格图标*重新体检***/ .icon_cxtj_a{ background:url(../images/icon_button.png) no-repeat -230px -120px;} .icon_cxtj_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -120px;} /*表格图标*定时体检***/ .icon_dstj_a{ background:url(../images/icon_button.png) no-repeat -230px -40px;} .icon_dstj_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -40px;} /*表格图标*立即体检***/ .icon_ljtj_a{ background:url(../images/icon_button.png) no-repeat -230px 0;} .icon_ljtj_a:hover{ background:url(../images/icon_button.png) no-repeat -470px 0;} /*表格图标*定时详情***/ .icon_dsxq_a{ background:url(../images/icon_button.png) no-repeat -230px -480px;} .icon_dsxq_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -480px;} /****表格图标**详情***/ .icon_xq_a{ background:url(../images/icon_button.png) no-repeat -230px -441px;} .icon_xq_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -441px;} /*表格图标*关闭定时***/ .icon_gbds_a{ background:url(../images/icon_button.png) no-repeat -230px -80px;} .icon_gbds_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -80px;} /****安全体检详情-按钮区**/ .button_xzbg_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 5px -37px #2ea1f8;} .button_xzbg_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat 5px -37px #50beff;} .button_cxtj_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -224px -117px #fff; margin-left:5px;} .button_cxtj_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -464px -117px;} /****安全体检详情-头部分数区**/ .tjxq_top{overflow:hidden;} .tjxq_top_left{ float:left; width:250px; height:220px;} .tj_healthy{ background:url(../images/aqtj/tj_healthy.png) no-repeat 40px 20px;} .tj_subhealth{ background:url(../images/aqtj/tj_subhealth.png) no-repeat 40px 20px;} .tj_unhealthy{ background:url(../images/aqtj/tj_unhealthy.png) no-repeat 40px 20px;} .tjxq_top_right{ float:left; width:700px;} .tj_bigtitle{ font-size:30px !important; padding-top:20px;} .tj_rtop_dagou{ overflow:hidden; float:left; padding-left:20px; } .tj_rtop_dagou i{ float:left; display: block; width:16px; height:20px; background:url(../images/aqtj_dagou.png) no-repeat 0 5px;} .tj_rtop_dagou span{ color:#b8b8b8;} /****安全体检详情-体检概况**/ .attj_tjgk{ overflow:hidden;} /****安全策略-top按钮区*新增策略*/ .button_nzcl_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 5px -75px #2ea1f8;} .button_nzcl_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat 5px -75px #50beff;} /****安全策略-*表格*/ .table_aqcl{} .table_aqcl table td{ font-size:14px; padding:10px 20px;} .aqtj_table_bg{ background:#eef4f9} .aqtj_table_head{ font-weight:bold !important; background:url(../images/aqtj/aqtj_table_head.png) no-repeat; padding:10px;} /****安全策略-top按钮区**/ .aqtj_table_cz{ float:right; padding-right:10px;} .aqtj_table_cz i{ float:right; width:20px; height:20px; display:block; cursor: pointer; margin-right:10px;} /****表格图标****复制**/ .icon_fuzhi_a{ background:url(../images/icon_button.png) no-repeat -230px -280px;} .icon_fuzhi_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -280px;} /****表格图标****删除**/ .icon_delete_a{ background:url(../images/icon_button.png) no-repeat -230px -320px;} .icon_delete_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -320px;} /****表格图标****设置（不带点的）**/ .icon_shezhi_a{ background:url(../images/icon_button.png) no-repeat -230px -360px;} .icon_shezhi_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -360px;} /**资产概览**头部**/ .zcgl_top{} .zcgl_top ul{ overflow:hidden;} .zcgl_top ul li{ float:left;} .zcgl_top ul li div .zcgltop_bt{ background:#8998b1; color:#fff; padding:10px 20px; display:block;} .zcgltop_ts{ padding:0 20px; margin:10px 0; color:#656565; border-right:1px solid #e7e9ed; line-height:30px !important; display:block;} .zcgltop_bt{text-overflow:ellipsis; } .zcgltop_nr:hover>.zcgltop_bt{background:#3084d0;} .zcgltop_nr:hover>.zcgltop_ts{color:#3084d0;} /**通用概览顶部数据**/ .gl_topnav{ margin:10px;} .gl_topnav ul{ overflow:hidden;} .gl_topnav ul li{ float:left;} .gl_topnav_bt{ background:#fff; color:#656565; padding:8px 20px; display:block; font-size:16px !important; border-radius:3px 3px 0 0;} .gl_topnav_ts{ padding:0 20px; color:#656565; display:block;} .gl_topnav_nr{ margin-right:2px; background:#fff; border-radius:0 0 3px 3px; cursor:pointer;} .gl_topnav_nr:hover>.gl_topnav_ts{color:#656565;} /**通用概览顶部数据***漏洞风险****/ .fxld_topborder{ border-top:4px solid #f28d01; } .fxgl_topnav_nr:hover>.fxld_topborder{border-top:4px solid #ffaf3e;} /**通用概览顶部数据***资产管理****/ .zcgl_topborder{ border-top:4px solid #199ac4; } .zcgl_topnav_nr:hover>.zcgl_topborder{border-top:4px solid #16c6ff;} /**通用概览顶部数据***入侵威胁****/ .rqwx_topborder{ border-top:4px solid #e5417e; } .rqwx_topnav_nr:hover>.rqwx_topborder{border-top:4px solid #f54486;} /**通用概览顶部数据***安全监控****/ .aqjk_topborder{ border-top:4px solid #2866af; } .aqjk_topnav_nr:hover>.aqjk_topborder{border-top:4px solid #2e76cc;} /**安全防护*防护设置*头部**/ .aqfh_fhsz_ts{ padding:9px 20px; margin:10px 0; color:#656565; border-right:1px solid #e7e9ed; line-height:30px !important; display:block; cursor:pointer; overflow:hidden;} .zcgltop_nr:hover>.aqfh_fhsz_ts{color:#3084d0;} /**资产-主机详情**头部**/ .zczj_xqtop{} .zczj_xqtop ul{ overflow:hidden;} .zczj_xqtop ul li{ float:left;} .zczj_topnr{} .zczj_toptit{background:#8998b1; color:#fff; padding:10px 20px; display: block !important;} .zczj_xqtop_znr{ overflow:hidden; padding:0 20px; margin:10px 0; color:#656565; border-right:1px solid #e7e9ed; line-height:30px !important;} .zczj_xqtop_nr01{ float:left; color:#656565 !important; padding-right:10px; padding-top:19px;} .zczj_xqtop_nr01 span{ font-size:48px !important;} .zczj_xqtop_nr02{ float:left; padding-top:7px;} .zczj_xqtop_nr03{ float:right; padding-left:10px; padding-top:36px;} .zczj_xqtop_nr03 a{ color: #3084d0} .zczj_xqtop_nr03 a:hover{} .zczj_topnr:hover>.zczj_toptit{background:#3084d0; color:#fff;} /**资产-顶部*条件筛选*/ .zc_screen{ overflow:hidden;padding:15px 0;} .zc_screen_nr{ float:left;} .zc_screen ul{} .zc_screen ul li{ overflow:hidden; padding:3px 0;} .screen_tit{ float:left; text-align:right; font-weight:bold !important;} .screen_titline{ padding-left:5px; border-left:3px solid #4366a0; font-weight:bold !important;height: 17px; margin-bottom: 3px;} .screen_nr{ float:left;overflow:hidden;} .screen_znr{ float:left; padding-right:20px; cursor:pointer;} .screen_znr .checkbox{ padding-top:3px;} .screen_znr .radio{ padding-top:1px;} /****资产管理-进程-按钮区**/ .z_j_button{ float: right;height: 45px;} /**按钮区***白名单设置***/ .button_bmdsz_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 5px -157px #2ea1f8;} .button_bmdsz_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat 5px -157px #50beff;} /**按钮区***必须存在进程设置***/ .button_bxczjcsz_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -517px #fff; margin-left:5px;} .button_bxczjcsz_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -517px;} /**按钮区***导出***/ .button_dc_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -557px #fff; margin-left:5px;} .button_dc_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -557px;} /**按钮区***导出（蓝色）***/ .button_dcblue_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 3px -197px #2ea1f8; margin-left:5px;} .button_dcblue_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat #50beff 3px -197px;} /**按钮区*表格搜索区右侧操作按钮**蓝色按钮***/ .button_searchblue_a{ background: #2ea1f8; padding:0 20px; float:right; border-radius:3px; height:30px; line-height:30px !important; color:#fff; cursor:pointer; } .button_searchblue_a:hover{ background: #50beff;} /**表格图标**备注*/ .icon_bz_a{ background:url(../images/icon_button.png) no-repeat -230px -600px;} .icon_bz_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -600px;} /**表格图标**设置（设置访问规则）*/ .icon_sz_a{ background:url(../images/icon_button.png) no-repeat -230px -640px;} .icon_sz_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -640px;} /**资产-资产变更分析**头部**/ .zcbgfx_top{ padding:15px 20px;} /**资产-资产变更分析*头部*时间**/ .zcbgfx_time{ float:left; border:1px solid #dfe3e9; border-radius:3px;margin-right:10px;} .zcbgfx_time ul{ overflow:hidden} .zcbgfx_time ul li{ float:left;} .zcbgfx_time ul li a{ color:#2ea1f8; padding:2.5px 10px; display: block;} .zcbgfx_time ul li a:hover{ background:#2ea1f8; color:#fff;} /**资产-资产变更分析*头部*刷新**/ .button_refresh_a{ border:1px solid #dfe3e9; background:url(../images/icon_button.png) no-repeat -226px -158px; margin-left:10px; border-radius:3px; cursor:pointer; width:28px;height:28px; float:left; } .button_refresh_a:hover{border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat -466px -158px;} /**资产-顶部*标签筛选*/ .zc_tagscreen{ overflow:hidden;padding:12px 0;} .zc_tagscreen_nr{ float:left;} .zc_tagscreen ul{ } .zc_tagscreen ul li{padding:3px 0; overflow:hidden; } .zc_tagscreen_tit{ float:left; text-align:right; font-weight:bold !important;} .zc_tagscreen_nr{ float:left;overflow:hidden;} .zc_tagscreen_znr{ float:left; padding-left:5px;} .zc_tagscreen_znr a{ display:block; padding:0 5px; color:#656565; border-radius:3px;} .zc_tagscreen_znr a span{ } .zc_tagscreen_znr a:hover{ background:#2ea1f8 !important; color:#fff !important; } /**资产-顶部*标签筛选***问号***/ .icon_wenhao16{ width:16px; height:20px; background:url(../images/icon_weihao16.png) no-repeat 0 3px; display:block; cursor:pointer;} /**资产-主机信息*/ .zc_zjxx{ padding:15px 20px;} .zc_zjxx ul{ overflow: hidden;} .zc_zjxx ul li{ float:left; width:33%;} .zc_zjxx ul li span{ font-weight:bold;} /**资产-主机**top右侧*/ .zc_zjtop_right{ padding-top:80px; float:left; width:20%;} /**资产-主机**业务角色*/ .button_ywjs{ border:1px solid #b7b7b7; border-radius:10px; text-align:center; color:#b7b7b7; font-size:12px !important; height:19px; padding:0 10px;} /**资产-主机**top右侧按钮（资产采集频率设置）*/ .button_zccjplsz{ font-size:14px !important; color:#fff; display: block; height: 50px;width: 180px; padding-left:50px;background:url(../images/icon_shezhi.png) 15px 10px no-repeat #4bb4f4; border-radius:3px; margin-left:20px;line-height: 50px !important; cursor:pointer;} .button_zccjplsz:hover{ background:url(../images/icon_shezhi.png) no-repeat 15px 10px #50beff;} /**按钮区***资产价值（蓝色）***/ .button_zcjzblue_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 5px -236px #2ea1f8; margin-left:5px;} .button_zcjzblue_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat #50beff 5px -236px;} /**按钮区***分组管理***/ .button_fzgl_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -676px #fff; margin-left:5px;} .button_fzgl_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -676px;} /**按钮区***分组***/ .button_fz_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -716px #fff; margin-left:5px;} .button_fz_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -716px;} /**按钮区***删除***/ .button_delete_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -318px #fff; margin-left:5px;} .button_delete_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -318px;} /**表格**图标**分组管理**/ .icon_fzgl_a{ background:url(../images/icon_button.png) no-repeat -230px -680px;} .icon_fzgl_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -680px;} /**表格**图标**资产管理**/ .icon_zcgl_a{ background:url(../images/icon_button.png) no-repeat -230px -757px;} .icon_zcgl_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -757px;} /**漏洞风险****风险等级**/ .ldfx_fxdj{ float:left;padding-left:5px;} .ldfx_fxdj ul{ overflow:hidden; padding-top:6px;} .ldfx_fxdj ul li{ float:left;padding:0 2px;font-size:12px !important;} .ldfx_fxdj ul li a{ display:block; width:40px; text-align:center; border-radius:3px;} .ldfx_fxdj ul li a:hover{ background:#2ea1f8 !important; color:#fff !important; font-size:14px;} /**漏洞风险**表格**风险等级**/ .tablefxdj{ font-size:12px !important; color:#fff; width:330px; overflow:hidden; } .fxdj_style{float:left; font-size:12px !important; height:14px; line-height:12px !important; text-align:center;} .fxdj_supergw{background:#e60012;} .fxdj_gw{ background:#ff6600;} .fxdj_zw{ background:#fa9600;} .fxdj_dw{ background:#2ea1f8;} /**表格图标**忽略*/ .icon_ignore_a{ background:url(../images/icon_button.png) no-repeat -710px 0;} .icon_ignore_a:hover{ background:url(../images/icon_button.png) no-repeat -950px 0;} /**表格图标**修复*/ .icon_repair_a{ background:url(../images/icon_button.png) no-repeat -710px -40px;} .icon_repair_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -40px;} /**漏洞风险*主机信息+漏洞分析*/ .ldfx_zjxx_ldff{ overflow:hidden;} .ldfx_zjxx{ float:left; width:50%; } .ldfx_zjxx_nr{border-right:1px solid #e6eaee; margin:10px 0;} .ldfx_ldfb_nr{ padding-top:40px; padding-left:40px;} .ldfx_ldfb_nr ul{ overflow:hidden; padding-top:10px;} .ldfx_ldfb_nr ul li{ float:left; padding-right:20px;} .ldfx_ldfb_nr ul li span{ float:left; padding-left:3px;} .ldfx_ldfb_nr ul li i{ width:12px; height:12px; display:block; float:left;margin-top:5px;} /**表格**风险等级（圆角标签）*****/ .tag_fxdj{ width:60px; text-align:center; font-size:12px !important; color:#fff; border-radius:10px;} .fxdj_superred{background:#e60012} .fxdj_red{ background:#ed702d} .fxdj_yellow{ background:#fa9600} .fxdj_blue{ background:#2ea1f8} /**按钮区***忽略（蓝色）***/ .button_ignore_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 5px -277px #2ea1f8;} .button_ignore_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat 5px -277px #50beff;} /**按钮区***修复***/ .button_repair_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -706px -37px #fff; margin-left:5px;} .button_repair_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -946px -37px;} /**按钮区***暂停***/ .button_pause_a{ float:right; border:1px solid #e5e8ee; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; cursor:pointer; background:url(../images/icon_button.png) no-repeat -225px -197px #fff; margin-left:5px;} .button_pause_a:hover{ border:1px solid #50beff; color:50beff; background:url(../images/icon_button.png) no-repeat -465px -197px;} /**按钮区***配置（蓝色）***/ .button_pzblue_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px;height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 3px -317px #2ea1f8; margin-left:5px;} .button_pzblue_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat #50beff 3px -317px;} /**表格图标*配置**/ .icon_peizhi_a{ background:url(../images/icon_button.png) no-repeat -710px -80px;} .icon_peizhi_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -80px;} /**安全监控**登录监控**详情***顶部**/ .dljkxq_top{ overflow:hidden; height:60px;} .dljkxq_top_left{ float:left; padding:19px 0 0 20px;} .dljkxq_top_cz{float:right; padding-right: 20px; padding-top:16px;} /**安全监控**登录监控**详情***第二部分数据汇总**/ .dljkxq_sjhz{ padding:10px 20px 9px 20px;} .dljkxq_sjhz ul{ overflow:hidden;} .dljkxq_sjhz ul li{float:left; padding-right:20px;} /****表格图标**取消忽略***/ .icon_ignore2_a{ background:url(../images/icon_button.png) no-repeat -710px -120px;} .icon_ignore2_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -120px;} /****表格图标**白名单设置***/ .icon_whitelist_a{ background:url(../images/icon_button.png) no-repeat -710px -160px;} .icon_whitelist_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -160px;} /****表格图标**加入黑名单***/ .icon_blacklist_a{ background:url(../images/icon_button.png) no-repeat -710px -200px;} .icon_blacklist_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -200px;} /****表格图标**导出体检报告***/ .icon_dctjbb_a{ background:url(../images/icon_button.png) no-repeat -710px -240px;} .icon_dctjbb_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -240px;} /****表格图标**下载***/ .icon_download_a{ background:url(../images/icon_button.png) no-repeat -710px -280px;} .icon_download_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -280px;} /****表格图标**信任***/ .icon_trust_a{ background:url(../images/icon_button.png) no-repeat -710px -320px;} .icon_trust_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -320px;} /****表格图标**取消信任***/ .icon_distrust_a{ background:url(../images/icon_button.png) no-repeat -710px -360px;} .icon_distrust_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -360px;} /****表格图标**查看***/ .icon_see_a{ background:url(../images/icon_button.png) no-repeat -710px -400px;} .icon_see_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -400px;} /****表格图标**增加***/ .icon_increase_a{ background:url(../images/icon_button.png) no-repeat -710px -440px;} .icon_increase_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -440px;} /****表格图标**关闭***/ .icon_tclose_a{ background:url(../images/icon_button.png) no-repeat -710px -480px;} .icon_tclose_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -480px;} /****表格图标**取消关闭***/ .icon_tclose2_a{ background:url(../images/icon_button.png) no-repeat -710px -680px;} .icon_tclose2_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -680px;} /****表格图标**禁用***/ .icon_disable_a{ background:url(../images/icon_button.png) no-repeat -710px -520px;} .icon_disable_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -520px;} /****表格图标**取消禁用***/ .icon_disable2_a{ background:url(../images/icon_button.png) no-repeat -710px -560px;} .icon_disable2_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -560px;} /****表格图标**隔离***/ .icon_quarantine_a{ background:url(../images/icon_button.png) no-repeat -710px -600px;} .icon_quarantine_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -600px;} /****表格图标**取消隔离***/ .icon_quarantine2_a{ background:url(../images/icon_button.png) no-repeat -710px -640px;} .icon_quarantine2_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -640px;} /****表格图标**基线检查***/ .icon_jxjc_a{ background:url(../images/icon_button.png) no-repeat -710px -720px;} .icon_jxjc_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -720px;} /****表格图标**重新检查*****/ .icon_recheck_a{ background:url(../images/icon_button.png) no-repeat -710px -760px;} .icon_recheck_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -760px;} /****表格图标**恢复**还原*****/ .icon_reduction_a{ background:url(../images/icon_button.png) no-repeat -710px -800px;} .icon_reduction_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -800px;} /****表格图标**优化*****/ .icon_optimization_a{ background:url(../images/icon_button.png) no-repeat -710px -840px;} .icon_optimization_a:hover{ background:url(../images/icon_button.png) no-repeat -950px -840px;} /****表格图标**重新扫描*****/ .icon_cxsm_a{ background:url(../images/icon_button.png) no-repeat -230px -800px;} .icon_cxsm_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -800px;} /****表格图标**修改*****/ .icon_modify_a{ background:url(../images/icon_button.png) no-repeat -230px -840px;} .icon_modify_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -840px;} /****表格图标****安装**/ .icon_install_a{ background:url(../images/icon_button.png) no-repeat -230px -878px;} .icon_install_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -878px;} /****表格图标****卸载**/ .icon_uninstall_a{ background:url(../images/icon_button.png) no-repeat -230px -919px;} .icon_uninstall_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -919px;} /****表格图标****分配部门**/ .icon_fpbm_a{ background:url(../images/icon_button.png) no-repeat -230px -959px;} .icon_fpbm_a:hover{ background:url(../images/icon_button.png) no-repeat -470px -959px;} /**安全防护-防护设置**top右侧***/ .aqfh_cltop_right{ padding:10px 0; float:left; width:40%;} /**安全防护-防护设置**top右侧按钮（安全防护策略）*/ .button_aqfhcl{ font-size:14px !important; color:#fff; display: block; height: 50px; width: 180px; padding-left:70px; background:url(../images/aqfh/icon_aqfhcl.png) 30px 10px no-repeat #4bb4f4; border-radius:3px; margin-left:20px;line-height: 50px !important; cursor:pointer;} .button_aqfhcl:hover{ background:url(../images/aqfh/icon_aqfhcl.png) no-repeat 30px 10px #50beff;} /**安全防护-攻击分析*攻击类型筛选*/ .aqff_gjlxsx{ overflow:hidden;padding:9px 0;} /**安全防护-防护设置*端口设置**设置模式*/ .aqfh_szfs{ height:40px; padding:9px 20px; overflow:hidden;} .aqfh_szfs_zhushi{ float:left; color:#b8b8b8; padding-left:20px; margin-left:20px; background:url(../images/icon_gthorange16.png) no-repeat 0 3px; } /**安全防护-上下步按钮区*/ .aqfh_buttondown{ width:185px; margin:0 auto; overflow:hidden; padding:20px 0;} /**安全防护***步骤区**上下步按钮区*/ .aqfh_order{ float:right; padding-top:16px; padding-right:20px; overflow:hidden;} /**安全防护*安全策略一***/ .tjjk{ padding:20px 0;} .tjjk_nr{ overflow:hidden; width:710px; padding-left:10px; } .tjjk_left{ float:left; width:290px;} .tjjk_fz{ overflow:hidden; border:1px solid #e8e6e6; margin-top:10px;} .tjjk_fz ul{ height:220px; padding:10px ; } .tjjk_fz ul li{ } .tjjk_fz ul li span{float:left; width:18px; height:18px; display:block; font-size:0; margin-top:6px;} .tjjk_fz ul li i{ float:left;} .tjjk_fz ul li div{float:left; padding-top:3px} .fz_erji{} .tjjk_fz ul li a{ padding-left:10px; height:26px; line-height:25px !important; color:#656565; text-decoration:none; display:block;} .tjjk_fz ul li a:hover{ color:#2ea1f8; background:#f5f9fa; } .fz_sanji{ padding-left:43px; color:#b8b8b8; font-size:12px;} .fz_sanji a{ color:#b8b8b8 !important;} .fz_siji{ padding-left:90px;} .tjjk_jiahao_jianhao{ float:left; width:18px; height:18px; display:block; cursor:pointer; font-size:0; margin-top:8px;} .btn_jiahao_a{ background:url(../images/icon_jiajianhao.png) no-repeat; cursor:pointer; } .btn_jiahao_a:hover{background:url(../images/icon_jiajianhao.png)-32px 0 no-repeat;} .btn_jianhao_a{ background:url(../images/icon_jiajianhao.png)-32px 0 no-repeat; cursor:pointer; } .btn_jianhao_a:hover{background:url(../images/icon_jiajianhao.png) no-repeat;} .tjjk_middle{ float:left; padding:85px 20px 0 20px; } /**中间*蓝色按钮******/ .btn_tjbule_a{ height:30px; line-height:30px; text-align:center; border:1px solid #2ea1f8; display:block; cursor:pointer; color:#2ea1f8; background:#fff; padding:0 10px; width:60px; border-radius:3px; } .btn_tjbule_a:hover{ border:1px solid #2ea1f8; background:#2ea1f8; color:#fff; } .tjjk_right{ float:left; } .tjjk_other{ padding:30px 0; _padding-top:40px; padding-left:15px;} .tjjk_other td{ padding-top:5px; padding-bottom:5px;} /**安全防护*安全策略一***/ .aqfh_aqcl01{ width:700px; padding:20px;} /**安全防护*安全策略三***/ .aqfh_aqcl03{ width:700px; padding:20px; overflow:hidden;} /**安全防护*安全策略四***/ .aqfh_aqcl04{ width:300px; padding-top:60px; margin:0 auto;} .icon_dagou66{ margin:0 auto; width:66px; height:86px; background:url(../images/icon_dagou66.png) no-repeat;} /**资产-主机**top右侧*/ .zc_zjtop_right{ padding:20px 0; float:left; width:25%;} /**合规基线**top右侧按钮（合规基线策略）*/ .button_hjgxcl{ font-size:14px !important; color:#fff; display: block; height: 50px;width: 180px; padding-left:70px;background:url(../images/hgjx/icon_hgjxcl.png) 30px 10px no-repeat #4bb4f4; border-radius:3px; margin-left:20px;line-height: 50px !important; cursor:pointer;} .button_hjgxcl:hover{ background:url(../images/hgjx/icon_hgjxcl.png) no-repeat 30px 10px #50beff;} /**合规基线**策略**新增模板二**/ .hgjxxzmb2{ border-top: 1px solid #e5e8ee; border-right: 1px solid #e5e8ee; overflow:hidden; position:relative;} .hgjxxzmb2_nav{ float:left; width:20%; position:absolute; left:1px;} .hgjxxzmb2_nav ul{} .hgjxxzmb2_nav ul li{ border-bottom:1px solid #e5e8ee;} .hgjxxzmb2_nav ul li a{ border-left:3px solid #eef4f9;border-right:1px solid #e5e8ee; padding-left:20px; color:#656565; height:50px; line-height:50px !important; display: block; background:#eef4f9; font-weight:bold;} .hgjxxzmb2_nav ul li a:hover{ border-left:3px solid #2ea1f8;border-right:1px solid #fff; background:#fff;} .hgjxxzmb2_nav ul li a.active{border-left:3px solid #2ea1f8;border-right:1px solid #fff; background:#fff;} .hgjxxzmb2_right{ width:80%;float:right;min-height:408px; border-bottom:1px solid #e5e8ee; background:url(../images/hgjx/hgjx_xzmb_line.png) repeat-y -199px 0;;max-height: 490px;overflow-y: auto} .hgjxxzmb2_rightnr{ padding-left:20px;} .zhgl_tit{ font-weight:bold; overflow:hidden; padding:15px 0 5px 0; } .zhgl_tit span{ float:left;} .zhgl_znr{ padding:5px 0 5px 18px; overflow:hidden;} /**合规基线**基线防护-详情****/ .hgjx_jxfhtop{ height:60px; overflow:hidden;} .hgjx_jxfhtop_left{ float:left; padding-left:20px; padding-top:8px;} .hgjx_jxfhtop_lefttit{font-size: 16px !important;color: #656565;} .hgjx_jxfhtop_right{ float:right; padding-top:15px; padding-right:20px;} /**告警设置**-顶部****/ .gjsz_top{ padding:10px 20px; overflow:hidden;} .gjsz_topnr{float:left; overflow:hidden; padding:10px; border-right:1px solid #e7e9ed; width:230px;} .gjsz_topnr dl{ float:left;} .gjsz_topnr dl dt{ font-size:16px !important; font-weight:bold;} .gjsz_topnr dl dd{ padding-top:3px;} .gjsz_topnr dl dd i{ width:20px;height:20px; float:left; display:block; cursor:pointer; margin-left:10px;} .icon_gjsz_iphone,.icon_gjsz_email{ float:left; width:50px; height:50px;} .icon_gjsz_iphone{ background:url(../images/gjbb/icon_gjsz.png) no-repeat;} .icon_gjsz_email{ background:url(../images/gjbb/icon_gjsz.png) no-repeat -186px 0;} /**安全报表**-顶部****/ .aqbb_tit{ float: left;color: #656565;} .aqbb_topnr{ overflow:hidden;} .aqbb_ztwlts{ float:left; overflow:hidden; width:49%; padding:40px 0;} .aqbb_ztwlts dl{ float:left; padding-top:20px;} .aqbb_ztwlts dl dt{ font-size:30px;} .aqbb_ztwlts dl dd{} .icon_ztwlts{ float:left; width:110px; height:110px; margin:0 20px;} .ztwlts_you{ background:url(../images/gjbb/youliangzhongcha.png) no-repeat; } .ztwlts_liang{ background:url(../images/gjbb/youliangzhongcha.png) no-repeat -150px 0;} .ztwlts_zhong{ background:url(../images/gjbb/youliangzhongcha.png) no-repeat -300px 0;} .ztwlts_cha{ background:url(../images/gjbb/youliangzhongcha.png) no-repeat -450px 0;} .aqbb_ppbz{float:left;width:50%; padding:40px 0; padding:20px 0;} .aqbb_ppbz dl{ padding:20px; border-left:1px solid #e7e9ed; } .aqbb_ppbz dl dt{} .aqbb_ppbz dl dd{ font-size:12px !important; padding-top:3px;} /**概况******/ /**按钮区***显示配置***/ .button_xspz_a{ float:right; border:1px solid #2ea1f8; border-radius:3px; padding:2px 5px 0 30px; color:#656565; height:28px; color:#fff; cursor:pointer; background:url(../images/icon_button.png) no-repeat 3px -117px #2ea1f8; margin-left:5px;} .button_xspz_a:hover{ border:1px solid #50beff; background:url(../images/icon_button.png) no-repeat #50beff 3px -117px;} /**概况**头部数据***/ .index_top{ overflow:hidden;margin:10px;} .index_topnr{ float:left; height:150px; width:24.25%; cursor:pointer; border-radius:3px;margin-right:1%;} .index_toptit{font-size:18px;text-align:center; height:52px;color:#fff; padding-top:15px; background:url(../images/index/index_toptit.png) no-repeat right top;} .index_topsj{ height:98px; padding-top:10px; overflow:hidden;} .index_topsj dl{ float:left; color:#fff; width:50%;} .index_topsj dl dt{ font-size:36px; text-align:center;} .index_topsj dl dd{font-size:12px; text-align:center;} .index_topnr25{ width:25%;} .index_topnr_zcgl{ background:#0090bf;} .index_topnr_zcgl:hover{background:#0d96c2;} .index_topnr_ldfx{ background:#f18d00;} .index_topnr_ldfx:hover{background:#f2930d;} .index_topnr_rqwx{ background:#e22d6f;} .index_topnr_rqwx:hover{background:#e33876;} .index_topnr_aqjk{ background:#1156a6;} .index_topnr_aqjk:hover{background:#1d5fab;} .index_topsj_zcgl{ background:url(../images/index/index_topzcgl.png) no-repeat right bottom;} .index_topsj_ldfx{ background:url(../images/index/index_topldfx.png) no-repeat right bottom;} .index_topsj_rqwx{ background:url(../images/index/index_toprqwx.png) no-repeat right bottom;} .index_topsj_aqjk{ background:url(../images/index/index_topaqjk.png) no-repeat right bottom;} /**安装部署**主机绑定***/ .system_zjbd{ overflow:hidden; padding:20px;} .system_zjbdnr{ float:left; width:460px;} .icon_systemwin{ width:100px; height:100px; margin-left:40px; background:url(../images/xtpz/icon_systemwin.png) no-repeat center;} .icon_systemlinux{ width:100px; height:100px; margin-left:40px; background:url(../images/xtpz/icon_systemlinux.png) no-repeat center;} .system_zjbdnr_bt{ font-size:16px;} .system_blueline{ border:1px solid #2ea1f8; padding:10px; border-radius:3px;word-wrap: break-word;} /**登录页面**云磐***/ .yunlei_body{ background: url(../images/login/login_bg.png) repeat-x #33478a; height:100%; } .yunlei_body_min{ width:1000px; background: url(../images/login/login_minbg.png) no-repeat left center; height:500px; position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0; } .yunlei_body_min2{ width:1000px; background: url(../images/login/login_minbg2.png) no-repeat left center; height:500px; position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0; } .yunlei_body_min3{ width:1000px; background: url(../images/login/login_minbg3.png) no-repeat left center; height:500px; position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0; } .yunpan_body_min{ width:1000px; background: url(../images/login/login_minbg_yunpan.png) no-repeat left center; height:500px; position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0; } .yunlei_login{overflow:hidden; } .yunlei_login_nr{ float:right; margin-right:60px; width:400px; height:480px; border-radius:3px; background:#fff; } .yunlei_login_bt{ width:100%; height:150px; background:url(../images/login/login_logoyunlei.png) no-repeat center;} .yunpan_login_bt{ width:100%; height:150px; background:url(../images/login/login_logo_yunpan.png) no-repeat center;} .yunlei_login_wrong{ background:url(../images/icon_gthred16.png) no-repeat 60px 10px ; padding:8px 0 0 80px; color:#ff7676; font-size:12px;} .yanzm{ float:left; width:93px;height:28px; margin-left:5px; border:1px solid #dedede; border-radius:3px; cursor:pointer;} .yanzm:hover{ border:1px solid #50beff;} /*启明星辰*/ .yunlei_body_VenusSafe{ background: url(../images/login/login_all_bg_VenusSafe.png) no-repeat; background-size:cover; height:100%; } /*网御星云*/ .yunlei_body_LeadsecSafe{ background: url(../images/login/login_all_bg_LeadsecSafe.png) no-repeat; background-size:cover; height:100%; } /*天珣*/ .yunlei_body_Tianxun{ background: url(../images/login/login_all_bg_Tianxun.png) no-repeat; background-size:cover; height:100%; } /**用户中心**主机分配***/ .zjfp_top{overflow:hidden;} .zjfp_ckbdzjlc{ float:left; width:72%; height:100px; padding:12px 0;} .zjfp_ckbdzjlcnr{ width:300px; margin:0 auto; overflow:hidden; padding-top:20px;} .icon_ckbdzjlc{ float:left; width:70px; height:70px; background:url(../images/user/icon_bdzjlc.png) no-repeat;} .zjfp_ckbdzjlc_text{float:left; line-height:70px !important; font-size:16px !important; padding-left:5px; } /**用户中心-主机分配**top右侧按钮（批量分配部门）*/ .button_plfpbm_a{ font-size:14px !important; color:#fff; display: block; height: 50px;width: 180px; padding-left:64px; background:url(../images/user/icon_plfpbm.png) no-repeat 30px 10px #4bb4f4; border-radius:3px; margin-left:20px;line-height: 50px !important; cursor:pointer;} .button_plfpbm_a:hover{ background:url(../images/user/icon_plfpbm.png) no-repeat 30px 10px #50beff;} /****云磐首页***/ .yunlei_main{ min-width: 1260px;max-width: 1440px;width: 1200px;height: 680px;color: #fff;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} /****云磐首页***大标题******/ .bigtit_yunlei{ width:100%; height:77px; background:url(../images/yunlei_index/bigtit_yunlei.png) no-repeat center;} .bigtit_yunpan{ width:100%; height:77px; background:url(../images/yunlei_index/bigtit_yunpan.png) no-repeat center;} .yunlei_mainnr{padding-top: 40px; position: relative; height: 600px;} /****云磐首页***左侧内容区***/ .yunlei_left{ float:left; width:50%; height:490px; background:url(../images/yunlei_index/left_nrline.png) no-repeat 0 bottom;} .yy_left_topline{height:11px; overflow:hidden; background:url(../images/yunlei_index/left_topline.png) no-repeat 20px 0;} /****左侧排行版******/ .left_phb{ float:left; width:222px; padding-left:16px; padding-top:10px;} .left_phbbg{ width:215px; height:226px; padding-top:16px; background:url(../images/yunlei_index/left_zbg.png) no-repeat;} .yunlei_indextit{font-size:16px !important;text-align:center; height:30px; line-height:30px !important;} /*攻击类型排行**攻击源排行*****/ .gjlx_gjy{ float: left; width:100%;} .gjlx_gjy ul{ } .gjlx_gjy ul li{ line-height:20px; font-size:12px;overflow: hidden; text-overflow: ellipsis; display: block;} .gjlx_gjy ul li a{ color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;} .gjlx_gjy ul li a:hover{color: #50beff;} .phjdt{margin-left:3px;height: 8px;background: linear-gradient(to right,#58a8fb,#3a6ec4);width: 45px;display: inline-block} .phsl{font-size: 8px;float: right;color:#8cc4ff} /****实时攻防监控****/ .yl_ssgfjk ul{ padding:16px 10px } .yl_ssgfjk ul li{ line-height:20px; font-size:12px;} .yl_ssgfjk ul li a{color: #fff; overflow: hidden;display: block;} .yl_ssgfjk ul li a:hover{color: #50beff;} .yl_ssgfjk ul li a span{ float: left; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: block; } .icon_yl_ssgfjk{ width:16px; height: 21px; float: left; background: url(../images/yunlei_index/bg_ssgfjk.png) repeat-y 0 -1px ; display: block;} /***失陷主机*****/ .yl_sxzj{ padding:16px 10px} .yl_sxzj ul{ } .yl_sxzj ul li{ line-height:20px; font-size:12px;overflow: hidden; text-overflow: ellipsis; display: block; } .yl_sxzj ul li a{ color: #fff; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: block; } .yl_sxzj ul li a:hover{color: #50beff; } .yl_sxzj ul li a span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: block; } .icon_yl_sxzj{ width:20px; height: 20px; float: left; background: url(../images/yunlei_index/icon_sxzj.png) no-repeat center;} .left_4tucengbg{ float:left;margin-left:25px; margin-top:19px; width:290px; height:436px; background:url(../images/yunlei_index/left_4tucengbg.png) no-repeat;} /*******右侧内容区***/ .yunlei_right{ float:right; width:50%; overflow:hidden; } .yunlei_rightnr{height:490px; background:url(../images/yunlei_index/right_nrline.png) no-repeat right bottom;} .yy_right_topline{height:11px; width:554px; float:right; margin-right:20px; background:url(../images/yunlei_index/right_topline.png) no-repeat;} /****右侧两个内容区******/ .rigjt_znr{ float:right; width:230px; padding-top:10px;} .rigjt_znrbg{ width:215px; height:226px; padding-top:16px; background:url(../images/yunlei_index/right_zbg.png) no-repeat;} .right_4tucengbg{ float:right;margin-left:3px; margin-top:18px; margin-right:12px; width:290px; height:436px; background:url(../images/yunlei_index/right_4tucengbg.png) no-repeat;} /****中间层******/ .ylmin_bg{ margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 604px;height: 604px;color: #ffffff !important;} .ylmin{ position: relative;width: 604px;height: 604px;background: url(../images/yunlei_index/min_bg.png) no-repeat center;overflow: hidden;} .yl_wxqbbg{ position:absolute; width:74px; height:32px; top:569px;left:266px; background:url(../images/yunlei_index/yunlei_wxqbbg.png) no-repeat; } /****数据层（啸天）****/ .yl_shuju{width:318px; height:120px; margin-left:146px; margin-top:76px; position:relative; } .yl_shuju:hover{ background:url(../images/yunlei_index/yy_yuanpan01.png) no-repeat bottom;} .yl_gjcs{ float:left; height:55px; width:109px;margin-left:50px; margin-top:38px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_left_zbg.png) no-repeat bottom;} .yl_gjcs p{ width:76px; text-align:center;} .yl_dxgj{ float:left; height:55px; width:109px;margin-top:38px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_right_zbg.png) no-repeat bottom;} .yl_dxgj p{ width:76px; text-align:center; margin-left: 35px} .yl_xttsgz{ height:80px; width:80px; position:absolute; left:119px; top:22px; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_xttsgz:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom; } /***应用层（云固+云御）****/ .yl_yingyong{width:440px; height:102px;margin: 0 83px; margin-top: 14px; position:relative;} .yl_yingyong:hover{ background:url(../images/yunlei_index/yy_yuanpan02.png) no-repeat bottom;} .yl_cgzs{float:left; height:80px; width:150px; margin-left:50px; margin-top:0px;color:#d7d8e6; overflow:hidden; background:url(../images/yunlei_index/pinpai_left_zbg.png) no-repeat center left;} .yl_cgzs dl{ float:left; width:70px; height:55px; padding-top:17px; text-align:center; } .yl_cgzs dl dt{ font-size:12px;} .yl_cgzs dl dd{ font-size:14px;} .yl_yg{ height:80px; width:80px; color:#fff; float:left; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_yg:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom; } .yl_gjip{ float:left; height:80px; width:150px; margin-left:50px; margin-top:0px;color:#d7d8e6; overflow:hidden; background:url(../images/yunlei_index/pinpai_right_zbg.png) no-repeat center right;} .yl_gjip dl{ float:left; width:70px; height:55px; padding-top:17px; text-align:center; } .yl_gjip dl dt{ font-size:12px;} .yl_gjip dl dd{ font-size:14px;} .yl_ys{ height:80px; width:80px; float:left; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_ys:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom; } /***主机层（云眼）****/ .yl_zhji{width:389px; height:107px; margin:0 auto; padding-top:4px; position:relative;} .yl_zhji:hover{ background:url(../images/yunlei_index/yy_yuanpan03.png) no-repeat bottom;} .yl_zhji02{width:440px; height:102px;margin: 0 83px; margin-top: 14px; position:relative;} .yl_zhji02:hover{ background:url(../images/yunlei_index/yy_yuanpan03.png) no-repeat bottom;} .yl_rqwx{ float:left; height:55px; width:109px;margin-left:85px; margin-top:16px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_left_zbg.png) no-repeat bottom;} .yl_rqwx p{ width:76px; text-align:center;} .yl_ldfx{ float:left; height:55px; width:109px;margin-top:16px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_right_zbg.png) no-repeat bottom;} .yl_ldfx p{ width:76px; text-align:center; margin-left: 35px} .yl_yyzjaq{ height:80px; width:80px; position:absolute; left:154px; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_yyzjaq:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom 0 10px; } /***主机层（云眼+云隙）****/ /***安全资源池（网站安全监测预警+云堡垒机）****/ .yl_aqzyc{width:250px; height:100px; margin-left: 200px; overflow:hidden;} .yl_aqzyc:hover{ background:url(../images/yunlei_index/yy_yuanpan04.png) no-repeat bottom;} .yl_wzjcyj,.yl_yblj,.yl_sjksj{ float:left; height:75px; width:75px; margin-left:5px; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; background-size: contain;text-align:center; cursor:pointer;} .yl_wzjcyj:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom;background-size: contain; } .yl_yblj:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom ; background-size: contain;} .yl_sjksj:hover{ background:url(../images/yunlei_index/pinpai_gaoliang.png) no-repeat bottom ; background-size: contain;} /****未部署****/ .yl_xttsgzwbs{ height:80px; width:80px; position:absolute; left:119px; top:22px; background:url(../images/yunlei_index/pinpai_wbs.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_gjcswbs{ float:left; height:55px; width:109px;margin-left:50px; margin-top:38px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_left_zbgwbs.png) no-repeat bottom;} .yl_gjcswbs p{ width:76px; text-align:center; font-size:16px; padding-top:14px;} .yl_ygwbs{ height:80px; width:80px; color:#fff; float:left; background:url(../images/yunlei_index/pinpai_wbs.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_dxgjwbs{ float:left; height:55px; width:109px;margin-top:38px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_right_zbgwbs.png) no-repeat bottom;} .yl_dxgjwbs p{ width:76px; text-align:center; margin-left: 35px;font-size:16px; padding-top:14px;} .yl_cgzswbs{float:left; height:80px; width:150px; margin-left:50px; margin-top:0px;color:#d7d8e6; overflow:hidden; background:url(../images/yunlei_index/pinpai_left_zbgwbs.png) no-repeat center left;} .yl_cgzswbstext{float:left; width:70px; height:55px; padding-top:24px; text-align:center;font-size:16px; } .yl_yyzjaqwbs{ height:80px; width:80px; position:absolute; left:154px; background:url(../images/yunlei_index/pinpai_wbs.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_gjipwbs{ float:left; height:80px; width:150px; margin-left:50px; margin-top:0px;color:#d7d8e6; overflow:hidden; background:url(../images/yunlei_index/pinpai_right_zbgwbs.png) no-repeat center right;} .yl_gjipwbstext{ float:left; width:70px; height:55px; padding-top:24px; text-align:center; font-size:16px;} .yl_rqwxwbs{ float:left; height:55px; width:109px;margin-left:85px; margin-top:16px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_left_zbgwbs.png) no-repeat bottom;} .yl_rqwxwbs p{ width:76px; text-align:center;font-size:16px; padding-top:14px;} .yl_ldfxwbs{ float:left; height:55px; width:109px;margin-top:16px;color:#d7d8e6; background:url(../images/yunlei_index/pinpai_right_zbgwbs.png) no-repeat bottom;} .yl_ldfxwbs p{ width:76px; text-align:center; margin-left: 35px;font-size:16px; padding-top:14px;} .yl_wzjcwbs{ height:80px; width:80px; color:#fff; float:left;margin-left:20px; background:url(../images/yunlei_index/pinpai_wbs.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_wzjcyjwbs{ float:left; height:80px; width:80px; margin-left:20px; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_ybljybs{ float:left; height:80px; width:80px; margin-left:20px; background:url(../images/yunlei_index/pinpai_nornal.png) no-repeat bottom; text-align:center;cursor:pointer;} .yl_ybljwbs{ float:left; height:80px; width:80px; margin-left:20px; background:url(../images/yunlei_index/pinpai_wbs.png) no-repeat bottom; text-align:center;cursor:pointer;} /***动画层**外圆圈**/ .action_wyq{width: 584px;height: 584px;position: absolute;top: 10px;left: 10px;} .action_wyqline{width:584px; height:584px; border:2px solid #3357aa; border-radius:30em; position:relative; animation: action_wyqline 16s linear infinite; -webkit-animation: action_wyqline 16s linear infinite; -moz-animation: action_wyqline 16s linear infinite; -ms-animation: action_wyqline 16s linear infinite; } @keyframes action_wyqline { from { transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); } to { transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); } } @-webkit-keyframes action_wyqline { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @-moz-keyframes action_wyqline { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } /***动画层**虚圆圈**/ .action_xyq{width:544px; height:544px; position:absolute;left:30px; top:30px} .action_xyqline{width:544px; height:544px; border:1px dashed #4066bd; border-radius:30em; position:relative; animation: action_xyqline 16s linear infinite; -webkit-animation: action_xyqline 16s linear infinite; } @keyframes action_xyqline { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @-webkit-keyframes action_xyqline { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } /***动画层**中间箭头***/ .action_jtmin{width:20px; height:20px; position:relative; left:295px; top:80px; animation: action_jtmin 4s linear infinite; -webkit-animation: action_jtmin 1s linear 4s infinite; background:url(../images/yunlei_index/wq_jiantoumin.png) no-repeat; } @keyframes action_jtmin { from { left:295px; top:43px; opacity:1; } to { left:292px; top:80px; opacity:0; } } @-webkit-keyframes action_jtmin { from { left:295px; top:43px; opacity:1; } to { left:295px; top:80px; opacity:0; } } /***动画层**箭头旋转**左侧***/ .action_jt{ width:604px; height:604px; position:absolute;} .action_jt01{width:604px; height:604px; position:relative; animation: action_jt01 4s linear infinite; -webkit-animation: action_jtleft 4s linear infinite; background:url(../images/yunlei_index/wq_jiantou01.png) no-repeat; } .action_jt02{width:604px; height:604px; position:relative; animation: action_jtleft 4s linear infinite; -webkit-animation: action_jtleft 4s linear infinite; animation-delay:1s; -webkit-animation-delay:1s; background:url(../images/yunlei_index/wq_jiantou01.png) no-repeat; } .action_jt03{width:604px; height:604px; border-radius:30em; position:relative; animation: action_jtleft 4s linear infinite; -webkit-animation: action_jtleft 4s linear infinite;animation-delay:2s; -webkit-animation-delay:2s; background:url(../images/yunlei_index/wq_jiantou01.png) no-repeat; } .action_jt04{width:604px; height:604px; position:relative; animation: action_jtleft 4s linear infinite; -webkit-animation: action_jtleft 4s linear infinite;animation-delay:3s; -webkit-animation-delay:3s; background:url(../images/yunlei_index/wq_jiantou01.png) no-repeat; } .action_jt05{width:604px; height:604px; border-radius:30em; position:relative; animation: action_jtleft 4s linear infinite; -webkit-animation: action_jtleft 4s linear infinite;animation-delay:4s; -webkit-animation-delay:4s; background:url(../images/yunlei_index/wq_jiantou01.png) no-repeat; } @keyframes action_jtleft { 0% { transform: rotateZ(0deg); opacity:0; } 90% { transform: rotateZ(165deg); opacity:1; } 100% { transform: rotateZ(180deg); opacity:0; } } @-webkit-keyframes action_jtleft { 0% { transform: rotateZ(0deg); opacity:0; } 90% { transform: rotateZ(165deg); opacity:1; } 100% { transform: rotateZ(180deg); opacity:0; } } /***动画层**箭头旋转**右侧***/ .action_jt06{width:604px; height:604px; position:relative; animation: action_jtright 4s linear infinite; -webkit-animation: action_jtright 4s linear infinite; background:url(../images/yunlei_index/wq_jiantou02.png) no-repeat; } .action_jt07{width:604px; height:604px; position:relative; animation: action_jtright 4s linear infinite; -webkit-animation: action_jtright 4s linear infinite;animation-delay:1s; -webkit-animation-delay:1s; background:url(../images/yunlei_index/wq_jiantou02.png) no-repeat; } .action_jt08{width:604px; height:604px; position:relative; animation: action_jtright 4s linear infinite; -webkit-animation: action_jtright 4s linear infinite;animation-delay:2s; -webkit-animation-delay:2s; background:url(../images/yunlei_index/wq_jiantou02.png) no-repeat; } .action_jt09{width:604px; height:604px; position:relative; animation: action_jtright 4s linear infinite; -webkit-animation: action_jtright 4s linear infinite;animation-delay:3s; -webkit-animation-delay:3s; background:url(../images/yunlei_index/wq_jiantou02.png) no-repeat; } .action_jt10{width:604px; height:604px; position:relative; animation: action_jtright 4s linear infinite; -webkit-animation: action_jtright 4s linear infinite;animation-delay:4s; -webkit-animation-delay:4s; background:url(../images/yunlei_index/wq_jiantou02.png) no-repeat; } @keyframes action_jtright { 0% { transform: rotateZ(0deg); opacity:0; } 90% { transform: rotateZ(-165deg); opacity:1; } 100% { transform: rotateZ(-180deg); opacity:0; } } @-webkit-keyframes action_jtright { 0% { transform: rotateZ(0deg); opacity:0; } 90% { transform: rotateZ(-165deg); opacity:1; } 100% { transform: rotateZ(-180deg); opacity:0; } } /***动画层**原点*****/ .action_yd{width:604px; height:604px; position:absolute;} /***动画层**原点**第一层***/ .action_yd01{ position:relative; top:63px; overflow:hidden; } .action_yd01_left{ float:left; width:290px; height:80px; position:relative; margin-left:10px;} .action_ydleft01{width:4px; height:4px; left: 176px;top: 62px; background:#88bef3; border-radius:30em; position:absolute; animation: action_ydleft01 2s linear infinite; -webkit-animation: action_ydleft01 2s linear infinite;} @keyframes action_ydleft01{ 0% {width:4px; height:4px; left: 176px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 150px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 126px;top: 52px; opacity:0;background:#90bff2;} 60% {width:10px; height:10px;left: 101px;top: 45px; opacity:0;background:#94c1f3;} 80% { opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } @-webkit-keyframes action_ydleft01{ 0% {width:4px; height:4px; left: 176px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 150px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 126px;top: 52px; opacity:0;background:#90bff2;} 60% {width:10px; height:10px;left: 101px;top: 45px; opacity:0;background:#94c1f3;} 80% { opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } .action_yd01_right{ float:left;width:292px; height:80px; position:relative; } .action_ydright01{width:4px; height:4px; left: 117px;top: 62px; background:#88bef3; border-radius:30em; position:absolute; animation: action_ydright01 2s linear infinite; -webkit-animation: action_ydright01 2s linear infinite;} @keyframes action_ydright01{ 0% {width:4px; height:4px; left: 117px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 142px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 164px;top: 52px; opacity:0;background:#90bff2;} 60% {width:10px; height:10px;left: 187px;top: 45px; opacity:0;background:#94c1f3;} 80% { opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } @-webkit-keyframes action_ydright01{ 0% {width:4px; height:4px; left: 117px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 142px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 164px;top: 52px; opacity:0;background:#90bff2;} 60% {width:10px; height:10px;left: 187px;top: 45px; opacity:0;background:#94c1f3;} 80% { opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } /***动画层**原点**第二层***/ .action_yd02{ position:relative; top:80px; overflow:hidden;} .action_yd02_left{ float:left; width:290px; height:80px; position:relative; margin-left:10px;} .action_ydleft02{width:4px; height:4px; left: 176px;top: 62px; background:#88bef3; border-radius:30em; position:absolute; animation: action_ydleft02 2s linear infinite; -webkit-animation: action_ydleft02 2s linear infinite;} @keyframes action_ydleft02{ 0% {width:4px; height:4px; left: 176px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 150px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 126px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 101px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 73px;top: 35px; opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } @-webkit-keyframes action_ydleft02{ 0% {width:4px; height:4px; left: 176px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 150px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 126px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 101px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 73px;top: 35px; opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } .action_yd02_right{ float:left;width:292px; height:80px; position:relative; } .action_ydright02{width:4px; height:4px; left: 117px;top: 62px; background:#88bef3; border-radius:30em; position:absolute; animation: action_ydright02 2s linear infinite; -webkit-animation: action_ydright02 2s linear infinite;} @keyframes action_ydright02{ 0% {width:4px; height:4px; left: 117px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 142px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 164px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 187px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 213px;top: 35px; opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } @-webkit-keyframes action_ydright02{ 0% {width:4px; height:4px; left: 117px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 142px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 164px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 187px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 213px;top: 35px; opacity:0;background:#9ec6f1;} 100% { opacity:0;background:#c3d5ee;} } /***动画层**原点**第三层***/ .action_yd03{ position:relative; top:130px; overflow:hidden; } .action_yd03_left{ float:left; width:290px; height:80px; position:relative; margin-left:10px;} .action_ydleft03{width:4px; height:4px; left: 176px;top: 62px; background:#88bef3; border-radius:30em; position:absolute; animation: action_ydleft03 2s linear infinite; -webkit-animation: action_ydleft03 2s linear infinite;} @keyframes action_ydleft03{ 0% {width:4px; height:4px; left: 176px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 150px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 126px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 101px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 73px;top: 35px; opacity:0.8;background:#9ec6f1;} 100% {width:14px; height:14px;left: 47px;top: 24px; opacity:0.6;background:#c3d5ee;} } @-webkit-keyframes action_ydleft03{ 0% {width:4px; height:4px; left: 176px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 150px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 126px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 101px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 73px;top: 35px; opacity:0.8;background:#9ec6f1;} 100% {width:14px; height:14px;left: 47px;top: 24px; opacity:0.6;background:#c3d5ee;} } .action_yd03_right{ float:left;width:292px; height:80px; position:relative; } .action_ydright03{width:4px; height:4px; left: 117px;top: 62px; background:#88bef3; border-radius:30em; position:absolute; animation: action_ydright03 2s linear infinite; -webkit-animation: action_ydright03 2s linear infinite;} @keyframes action_ydright03{ 0% {width:4px; height:4px; left: 117px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 142px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 164px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 187px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 213px;top: 35px; opacity:0.8;background:#9ec6f1;} 100% {width:14px; height:14px;left: 237px;top: 24px; opacity:0.6;background:#c3d5ee;} } @-webkit-keyframes action_ydright03{ 0% {width:4px; height:4px; left: 117px;top: 62px; opacity:1;background:#88bef3;} 20% {width:6px; height:6px;left: 142px;top: 57px; opacity:0.6;background:#89bcf3;} 40% {width:8px; height:8px;left: 164px;top: 52px; opacity:0.8;background:#90bff2;} 60% {width:10px; height:10px;left: 187px;top: 45px; opacity:1;background:#94c1f3;} 80% {width:12px; height:12px;left: 213px;top: 35px; opacity:0.8;background:#9ec6f1;} 100% {width:14px; height:14px;left: 237px;top: 24px; opacity:0.6;background:#c3d5ee;} } /***动画层**原点**第四层***/ .action_yd04{ position:relative; top:155px; overflow:hidden;} .action_yd04_left{ float:left; width:248px; height:80px; position:relative; margin-left:30px;} .action_yd04_right{ float:left;width:272px; height:80px; position:relative; } .ui.sortable.table thead th { cursor: pointer; white-space: nowrap; border-left: 0px solid rgba(34, 36, 38, 0.15); color: #656565; } .ui.sortable.table thead th.sorted { background: #f5f8fa; color: #656565; }