body { margin: 0; padding: 0; font-family: PingFang SC, PingFang SC-Regular, PingFang SC-Medium, PingFang SC-Light, PingFang SC-Semibold, Microsoft YaHei, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } /* 导航栏设置 */ .no-drag { -webkit-app-region: no-drag; } /*登录注册*/ .loginbox { width: 100%; } .loginbg { width: 1920px; height: 1365px; position: absolute; margin-left: 50%; left: -960px; } .login_inputbox { position: relative; width: 402px; overflow: hidden; margin: 0 auto; margin-top: 123px; } .login_inputbox input { width: 400px; padding-left: 30px; outline: 0; border: 1px solid #979797; } .login_inputbox input[type=text], .login_inputbox input[type=password] { width: 400px; height: 56px; border-radius: 30px; line-height: 60px; transition: ease all 1s; font-size: 18px; } .login_inputbox input[type=text]:focus, .login_inputbox input[type=password]:focus { border-color: #8c00ff } .login_inputbox input[type=text] { margin-bottom: 30px; } .login_inputbox input[type=password] { margin-bottom: 10px; } .login_inputbox>span { display: block; text-align: center; font-size: 28px; color: #8c00ff; margin-bottom: 96px; } .reset { display: block; text-align: right; font-size: 14px; padding-right: 30px; color: #a7a8b7; text-decoration: none; } .login_inputbox input[type=button] { margin-top: 59px; height: 36px; background-color: #8c00ff; color: #fff; border: 0; font-size: 18px; border-radius: 18px; cursor: pointer; padding-left: 0 } .yiyunline { width: 100%; height: 1px; background-color: #e3e3e3; margin-top: 40px; margin-bottom: 10px; } .loginbottom>span { font-size: 14px; color: #fff; margin-left: 20px; } .loginbottom a { text-decoration: none; color: #fff; } .loginbottom a:hover, .reset:hover { color: #8c00ff; transition: ease all 1s; } /*云盘首页*/ body, div, ul, li, h1, h2, h3, h4, h5, h6, p, sup, input { margin: 0; padding: 0; outline: none; list-style: none; } body { background-color: #f6f6f6; } .bg_f0{ background-color: #f0f0f0; } #bigbody{ background-color: #f6f6f6; } ul { list-style: none; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .yiyun_icon { /*transition: all ease 0.5s;*/ cursor: pointer; } .icon_topnav_email { background: url("/static/img/yiyunicon.png") no-repeat -532px -28px; } .icon_topnav_email:hover { background: url("/static/img/yiyunicon.png") no-repeat -532px -112px; } .icon_topnav_message { background: url("/static/img/yiyunicon.png") no-repeat -728px -28px; } .icon_topnav_message:hover { background: url("/static/img/yiyunicon.png") no-repeat -728px -112px; } .icon_topnav_more { background: url("/static/img/yiyunicon.png") no-repeat -392px -28px; } .icon_topnav_more:hover { background: url("/static/img/yiyunicon.png") no-repeat -392px -112px; } .icon_topnav_searchicon { background: url("/static/img/yiyunicon.png") no-repeat -588px -28px; } .icon_topnav_fullscreen { background: url("/static/img/yiyunicon.png") no-repeat -420px -28px; } .icon_topnav_edit { background: url("/static/img/yiyunicon.png") no-repeat -784px -28px; } .icon_topnav_Zoommax { background: url("/static/img/yiyunicon.png") no-repeat -784px -28px; } .icon_topnav_Zoommin { background: url("/static/img/yiyunicon.png") no-repeat -784px -28px; } .icon_topnav_history { background: url("/static/img/yiyunicon.png") no-repeat -280px -28px; } .icon_topnav_zhedieDwon { background: url("/static/img/yiyunicon.png") no-repeat -560px -28px; } .icon_topnav_zhedieUp { background: url("/static/img/yiyunicon.png") no-repeat -140px -28px; } .icon_topnav_large_add { background: url("/static/img/yiyunicon.png") no-repeat 0px -234px; } .icon_topnav_backicon { background: url("/static/img/yiyunicon.png") no-repeat -28px -28px; } .icon_topnav_listicon { background: url("/static/img/yiyunicon.png") no-repeat -336px -28px; } .icon_topnav_sort { background: url("/static/img/yiyunicon.png") no-repeat -476px -28px; } .icon_topnav_maxzoomBtn { background: url("/static/img/yiyunicon.png") no-repeat -840px -56px; } .icon_topnav_minzoomBtn { background: url("/static/img/yiyunicon.png") no-repeat -868px -56px } .icon_topnav_shared_fifle { background: url("/static/img/yiyunicon.png") no-repeat -56px -56px } .icon_topback_left { background: url("/static/img/yiyunicon.png") no-repeat -28px -56px } .icon_topback_left_baise { background: url("/static/img/yiyunicon.png") no-repeat -28px -28px } .icon_topnav_cloud { display: inline-block; width: 28px; height: 28px; background: url("/static/img/yiyunicon.png") no-repeat 0 0; cursor: pointer; } .icon_topnav_cardicon { display: inline-block; width: 28px; height: 28px; background: url("/static/img/yiyunicon.png") no-repeat -702px -28px; cursor: pointer; } .clear { clear: both; } .yiyun_headerbox { width: 100%; /* background-color: #f6f6f6; */ /* box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); */ position: fixed!important; z-index: 1; top: 0; } .headershadow{ background-color: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .yiyun_header { width: calc(100vw - 120px); height: 54px; margin-left: auto; margin-right: auto; line-height: 54px; } .yiyun_headerce>span { padding: 14px 30px; margin: 0 0px; cursor: pointer; font-weight: 500; font-family: Pingfang SC; } .yiyun_headerfl, .yiyun_headerfr { width: 25%; /* width: 475px; */ } .yiyun_headerfl { margin-left: 0px; float: left; font-size: 17px; color: #000; width: 25%; } .yiyun_headerfladmin { padding-right: 0; width: 50%; } .yiyun-2 { width: 20%; } .yiyun-6 { width: 60%; } .yiyun_headerfradmin { margin-right: 10px; } .yiyun_headerce { display: inline-block; text-align: center; font-size: 17px; text-align: center; font-weight: bold; color: #000; } .cewidth { width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yiyun_headerfr { margin-right: 0px; float: right; } .yiyun_icon { display: inline-block; width: 28px; height: 28px; } .yiyun_icon_large { display: inline-block; width: 60px; height: 60px; cursor: pointer; margin-bottom: 15px; } .yiyun_headerfr>a { font-size: 12px; color: #000; cursor: pointer; margin-left: 22px; float: right; text-decoration: none; } .yiyun_headerfr>a:hover { color: #8c00ff; } .yiyun_searchbox { display: inline-block; position: relative; width: 28%; margin-top: 8px; margin-right: 43px; } .yiyun_searchbox i { float: left; position: absolute; left: 2px; top: 2px; cursor: pointer } .yiyun_search { float: left; width: 100%; background-color: transparent; border-radius: 16px; height: 30px; border: 1px solid rgba(216,216,216,1); padding-left: 40px; } .yiyun_search:focus { border: 1px solid #a9aab8; transition: all 0.5s; } .downlodkehu{ color: #8c00ff; text-decoration: none; line-height: 54px; float: left; margin-right: 16px; } .user_info_item .el-input--suffix .el-input__inner{ box-shadow: 0 0; } .yiyun_headerfr_item_r { height: 48px; line-height: 48px; overflow: hidden; float: right; margin-right: 30px; } .bzline{ height: 1px; background-color: #A7A8B7; } .yiyun_headerfr_item_r > div > span { float: right; line-height: 48px; margin-left: 24px; } .yiyun_headerfr_item_r:last { margin-right: 0; } .el-badge__content.is-fixed { top: -6px; } /*中间内容区域*/ .yiyun_section { display: block; width: calc(100vw - 120px); margin: 0 auto; height: calc(100vh - 136px); } .yiyun_section_warp{ position: relative; display: block; /* width: calc(100vw - 128px); */ margin: 0 0 0 64px; padding: 0 0 10px 0; overflow: hidden; } .yiyun_section_top { margin-top: 10px; overflow: hidden; margin-bottom: 10px; } .section_item_aside_fl h1 { font-size: 44px; font-family: PingFang SC; font-weight: 400; position: relative; top: -11px; color: #000; } .section_item_aside_fl .nowshijian { font-size: 20px; margin-right: 6px; font-weight: 400; letter-spacing: 0.73px; white-space: nowrap; color: #323232; } .yiyun_text-wenben { color: #9B9B9B; font-size: 12px; cursor: pointer; } .yiyun_btn_info { border: 0; border-radius: 4px; font-size: 14px; width: 80px; height: 28px; line-height: 28px; color: rgba(155, 155, 155, 1); background: -webkit-linear-gradient(top, #E1E2E8, #B0B0B7); color: #323232; cursor: pointer; } .section_item { display: inline-block; } .yiyun_point_group li { display: inline-block; margin: 0 10px; width: 70px; } .yiyun_point_group { text-align: center; } .yiyun_point_group .yiyun_point { display: inline-block; width: 10px; height: 10px; background-color: #d8d8d8; margin: 0 3px; border-radius: 10px; } .yiyun_point_group .yiyun_point.yyactive { background-color: #a8a8a8; } .section_item_aside_fl { /* min-height: 85px; */ width: 80%; /* border: 1px solid #000;*/ } .first-leftarrow{ font-size: 19px; color: #A7A8B7; position: relative; top: 4px; } .section_item_aside_ce { /*border: 1px solid #ccc;*/ width: calc(100vw - 550px); text-align: center; } .yiyun_point_group { width: 500px; margin: 0 auto; cursor: pointer; } .active { background-color: #a8a8a8 !important; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } .newProject_next_taggle1, .newProject_next_taggle2, .newProject_next_taggle3 { width: 800px; } /*云盘*/ .cloudpan_headbox { background-color: #555564; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); color: #fff; } .cloudpan_headbox .yiyun_headerfl, .cloudpan_headbox .yiyun_headerce, .cloudpan_headbox .yiyun_headerfr>a { color: #fff; } .cloudindexbody { background-color: #62626f!important; } .yiyun_section_1368 { width: 1368px; height: auto; margin: 0 auto; } .pt-10{ padding-top: 10px; overflow: hidden; } .mt_30 { margin-top: 30px; } .mtb-10{ margin-top: 10px; margin-bottom: 10px; } .mt_54 { margin-top: 54px; } .ml-8 { margin-left: 8px; } .ml-36 { margin-left: 36px; } .yiyun_text-title { font-size: 18px; color: #A7A8B7; float: left; line-height: 28px } .yiyun_text-title-workspace{ display: flex } .yiyun_text-title-workspace a{ font-size: 18px; color: #A7A8B7; float: left; line-height: 28px; text-decoration: none } .yiyun_text-title-workspace a:last-child .el-icon-arrow-left{ opacity: 0; } .yiyun_text-title-workspace a:last-child{ color: #000; background-color: #cccdd7; display: flex; padding-left: 15px; border-radius: 4px; padding-top: 0px; padding-bottom: 0px; position: relative; } .new_fifle { outline: none; padding-left: 20px; width: 102px; background: url(/static/img/new_btn_fifle.png) no-repeat 0 0; height: 24px; line-height: 23px; } .yupan_card_box ul li { float: left; height: 258px; margin: 0px 24px; cursor: pointer; overflow: hidden; position: relative; } .downloadBtn_yiyun { font-size: 30px; position: absolute; right: 10px; top: 143px; color: #fff; display: none; cursor:pointer; } .mr-30 { margin-right: 30px; } .yupan_card_box ul li:hover>.downloadBtn_yiyun { display: block; } .yupan_card_box ul li img { display: block; width: 180px; height: 180px; /* border-radius: 20px; */ transition: ease all 0.5s; } .yupan_card_box ul li>div { display: block; width: 180px; height: 180px; border-radius: 20px; transition: ease all 0.5s; } .yupan_card_box ul li:hover>div { background-color: #32323c; } .yiyun_file_infobox { display: block; text-align: center; } .yiyun_file_newlabel { display: inline-block; width: 8px; height: 8px; border-radius: 7px; background-color: #4a90e2; } .yiyun_file_name { font-size: 18px; color: #fff; width: 180px; word-break: break-all; margin-top: 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 500; font-family: Pingfang SC; } .yiyun_file_name-mid { font-size: 15px; color: #fff; width: 136px; word-break: break-all; margin-top: 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 400; font-family: Pingfang SC; } .yiyun_file_info { display: block; font-size: 11px; color: #adadad; margin-top: 2px; } .fifle_pcdialogbox { width: 100%; height: calc(100vh); position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); } .fifle_pcdialogboxInputbox { width: 680px; height: 82px; margin: 0 auto; margin-top: 23%; border-radius: 20px; background-color: rgba(50, 50, 60, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .passwordicon { display: inline-block; width: 48px; height: 48px; margin: 17px 24px; } .large_input_password { width: 435px; height: 40px; margin: 20px 0; padding-left: 20px; border: 1px solid #fff; } .fifle_pcdialogboxInputbox>a { font-size: 22px; line-height: 82px; margin-left: 30px; color: #fff; text-decoration: none; } /*新建文件夹弹框 start*/ .bottomdialog { width: calc(100vw - 120px); height: calc(100vh - 60px); box-shadow: 0 0 15px #333; margin-right: auto; background-color: #55555d; position: absolute; bottom: 0px; margin-left: 50%; left: calc(-50vw + 60px); border-radius: 16px 16px 0 0; } .bottomdialogbox::after { background-position: center top; background-size: cover; background-attachment: fixed; -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); filter: blur(20px); } .bottomdialogbox { width: 100%; height: calc(100vh); /*background-color: rgba(255,255,255,0.52);*/ position: fixed; left: 0; bottom: -999px; opacity: 0; z-index: 99; background-color: rgba(98, 98, 111, 0.82); } .yiyun_dialog_left, .yiyun_dialog_right { /* width: 200px; */ float: left; } .yiyun_dialog_left { margin-left: 60px; text-align: left; position: absolute; } .yiyun_dialog_right { text-align: right; position: absolute; right: 60px; top: 0px; } .yiyun_dialog_center { width: 800px; color: #fff; margin: 0 auto; position: relative; } /*新建文件夹弹框 end*/ /*浏览文件start*/ .scanindexbox { margin-top: 30px; } .wenjianscan_box_fl { float: left; width: 140px; height: 387px; margin-right: 15px; padding: 5px; } .wenjianscan_box_ce { float: left; width: 960px; height: 940px; box-shadow: 0px 10px 14px 0px rgba(83, 83, 83, 1); border: 1px solid rgba(235, 235, 242, 1); background-color: #fff; } .wenjianscan_box_fr { float: left; margin-left: 15px; width: 100px; height: 500px; } /*浏览文件end*/ .yiyun_v_btngroup_item_bg { width: 52px; height: 111px; border-radius: 45px; background-color: rgba(50, 50, 60, 1); box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5); } .yiyun_v_btngroup_1 .yiyun_v_btngroup_item_bg { width: 52px; height: 52px; border-radius: 45px; background-color: rgba(50, 50, 60, 1); box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5); } .yiyun_v_btngroup_item { width: 52px; } .yiyun_v_btngroup_item_bg>a, .yiyun_v_btngroup_item>a { display: block; width: 28px; height: 28px; margin: 16px auto; } .yiyun_v_btngroup_1 .yiyun_v_btngroup_item_bg>a, .yiyun_v_btngroup_1 .yiyun_v_btngroup_item>a { margin: 11px auto; } .yiyun_v_btngroup>a { display: block; background-color: rgba(50, 50, 60, 1); width: 52px; padding: 12px 0; } .yiyun_v_btngroup>a:first-child { border-radius: 26px 26px 0 0; } .yiyun_v_btngroup>a:last-child { border-radius: 0 0 26px 26px; } .yiyun_v_btngroup>a i { display: block; margin: 0 auto; } .yiyun_v_btngroup { display: inline-block; border-radius: 26px; border: 0; box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5); } .yiyun_headerfr_item_r .updowndrop .el-dropdown { margin-top: -20px; top: 20px; } .bottomdialogbox_list_head { float: left; height: 79px; line-height: 79px; } .bottomdialogbox_list_head h3 { font-size: 26px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .bottomdialogbox_list_head .text_concenter .el-input { width: 300px; } .yiyun_col-4 { width: 33.333%; float: left; } .yiyun_col-3 { width: 25%; float: left; } .yiyun_col-6 { width: 50%; float: left; } .yiyun_col-12 { width: 100%; float: left; } .el-input_mini .el-input__inner { height: 30px; } .text_concenter { text-align: center; } .text_concenter .el-input__icon { line-height: 28px; } .width_120 { width: 120px; } .yiyun_line { width: 100%; height: 1px; background-color: #62626F; margin: 8px 0; } .yiyun_line2{ width: 100%; height: 1px; background-color: #CCCDD7; margin: 17px 0 20px 0; } .line_from .el-input__inner { border-radius: 5px; border: 0; background-color: #32323C; height: 36px; line-height: 36px; color: #fff; } .yonghutouxiangBox{ float: left; margin-right: 28px; margin-bottom: 15px; text-align: center } .yonghutouxiangBox>span{ color: rgba(255, 255, 255, 1); font-weight: 200; font-size: 12px; margin-top: 8px; } .touxiang_hezuorenBox { display: inline-block; } .touxiang_hezuorenBox-item { position: relative; width: 60px; height: 60px; border-radius: 30px; cursor: pointer; overflow: hidden; } .tianjiaxiezuoren h5 { font-size: 16px; margin-top: -10px; color: #fff; } .textlabelgray .el-form-item{ margin-bottom: 0px; } .textlabelblock .el-form-item { margin-bottom: 10px; } .touxiang_hezuorenBox-item i { display: none; font-size: 24px; width: 150%; height: 150%; position: absolute; top: 0; left: 0; line-height: 60px; opacity: 0; text-align: center; background-color: rgba(0, 0, 0, 0.1); transition: ease all 0.5s; } .touxiang_hezuorenBox-item:hover>i { width: 100%; height: 100%; top: 0; opacity: 1; background-color: rgba(0, 0, 0, 0.7); } .bg_text_wirte .el-collapse-item__header { color: #ffffff; cursor: pointer; border-bottom: 1px solid #62626f; background-color: transparent; position: relative; font-size: 15px; } .bg_text_wirte .el-collapse-item__wrap { background-color: transparent; } .bg_text_wirte .el-collapse { border-top: 1px solid #62626f; border-bottom: 1px solid #62626f; } .mr_20 { margin-right: 10px; } .el-checkbox__inner { width: 10px; height: 10px; border-radius: 16px; } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #8c00ff; border-color: #8c00ff; } .mt-8 { margin-top: -8px; } .mt-7 { margin-top: 7px; } .user_info_item { color: #fff; height: 30px; padding: 0px 8px 8px 8px; border-radius: 4px; transition: all ease 0.5s; cursor: pointer; margin-top: 5px; overflow: hidden; } .user_info_item .user_info_faceImg { width: 30px; height: 30px; border-radius: 15px; margin-right: 10px; float: left; margin-top: 4px; } .user_info_item .el-checkbox { float: left; margin-right: 10px; } .el-collapse-item__wrap { border-bottom: 1px solid #62626f; } .user_info_item span { display: inline-block; line-height: 34px; } .user_info_item .user_info_name { display: inline-block; width: 70px; font-size: 14px; color: #cccdd7; margin-right: 14px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; margin-top: 1px; } .user_info_item .user_info_job { font-size: 12px; color: #cccdd7; width: 70px; float: left; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .user_info_item .user_info_role { float: right; font-size: 13px; color: #cccdd7; margin-right: 10px; } .renyuanbox { overflow: hidden; } .checkBoxCol { color: #ffffff !important; } .checkxiezuoren { position: absolute; right: 8px; } .checkBoxDeptName { position: absolute; right: 30px; } .rightXiezuoren { margin: 7px 0px 7px 15px; color:#FEFEFE; font-size: 17px; font-weight: 400; } .row_painfl { padding-right: 19px; } .row_painfr { padding-left: 8px; margin-left: 10px; margin-top: 7px; color: #fff; font-size: 16px; } .row_painfl .el-collapse-item__arrow{ font-size: 25px; color: #ebebf2; } .shuxian { position: absolute; left: 50%; width: 1px; height: 600px; background-color: #62626f; } .xiezuobox { position: relative; /* overflow-y: auto; overflow-x: hidden */ } .xiezuobox::-webkit-scrollbar { width: 5px; padding-right: 4px; border-radius: 4px; background-color: #32323c; /*其他样式,比如圆角等*/ } /*滑块样式*/ .xiezuobox::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; height: 300px; background-color: #adadad; } /*当前窗口失去焦点时的滑块样式*/ .xiezuobox::-webkit-scrollbar-thumb:window-inactive { background-color: #adadad; } .yiyun_zhedie, .yiyundialog_close { color: #f9f9f9; cursor: pointer; margin-top:28px; } .yiyundialog_close{ font-size: 18px; } .yiyun_zhediebtn{ margin-top: -4px; display: block; } .yiyun_anniu1 { text-align: center; display: block; width: 52px; border-radius: 26px 26px 0 0; padding: 10px 0 10px 0; background-color: rgba(50, 50, 60, 1); } .yiyun_anniu1:hover { background-color: rgba(50, 50, 60, 1); } .yiyun_anniu2 { display: block; text-align: center; width: 52px; border-radius: 0 0 26px 26px; background-color: #ccc; padding: 10px 0 10px 0; background-color: rgba(50, 50, 60, 1); } /*btngrup*/ .btn_grouplist1 { width: 52px; overflow: hidden; border-radius: 26px; border: 0; } .btn_grouplist2 { width: 52px; overflow: hidden; border: 0; } .yunjianzhu_show { box-shadow: 0px 3px 6px 1px rgba(60, 60, 60, 0.5); } .yunjianzhu_noshow { box-shadow: 0px 0px 0px 0px rgba(60, 60, 60, 0.5); } .btn_list1 { padding: 12px 12px 9px 12px; border: 0; border-radius: 26px 26px 0 0; } .btn_list3 { padding: 9px 12px 12px 12px; border: 0; border-radius: 0 0 26px 26px; } .btn_bg_block { background-color: #32323c; } .btn_bg_block:hover { transition: ease all 0.5s; background-color: #4b4b50; } .btn_bg_baise { background-color: #fff; } .btn_bg_baise:hover { transition: ease all 0.5s; background-color: #4b4b50; } .btn_bg_text { transition: ease all 0.5s; background-color: transparent; } .yiyuntextbtn { padding: 9px 12px 12px 12px; } .popover_ul { margin: 0; padding: 0; font-size: 14px; line-height: 36px; margin-left: 8px; } .popover_ul_nopadding { margin: 0; } .popover_ul li a { color: #A7A8B7; text-decoration: none; transition: ease all 0.5s; } .popover_ul li a:hover { color: #000; } .el-popover { border: 0px solid #ebeef5; border-radius: 20px; box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2); } .scanleft_bottombtn { position: fixed; bottom: 60px; } .historyBox { position: absolute; width: 400px; height: 930px; border-radius: 10px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .fugaibtn { top: 72px; } .danqianactive { font-weight: 600; } .cicle_baiseanniu { width: 52px; height: 52px; border-radius: 45px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); border: 0; } .nullbox { width: 100%; height: 40px; } .labelinputbefore .el-input-group__prepend { background-color: transparent; border: 0; font-size: 16px; color: #EBEBF2; border-radius: 0px; border-bottom: 1px solid #62626f; text-align: left; padding: 0; } .locationbtn .el-input-group__append { border: 0; font-size: 24px; padding: 0; height: 36px; border-radius: 0 5px 5px 0; background-color: rgba(50, 50, 60, 1); } .label_text { font-size: 16px; margin-bottom: 16px; margin-top: 10px; color: #fff; } .label_text_moren { border: 0; background: transparent; color: #fff; font-size: 16px; margin-bottom: 16px; margin-top: 10px; font-weight: bold; } .bg_baise { background-color: rgba(255, 255, 255, 0.52); } .large_checkbox .el-checkbox__inner { width: 20px; height: 20px; border-radius: 10px; margin-left: 10px; } .large_checkbox .el-checkbox__inner::after { height: 7px; left: 7px; top: 4px; } .backshangyicheng { position: absolute; left: -30px; width: 10px; height: 28px; top: 26px; } .xiezuo_input.el-input { width: 90%; } .xiezuo_input .el-input__inner { height: 36px; line-height: 36px; } .add_newxiezuo ul li { height: 49px; border-bottom: 1px solid #62626f; line-height: 49px; } .add_xiezuo_title { display: inline-block; color: #fff; font-size: 14px; } .add_xiezuo_icon_plus { float: right; color: #fff; font-size: 15px; line-height: 50px; margin-right: 6px; } .popover_ul li a { font-weight: 600; /*color: #000;*/ } .user_info_item:hover { background-color: #23232b; } .el-collapse-item__content { padding-bottom: 0px; } .user_info_role .setroleselect { width: 65px; } .setroleselect .el-input__inner { background-color: transparent; padding: 0; border: 0; font-size: 14px; position: relative; color: #cccdd7; } .setroleselect .el-select__caret { width: 0; font-size: 0px; } .user_info_role { display: block; float: left; } .user_info_role .el-icon-close { float: right; margin-top: 11px; cursor: pointer; margin-left: 10px; display: none; } .user_info_item:hover>.user_info_role .el-icon-close { display: block; } .user_info_role .el-icon-close:hover { border-radius: 50%; background-color: #f00; color: #fff; } .projectbox_item_model { border-radius: 10px; height: 286px; margin: 10px 0; } .projectbox_item_model:hover>.project_item_model{ border-radius: 10px; transform: scale(1.05); transition: ease all 0.5s; box-shadow: 0px 12px 14px rgba(0, 0, 0, 0.2); } .yupan_card_box ul li:nth-child(8n+1) { margin-left: 0 } .defualtBtnInfo.el-button:hover { background: #9c23ff; border-color: #9c23ff; color: #fff; transition: all ease 0.5s; } .projectbox_card_warp { /* padding: 20px 6px; */ width: 1840px; /*position: relative; left: -30px;*/ border-radius: 20px; margin: 0 auto; } .projectbox_card { border-radius: 20px; /* background-color: #EBEBEB; */ transition: ease all 0.5s; margin: 15px 0; } .yiyun_product_item { width: 100%; height: 245px; border-radius: 10px; background-color: #ccc; overflow: hidden; /* box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); */ position: relative; } .zuiright { position: relative; right: -10px; } .yiyun_product_item img { position: absolute; } .yiyun_product_item_top { position: absolute; top: 0px; width: 100%; } .yiyun_product_itembarfl { float: left; margin-top: 16px; margin-left: 16px; } .yiyun_product_itembarfl span { display: inline-block; width: 28px; height: 28px; border-radius: 14px; color: #fff; font-size: 15px; text-align: center; line-height: 28px; cursor: pointer; } .yiyun_product_itembarfr { float: right; margin-top: 16px; margin-right: 16px; } .projectbox_item_model .el-dropdown{ opacity: 0; transition: ease all 0.5s; } .projectbox_item_model:hover .yiyun_product_item .el-dropdown{ opacity: 1; } .btn_yiyun_cardinfo_a { background-color: #9c23ff; } .btn_yiyun_cardinfo_b { background-color: #4a90e2; } .newtip{ position: absolute; top: 0; left: 1px; width: 8px; height: 8px; border-radius: 4px; background-color: #26ADFC; } .wenjiantitle { position: relative; bottom: -124px; margin-left: 20px; } .wenjiantitle h4 { line-height: 28px; color: #fff; font-size: 25px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); font-weight: 600; font-family: Pingfang SC; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .yiyun_product_card_tips { font-size: 14px; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .mr-15 { margin-right: 15px; } .longBtn { width: 100%; margin: 15px 0; } .defualtBtnInfo.el-button { color: rgba(50, 50, 60, 1); font-size: 14px; height: 30px; border-radius: 21px; background-color: rgba(255, 255, 255, 1); border: 0.5px solid rgba(212, 212, 212, 1); margin-bottom: 10px; padding: 0px 23px !important; } .gantetu_listBox { width: 400px; height: 412px; /*background-color: #ccc;*/ } .yyactive { background-color: #adadad; } .yiyunLayout_col-12 { width: 100%; float: left; } .yiyunLayout_col-6 { width: 50%; float: left; } .yiyunLayout_col-4 { width: 25%; float: left; } .top_gonggao { text-align: center; margin-top: 20px; } h3.yiyuntitle { color: rgba(0, 0, 0, 1); font-size: 18px; line-height: 36px; display: inline-block; position: relative; top: 1px; font-weight: 400; font-family: Pingfang SC; } span.yiyun_tishibtn { color: rgba(167, 168, 183, 1); font-size: 12px; text-align: center; } .ml-24 { margin-left: 24px; } .yiyun_yinggyong_list { display: inline-block; width: 285px; height: 250px; background-color: #fff; margin: 20px 24px; position: relative; border-radius: 10px; cursor: pointer; background-color: rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); overflow: hidden; } .yiyun_yinggyong_list:hover { transition: all ease 0.5s; } .yiyun_yinggyong_list:hover>img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); transition: ease all 0.5s; } .yinyong_bg_img { display: block; width: 100%; height: 100%; } .yiyun_label_yinyong { position: absolute; top: 20px; left: 20px; background-color: #ED1B35; border-radius: 10px; font-size: 10px; padding: 3px 10px; color: #fff; } .yiyun_label_yinyong2 { position: absolute; top: 20px; left: 20px; font-size: 14px; color: #000; cursor: pointer; } .label_text_yingyong { position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 22px; text-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); font-weight: 500; font-family: Pingfang SC; } .yiyun_wenjian_list { width: 136px; float: left; height: 200px; margin: 0 8px; } .yiyun_wenjian_list:hover { background-color: #ddddde; border-radius: 10px; } .yiyun_row.py-x-22,.py-x-22{ margin-left: -22px; margin-right: -22px; } .mt-12{ margin-top: 12px; } .pageImgBox.ml-110,.ml-110{ margin-left: 110px; } .nohover:hover{ background-color: transparent; } .settingIcon{ color: #fff; font-size: 20px; } .top_optionBar{ opacity: 0; } .yiyun_wenjian_list:hover .top_optionBar{ opacity: 1; } .yiyunwenjian_name { color: #32323c; font-size: 15px; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-weight: 400; word-break: break-all; } .yiyunwenjian_infodesc { color: #9B9B9B; font-size: 11px; text-align: center; display: block; } .noFile { margin-left: 50%; margin-top: 5%; font-weight: bold; font-size: 16px; } .gonggao_content p { line-height: 22px; color: rgba(255, 255, 255, 1); font-size: 16px; text-align: justify; margin-top: 20px; } .yiyun_wenjian_list:hover>.yiyunwenjian_imgbox { background-color: #d8d8d8; transition: all ease 0.5s; cursor: pointer; border-radius: 10px; } .yinyong_warpBox { overflow: unset; } .yiyun_yingyongBox_wrap { height: 300px; overflow: hidden; } .flex_right_pain { -webkit-app-region: no-drag; position: fixed; top: 24px; bottom: 16px; right: -800px; background-color: #f7f8f9; width: 375px; /* height: calc(100vh - 100px); */ overflow-y: auto; overflow-x: hidden; border-radius: 10px; transition: all ease 0.5s; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); z-index: 9; } .fifle_search { margin: 0 auto; } .fifle_search .el-input__icon { line-height: 30px; } .yiyun_app_info_box li { height: 44px; line-height: 44px; color: #000; padding: 0 16px; overflow: hidden; } .noshodow .el-input--suffix .el-input__inner{ background-color: rgba(244, 244, 246, 1); box-shadow: 0 0px 0px #c3c3c3; border: 0; } .yiyun_app_info_box .el-switch { margin-top: 12px; } .yiyun_app_info_box .el-switch.is-checked .el-switch__core { border-color: #8c00ff; background-color: #8c00ff; } .yiyun_yinyongname { color: #8c00ff; font-size: 15px; margin-top: 14px; display: block; margin-left: 0px; margin-bottom: 12px; padding: 0 16px; } .line35 .el-checkbox__label{ font-size: 13px; color: #000; padding-left: 6px; } .line35{ line-height: 35px; } .flex_right_pain_head h4{ line-height: 48px; font-size: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .RdiaheaderTitle{ padding-left: 16px; } .flex_right_pain_head .el-icon-arrow-left{ line-height: 48px; margin-left: 8px; } .flex_right_pain_head .icon-icon_quxiaohuoguanbi{ margin-right: 16px; line-height: 48px; font-size: 20px; } .centertext{ text-align: center } .el-icon-close { cursor: pointer; } .julidingbu_15 { margin-top: 15px; display: block; } button:focus { outline: none; } /*工期审核*/ .workchack_itembgBox { position: relative; left: -25px; width: 1350px; } .workchack_item { width: 400px; float: left; margin: 0px 15px; padding: 0px 10px; position: relative; top: 0px; margin-top: 12px; padding: 10px; } .workchack_item .yiyun_product_item—mincard { width: 390px; height: 88px; border-radius: 10px; background-color: rgba(255, 255, 255, 1); border-left: 10px solid #4A90e2; transition: ease all 0.5s; cursor: pointer; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .workchack_item .yiyun_text_mini { font-size: 12px; } .workchack_item .yiyun_text_middle { font-size: 20px !important; } .section_item_aside_fl .workchack_item .yiyun_text_large { font-size: 38px; font-weight: 600; } .mincard_left_item span, .mincard_right_item span { display: block; } .mincard_left_item { margin-left: 15px; margin-top: 10px; } .mincard_right_item { margin-top: 10px; margin-right: 25px; } .mt-12 { margin-top: 12px; } .text_color_defualt { color: #8C00FF; } .mincard_right_item .yiyun_text_large { text-align: right; } .yiyun_product_item—mincard:hover { border-left-color: #A6E9CE; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } /*卡片浮动层*/ .yiyunupdown_box { margin-top: 10px; width: 350px; background-color: #fff; border-radius: 10px; background-color: rgba(255, 255, 255, 1); /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */ overflow: hidden; padding: 15px; } .yiyun—primary { font-size: 14px; padding: 6px 26px; background-color: #8C00FF; border-radius: 15px; border: 0; color: #fff; cursor: pointer; } .yiyun—info { font-size: 14px; padding: 6px 26px; background-color: #62626F; border-radius: 15px; border: 0; color: #fff; cursor: pointer; } .yiyun_querenyouce>button { display: block; } .mt_10 { margin-top: 10px; } .yiyun_uerinfobox { margin-top: 5px; } .yiyun_uerinfobox ul li { font-size: 15px; margin: 5px 0; } .yiyun_uerinfobox ul li label { width: 70px; text-align: justify; display: inline-block; letter-spacing: 8px; font-weight: 600; } .gongqibeizhuyun { font-size: 16px; margin-top: 25px; margin-bottom: 40px; line-height: 22px; } .biaoqian_addgongqi span { display: block; } .yiyunprogressbox { width: 100%; height: 26px; position: relative; } .yiyun_probg, .current_pro, .current_delaypro, .progresslabel, .current_delayprolabel { position: absolute; } .yiyunprogressbox .progresslabel { left: 10px; top: 1px; z-index: 4; font-size: 14px; } .yiyunprogressbox .current_delayprolabel { right: 10px; top: 1px; z-index: 5; font-size: 14px; color: #fff; } .current_delaypro { background-color: #D0021B; border-radius: 0px 13px 13px 0px; width: 20%; right: 0; z-index: 3; text-align: right; } /*蓝色进度条定义*/ .pro_yiyun_blue .yiyun_probg { background-color: #92B8E5; border-radius: 13px; width: 100%; z-index: 1; } .pro_yiyun_blue .current_pro { background-color: #4A90E2; border-radius: 13px 0 0 13px; width: 30%; z-index: 2; } /*绿色进度条定义*/ .pro_yiyun_green .yiyun_probg { background-color: #94E8C7; border-radius: 13px; width: 100%; z-index: 1; } .pro_yiyun_green .current_pro { background-color: #4AE2A5; border-radius: 13px 0 0 13px; width: 10%; z-index: 2; } /*紫色进度条定义*/ .pro_yiyun_purple .yiyun_probg { background-color: rgba(226, 74, 225, 30%); border-radius: 13px; width: 100%; z-index: 1; } .pro_yiyun_purple .current_pro { background-color: #E24AE1; border-radius: 13px 0 0 13px; width: 50%; z-index: 2; } /*紫色进度条定义*/ .pro_yiyun_orange .yiyun_probg { background-color: #f2dfd4; border-radius: 13px; width: 100%; z-index: 1; } .pro_yiyun_orange .current_pro { background-color: #E2844A; border-radius: 13px 0 0 13px; width: 70%; z-index: 2; } .yiyuninput_number { margin: 40px 0; text-align: center; } .section_item_aside_fl .yiyunjishuqiinput span { font-size: 20px; margin-right: 6px; border-radius: 50%; width: 36px; height: 36px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); } .yiyunjishuqiinput .el-input__inner { font-size: 58px; border: 0; height: 44px; color: #000000; } .yiyunjishuqiinput.el-input-number { width: 100%; } .yiyuninput_number_label { font-size: 15px; } .workchack_item_warp { width: 1350px; position: relative; left: -25px; top: -18px; } .card_yiyunrecord .yiyun_yinggyong_list { display: inline-block; width: 100%; height: auto; background-color: #fff; margin: 20px 0px; position: relative; border-radius: 10px; cursor: pointer; } .biaozhu_tupian { color: rgba(173, 173, 173, 1); font-size: 12px; text-align: center; display: block; } .yiyunjishuqiinput .el-input-number__decrease, .yiyunjishuqiinput .el-input-number__increase { font-size: 20px; margin-right: 6px; border-radius: 50%; width: 36px; height: 36px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); margin-top: 2px; } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #8c00ff; } .section_item_aside_fl .workchack_item span { font-size: 12px; margin-right: 0px; } .yiyuntab_toggle { color: #A7A8B7; } .yiyuntabactived { color: #000; } .bianji_input { width: 370px; height: 36px!important; line-height: 36px!important; border-radius: 4px!important; background-color: rgba(49, 49, 59, 1); color: #fff; border: 0; padding-left: 10px; } .bianji_input_toggle { color: #fff; } .self_eidt_selfWorkImg { display: none; } .self_eidt_selfWork { margin-top: 15px; } .workchack_item_warp .yiyun_row, .project_workTimeItme .yiyun_row { left: 0; } .section_item_aside_fl .yiyun_label_yinyong { font-size: 10px; border-radius: 13px; } .section_item_aside_fl .cicle_raduas span { font-size: 14px; } .cicle_raduas { padding: 6px 22px; position: relative; top: -1px; } .popoveractive { color: #000; font-weight: bold; } .popover_ul li { cursor: pointer; } .wenjianscan_box_ceContent { width: 700px; margin: 50px auto; } .wenjianscan_box_ceContent h2 { text-align: center; line-height: 60px; } .wenjianscan_box_ceContent p { text-align: justify; font-size: 16px; line-height: 32px; color: #666; margin: 50px 0; text-indent: 33px; } .left_dinwei_btn { position: fixed; top: 75px; padding: 10px; margin-left: -10px; } .right_dinwei_btn { position: fixed; top: 75px; padding: 10px; margin-right: -10px; } .back_top { position: relative; } .back_top_btn { position: absolute; left: -29px; top: -2px; cursor:pointer; } .back_title{ cursor:pointer; } .caozuotishi_btn { display: inline-block; margin-left: 20px; position: relative; top: 10px; } .yiyun_label_yinyong_worker { color: rgba(255, 255, 255, 1); font-size: 11px; text-align: right; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.5); position: absolute; bottom: 58px; left: 20px; } .height_auto { height: auto; } .project_workreviewItme { margin-top: 12px; } .label_slide_btn { display: inline-block; position: relative; top: 8px; margin-left: 20px; } .project_workTimeItme .wenjianbox_warp { left: -22px; } .project_workTimeItme .wenjianbox_warp .yiyunwenjian_infodesc { font-size: 11px; } .newmassage_yinyong { display: inline-block; width: 10px; height: 10px; background-color: #D0021B; border-radius: 50%; margin-right: 10px; position: relative; top: -3px; } .newmassage_wenjian { display: inline-block; width: 10px; height: 10px; background-color: rgba(74, 144, 226, 1); border-radius: 50%; margin-right: 10px; position: relative; top: -3px; } .mt-12 { margin-top: 12px; } .project_workTimeItme { margin-top: 12px; } .layout_content::-webkit-scrollbar, .admin_contentBox_body::-webkit-scrollbar{ width: 8px; height: 8px; padding-right: 4px; border-radius: 4px; background-color: #f6f6f6; /*其他样式,比如圆角等*/ } /*滑块样式*/ .layout_content::-webkit-scrollbar-thumb,.admin_contentBox_body::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; height: 300px; background-color: #adadad; } /*当前窗口失去焦点时的滑块样式*/ .layout_content::-webkit-scrollbar-thumb:window-inactive,.admin_contentBox_body::-webkit-scrollbar-thumb:window-inactive { background-color: #adadad; } .biaoti_head { margin-top: 22px; margin-bottom: 12px; } .personManagerBox { width: 640px; height: 703px; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); } .bg_black { background-color: rgba(98, 98, 111, 1); } .bg_wirte { background-color: rgba(255, 255, 255, 1); } .part_nameBody { overflow: initial; } .personManagerBoxBody { width: 100%; margin: 20px; } .yiyun_collapse { width: 600px; } .yiyun_collapse .el-carousel__mask, .yiyun_collapse .el-cascader-menu, .yiyun_collapse .el-cascader-menu__item.is-disabled:hover, .yiyun_collapse .el-collapse-item__header, .yiyun_collapse .el-collapse-item__wrap { background-color: transparent; } .yiyun_collapse .el-collapse-item__header { border: 0; } .yiyun_collapse.el-collapse { border: 0; } .collapse_title { font-size: 18px; font-weight: 500; line-height: 20px; color: #CCCDD7; } .yiyun_checkbox_label { color: #CCCDD7; font-size: 14px; } .user_info_item_list .user_info_faceImg { width: 30px; height: 30px; border-radius: 15px; } /* 文件格式 */ .fifleimg_box { width: 180px; height: 180px; } .fifleimg_box-mid { width: 136px; height: 136px; } .defultImage { width: 136px; height: 136px; background-image: url(/static/img/defult.png); } .defultImage-mid { width: 136px; height: 136px; background: url("/static/img/fileType/default.svg") no-repeat center; background-size:80% 76%; } .folder { background: url("/static/img/bgtupian.png") no-repeat 0px 0; } .folder1 { background: url("/static/img/bgtupian.png") no-repeat 0px 0; } .folder-mid{ background: url("/static/img/bgtupian.png") no-repeat -11px -200px; } .folder2 { background: url("/static/img/bgtupian.png") no-repeat -180px 0; } .folder2-mid { background: url("/static/img/bgtupian.png") no-repeat -147px -200px; } .foldernew-mid{ background: url("/static/img/folder.png") no-repeat 0px 0px; } .doc, .docx, .word { background: url("/static/img/bgtupian.png") no-repeat -360px 0; } .doc-mid, .docx-mid, .word-mid { background: url("/static/img/fileType/word.svg") no-repeat center; background-size:80% 76%; } .xls, .xlsx, .excel { background: url("/static/img/bgtupian.png") no-repeat -540px 0; } /* 开始 */ .xls-mid, .xlsx-mid, .excel-mid { background: url("/static/img/fileType/excel.svg") no-repeat center; background-size:80% 76%; } .ppt, .pptx { background: url("/static/img/bgtupian.png") no-repeat -720px 0; } .ppt-mid, .pptx-mid { background: url("/static/img/fileType/PPT.svg") no-repeat center; background-size:80% 76%; } .pdf { background: url("/static/img/bgtupian.png") no-repeat -900px 0 } .pdf-mid { background: url("/static/img/fileType/pdf.svg") no-repeat center; background-size:80% 76%; } .jpg, .jpeg, .png, .bmp, .gif { background: url("/static/img/bgtupian.png") no-repeat -1080px 0; } .jpg-mid, .jpeg-mid, .png-mid, .bmp-mid, .gif-mid { background: url("/static/img/bgtupian.png") no-repeat -827px -200px; } .txt-mid, .ae-mid, .ai-mid, .idml-mid, .indd-mid, .mp3-mid, .pr-mid, .ps-mid, .sketch-mid, .xmind-mid, .zip-mid, .dwg-mid, .doc-mid, .docx-mid, .word-mid, .xls-mid, .xlsx-mid, .excel-mid, .dxf-mid, .max-mid, .nwc-mid, .pdf-mid, .ppt-mid, .pptx-mid, .rvt-mid, .skp-mid, .defultImage-mid, .video-mid{ /* position: relative; top: 18px; left: 15px; */ } .txt { background: url("/static/img/fileType/txt.svg") no-repeat center; } .txt-mid { background: url("/static/img/fileType/txt.svg") no-repeat center; background-size:80% 76%; } .zip{ background: url("/static/img/fileType/zip.svg") no-repeat center; } .zip-mid{ background: url("/static/img/fileType/zip.svg") no-repeat center; background-size:80% 76%; } .ae{ background: url("/static/img/fileType/ae.svg") no-repeat center; } .ae-mid{ background: url("/static/img/fileType/ae.svg") no-repeat center; background-size:80% 76%; } .ai{ background: url("/static/img/fileType/ai.svg") no-repeat center; } .ai-mid{ background: url("/static/img/fileType/ai.svg") no-repeat center; background-size:80% 76%; } .idml{ background: url("/static/img/fileType/idml.svg") no-repeat center; } .idml-mid{ background: url("/static/img/fileType/idml.svg") no-repeat center; background-size:80% 76%; } .indd{ background: url("/static/img/fileType/indd.svg") no-repeat center; } .indd-mid{ background: url("/static/img/fileType/indd.svg") no-repeat center; background-size:80% 76%; } .mp3{ background: url("/static/img/fileType/mp3.svg") no-repeat center; } .mp3-mid{ background: url("/static/img/fileType/mp3.svg") no-repeat center; background-size:80% 76%; } .pr{ background: url("/static/img/fileType/pr.svg") no-repeat center; } .pr-mid{ background: url("/static/img/fileType/pr.svg") no-repeat center; background-size:80% 76%; } .ps{ background: url("/static/img/fileType/ps.svg") no-repeat center; } .ps-mid{ background: url("/static/img/fileType/ps.svg") no-repeat center; background-size:80% 76%; } .sketch{ background: url("/static/img/fileType/sketch.svg") no-repeat center; } .sketch-mid{ background: url("/static/img/fileType/sketch.svg") no-repeat center; background-size:80% 76%; } .video{ background: url("/static/img/fileType/video.svg") no-repeat center; } .video-mid{ background: url("/static/img/fileType/video.svg") no-repeat center; background-size:80% 60%; top: 30px !important; } .xmind{ background: url("/static/img/fileType/xmind.svg") no-repeat center; } .xmind-mid{ background: url("/static/img/fileType/xmind.svg") no-repeat center; background-size:80% 76%; } .skp{ background: url("/static/img/bgtupian.png") no-repeat -1800px 0; } .skp-mid{ background: url("/static/img/fileType/skp.svg") no-repeat center; background-size:80% 76%; } .rvt{ background: url("/static/img/bgtupian.png") no-repeat -1980px 0; } .rvt-mid{ background: url("/static/img/fileType/dwg.svg") no-repeat center; background-size:80% 76%; } .rar{ background: url("/static/img/bgtupian.png") no-repeat -2160px 0; } .rar-mid{ background: url("/static/img/fileType/rar.svg") no-repeat center; background-size:80% 76%; } .nwc{ background: url("/static/img/bgtupian.png") no-repeat -2340px 0; } .nwc-mid{ background: url("/static/img/fileType/nwc.svg") no-repeat center; background-size:80% 76%; } .max{ background: url("/static/img/bgtupian.png") no-repeat -2520px 0; } .max-mid{ background: url("/static/img/fileType/max.svg") no-repeat center; background-size:80% 76%; } .dxf{ background: url("/static/img/bgtupian.png") no-repeat -2700px 0; } .dxf-mid{ background: url("/static/img/fileType/dxf.svg") no-repeat center; background-size:80% 76%; } .dwg{ background: url("/static/img/bgtupian.png") no-repeat -2880px 0; } .dwg-mid{ background: url("/static/img/fileType/dwg.svg") no-repeat center; background-size:80% 76%; } /* yun icon end */ .svfzip { background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1438px no-repeat; } .svfzip-mid { background: url("/static/img/AppHeadImg/appImg_com.png") -178px -1414px no-repeat; } .map { background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1259px no-repeat; } .map-mid { background: url("/static/img/AppHeadImg/appImg_com.png") -180px -1278px no-repeat; } .supermap{ background: url("/static/img/AppHeadImg/appImg_com.png") 0 -1620px no-repeat; } .supermap-mid{ background: url("/static/img/AppHeadImg/appImg_com.png") -180px -1550px no-repeat; } .showAllAppProject { height: auto; } .bianju_item_fr2 { margin-right: 0; } .yiyun_header .flex_right_pain_head { line-height: 22px; } .yiyun_header .flex_right_pain_body { line-height: 22px; } .user_Img { width: 100px; height: 100px; margin: 20px auto 8px auto; background-color: #DCDCDC; border-radius: 50px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .self_Inputwork { margin: 10px 0; font-weight: bold; font-size: 16px; height: 30px; line-height: 30px; border-radius: 15px; line-height: 30px; } .addself_workbtn { width: 382px; height: 30px; border-radius: 21px; font-size: 14px; color: #000; background-color: rgba(227, 227, 227, 1); border: 0.5px solid rgba(212, 212, 212, 1); transition: all ease 0.5s; } .webuploader-pick { width: 382px; height: 30px; padding: 0 !important; line-height: 30px; border-radius: 21px !important; font-size: 13px; color: #000 !important; background-color: rgba(227, 227, 227, 1) !important; border: 0.5px solid rgba(212, 212, 212, 1) !important; transition: all ease 0.5s; } .webuploader-pick:hover { background: #9c23ff !important; border-color: #9c23ff !important; color: #fff !important; } .user_Img img { max-width: 100px; max-height: 100px; } .userNamelabel { text-align: center; font-size: 18px; margin-bottom: 19px; } .rightLabel { line-height: 42px; cursor: pointer; color: rgba(235, 235, 242, 1); font-size: 12px; } .rightLabelDelete { margin-right: 10px; } .touxiangBox { width: 120px; margin: 0 auto; } .editImgHead .el-dialog { width: 30%; } .floderselect.el-select { width: 100%; } .right-list_btn { float: right; color: #9b9b9b; line-height: 44px; font-size: 26px; margin-right: -6px; } #upload_btn { opacity: 0; display: block; width: 1px; overflow: hidden; margin-right: 0; } .left-list_btn { float: left; color: #9b9b9b; line-height: 24px; font-size: 30px; margin-right: 0; cursor: pointer; } .yiyun_app_info_box li:hover { background-color: #f2f2f2; cursor: pointer; } .right-list_beizhu { font-size: 14px; color: #9b9b9b; line-height: 44px; float: right; } .biaotititle { width: 284px; text-align: center; margin: 0 auto; } .downtext_beizhu { font-size: 14px; color: #9b9b9b; line-height: 20px; margin-top: 10px; padding: 0 16px; } .eidtimg { position: relative; } .eidtimg>div { position: absolute; width: 100px; height: 100px; text-align: center; line-height: 100px; background-color: rgba(167, 168, 183, 0.7); color: #fff; transition: all ease 0.5s; top: 0; left: 0; display: none; cursor: pointer; } .eidtimg:hover>div { display: block; } .yiyunfile-Uploader .webuploader-pick { border: 0 !important; border-radius: 4px !important; font-size: 14px; width: 80px; height: 28px; line-height: 28px; background: #fff; color: #323232; cursor: pointer; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .baisebtn.yiyunfile-Uploader .webuploader-pick{ background: #e3e3e3!important; } .right-list_btn { float: right; color: #9b9b9b; line-height: 44px; font-size: 22px; margin-right: 0; } #upload_btn { opacity: 0; display: block; width: 1px; overflow: hidden; margin-right: 0; } .yiyun_app_info_box li:hover { background-color: #f2f2f2; cursor: pointer; } .right-list_beizhu { font-size: 14px; color: #9b9b9b; line-height: 44px; float: right; } .downtext_beizhu { font-size: 14px; color: #9b9b9b; line-height: 20px; margin-top: 10px; } .eidtimg { position: relative; } .eidtimg > img { cursor: pointer; } .eidtimg>div { position: absolute; width: 100px; height: 100px; text-align: center; line-height: 100px; background-color: rgba(167, 168, 183, 0.7); color: #fff; transition: all ease 0.5s; top: 0; left: 0; display: none; cursor: pointer; } .eidtimg:hover>div { display: block; } .cloudpan_headbox .flex_right_pain_head { color: #000 } .col-12-yiyun { width: 100%; } .yiyun_text-title a { text-decoration: none; color: #A7A8B7; float: left; } .yiyun_text-title>a:last-child a, .yiyun_text-title a:hover { color: #fff; } .mr-10 { margin-right: 10px; } .mr-5 { margin-right: 5px; } .user_info_companyName { font-size: 12px; color: #cccdd7; margin: 0 6px 0 14px; display: inline-block; width: 90px; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; } .imgHead { max-width: 100%; max-height: 100%; /* transform: scale(1.5); */ } /* .v-modal{ width: 0; height: 0 } */ /*探索者企业后台 2019年3月21日-添加-开始*/ .yiyun_headerfl.houtai, .yiyun_headerfr.houtai { width: 19%; margin-right: 0; } .yiyun_headerce.houtai { width: 50%; } .yiyun_headerfr.houtai a { float: right; } .Nowactive { border-bottom: 2px solid #8C00FF; } .fl_navBox { width: 400px; /* height: calc(100vh - 156px); */ height: calc(100% - 32px); float: left; } .fl_navBox_body { height: 100%; } .fl_contentBox { width: calc(100% - 398px - 16px); /* height: calc(100vh - 156px); */ height: calc(100% - 32px); float: right; overflow: initial; } .adminnavBox { margin-bottom: 10px; height: 37px; overflow: hidden; margin-top: 23px; cursor: pointer; } .adminnavBox h3 { display: inline-block; color: rgba(0, 0, 0, 1); font-size: 24px; font-weight: 400; } .adminnavBox h3 .el-icon-arrow-left{ font-size: 30px; position: relative; top: 3px; left: -6px; margin-right: -3px; } .admin_treeBox, .admin_contentBox_body { width: 100%; /* height: calc(100vh - 145px); */ height: 100%; border-radius: 10px; overflow-y: hidden; } .admin_treeBox { border-radius: 10px; background-color: rgba(98, 98, 111, 1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); } .admin_contentBox_body { box-sizing: border-box; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .adminnavBox span { color: rgba(142, 144, 159, 1); font-size: 22px; } .admintitle { padding: 10px 0 0 0; color: rgba(0, 0, 0, 1); font-size: 17px; display: inline-block; font-weight: 400; } .timelabel{ font-size: 12px; color: #999; line-height: 21px; } .border-line { width: 100%; height: 1px; background-color: rgba(204, 205, 215, 1); margin: 5px 0; } .border-line_light { width: 100%; height: 1px; background-color: rgba(216, 216, 216, 1); margin: 5px 0; } .topOption .el-button--text { color: #000; font-size: 13px; } .el-button--text:focus, .el-button--text:hover { color: #8c00ff; border:1px solid transparent } .el-table td, .el-table th { padding: 7px 0; } .el-table { font-size: 12px; } .toxiang_box { width: 32px; height: 32px; background-color: #ccc; border-radius: 15px; overflow: hidden; } .admin_contentBox_bodyPain { /* margin: 10px; */ /* min-width: 666px; */ } .el-table th { height: 27px; background-color: #EBEBF2; } .el-button--text { color: #62626f; font-size: 12px; } .large_headImg { width: 50px; height: 50px; border-radius: 25px; background-color: #f2f2f2; float: left; overflow: hidden; } .uploadImg .webuploader-pick { width: 120px; margin-left: 10px; top: 5px; margin-top: 9px; position: relative; display: inline-block; cursor: pointer; background: #ffffff !important; padding: 6px 13px; color: #fff; text-align: center; border-radius: 0px; overflow: hidden; border: 1px solid #c6e2ff; margin-top: 3px; } .hei40 .webuploader-pick { width: 100%; border-radius: 4px !important; font-size: 13px; background-color: rgb(255, 255, 255) !important; border: 0.5px solid rgb(255, 255, 255) !important; transition: all ease 0.5s; } .hei40:hover .webuploader-pick{ color: #8c00ff!important; } .el-input__inner { height: 40px; line-height: 40px; background-color: #f4f4f6; border: 0; } .yiyunTable_list_item>h3 { font-size: 16px; font-weight: 600; margin-top: 4px; } /*树*/ .navtree .el-tree { position: relative; cursor: default; background: transparent; color: #d0d0d0; font-size: 12px; line-height: 30px; } .el-icon-floder { background: url(/static/img/icon_file.png) 0 0; width: 16px; height: 16px; margin-right: 5px; position: relative; top: 3px; } .is-current { background-color: transparent; } /*探索者企业后台 2019年3月21日-添加-结束*/ .easycloudTreeleafe { display: block; float: left; width: 100%; } .easycloudTreeleafe i { display: block; float: left; margin-top: 12px; } .custom-tree-node { width: 100%; } .el-tree-node:focus>.el-tree-node__content { background-color: #868694; } .treeeditInput { width: 190px; } .el-input--mini .el-input__inner { height: 20px; line-height: 20px; margin-top: 12px; } .yiyunnodelabel { line-height: 48px; } .treeeditInputChild.el-input { width: 100px; } .perentbtn.el-button { padding: 2px 4px; display: inline-block; margin-top: -3px; position: relative; top: -10px; } .perentbtn2 { padding: 2px 4px; display: inline-block; position: relative; top: 5px; } .morebtn { color: #fff; transform: rotate(90deg); margin-right: 10px; } .morebtn:hover { color: #8C00FF; } .el-tree-node__content .custom-tree-node:hover >.rightdrop{ opacity: 1; transition: all ease 0.5s; } .rightdrop{ opacity: 0; } .toptree { margin-top: 10px; } .el-tree-node__content:hover { background-color: #23232B; } .nohoverbg .el-tree-node__content:hover { background-color: #f2f2f2; } .noborder .el-form-item__label { border: 0; } .DivInputHeight .el-cascader { width: 100%; } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 100%; } .el-select { width: 100%; } .upHeadImg .webuploader-pick { margin: 0 auto; display: block; } .el-dialog__header { padding: 10px 20px 10px; } .ft26 { font-size: 26px; color: #8c00ff; } .labelinputbefore .el-input__inner { color: #ffffff; font-size: 15px; line-height: 44px; height: 44px; border-radius: 5px; background-color: rgba(50, 50, 60, 1); } /*2019-04-04 总后台--客户列表*/ .mr-20 { margin-right: 20px; } .el-slider__runway { overflow: unset; } .el-slider__button { width: 36px; height: 18px; border: 0px solid #409EFF; background-color: #fff; border-radius: 4px; background: url(/static/img/gundong.png) 0 0 no-repeat; } .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover { -webkit-transform: scale(1); transform: scale(1); } .el-slider__bar { background-color: #8c00ff; } .el-switch.is-checked .el-switch__core { border-color: #8c00ff; background-color: #8c00ff; } .user_Imgsize_largerbox { width: 150px; height: 130px; } .user_Imgsize_larger { width: 150px; height: 150px; border-radius: 50%; margin-top: 40px; } .user_Imgsize_larger img { width: 100%; height: 100%; } .weizhiImghead { margin: 10px auto; position: relative; top: -50px; } .navtree { position: relative; } .bottombtn { position: absolute; width: 94%; font-size: 16px; left: 3%; line-height: 36px; bottom: 10px; text-align: center; background: -webkit-linear-gradient(#B0B0B7, #E1E2E8); cursor: pointer; transition: ease all 0.5s; height: 36px; border-radius: 8px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } .bottombtn:hover { background: -webkit-linear-gradient(#E1E2E8, #B0B0B7); } .editnone .el-form-item__label { border-bottom: 0px solid #62626f; color: #62626f } .editnone .el-form-item__content { line-height: 22px; position: relative; font-size: 14px; } .yiyun_wenjian_list { position: relative; cursor: pointer; } .yiyun_wenjian_list:hover .downloadBtn_yiyun { display: block; color: #676580; right: -3px; } .locationbtn .el-input__inner { border-radius: 5px 0 0 5px; } .nullproduct { margin: 10% auto; text-align: center; line-height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .noprotext{ color:#8f8f8f; font-size: 16px } .newcreat { color: #8b35f0; } .deleteBtnFlie { font-size: 26px; position: absolute; right: 12px; top: 10px; color: #fff; display: none; } .yupan_card_box ul li:hover>.deleteBtnFlie { display: block; } .pageImgBox { background-color: rgb(50, 50, 60); border: 1px solid rgba(151, 151, 151, 1); margin-bottom: 14px; text-align: center; width: 400px; height: 245px; border-radius: 10px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); margin-left: 100px; position: relative; overflow: hidden; border: 0; display: inline-grid; } .pageImgBox > img { min-width: 400px; min-height: 245px; max-width: 120%; max-height: 120%; transform: scale(1); cursor: pointer; vertical-align: middle; margin: 0 auto; } .fandatupian{ max-width: 100%; /* max-height: 100%; */ transform: scale(1.1); cursor: pointer; margin: 0 auto; display: block; position: inherit!important; min-height: 245px; /* min-width: 100%; */ } .listUpdateBtn{ position: absolute; bottom: 4px; left: 10px; } .listUpdateBtn.editCoverBtn{ width: 64px; height: 28px; border-radius: 4px !important; border: 0.5px solid rgba(227, 227, 227, 1); box-sizing: border-box; bottom: 10px; font-size: 14px; background-color: #fff; color: #000; text-align: center; line-height: 28px; } .listUpdateBtn .webuploader-pick{ width: 80px; height: 20px; border-radius: 4px !important; border: 0.5px solid rgba(227, 227, 227, 1); line-height: 20px; } .mt-29 { margin-top: 29px; } .mt-20 { margin-top: 20px; } .mt-66{ margin-top: 66px; } .mt-96{ margin-top: 96px; } .selfradio .el-radio__label { font-size: 16px; } .selfradio .el-radio__inner { border: 1px solid #ffffff; width: 20px; height: 20px; background-color: transparent; } .selfradio .el-radio__inner::after { width: 0; } .forminfocom{ color: #fff; } .faceBtn{ color: rgba(204, 205, 215, 1); font-size: 11px; position: absolute; bottom: 11px; left: 106px; cursor: pointer; } .selfradio .el-radio__input.is-checked .el-radio__inner { border-color: #ffffff; background: #8c00ff; } .selfradio .el-radio__input.is-checked+.el-radio__label { color: #ffffff; } .yiyun_app_info_box li>span.fl { font-family: PingFang SC; font-weight: 400; font-size: 15px; } .yiyun_headerce.houtai.width6 { width: 60%; } .el-tree-node__content { height: 28px; } .user_info_item span .el-checkbox__inner { top: -22px; } .el-collapse-item__content .user_info_item .el-checkbox.checkBoxCol { width: 97%; } .el-checkbox__label { width: 100% } .bottombtnitem { position: absolute; bottom: 6px; width: 100%; border-top: 1px solid #e1e1e2; } .bottombtnitem .el-button { width: 100% } .bottombtnitemlonBtn{ margin: 0px 16px; } .navtree .el-tree-node__content:hover,.navtree .el-tree-node__content:focus,.el-tree-node:focus>.el-tree-node__content { /* background-color: #8E909F; */ background-color: rgba(141, 143, 159, 0.14); border-radius: 5px; } .navtreebox { /* height: calc(100vh - 242px); */ height: calc(100% - 50px - 50px); margin: 0 0 0 10px; overflow-y: auto; } .navtreebox-inclient { height: calc(100vh - 30px - 60px - 80px - 61px - 65px); } .navtreebox2 { height: calc(100vh - 228px); } .UserEditinfoBox .el-form-item__label { font-size: 14px; } .el-tree-node.is-expanded.is-focusable:focus { outline: -webkit-focus-ring-color auto 5px; outline: none; border-radius: 5px; } .nullclass { font-size: 17px !important; color: #000 !important; } .nullclass:hover { color: #000 !important; } .huiclass { color: #adadad !important; } .huiclass:hover { color: #adadad !important; } .graybtn,.graybtn:hover { color: #acacac!important; height: 20px; background-color: rgba(227, 227, 227, 1)!important; border: 0.5px solid rgba(212, 212, 212, 1); } /*新登录页面*/ .loginbox_warp { height: calc(100vh); width: calc(100vw); overflow: hidden; } .loginbox { width: 355px; height: 322px; border-radius: 10px; position: fixed; bottom: 100px; left: 100px; z-index: 4; } .login_title { color: rgba(140, 0, 255, 1); font-size: 28px; margin: 57px auto; text-align: center; } .formlogin{ overflow: hidden; } .loginlabel { line-height: 32px; margin-left: 0px; color: rgba(255, 255, 255, 1); font-size: 32px; margin-bottom: 21px; display: block; position: relative; } .loginlabel_resit { line-height: 14px; color: rgba(140, 0, 255, 1); font-size: 11px; line-height: 32px; margin-left: 20px; text-decoration: none; position: absolute; right: 16px; top: 16px; } .combackreturn{ font-size: 30px; cursor: pointer; position: absolute; left: -28px; } .login_input { display: block; font-size: 15px; color: #000; width: 355px; height: 44px; background-color: rgba(244, 244, 244, 1); border: 0; margin: 10px auto; border-radius: 4px; text-indent: 16px; } .login_input::-webkit-input-placeholder { /* WebKit browsers */ color:#888; } .login_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#888; } .login_input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#888; } .login_input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#888; } .login_line { height: 1px; background-color: #D8D8D8 } .login_formBox { height: 190px; } .formlogin_item{ overflow: hidden; position: relative; } .login_btn { display: block; border: 0; color: #fff; cursor: pointer; width: 178px; height: 30px; border-radius: 8px; background-color: rgba(140, 0, 255, 1); box-shadow: 0 4px 6px #1d1d2f; margin-top: 4px; font-size: 16px; line-height: 30px; margin-top: 28px; } .login_btn_defualt { display: block; cursor: pointer; color: rgba(255, 255, 255, 1); font-size: 16px; margin-top: 34px; } .loginbox .el-checkbox__input.is-checked+.el-checkbox__label{ color: #fff; } .loginright_btn { width: 98px; height: 36px; border-radius: 4px; background-color: rgba(140, 0, 255, 1); color: #fff; position: absolute; border: 0; right: 4px; top: 14px; text-align: center; text-decoration: none; line-height: 36px; font-size: 13px; } .rightBtn_input { position: relative; } .mr-l { padding-left: 0; margin-left: 10; margin-top: 0; } .bg_w .el-input__inner { background-color: #32323c; border-radius: 5px; height: 44px; line-height: 44px; color: #fff; border-bottom: 0; } .yiyunlargeItem .el-select .el-input .el-select__caret{ font-size: 26px; } .yiyunTable_list_item .UserEditinfoBox .el-form-item__label { color: #606266; } .yiyun_wenjian_list:hover>.defultImage { background-color: #d8d8d8; transition: all ease 0.5s; cursor: pointer; border-radius: 10px; } .yiyunTable_list{ clear: both; } .el-input_mini .el-input__inner { border: 1px solid transparent; } .el-input_mini .el-input__inner:hover { border: 1px solid #8c00ff; transition: ease all 0.5s; } /* 右键菜单 */ .menu__item { display: block; line-height: 20px; text-align: center; margin:10px; cursor: default; } .menu__item:hover{ color: #66B1FF; } .automenu{ height: auto; width: auto; position: absolute; font-size: 14px; text-align: left; border-radius: 10px; border: 1px solid #c1c1c1; background-color: #ffffff; } #tableMenu{ z-index: 9; } .Cicon{ font-size: 28px; line-height: 28px; color: #A7A8B7; transition: ease all 0.5s; cursor: pointer; -webkit-font-smoothing:antialiased;/*设置字体的光滑度属性,也就是CSS3用于webkit引擎(chrome) 设置字体抗锯齿属性*/ /*-webkit-text-stroke-width:.2px;设置文字边框*/ -moz-osx-font-smoothing:grayscale;/*该属性是为了让字体显示的更清晰的作用*/ } .Cicon:hover{ color: #9c22ff } .text_wirte { color: #fff; } .AnimatedRightIn{ right: 16px; } .flex_right_pain_head{ overflow: hidden; height: 48px; background-color: #fcfcfc; } .flex_right_pain_body{ padding: 0 0px; height: calc(100vh - 210px); overflow-y: auto; } .tianjiaxiezuorenBox div{ overflow: hidden; } .iconsize_mini{ font-size: 24px; } .el-input--prefix .el-input__inner{ border:1px solid transparent; transition: ease all 0.5s; } .el-input--prefix .el-input__inner:focus{ border:1px solid #9c22ff; } .admininput_search{ height: 30px; overflow: hidden; margin: 10px; } .yiyun_headerfr>a{ font-size: 17px; } /* .navtreebox .el-tree-node__content:hover { background-color: #8E909F; border-radius: 5px; } */ .el-switch__core:after { position: absolute; top: -6px; left: -7px; border-radius: 100%; -webkit-transition: all .3s; transition: all .3s; width: 28px; height: 28px; background-color: #fff; box-shadow: 0 3px 1px rgba(0,0,0,0.15); border: 0.5px solid rgba(0, 0, 0, 0.04); } .el-switch__core { margin-right: 8px; border-radius: 10px; background-color: rgba(216, 216, 216, 1); box-shadow: undefined, inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .yiyun_app_info_box li > span{ margin-left: 0px; } .userlist_table.el-table td, .userlist_table.el-table th{ height: 40px; padding: 0; } .userlist_table.el-table .el-checkbox__inner{ margin-top: 15px; margin-left: -10px; } .userlist_table.el-table .el-checkbox { height: 40px; width: 40px; } .userlist_table.el-table .el-table-column--selection .cell, .el-table th div { text-overflow: clip; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { top: 9px; } .img_bg{ background: url(/static/img/file_img_bg.png) 0 0 no-repeat; } .img_bg-mid{ background: url(/static/img/file_img_bg.png) 0 -154px no-repeat; } .checkboxlabelitem{ height: 40px; overflow: hidden; } .user_info_item span .el-checkbox__inner { top: -18px; } .el-form-item__content { overflow: hidden; } .dialogcontentbody{ width: 100%; } .centerWarpDia{ width: 800px; margin: 0 auto; overflow: hidden; } .linescoll{ height: 1px; background-color: #8E909F; position: relative; top: -12px; } .dialogcontentbodyrow::-webkit-scrollbar,.navtreebox::-webkit-scrollbar ,.dataLarge::-webkit-scrollbar{ width: 10px; padding-right: 4px; border-radius: 4px; background-color: transparent; /*其他样式,比如圆角等*/ } /*滑块样式*/ .dialogcontentbodyrow::-webkit-scrollbar-thumb,.navtreebox::-webkit-scrollbar-thumb ,.dataLarge::-webkit-scrollbar-thumb{ -webkit-border-radius: 10px; border-radius: 10px; height: 10px; background-color: #adadad; } /*当前窗口失去焦点时的滑块样式*/ .dialogcontentbodyrow::-webkit-scrollbar-thumb:window-inactive,.navtreebox::-webkit-scrollbar-thumb:window-inactive ,.dataLarge::-webkit-scrollbar-thumb:window-inactive{ background-color: #adadad; } .dialogcontentbodyrow{ margin: 0 10px; height: calc(100vh - 144px); overflow-y: scroll; } .icon-icon_yunpan{ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } /* 探索者布局CSS样式 */ .yiyun-rows,.yiyun-col-12,.yiyun-col-11,.yiyun-col-10,.yiyun-col-9,.yiyun-col-8,.yiyun-col-7,.yiyun-col-6,.yiyun-col-5,.yiyun-col-4,.yiyun-col-3,.yiyun-col-2,.yiyun-col-1{ position: relative; min-width: 1px; display: block; overflow: hidden; } .yiyun_row{ position: relative; margin: 0 30px; } .yiyun-rows{ width: 100%; } .yiyun-col-12{ width: 100%; } .yiyun-col-11{ width: 91.66%; float: left; } .yiyun-col-10{ width: 83.33%; float: left; } .yiyun-col-9{ width: 75%; float: left; } .yiyun-col-8{ width: 66.66%; float: left; } .yiyun-col-7{ width: 58.33%; float: left; } .yiyun-col-6{ width: 50%; float: left; } .yiyun-col-5{ width: 41.66%; float: left; } .yiyun-col-4{ width: 33.33%; float: left; } .yiyun-col-3{ width: 25%; float: left; } .yiyun-col-2{ width: 16.66%; float: left; } .yiyun-col-1{ width: 8.33%; float: left; } .layout_content { /* height: calc(100vh - 48px); overflow-y: auto; */ width: 100%; height: 100%; overflow-x: hidden; position: relative; } .yiyun_warpContent{ width:calc(100vw - 60px); margin: 0 auto; } .header_w{ background-color: #f6f6f6; } .header_t{ background-color: transparent; } .mt-30{ margin-top: 30px; } .mb-40{ margin-bottom: 40px; } .setIcon{ display: block; width: 28px; height: 28px; line-height: 28px; font-size: 22px; border-radius: 14px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } /* 文本样式 */ /* 头部标题文本start */ .title_warp{ width: calc(100vw - 120px); margin: 0 auto; } /* 协作文件超出部分滚动条 */ .fifleBox{ min-height: 204px; /* max-height: 204px; */ /* min-height: 215px; max-height: 215px; */ max-height: 255px; /* max-height: 275px; */ overflow-y: scroll; } .fifleBox::-webkit-scrollbar-thumb { border-radius:4px; background-color: #adadad; } .neibianju1 .fifleBox{ height: calc(100% - 70px); max-height: calc(100% - 70px); overflow-y: auto; } .yiyun_title_label{ text-align: center; font-size: 20px; margin: 0 0px; cursor: pointer; font-weight: 400; font-family: Pingfang SC; line-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .toplefttext{ font-size: 17px; line-height: 48px; font-weight: 300; } .icon-icon_shezhi-weijihuo{ position: relative; right: -8px; top: 5px; } /* 头部标题文本end */ /* 云盘文件start */ .yinyun_file_row{ position: relative; margin: 0 34px; } .yiyun_file_box{ margin: 0 6px; } .yiyun_cloud_fileList li{ margin: 0 24px; width: 180px; height: 258px; float: left; position: relative; } .yiyun_cloud_fileList.middle-icon li{ margin: 0 16px; width: 136px; height: 200px; border-radius: 12px; float: left; position: relative; transition: ease all 0.5s; } .yiyun_cloud_fileList.middle-icon li:hover{ background-color: #32323c; } .font-set{ color: #fff; font-size: 16px; } .tip_icon_set{ position: absolute; top: 6px; right: 6px; opacity: 0; transform: ease all 0.5s; } .yiyun_cloud_fileList.middle-icon>li:hover .tip_icon_set{ opacity: 1; } .yiyun_cloud_fileList li .bghover{ display: block; width: 180px; height: 180px; border-radius: 20px; cursor: pointer; transition: ease all 0.5s; } .yiyun_cloud_fileList li .bghover-mid{ display: block; width: 136px; height: 136px; border-radius: 12px; cursor: pointer; transition: ease all 0.5s; } .webuploader-pick { margin-top: 0px; } .yiyun_cloud_fileList li:hover>.deleteBtnFlie { display: block; } .yiyun_cloud_fileList li:hover>.downloadBtn_yiyun { display: block; } .yiyun_cloud_fileList li:hover>.bghover{ background-color: #32323c; } /* 云盘文件end */ /* 协作文件start */ .bg_color_company{ /* height: 54px; line-height: 54px; */ background-color: #f0f0f0; } .yiyun_warpBar { display: inline-block; } .bottomBloder{ border-bottom: 0.5px solid rgb(204,205,215); } .yiyun_Headtitle_center{ margin:0 24px; } .font-line-text{ line-height: 54px!important; } /* 协作文件end */ /* 矩阵模板start */ .table1 td { border: 1px solid black; } .table1 td:hover { color: aliceblue; cursor:pointer } /* 矩阵模板end */ /* 2019-06-04 workspace界面 */ .yiyun_line_border{ width: 100%; height: 1px; background-color: #d8d8d8 } .newbtn img.wenjian_bg_img{ display: block; width: 86px; height: 86px; margin: 10px auto; margin-top: 40px; } .newbtn{ text-align: center; } .yiyun_wenjian_list:hover > .newbtn{ background-color: transparent; } .newbtn_label{ color: #32323C; font-size: 14px; } .duiqi{ display: inline-block; position: relative; top: 4px; left: 10px; cursor: pointer; } .yiyun_btnnew_info .yiyun_btnnew_infolabel{ margin-left: 10px; font-size: 14px; position: relative; top: -7px; } .newfiledialog{ position: fixed; top: 130px; left: 50%; width: 680px; margin-left: -340px; background-color: rgba(50, 50, 60, 0); overflow-y: auto; z-index: 11; } .dia_8{ width: 100%; height:100%; position:fixed; left: 0px; top: 0px; background-color: rgba(50, 50, 60, 0.42); z-index: 10; overflow-y: auto; } .el-message-box__wrapper{ background-color: rgba(50, 50, 60, 0.42); } .dragareaBox{ display: flex; align-items: center; width: 680px; height: 100px; margin : 0 auto; border-radius: 10px; background-color: rgba(252, 252, 252, 1); box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } .dragarea_top{ width: 100%; height: 100px; border-radius: 10px; background-color: rgba(255, 255, 255, 1); text-align: center; cursor: pointer; } .yiyong_list_dalog{ margin-left: 10px; } .yiyong_list_dalog li{ float: left; margin:10px 20px; text-align: center; cursor:pointer; position: relative; top: 0; transition:ease all 0.5s; } .yiyong_list_dalog li:hover{ top: -5px; } .appfileImgIcon.dulicard{ /* height: 164px; */ position: relative; } .houzuidinwei{ position: absolute; top: 132px; font-size: 26px; text-align: center; right: 48px; } .dulicard img{ max-height: 148px; display: block; margin: 0 auto; margin-top: 16px; filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3)); max-width: 148px; } .cardlistbox li{ float: left; margin:15px 5px; text-align: center; cursor:pointer; } .creatbox_mid{ width: 100%; overflow: hidden; border-radius: 10px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); /* padding-bottom: 20px; */ } .mt-10{ margin-top: 10px; } .spanImg{ display: block; width: 70px; } .appItemlist{ clear: both; cursor:pointer; } .diahead{ padding:19px 16px; padding-bottom: 0; overflow: hidden; } .colosbtn{ background: url(/static/img/yiyunicon.png) no-repeat -194px -28px; display: block; width: 28px; height: 28px; cursor: pointer; /* transition: ease all 0.5s; */ } .colosbtn:hover{ background: url(/static/img/yiyunicon.png) no-repeat -194px -84px; } .spanTitle{ font-size: 13px; color: rgba(0, 0, 0, 1); font-size: 13px; } .rtbtn{ padding: 0 10px; border-radius: 10px; color: rgba(167, 168, 183, 1); font-size: 12px; border: 1px solid #A7A8B7; cursor: pointer; } .dragarea_area{ /* line-height: 100px; */ text-align: center; color: rgba(0, 0, 0, 1); font-size: 16px; } .xiangdui{ position: relative; } .xiangdui .fl_icon{ position: absolute; left: -30px; } .layerout_H2{ height: calc(100vh - 64px - 259px); overflow-y: auto; transition: ease all 0.5s; background-color: #f6f6f6; } .layerout_H3{ min-height: 150px; } /* 滚动条宽度设置 */ .layerout_H2::-webkit-scrollbar { width: 8px; height: 8px; } /* 里面的滑块样式 */ .layerout_H2::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #adadad; } .file_Imgbox{ position: absolute; width: 132px; height: 90px; top: 42px; left: 24px; overflow: hidden; vertical-align: middle; text-align: center; margin: 0 auto; background-color: #fff; display: flex; justify-content: center; align-items: center; } .file_Imgbox-mid{ position: absolute; width: 100px; height: 69px; top: 36px; left: 18px; overflow: hidden; vertical-align: middle; text-align: center; margin: 0 auto; background-color: #fff; display: flex; justify-content: center; align-items: center; } .file_Img{ max-width: 102px; max-height: 69px; position: relative; top: 36px; } .searchsize{ font-size: 24px; } /* .scollbarBox{ min-height: 423px; overflow: hidden; overflow-y: auto; } */ .mt-5{ margin-top: 5px; } .mt-0{ margin-top: 0px; } .mt-32{ margin-top: 32px; } .mt-48{ margin-top: 48px; } .mt-50{ margin-top: 50px; } .mt-54{ margin-top: 54px; } .listfilewarp{ overflow: hidden; /* overflow-y: auto; */ background-color: #f0f0f0; } .listfilewarp1{ min-height: calc(100vh - 48px); overflow: hidden; overflow-y: auto; background-color: #f0f0f0; } .btn_group button{ background-color: #fff; border: 0; padding: 5px 7px 6px 8px; cursor: pointer; color: rgba(98, 98, 111, 1); font-size: 14px; text-align: center; } .btn_group{ border-radius:5px; height: 28px; line-height: 28px; background-color: #fff; overflow: hidden; } .zongjianbox{ height: 55px; background-color: rgba(235, 235, 235, 0.57); } .yiyun_section2{ width: calc(100vw - 120px); margin: 0 auto } .zongjianbox .yiyuntitle{ line-height: 55px; } .btn_group button+button{ margin: 0 } .mt-16{ margin-top: 16px; } .program{ background-color: #8C00FF !important; padding: 5px 12px !important; color: #fff!important; } .jindutiao{ width: 340px; margin:0 auto; height: 26px; border-radius: 18px; background-color: rgba(234, 199, 142, 1); overflow: hidden; position: relative; } div.mt-16{ margin-top: 16px; } .jindu{ width: 40px; height: 26px; background-color: rgba(226, 169, 75, 1); position: absolute; top: 0; z-index: 2; } .jindulabel{ position: absolute; right: 10px; line-height: 28px; } .mt-7{ margin-top: 7px; } .row_painfr h5{ font-size: 18px; } .top_optionBar{ position: absolute; right: 10px; top: 4px; /*background: #ccc;*/ display: block; width: 16px; height: 16px; } .el-icon-reseting{ background: url(/static/img/icon_16.png) no-repeat 0 -16px; display: block; width: 16px; height: 16px; } .dropdownList{ display: block; } .mt-20{ margin-top: 20px; } .el-dropdown-menu{ padding: 0 } .el-dropdown-menu__item--divided{ margin-top: 0 } .yiyun_text_line{ line-height: 30px; } .wrate{ background-color: #5498ff; background: -webkit-linear-gradient(#c3c3c3, black); color: #fff; line-height: 30px; text-align: center; } .blue { background: #fdee27; color: #88690f; } .gray{ background:#e2e9f1; } /* 探索者UI */ .LoginTitleWel{ position: fixed; top: 120px; left: 100px; font-size: 48px; font-weight: 500; color: #fff; z-index: 2; } .tinyLabel{ font-size: 12px; line-height: 16px; width: 52px; border-radius: 8px; background-color: #8C00FF; display: block; text-align: center; color:#fff; margin-bottom: 7px; } .yiyun_btn_new{ border: 0; color: #fff; width: 200px; height: 40px; font-size: 16px; border-radius: 8px; text-align: center; background-color: rgba(120, 80, 255, 1); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.16); cursor: pointer; transition: ease all 0.5s; font-family: PingFangSC-Regular; } .yiyun_btn_new:active { background-color: rgba(68, 43, 170, 1); } .PaincenterBox .el-form-item__label{ color: #EBEBF2; font-size: 15px; } .PaincenterBox .bg_w .el-input__inner { background-color: #32323c; border-radius: 5px; height: 44px; line-height: 44px; color: #fff; border-bottom: 0; border: 0; box-shadow: 0 0 0; } .yiyunPlusmini{ display: inline-block; width: 20px; height: 20px; background: url(/static/img/Plus_mini.png) 0 0 no-repeat; position: relative; top: 1px; cursor: pointer; } .self_newitem{ position: relative; } .bianji_input{ padding-left: 0; width: 100%; text-indent: 16px; } .selfoptiongroup{ position: absolute; z-index: 1; right: 10px; top: 16px; } .blockcheckbox .el-checkbox{ display: block; margin: 10px 0; font-size: 15px; color: #000; } .blockcheckbox .el-checkbox+.el-checkbox{ margin-left: 0; } .blockcheckbox{ margin-left: 0px; margin-top: 10px; } .qustionimgbox{ width: 79px; height: 82px; border-radius: 10px; border: 1px solid rgba(216, 216, 216, 1); margin-right: 10px; overflow: hidden; display: inline-block; position: relative; margin-top: 6px; } .qustionimgbox img{ width: 100%; height: 100%; cursor: pointer; } .guanbi{ position: absolute; z-index: 9; top: 6px; right: 8px; color: #8c00ff; } .noborder{ border: 0 } .dibubtn{ position: absolute; margin: 16px; bottom: 0px; left: 0px; } .dibubtn .el-button { padding: 8px 20px; width: 343px; border-radius: 8px; display: block; border: 0; font-size: 16px; font-family: PingFang SC; } .pxline{ height: 1px; background-color: #CCCDD7; } .user_info_role .el-input--suffix .el-input__inner { padding-right: 0px; background-color: transparent; box-shadow: 0; border-radius: 0px; border: 0px solid rgba(227, 227, 227, 1); color: rgba(255,255,255,1); font-size: 12px; } .nobg .el-input--suffix .el-input__inner{ background: transparent; box-shadow: 0 0 0; border: 1px solid #ccc; color: #fff; } .user_info_role .el-select .el-input .el-select__caret { font-size: 0px; } .nomidline .bg_text_wirte .el-collapse,.nomidline .el-collapse{ border-top: 0px solid #62626f; border-bottom: 0px solid #62626f; } .fulldialog{ width: calc(100vw); height: calc(100vh); position: fixed; background: #fff; z-index: 999; left: 0; top: 0; overflow-y: auto; } .questionwarp{ width: 668px; margin: 0 auto; margin-top: 20px; } .dibulongbtn{ margin: 50px 0; overflow: hidden; } .widt50{ width: 48%; } .widt50 .el-button--default{ width: 100%; border-radius: 24px; } .guanbiques{ position: fixed; right: 30px; top: 22px; } .tianjiaxiezuorenBox .el-button { padding: 3px 23px 2px 23px; border: 0; } .tianjiaxiezuorenBox .el-button:focus,.tianjiaxiezuorenBox .el-button:hover { color: #ffffff; border-color: #8c00ff; background-color: #8c00ff; } .texttips{ color: rgba(155, 155, 155, 1); font-size: 14px; } .el-input__inner::-webkit-input-placeholder { color: rgba(136, 136, 136, 1); font-size: 15px; } .el-input__inner::-moz-placeholder { color: rgba(136, 136, 136, 1); font-size: 15px; } .el-input__inner::-ms-input-placeholder { color: rgba(136, 136, 136, 1); font-size: 15px; } .appImg{ width: 32px; height: 32px; margin-right: 10px; background-color: #ccc; margin-top: 6px; margin-bottom: 6px; } .appNameBox{ width: 300px; float: right; line-height: 40px; border-bottom: 1px solid #cccdd7; } .el-checkbox__inner::after { height: 0px; left: -5px; top: 1px; width: 0px; } .maxlongBtn{ height: 44px; border-radius: 5px; border: 1px solid rgba(167, 168, 183, 1); color:rgba(167, 168, 183, 1); line-height: 44px; font-size: 18px; cursor: pointer; position: relative; text-align: center; transition: ease all 0.5s; } .rightIcon{ transform: rotate(180deg); position: absolute; right: 20px; top: 0px; font-size: 21px; } .maxlongBtn:hover{ color: #fff; border: 1px solid #fff; } .edit120.el-button.is-round{ padding: 7px; } .midIcon{ position: relative; top: 5px; width: 55px; } .yiyun_row_recyle_warp{ width: 100%; padding: 0 22px; position: relative; left: -44px; } .bghover:hover .top_optionBar{ opacity: 1; } .helpNodeDetailBox{ min-height: calc(100vh - 300px); overflow-y: auto; } .helpNodeDetailBox p{ text-align: justify; } .helpNodeDetailBox p span{ font-size: 14px!important; line-height: 30px; text-align: justify; display: block; text-indent: 30px; } .appbg{ background: transparent; } .appbg .file_Imgbox{ width: 116px; height: 116px; border-radius: 16px; background-color: #ccc; left: 32px; top: 32px; } .appbg .file_Imgbox img{ width: 100%; height: 100%; transform: scale(1.23); } .updateImg .webuploader-pick{ width: 79px; height: 79px; border-radius: 0!important; border: 0!important; background: url(/static/img/newadd.png) 0 0 no-repeat; background-size: 100%; background-color: transparent !important; position: absolute; top: -3px; left: 0; } .selfaddbtn > span{ position: relative; top: 10px; } .el-date-editor.el-input--suffix .el-input__inner { text-indent: 6px; } .el-form-item__content >span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; /* font-size: 15px; */ } .el-button--text:hover,.el-button--text:focus{ background-color: transparent; } .yiyun_section1{ width: calc(100vw - 120px); margin: 0 auto; height: calc(100vh - 64px - 70px); } /* 2019-07-25 UI */ .title_section{ width: calc(100vw - 120px); margin: 0 auto; overflow: hidden; } .EC_searchBox{ width: 300px; margin: 20px auto; } .el-table--border::after, .el-table--group::after, .el-table::before { z-index: -1; } .cutimgBox{ width: 77px; height: 77px; overflow: hidden; position: relative; float: left; margin-right: 9px; margin-bottom: 9px; border-radius: 10px; border: 1px solid rgba(216, 216, 216, 1); margin-top: 10px; } .cutimgBox img{ width: 100%; height: 100%; } .guanbibtn{ position: absolute; top: 7px; right: 9px; } .guanbibtn:hover{ color: #8C00FF; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #8E909F; border-radius: 5px; } .yiyun_headerfr>a.textgray{ color: #adadad; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yiyun_headerfr>a.textblock{ color: #000 } /* 2019-07-25 探索者UI规范 */ /*公共默认样式*/ body{ margin : 0 ; padding : 0 ; overflow: hidden; } .fl{ float: left; } .fr{ float: right; } .clear{ clear: both; } .el-form-itemBox{ margin: 0 10px; overflow: hidden; /* max-height: 50px; */ } .mlr-10{ margin: 0 10px; } .mlr-16{ margin-left: 16px; margin-right: 16px; } .mt-8{ margin-top: 8px; } .secondListTitle{ font-size: 16px; } .yiyunTable_list_item div.textlabelgray .el-form-item__label{ color: #808080!important; font-weight: 500 } .yiyunTable_list_item div.textlabelblock .el-form-item__label{ color: #000!important; font-weight: 600 } div.textlabelgray .el-form-item__content{ font-size: 15px; font-weight: 600; } .el-table,.el-table thead{ color: #000; font-weight: 600; } .el-table-column--selection .cell{ padding: 0; } .largecontentBox{ /* height: calc(100vh - 258px); */ height: calc(100vh - 244px); overflow-y: auto; position: relative; } /*边距*/ .ml-8 { margin-left: 8px; } .mt-10{ margin-top: 10px; } .mb-10{ margin-bottom: 10px; } .ml-10{ margin-left:10px; } .mr-10{ margin-right:10px; } .mt-15{ margin-top: 15px; } .ml-15{ margin-left: 15px; } .mt-20{ margin-top: 20px; } .mb-20{ margin-bottom: 20px; } .ml-20{ margin-left: 20px; } .mr-20{ margin-right: 20px; } .mlr-20{ margin: 0 20px; } .mlr_30{ margin: 0 30px; } .mt-26{ margin-top: 26px; } .ml-64 { margin-left: 64px; } .line_H60{ line-height: 60px; } /* 滚动条 */ .flex_right_pain_body::-webkit-scrollbar ,.largecontentBox::-webkit-scrollbar,.scollbarBox::-webkit-scrollbar,.middiaHeight::-webkit-scrollbar, .tankuangaodu::-webkit-scrollbar,.jsmind-inner::-webkit-scrollbar,.newfiledialog::-webkit-scrollbar,.scollBar::-webkit-scrollbar,.fixtable::-webkit-scrollbar ,.worklink::-webkit-scrollbar,#bigbody::-webkit-scrollbar,.fulldialog::-webkit-scrollbar,.appiframebox::-webkit-scrollbar,.appiframebox::-webkit-scrollbar,.listfilewarp1::-webkit-scrollbar{ width: 8px; height: 8px; } .translatescoall::-webkit-scrollbar,.neibianju::-webkit-scrollbar,.neibianju1::-webkit-scrollbar,.fifleBox::-webkit-scrollbar{ width: 8px; height:8px; } .flex_right_pain_body::-webkit-scrollbar-track ,.largecontentBox::-webkit-scrollbar-track,.scollbarBox::-webkit-scrollbar-track,.middiaHeight::-webkit-scrollbar-track, .tankuangaodu::-webkit-scrollbar-track,.jsmind-inner::-webkit-scrollbar-track,.newfiledialog::-webkit-scrollbar-track,.scollBar::-webkit-scrollbar-track,.fixtable::-webkit-scrollbar-track ,.worklink::-webkit-scrollbar-track,#bigbody::-webkit-scrollbar-track,.fulldialog::-webkit-scrollbar-track,.appiframebox::-webkit-scrollbar-track,.appiframebox::-webkit-scrollbar-track,.listfilewarp1::-webkit-scrollbar-track{ background-color:transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; } .flex_right_pain_body::-webkit-scrollbar-thumb,.largecontentBox::-webkit-scrollbar-thumb,.scollbarBox::-webkit-scrollbar-thumb,.middiaHeight::-webkit-scrollbar-thumb, .tankuangaodu::-webkit-scrollbar-thumb,.jsmind-inner::-webkit-scrollbar-thumb,.newfiledialog::-webkit-scrollbar-thumb,.scollBar::-webkit-scrollbar-thumb,.fixtable::-webkit-scrollbar-thumb ,.worklink::-webkit-scrollbar-thumb,#bigbody::-webkit-scrollbar-thumb,.fulldialog::-webkit-scrollbar-thumb,.appiframebox::-webkit-scrollbar-thumb,.appiframebox::-webkit-scrollbar-thumb,.listfilewarp1::-webkit-scrollbar-thumb{ background-color:#adadad; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; } /*网格布局 24网格*/ .EC_col_1{ width: 4.166%; float: left; } .EC_col_2{ width: 8.33%; float: left; } .EC_col_3{ width: 12.5%; float: left; } .EC_col_4{ width: 16.66%; float: left; }.EC_col_5{ width: 20.833%; float: left; } .EC_col_6{ width: 25%; float: left; } .EC_col_7{ width: 29.166%; float: left; } .EC_col_8{ width: 33.33%; float: left; } .EC_col_9{ width: 37.5%; float: left; } .EC_col_10{ width: 41.66%; float: left; } .EC_col_11{ width: 45.83%; float: left; } .EC_col_12{ width: 50%; float: left; } .EC_col_13{ width: 54.166%; float: left; } .EC_col_14{ width: 58.33%; float: left; } .EC_col_15{ width: 62.5%; float: left; } .EC_col_16{ width: 66.66%; float: left; } .EC_col_17{ width: 70.833%; float: left; } .EC_col_18{ width: 75%; float: left; } .EC_col_19{ width: 79.166%; float: left; } .EC_col_20{ width: 83.33%; float: left; } .EC_col_21{ width: 87.5%; float: left; } .EC_col_22{ width: 91.66%; float: left; } .EC_col_23{ width: 95.83%; float: left; } .EC_col_24{ width: 100%; float: left; } /*按钮开始*/ button + button{ margin:0 5px; } .topOption .page_button{ margin: 0 } button:last-child{ margin-right: 0; } .EC_button{ border: 0.5px solid transparent; font-size: 14px; border-radius: 4px; color: #fff; padding: 4px 31px 6px 31px; cursor: pointer; transition: ease all 0.5s; outline: none; } .cicle{ border-radius: 15px; } .normal{ color: #32323c; background-color: #fff; border-color: #d4d4d4; } .dark{ background-color: #62626F; } .dark:hover,.normal:hover,.normal:focus,.dark:focus{ color: #fff; border-color: #8C00FF; background-color: #8C00FF } .textborder:focus{ border-color: #8C00FF; color: #8C00FF } button:hover:disabled,button:disabled{ color: #ADADAD; background-color: #e3e3e3; border-color: #e3e3e3; cursor: not-allowed; } .strong{ background-color: #8C00FF; color: #fff; border-color: #8C00FF; } .strong:hover{ background-color: #a02dff; } .text{ border-color: transparent; background-color: transparent; color: #000; } .text:hover,.text:focus{ color: #8C00FF; background-color: transparent; border: transparent; } .textborder{ border-color: #D4D4D4; background-color: transparent; color: #000; } .textborder:hover{ border-color: #8C00FF; color: #8C00FF; } .textStrong{ border-color: transparent; background-color: transparent; color: #8C00FF; } .shadow{ box-shadow: 0 1px 2px #848484; border-color: #e8e8e8; } .strong.shadow{ border-color: #8C00FF; } .gradient{ color:#32323c; border:0; background: -webkit-linear-gradient(#E1E2E8,#B0B0B7); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#E1E2E8,#B0B0B7); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#E1E2E8,#B0B0B7); /* Firefox 3.6 - 15 */ background: linear-gradient(#E1E2E8,#B0B0B7); /* 标准的语法 */ } .gradient:hover,.gradient:focus{ background: #8C00FF; color: #FFF; } .long{ display: block; width: 100%; padding: 5px 0; margin: 0; text-align: center; } /* *按钮尺寸:大【bt_large】,中【bt_middle】,小【bt_small】,mini【bt_mini】,微小 【bt_tiny】 */ .bt_large{ font-size: 16px; border-radius: 8px; } .bt_middle{ font-size: 14px; } .bt_small{ font-size: 13px; padding: 2px 27px 4px; } .bt_small_24{ font-size: 13px; padding: 3px 17px; font-weight: 400; color: #000; background-color: #fff; border-color: #e3e3e3; } .bt_small_20{ font-size: 13px; padding: 1px 23px 1px 23px; font-weight: 400; color: #000; background-color: #fff; border-color: #e3e3e3; } .primaryBtn{ background-color: #8C00FF; color: #fff; border-color: #8C00FF; } .primaryBtn:hover{ background-color: #8C00FF; color: #fff!important; border-color: #8C00FF; } .bt_small_20:hover{ color: #8C00FF; border-color: #8C00FF; } .bt_mini{ font-size: 12px; padding: 2px 14px 3px; } .bt_tiny{ font-size: 11px; padding: 1px 3px 2px; } /*开关*/ .el-switch__core:after { top: -6px; left: -7px; width: 28px; height: 28px; background-color: #FFF; border-radius: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .el-switch__core { width: 38px!important; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1); } /* /*按钮结束 */ /* 用户后台2019-08-05 */ .wirteBg{ background-color: rgba(255, 255, 255, 1)!important; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .companylogoBox,.messageBoxlarge{ height: 255px; background-color: rgba(235, 235, 242, 1); } .companylogoBox{ height: 255px; margin: 30px; overflow: hidden; } .companylogoImgBox{ width: 180px; height: 180px; margin: 0 auto; margin-top: 35px; display: flex; justify-content: center; align-items: center; } .companylogoImgBox img{ max-width: 100% } .messageBoxlarge{ height: 182px; margin: 5px 0; border-top: 1px solid transparent; border-radius: 5px; } .desclabel label{ color: #808080; font-weight: 500; display: inline-block; width: 80px; } .desclabel label,.desclabel span{ font-size: 15px; line-height: 40px; } .desclabel span{ color: #000; font-weight: 500; } .titleChapter{ color: rgba(0, 0, 0, 1); font-size: 15px; vertical-align: baseline } .labtips{ color: rgba(140, 0, 255, 1); font-size: 12px; vertical-align: baseline } .scanlargeBtn{ text-decoration: none; color: rgba(140, 0, 255, 1); font-size: 14px; line-height: 44px; } .ml-23{ margin-left: 23px; } .m-20{ margin: 20px; } .mt-40{ margin-top: 40px; } .mt-5{ margin-top: 5px; } .m10{ margin: 10px; } .chapter{ color: rgba(155, 155, 155, 1); font-size: 14px; } .chapterWarp{ width: 920px; margin-left:auto ; margin-right: auto } .page_button{ font-size: 12px; } .massagecontentBox img{ max-width: 100%; display: block; margin: 0 auto; } .massagecontentBox{ color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; margin: 10px; } .chapterbox{ border-radius: 10px; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; min-height: calc(100vh - 300px); } .clearboth { clear: both; overflow: hidden; } .ProjTitleLabel>div>span{ cursor: pointer; } .ProjTitleLabel{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } .Icon_EC{ width: 20px; height: 20px; display: block; } .EC_wornning{ background: url(/static/img/icon_pic_01.png) 0 0 no-repeat } .formtextlabelgray .el-form-item__label{ color: #9B9B9B; font-weight: 400; } .formtextlabelblack .el-form-item__label{ color: #000; font-weight: 400; } .formtextlabelgray .el-form-item{ margin-bottom: 0; } .formtextlabelblack .el-form-item{ margin-bottom: 10px; } .beizhutext{ color: #888; font-weight: 400 } .height100{ clear: both; width: 100%; height: 100px; } .dibuBtn{ position: absolute; bottom: 0px; left: 10px; } .ECaddicon{ width: 14px; height: 14px; background: url(/static/img/icon_pic_01.png) 0 -44px no-repeat; overflow: hidden; padding: 0; } .ECaddiconUser{ width: 14px; height: 14px; background: url(/static/img/icon_pic_01.png) -28px -44px no-repeat; overflow: hidden; padding: 0; display: block; margin-top: 1px; } .ECaddiconcard{ width: 14px; height: 14px; background: url(/static/img/icon_pic_01.png) -42px -44px no-repeat; overflow: hidden; padding: 0; display: block; margin-top: 1px; } .Ecdel{ margin-left: 14px; cursor: pointer; } .Ecdel:hover { border-radius: 50%; color: #ffffff; background-color: #f00; } .addInput .el-input-group__append{ border-color: transparent } .UserItem{ display: inline-block; padding: 3px 7px; border-radius: 4px; background-color: rgba(167, 168, 183, 1); color: #fff; font-size: 12px; overflow: hidden; margin-right: 4px; } .usertext{ display:block; float: left; margin-left: 6px; } .selectuserBox{ padding: 8px 0 4px 8px; border-radius: 4px; background-color: rgba(244, 244, 246, 1); position: relative; min-height: 28px; margin-top: 5px; } .inputactived{ background-color: rgba(204, 205, 215, 1); } .inputactived .UserItem{ background-color: rgba(140, 0, 255, 1); } .inputactived .ECaddicon{ background: url(/static/img/icon_pic_01.png) 0px -58px no-repeat; } .ECIcondingwei{ position: absolute; top: 13px; right: 7px; cursor: pointer; } .selctspan span{ cursor: pointer; /* margin-left: 12px; */ font-size: 22px!important; } .no-mlr{ margin-left: 0; margin-right: 0; } .dialogIcon{ position: absolute; top: 20px; } .diaTitle{ font-size: 18px; /* line-height: 54px; */ text-align: center; color: #000; margin-bottom: 20px; } .centerfooter{ display: block; text-align:center } .wornningDia .el-dialog{ width: 460px!important; border-radius: 20px; } .centerfooter .el-button.is-round { padding: 7px 84px; } .ECclockText{ color: rgba(136, 136, 136, 1); font-size: 12px; } .ECclock{ display: inline-block; width: 24px; height: 24px; background: url(/static/img/icon_pic_01.png) -24px -20px no-repeat; } .el-ecclock{ display: inline-block; width: 20px; height: 20px; background: url(/static/img/icon_pic_01.png) -60px 0px no-repeat; } .el-ecclock-o{ display: inline-block; width: 20px; height: 20px; background: url(/static/img/icon_pic_01.png) -140px 0px no-repeat; } .clockPostion{ position: relative; top: 7px; margin-left: 5px; } .Treenavbox{ overflow: hidden; } .treeNav{ margin: 0 px; } .treeNav li{ line-height:44px; color: rgba(255, 255, 255, 1); font-size: 17px; padding-left: 16px; cursor: pointer; } .treeNav li:hover{ transition: ease all 0.5s; border-radius: 4px; background-color: rgba(141, 143, 159, 0.1411764705882353); } .contentNav{ transition: ease all 0.5s; border-radius: 4px; background-color: rgba(167, 168, 183, 1); } .comlogoBox{ text-align: center; width: 340px; height: 255px; line-height: 255px; background-color: rgba(235, 235, 242, 1); color: rgba(0, 0, 0, 1); font-size: 17px; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; } .uploadImg{ position: absolute; left: 50px; } .xindinwei{ top: 106px; left: 195px; } .comlogoImgBox{ margin: 10px 0; overflow: hidden; } .labelbiaoshi{ color: rgba(155, 155, 155, 1); font-size: 14px; display: block; margin-bottom: 10px; } .bzInfo{ margin: 10px 10px 0 10px; } .labelTosize{ color: rgba(173, 173, 173, 1); font-size: 16px; } .yiyunTable_list_item{ overflow: hidden; } .liulanqiImgBox, .shoujiImgBox{ display: table; vertical-align: middle; text-align: center; color: rgba(0, 0, 0, 1); font-size: 17px; height: 240px; background-color: rgba(235, 235, 242, 1); } .liulanqiImgBox{ width: 340px; } .shoujiImgBox{ width: 135px; } .el-radio__input.is-checked+.el-radio__label { color: #000; } .topyichu::before{ content: ''; } .ECvh_row_2{ min-height: calc(50vh - 130px); } .bgblack{ background-color: #ccc; } .el-progress-bar__outer ,.el-progress-bar__inner{ border-radius: 4px; } .el-input--suffix .el-input__inner { padding-right: 30px; background-color: #fff; box-shadow: 0 2px 2px #cacaca; border-radius: 4px; border: 0.5px solid rgba(227, 227, 227, 1); color: rgba(140, 0, 255, 1); font-size: 15px; } .el-select .el-input .el-select__caret { font-size: 26px; } .el-form-item__content { overflow: initial; } /* 模板与应用 */ .layout_warp_4{ width: calc(100vw - 80px); overflow: hidden; margin: 0 auto } .appListBox{ padding: 0; margin: 0; } .appListBox li{ margin: 10px 20px; padding: 0; text-align: center; list-style: none; float: left; cursor: pointer; } .appImgIcon{ position: relative; width: 130px; height: 130px; } .appmark{ position: absolute; width: 32px; height: 32px; border-radius: 50%; top: 10px; left: 10px; color: rgb(140, 0, 255); background-color: #fff; font-size: 30px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.32); } .Appname{ text-align: center; line-height: 21px; color: rgba(0, 0, 0, 1); font-size: 16px; } .mark_disable{ background: url(/static/img/icon_pic_01.png) -100px 0px no-repeat; } .mark_able{ background: url(/static/img/icon_pic_01.png) -20px 0px no-repeat; } .mark_openclock{ background: url(/static/img/icon_pic_01.png) -80px 0px no-repeat; } .mark_normal{ opacity: 0; } .templateBoxItem{ margin: 20px; height: 119px; border-radius: 8px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); position: relative; border-top: 1px solid transparent; } .primaryText{ color: rgba(140, 0, 255, 1); font-size: 12px; } .card_title{ color: rgba(0, 0, 0, 1); font-size: 17px; } .cardBoxItemInner{ margin: 16px 17px 10px 20px; } .optionBtnlabel .primaryText{ position: absolute; bottom: 13px; } .optionBtnlabel .primaryopBtn{ position: absolute; right: 17px; bottom: 10px; } .noshadow{ background-color: transparent; box-shadow: 0 0 0 0; } .disadbled{ color: rgba(172, 172, 172, 1); font-size: 13px; background-color: rgba(227, 227, 227, 1); border: 0.5px solid rgba(212, 212, 212, 1); } .disadbled:hover{ color: rgba(172, 172, 172, 1); background-color: rgba(227, 227, 227, 1); border: 0.5px solid rgba(212, 212, 212, 1); } .disadbledText{ color: rgba(136, 136, 136, 1); } .addlebel{ color: rgba(136, 136, 136, 1); font-size: 12px; display: block; text-align: center; } .redText{ color: #D6243A ; } .addpicImg_large{ display: block; width: 50px; height: 50px; margin: 23px auto 17px auto; background: url(/static/img/icon_pic_01.png) 0px -70px no-repeat; } .cuspinter{ cursor: pointer; box-shadow: 0 0 0 0; border-radius: 8px; border: 1px solid rgba(216, 216, 216, 1); overflow: hidden; height: 118px; } .appImgBox{ display: block; width: 180px; height: 180px; margin: 50px auto; text-align: center; line-height: 180px; } .applistInfo{ color: rgba(235, 235, 242, 1); font-size: 16px; line-height: 40px; border-bottom: 1px solid #8E909F; } .applistInfo:last-child{ border-bottom: 0px solid #8E909F; } .applistInfo p{ font-size: 16px; line-height: 24px; } .hid{ height: 40px; } .appListBox li:hover{ border-radius: 20px; background-color: rgba(227, 227, 227, 0.86); transition: ease all 0.5s; } .marketcardItem{ margin:20px; height: 120px; border-radius: 8px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .minitext{ width: 300px; line-height: 20px; color: rgba(136, 136, 136, 1); font-size: 13px; } .appDesc{ margin: 20px 25px 20px 10px; height: 119px; border-bottom: 1px solid #CCCDD7; } .addprimaryopBtn.el-button.is-round{ padding: 5px 27px; } .selctIcon{ width: 24px; height: 24px; display: block; background: url(/static/img/icon_pic_01.png) 0px -20px no-repeat; cursor: pointer; } .topBtngroup{ width: 86px!important; transform-origin: center top; z-index: 2102; position: absolute; top: 86px; left: 59px; } .el-popover{ min-width: auto; border-radius:4px; } .popoverNav li{ color: rgba(50, 50, 60, 1); font-size: 14px; padding: 10px 15px; } .Icon_size_128{ width: 128px; height: 128px; } .Icon_size_108{ width: 108px; height: 108px; } .Icon_size_62{ width: 62px; height: 62px; } .Icon_size_32{ width: 32px; height: 32px; } .IconBg{ border: 1px solid transparent } .IconBg:hover{ border: 1px dashed #7a7a88; cursor: pointer; transition: all ease 0.5s; } .AppIcon_group{ position: relative; width: 338px; margin: 0 auto; margin-top: 106px; } .IconBg img{ width: 100%; } .center{ text-align: center; } .beizhu_11{ color: rgba(209, 209, 209, 1); font-size: 11px; } .label_primary{ color: rgba(140, 0, 255, 1); } .label_danger{ color: rgba(214, 36, 58, 1); } .appFileBox{ list-style: none; margin: 0; padding: 0; overflow: hidden; } .appFileBox li{ margin: 20px; padding: 0; float: left; border-radius: 20px; cursor: pointer; position: relative; transition: ease all 0.5s; } .appFileBox li:hover{ background-color: rgba(227, 227, 227, 0.86); } .appFileBox li>.appfileBtn{ opacity: 0; } .appFileBox li:hover>.appfileBtn{ opacity: 1; } .appfileImgIcon{ width: 180px; height: 180px; display: flex; justify-items: center; align-items: center; } .appfileImgIconItem{ display: block; width: 180px; height: 180px;; } .defualtappImg{ background: url(/static/img/appFileImg.png) -1800px 0px no-repeat; } .appImgIcon_{ background: url(/static/img/appFileImg.png) -1440px 0px no-repeat; } .appImgIcon_dwg{ background: url(/static/img/appFileImg.png) 0px 0px no-repeat; } .appImgIcon_zip{ background: url(/static/img/appFileImg.png) -180px 0px no-repeat; } .appImgIcon_skr{ background: url(/static/img/appFileImg.png) -360px 0px no-repeat; } .appImgIcon_rvt{ background: url(/static/img/appFileImg.png) -540px 0px no-repeat; } .appImgIcon_rar{ background: url(/static/img/appFileImg.png) -720px 0px no-repeat; } .appImgIcon_nwc{ background: url(/static/img/appFileImg.png) -900px 0px no-repeat; } .appImgIcon_3dmax{ background: url(/static/img/appFileImg.png) -1080px 0px no-repeat; } .appImgIcon_dxf{ background: url(/static/img/appFileImg.png) -1260px 0px no-repeat; } .mt-4{ margin-top: 4px; } .mb-6{ margin-bottom: 6px; } .appfileBtn{ width: 16px; height: 16px; overflow: hidden; position: absolute; top: 20px; right: 20px; } .IconSetting{ display: block; width: 17px; height: 17px; background: url(/static/img/icon_16.png) 0px -32px no-repeat; } .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: #f0f0f0; } .addUpfile{ width: 106px; height: 106px; margin: 0 auto; } .addUpfile .webuploader-pick{ display: block; width: 106px; height: 106px; background: url(/static/img/newadd.png) 0 0 no-repeat; background-color: transparent!important; border: 0!important; } .addUpfile .webuploader-pick~div{ left: 0!important; } .searchInput{ float:right; width: auto } .searchInput.el-input--suffix .el-input__inner{ box-shadow: 0 0 0 ; background-color: #eee; border-radius: 15px; border: 1px solid transparent } .searchInput .el-input-group__prepend{ border: 0; padding: 0; } .searchInputzhankai{ position: relative; } .searchInputzhankai i{ color: rgb(166,167,182); line-height: 30px; float: left; margin-right: 5px; cursor: pointer; } .searchInputzhankai i:focus{ color: rgb(0,0,0); } .searchInputzhankai input{ width: 200px; height: 30px; border: 0; background-color: #eee; border-radius: 15px; text-indent: 0px; } .biaoqianweizhi1{ position: absolute; bottom: 50px; left: 20px; } .biaoqianweizhi2{ position: absolute; bottom: 15px; left: 20px; cursor:pointer; } h4.biaoqianweizhi2{ color: rgba(255, 255, 255, 1); font-size: 25px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .main-title { text-align: center; color: rgba(50, 50, 60, 100); font-size: 18px; text-shadow: 0 0 1px #32323c; text-align: center; font-family: PingFangSC-Semibold; } .deletIocn{ font-size: 30px; } .juzhongtext{ padding: 100px 0; text-align: center; } .el-form-item__error { color: #F56C6C; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 28%; left: auto; right: 0px; } .card_box_pane{ width: 260px; height: 120px; border-radius: 10px; background-color: #fff; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 40px; margin-bottom: 55px; overflow: hidden; position: relative; float: left; margin-right: 40px; cursor: pointer; } .card_box_pane>img{ width: 100%; height: 100%; } .icontree{ display: block } .tree-icon { display:inline-block; } .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; width: 0; } .chengjitree .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; width: 19px; } .treeItembox i{ margin-right: 5px; } .treeItembox{ display: block; width: 100%; } .el-icon-models{ background: url("/static/img/AdminImg/icon_model.png") 0 0; width: 16px; height: 16px; margin-right: 0px; } .wenjianjialiebiao{ position: relative; } .mianbaoxiedinwei{ position: absolute; top: 5px; left: 5px; z-index: 6; } .backprevIcon{ display: inline-block; width: 17px; height: 17px; border-radius: 8px; overflow: hidden; text-align: center; line-height: 16px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); position: relative; top: 3px; margin-left: 7px; margin-right: 10px; } .el-breadcrumb__item:last-child .el-breadcrumb__inner{ color: #000 } .el-breadcrumb__inner{ line-height: 24px; } .el-breadcrumb__separator { color: rgba(156, 0, 255, 1); } .el-form-item { margin-bottom: 10px; } .kapian_card{ margin: 0 10px; height: 120px; border-radius: 10px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .kapian_card img{ display: block; width: 100%; height: 100%; cursor: pointer; } .cl_card{ margin: 0 20px 0 10px; } .ce_card{ margin: 0 20px 0 20px; } .cr_card{ margin: 0 10px 0 20px; } .el-tree-node__expand-icon{ font-size: 18px; } .el-tree-node__content>.el-tree-node__expand-icon { padding: 1px; } .filebox{ width: 70px; height: 100px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.3); cursor: pointer; } .listimg{ width: 100px; height: 100px; overflow: hidden; position: relative; display: flex; cursor: pointer; filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.3)); justify-content: center; align-items: center; } .listimg img{ max-width: 100px; max-height: 100px; } .listimg .houzuidinwei{ font-size: 18px; top: 71px; right: 23px; } .wordicon{ background: url(/static/img/appfiletapy.png) 0 0; } .excelicon{ background: url(/static/img/appfiletapy.png) -70px 0; } .pdficon{ background: url(/static/img/appfiletapy.png) -140px 0; } .dwgicon{ background: url(/static/img/appfiletapy.png) -210px 0; } .dxficon{ background: url(/static/img/appfiletapy.png) -280px 0; } .maxicon{ background: url(/static/img/appfiletapy.png) -350px 0; } .nwcicon{ background: url(/static/img/appfiletapy.png) -420px 0; } .raricon{ background: url(/static/img/appfiletapy.png) -490px 0; } .rvticon{ background: url(/static/img/appfiletapy.png) -560px 0; } .skpicon{ background: url(/static/img/appfiletapy.png) -630px 0; } .zipicon{ background: url(/static/img/appfiletapy.png) -700px 0; } .abcicon{ background: url(/static/img/appfiletapy.png) -770px 0; } .addUpfile2 .webuploader-pick { display: block; width: 680px; line-height: 100px; height: 100px; background-color: #fff!important; border: 0!important; border-radius: 10px!important; text-indent: 58px; } .addUpfile2 .webuploader-pick:hover{ color: #323232!important } .addUpfile2 .webuploader-pick~div{ content: '点击上传'; position: absolute; top: 0px; left: 0px; width: 680px; height: 106px; overflow: hidden; bottom: auto; right: auto; } .uploadBtn{ position: relative; } .uploadBtnImg{ position: absolute; left: 26%; top: 26%; z-index: 1; height: 48px; } .dragbox .shangchuandinwei{ width: 400px; /* height: 120px; */ background-color: rgba(255,255,255,1); border: 0; } /* .updatebox li{ background-color: #fff; } */ .redlabel{ color: rgba(156, 0, 255, 1); font-size: 13px; text-align: left; } .gundontiao{ width: calc(100vw - 120px); height: calc(100vh - 120px); overflow-x: auto; overflow-y: auto; } .searhNodeNameconcenter{ width: 300px; margin: 0 auto; } .el-message-box { border-radius: 8px; } .ecload.yiyunfile-Uploader .webuploader-pick { border-radius: 4px !important; font-size: 13px; font-weight: 500; width: 112px; height: 19px; line-height: 20px; background: #fff!important; color: #323232; cursor: pointer; border: 0.5px solid #e3e3e3!important; box-shadow: 0 0 0 0; display: inline-block; font-family: Yahei } .ecload.yiyunfile-Uploader:hover .webuploader-pick { color: #8C00FF!important; border: 0.5px solid #8C00FF!important; } .ecBtngroup_Item{ display: inline-block; margin-right: 5px; } .ecload{ position: relative; top: 5px; } .meassageyichu{ height: 20px; overflow: hidden; } /* 提示框 */ .el-message-box__container { position: static; } .el-message-box__status+.el-message-box__message { padding-left: 50px; padding-right: 50px; padding-top: 14px; padding-bottom: 32px; text-align: center; } .el-message-box__message { text-align-last: left; } .el-message-box__status.el-icon-warning { color: #F8D12A; } .el-message-box__status { top: 16px; left: 16px; transform: none; /* position: absolute; top: -22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 28px!important; */ } .el-message-box { position: relative; box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2); width: 460px; } .el-message-box__message p { margin: 0; line-height: 24px; font-size: 18px; color: #000; text-align-last: center; text-align: center; } .el-message-box .el-message-box__btns .el-button{ width: 210px; height: 30px; padding: 7px 20px; border-radius: 30px; font-size: 14px; } .el-message-box__content { padding: 40px 15px; } .el-dialog { border-radius: 8px; box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.2); } .el-dialog__header { padding: 30px 20px 0px; text-align: center; } .el-dialog__footer .el-button{ width: 200px; height: 30px; padding: 7px 20px; border-radius: 8px; font-size: 14px; } .el-dialog__headerbtn,.el-message-box__headerbtn { font-size: 28px; } .el-message-box__header { position: relative; text-align: center; } .el-message-box__header { padding: 40px 15px 10px; } .el-message-box__btns { padding: 5px 15px 8px; } .el-dialog--center .el-dialog__body { overflow: hidden; } .longform .el-cascader{ width: 410px; } /* 层级树 */ .avtarface{ width: 60px; height: 60px; border-radius: 30px; /* background-color: rgba(235, 235, 242, 1); */ cursor: pointer; overflow: hidden; position: relative; } .avtarface img{ width: 100%; height: 100%; } .avtarface:hover>.eiditIconimgBox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.5); transition: ease all 0.5s; } .eiditIconimg{ font-size: 26px; width: 32px; height: 32px; border-radius: 16px; background-color: #fff; display: block; margin: 0 auto; margin-top: 14px; line-height: 32px; color: #8c00ff; } .vhLine{ width: 1px; height: 24px; background-color: rgba(50, 50, 60, 1); margin-top: 20px } .Text_tiny{ font-size: 12px; } .firstPeople{ width: 60px; overflow: hidden; text-align: center; } .ECworkerList{ text-align: center; margin-left: 6px; } .ECworkerList li{ float: left; margin: 0 12px; cursor: pointer; margin-bottom: 10px; position: relative } .largeaddEC{ line-height: 60px; font-size: 32px; color: rgba(50, 50, 60, 0.82); } .addBtn_new{ text-align: center; transition: ease all 0.5s; color: rgba(235, 235, 242, 1); width: 20px; height: 60px; background-color: rgba(235, 235, 242, 1); border-radius: 10px; } .middleaddEC{ line-height: 60px; font-size: 16px; color: rgb(80, 82, 92); cursor: pointer; } .addBtn_new:hover{ background-color: rgb(248, 209, 42); } .ec_number{ font-style: normal; } .tinyText_wirte{ color: rgba(255, 255, 255, 1); font-weight: 200; font-size: 12px; margin-top: 8px; width: 62px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .chengyuanbox{ width: 82%; } .eidtrepFirst{ position: relative; } .eidtrepFirstIconBox{ position: absolute; left: 0; top: 0; width: 60px; height: 60px; z-index: 2; overflow: hidden; border-radius: 30px; background-color: rgba(0, 0, 0, 0.4); cursor: pointer; transition: ease all 0.5s; overflow: hidden; opacity: 0; } .eidtrepFirst:hover .eidtrepFirstIconBox{ opacity: 1; } .eidtrepFirstIcon { width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: #ffffffdb; font-size: 20px; padding: 0; border-radius: 32px; color: #8c00ff; display: block; margin: 0 auto; margin-top: 15px } .shenlvbiox{ width: 144px; height: 60px; } .morePeople{ float: left; width: 32px; height: 32px; overflow: hidden; border-radius: 16px; margin: 14px 4px; background-color: #fff; } .morePeople img{ width: 100%; height: 100%; } .morePeopleBox{ width: 120px; margin: 0 auto } .EC_searchBox .el-input--suffix .el-input__inner{ box-shadow: 0 0 0 ; border: 1px solid transparent; text-indent: 20px; } .EC_searchBox .el-input--suffix .el-input__inner:hover{ border: 1px solid rgba(140, 0, 255, 1); } .EC_searchBox .el-input__suffix{ top:5px; width: 20px; height: 20px; border-radius: 10px; background-color:rgba(214, 36, 58, 1); background: url(/static/img/icon_pic_01.png) -120px 0 no-repeat } .EC_searchBox .el-input__suffix i,.searchInput .el-input__suffix i{ opacity: 0 } .searchInput .el-input__suffix{ top: 3px; width: 20px; height: 20px; border-radius: 10px; background-color:rgba(214, 36, 58, 1); background: url(/static/img/icon_pic_01.png) -120px 0 no-repeat } .huangguan{ display: block; background: url(/static/img/huangguan.png) 0 -19px no-repeat; width: 26px; height: 19px; float: left; margin-top: 7px; margin-right: 8px; } .huangguanactive{ display: block; background: url(/static/img/huangguan.png) 0 0px no-repeat; width: 26px; height: 19px; float: left; margin-top: 7px; margin-right: 8px; } .zhangkai_up{ display: block; width: 58px; height: 58px; background: url(/static/img/updown.png) 0 0 no-repeat; margin-left: 3px; } .zhangkai_down{ display: block; width: 58px; height: 58px; background: url(/static/img/updown.png) 0 -58px no-repeat; margin-left: 3px; } .newweizhi{ position: absolute; left: 85px; top: 0px; } .xiezuobox>div{ margin-bottom: 20px; } .large_huangguan{ display: block; width: 60px; height: 60px; color: #878787; font-size: 32px; background-color: #EBEBF2; text-align: center; line-height: 60px; } .ec_dialog{ width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(0,0,0,0.0); z-index: 999; } .ec_dialogBox{ width: 800px; height: 500px; border-radius: 8px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); margin: 0 auto; margin-top: 150px; } .ec_dialogBoxBody{ height: 360px; } .line{ clear: both; height: 1px; background-color: #EBEEF5; } .ec_dialogBoxHeadTitle{ margin-left: 16px; line-height: 60px; } .ec_dialogBoxHeadclose{ line-height: 60px; margin-right: 20px; } .ec_dialogBoxBody .el-cascader-panel.is-bordered { width: 768px; height: 344px; border-radius: 8px; background-color: rgba(246, 246, 246, 1); border: 1px solid rgba(227, 227, 227, 1); overflow-x: auto; margin: 12px auto; } .ec_dialogBoxBody .el-cascader-menu__wrap{ height: 344px; overflow-y: auto } .ec_dialogBoxBody .el-cascader-node{ padding: 0 20px 0 0; } .ec_dialogBoxBody .el-cascader-menu__list { padding: 6px 16px; } .ec_dialogBoxBody .el-cascader-node__prefix { position: absolute; left: -10px; } .ec_dialogBoxBody .el-radio__inner { border: 1px solid #62626F; background-color: #62626F; } .ec_dialogBoxfooter .el-button { display: inline-block; transition: .1s; font-weight: 500; -moz-user-select: none; font-size: 16px; border-radius: 4px; width: 369px; height: 32px; border-radius: 8px; border: 0; background-color: #fff; margin: 10px; box-shadow: 0 3px 7px 2px #d6d6d8; padding: 0!important; margin-top: 15px; cursor: pointer; } .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar { width: 5px; height: 5px; } .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar-track { background-color:transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; } .ec_dialogBoxBody .el-cascader-panel.is-bordered::-webkit-scrollbar-thumb { background-color:#adadad; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; } .mini_typeBtn.el-button { padding: 2px 20px; } .tianjiaxiezuorenBox>.tianjiaxiezuorenBox{ padding-left: 25px; } .hand{ cursor: pointer; transition: ease all 0.5s; } .diaform .el-form-item__label{ color: #606266; } .ECupload .el-upload-dragger { width: 420px; height: 32px; } .ECupload .el-upload-dragger .el-icon-upload { font-size: 28px; margin: -10px 21px 0px; float: left; } .ECupload .el-upload-dragger .el-upload__text { font-size: 12px; float: left; line-height: 30px; } .longUploder .webuploader-pick{ width: 100%; } .main_workerBox{ width: 380px; height: 192px; border-radius: 4px; border: 1px solid rgba(255, 210, 50, 1); } .largehuangguan{ font-size: 48px; color: rgba(248, 209, 42, 1); margin-left: 10px; margin-top: 10px; display: inline-block; } .rentou_alrge{ width: 120px; height: 120px; margin: 0 auto; background:url(/static/img/huangguan.png) 0 -98px no-repeat; position: relative; top: -26px; } .middlehuangguan{ /* font-size: 49px; */ font-size: 30px; line-height:30px; color: #FFD232; /* position: relative; */ /* top: -10px; */ margin-right: 10px; } .mainpeople_H{ height: 26px; border-radius: 4px; border: 1px solid rgba(255, 210, 50, 1); padding: 20px 10px; } .mainpeople_H.user_info_item .user_info_faceImg{ margin-top: 0; } .largeclose{ font-size: 16px; position: relative; top: -6px; } .diaTip{ width: 348px; color: rgba(235, 235, 242, 1); font-size: 14px; text-align: left; margin: 0 auto; margin-top: 16px; } .self_slider .el-slider__runway,.self_slider .el-slider__bar{ height: 1px; background-color: #D8D8D8 ; } .self_slider .el-slider__button{ width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } .self_slider .el-slider__button-wrapper{ top: -18px; } .midupload .webuploader-pick{ width: 80px; height: 20px; border-radius: 4px!important; border: 0.5px solid rgba(227, 227, 227, 1)!important; background-color: #fff!important; line-height: 18px; color: rgba(0, 0, 0, 1); font-size: 13px; text-align: center; box-shadow: 0 1px 2px #848484; transition: ease all 0.5s; } .midupload .webuploader-pick:hover{ color: #8C00FF!important; border-color: #8C00FF!important; } .derect_right{ display: inline-block; width: 16px; height: 16px; background: url(/static/img/icon_file2.png) 0 -80px no-repeat; } .fileIcon_16{ display: inline-block; width: 16px; height: 16px; position: relative; top: 3px; background: url(/static/img/icon_file2.png) 0 -240px no-repeat; } .fileIcon_word{ background: url(/static/img/icon_file2.png) 0 -16px no-repeat; } .fileIcon_jpg,.fileIcon_png{ background: url(/static/img/icon_file2.png) 0 -16px no-repeat; } .fileIcon_dwg{ background: url(/static/img/icon_file2.png) 0 -96px no-repeat; } .fileIcon_rar{ background: url(/static/img/icon_file2.png) 0 -112px no-repeat; } .fileIcon_skp{ background: url(/static/img/icon_file2.png) 0 -128px no-repeat; } .fileIcon_rvt{ background: url(/static/img/icon_file2.png) 0 -144px no-repeat; } .fileIcon_zip{ background: url(/static/img/icon_file2.png) 0 -128px no-repeat; } .fileIcon_nwc{ background: url(/static/img/icon_file2.png) 0 -176px no-repeat; } .fileIcon_3dmax,.fileIcon_max{ background: url(/static/img/icon_file2.png) 0 -192px no-repeat; } .fileIcon_dxf{ background: url(/static/img/icon_file2.png) 0 -208px no-repeat; } .fileIcon_weizi{ background: url(/static/img/icon_file2.png) 0 -224px no-repeat; } .fileIcon_doc{ background: url(/static/img/icon_file2.png) 0 -304px no-repeat; } .fileIcon_pdf{ background: url(/static/img/icon_file2.png) 0 -272px no-repeat; } .fileIcon_ppt{ background: url(/static/img/icon_file2.png) 0 -288px no-repeat; } .fileIcon_excel{ background: url(/static/img/icon_file2.png) 0 -320px no-repeat; } .fileIcon_png,.fileIcon_jpg,.fileIcon_jpeg{ background: url(/static/img/icon_file2.png) 0 -336px no-repeat; } .fileIcon_other{ background: url(/static/img/icon_file2.png) 0 -352px no-repeat; } .noborderbtn .el-input-group__append{ border: 1px solid transparent; color: #cccdd7; background-color: rgba(244, 244, 246, 1); } .noborderbtn .el-input-group__append:hover{ color: #62626F; } .middiaHeight{ height: 300px; overflow-y: auto; } .middiaHeight .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{ background-color: rgba(97, 97, 111, 0.12); } .middiaHeight .el-tree-node__content:hover{ background-color: #f0f7ff; } .color1{ color: #8c00ff; } .color2{ color: #0012ff; } .DevtopIcon{ position: absolute; left: 30px; top: 7px; } .orginoverflow{ overflow: inherit; } .yiyuntitle.myFolderName{ font-size: 20px; text-align: center; line-height: 37px; border: 0; font-weight: 400; font-family: PingFang SC; cursor: pointer; background-color: transparent; padding: 0; } .yiyuntitle.nowFolderName{ white-space: nowrap; text-overflow: ellipsis; font-size: 20px; border-radius: 8px; background-color: rgba(255, 255, 255, 1); /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); */ text-align: center; /* line-height: 37px; */ /* padding: 4px 10px 5px; */ padding: 0 0 0 10px; border: 0; font-weight: 400; font-family: PingFang SC; cursor: pointer; margin: 0 8px; } .yiyuntitle.nowFolderName:hover { color: rgb(140, 0, 255); } .shadowbtn{ box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } h3.defualth3{ color: #A7A8B7; font-size: 18px; float: left; margin-right: 10px; cursor: pointer; line-height: 31px; text-align: center; transition: ease all 0.5s; border-radius: 4px; transition: 0.2s all linear; padding: 0 10px; font-weight: 400; margin-left: 20px; } h3.defualth3:hover{ background-color: rgb(235,235,242); } .sectitle{ border: 0; font-weight: 500; font-family: PingFang SC; padding: 0 8px; margin: 0 8px; height: 32px; line-height: 32px; border-radius: 8px; background-color: rgba(250, 250, 250, 1); color: rgba(136, 136, 136, 1); font-size: 14px; /* overflow: hidden; text-overflow:ellipsis; white-space: nowrap; */ cursor: pointer; } .sectitle:hover{ color: rgb(140, 0, 255); } /* h3.defualth3::before { content: ""; position: absolute; top: 0; left: 100%; width: 0; height: 100%; background-color: rgb(235,235,242); transition: 0.2s all linear; } h3.defualth3:hover::before { width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(255,255,255); transition-delay: 0.1s; z-index: -1; } h3.defualth3:hover ~ h3.defualth3::before { left: 0; } */ h3.curactive{ color: #000000; background-color: rgba(204, 205, 215, 1); } .hands{ cursor: pointer; margin-right: 20px; } .hands:hover{ color: #409EFF; } .tabtltlebox{ display: flex; vertical-align: baseline; } .icon-icon_shouqi.zhankaiIcon{ transform: rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */ } .closepageH{ height: 0px; transition: ease all 0.5s; } .myselfupload .el-upload-dragger { height: 30px; } .myselfupload .el-upload-dragger .el-icon-upload { font-size: 24px; margin: 0; line-height: 28px; float: left; padding-left: 30px; } .myselfupload .el-upload-dragger .el-upload__text{ line-height: 28px; } .contextmenu { margin: 0; background: #fff; z-index: 3000; position: absolute; list-style-type: none; padding: 5px 0; border-radius: 4px; font-size: 12px; font-weight: 400; color: #333; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3); } .rightMenu>li{ line-height: 36px; font-size: 14px; padding: 0 20px; color: #606266; white-space: nowrap; } .rightMenu>li:hover{ cursor: pointer; background-color: #ecf5ff; color: #66b1ff; } li.secondMenu:hover{ background-color: transparent; } li.secondMenu ul li{ padding-left: 10px; } li.secondMenu ul li:hover { background-color: rgb(230, 235, 241); cursor: pointer; } .appImgiconbox{ width: 70px; height: 70px; border-radius: 35px; margin: 10px auto; } .appImgiconbox img{ width: 70px; } .centertext{ text-align: center; } .yyerrtip{ color: red; font-weight: bold; position: absolute; right: 12px; top: 19px; z-index: 999; } .loginright_btn.nopadding{ padding: 0; } .visontext{ line-height: 13px; color: #4a90e2; font-size: 10px; text-align: center; padding: 0px 12px; border-radius: 10px; display: inline-block; margin-top: 10px; transition: ease all 0.5s; font-weight: 400; } .yiyun_wenjian_list{ text-align: center; } .yiyun_wenjian_list:hover>.visontext{ color: rgb(255, 255, 255); background-color: #4a90e2; } .width4{ width: 33.33%; } .nobianju{ margin: 0; } .wirtebtn{ border: 0; line-height: 28px; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: center; background-color: rgba(255, 255, 255, 1); border-radius: 6px; padding: 0px 8px; margin: 0 16px; cursor: pointer; transition: ease all 0.5s; } .wirtebtn:hover{ color: #8b35f0; } .overflowinit{ overflow: initial; } .webuploader-element-invisible{ visibility: hidden; } .neibianju { background-color: #fff; padding-top: 2px; height: 259px; min-height: 259px; max-height: 300px; border-radius: 16px 16px 0 0; box-shadow: 0 -3px 11px 1px rgba(0,0,0,0.06); overflow-y: hidden; position: fixed; bottom: 0; width: 100%; box-sizing: border-box; } .neibianju1 { background-color: #fff; padding-top: 5px; height: 100%; border-radius: 16px 16px 0 0; box-shadow: 0 -3px 11px 1px rgba(0,0,0,0.06); overflow-y: auto; background: linear-gradient(#fff,#fff); } /* 意见反馈 */ .yijianfankui{ position: absolute; right: 23px; bottom: 30px; border: 0px; width: 22px; border-radius: 16px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); color: rgba(50, 50, 60, 1); font-size: 12px; text-align: left; cursor: pointer; overflow: hidden; } .putonganniu{ width: 22px; text-align: center; font-size: 11px; border: 0; background-color: #fff; font-weight: 900; color: #000; overflow: hidden; padding: 3px 0; } .putonganniu:hover{ color: #8c00ff; } .quanxuanbtn{ position: absolute; right: 30px; } .quanxuanbtn .el-checkbox__label{ font-size: 13px; } .btnlabelTitle{ font-size: 15px; } .el-checkbox__inner::after { border: 0px solid #FFF; } .el-checkbox__inner { border: 1px solid #DCDFE6; background-color: #fff0; } .defualtBtnInfo.quitBtn{ height: 32px; border-radius: 8px; border: 0; background-color: rgba(255, 255, 255, 1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); font-size: 16px; font-family: PingFang SC; } .yiyun_app_info_box li::after,.yiyun_yinyongname::after{ content: ''; display: block; height: 1px; background-color: #d8d8d8; position: relative; } .yiyun_app_info_box li::after{ top: 43px; } .yiyun_yinyongname::after{ top: 10px; } .editnone .el-form{ padding: 0 16px; } .workbtn{ width: 28px; height: 28px; border-radius: 4px; color: #ADADAD; line-height: 28px; text-align: center; background-color: rgba(250, 250, 250, 1); cursor: pointer; font-size: 24px; transition: ease all 0.5s; } .drakbg{ border-radius: 4px; background-color: rgba(167, 168, 183, 1); color: #fff; } .anniuweizhi{ position: absolute; left: -8px; top: 14px; } .workbtn:hover{ /* box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2); */ color: rgba(140, 0, 255, 1); } .rota180{ display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rota90{ display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .workderct{ /* position: relative; top: 5px; */ margin-left: 10px; /* margin-top: 15px; */ } /* .worktitlebox button+button{ margin: 0 8px; } */ .worklink{ /* width: 100%; */ width: calc(100vw - 64px); display: flex; align-items: center; /* width: 100vw; */ height: calc(100vh - 114px); overflow-y: auto; } .linkstart{ justify-content: start; } .worklinkBtngroup{ /* height: 54px; */ overflow: hidden; float: left; /* max-width: 368px; */ } .worklinkBtngroup button{ margin: 0 8px; } /* .curbtn{ float: left; margin-top: 7px; } */ .currworkbutton{ border: 1.5px solid rgba(140, 0, 255, 1); width: 106px; height: 48px; border-radius: 4px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .workbutton{ width: 106px; height: 48px; border-radius: 4px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); border: 1.5px solid rgba(140, 0, 255, 0); padding: 0 16px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .workbutton:hover{ border: 1.5px solid rgba(140, 0, 255, 1); } .workbutton.current{ border: 1.5px solid rgba(140, 0, 255, 1); } .linkline{ width: 32px; height: 1px; background-color: rgba(204, 205, 215, 1); display: inline-block; position: relative; top: -4px; } .workend{ background-color: rgba(140, 0, 255, 1); } .workheight{ height: calc(100vh - 48px); transition: ease all 0.5s; background-color: #f0f0f0; } .workheightinit{ /* height: calc(0); */ overflow: hidden; transition: ease all 0.5s; } .bgwirte{ background-color: #fff; } .backwork{ height: 45px; background-color: rgba(235, 235, 235, 0.57); } .worklinkHeight{ height: calc(100vh - 158px); } .warpbianju{ width: calc(100vw - 120px); margin: 0 auto; } .largecheck .el-checkbox__inner { width: 32px; height: 32px; border-radius: 16px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); border: 5px solid #fff; background-color: #fff; } .largecheck .el-checkbox__inner::after{ box-sizing: content-box; content: ""; border: 2px solid #fff; border-left: 0; border-top: 0; height: 16px; height: 12px; left: 7px; position: absolute; top: 2px; transform: rotate(45deg) scaleY(0); width: 6px; transition: transform .15s ease-in .05s; transform-origin: center; } .linedia .el-dialog__header{ text-align: left; padding: 17px 16px; border-bottom: 1px solid #dadbe2; } .linedia .el-dialog__headerbtn{ top: 9px; } .linedia .el-dialog__body{ padding: 16px; } .linedia .el-dialog{ border-radius: 8px; } .widthfile{ display: inline-block; width: 300px; } .widthtext1{ display: inline-block; width: 55px; text-align: center; } .widthtext{ display: inline-block; width: 180px; } .widthtext1.minitext,.widthtext.minitext{ text-align: center; } .largecheck .el-checkbox__input.is-checked .el-checkbox__inner,.largecheck .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #8c00ff; border: 5px solid #fff; } .largecheck .el-checkbox__input.is-focus .el-checkbox__input{ border: 5px solid #fff; } .loginright_btn.top0{ top: 0; } .midtext{ width: 252px; color: rgba(0, 0, 0, 1); font-size: 16px; text-align: left; margin-left: 30px; line-height: 16px; display: inline-block; text-overflow: ellipsis; overflow: hidden; position: relative; top: 2px; } .minitext{ color: rgba(98, 98, 111, 1); font-size: 12px; text-align: left; } .link{ text-decoration: none; } .link:hover{ color: #8c00ff; } .visionlist li{ line-height: 48px; } .visionlist li:hover{ background-color: #CCCDD7 ; border-radius: 8px; cursor: pointer; } .visionlistTitle{ color: rgba(140, 0, 255, 1); font-size: 14px; text-align: left; margin-bottom: 12px; display: block; margin-top: 10px; } .linedia .el-dialog__title { line-height: 24px; font-size: 17px; color: #303133; font-weight: bolder; } .tankuangaodu{ height: 296px; overflow-y: auto; } .yijianxietong{ display: block; /* width: 20px; height: 20px; background-color: #CCCDD7; color: #fff; border-radius: 10px; */ position: absolute; left: 3px; top: 4px; } .yijianIcon{ font-size: 24px; left: -2px; top: -3px; position: relative; } .isonselect{ background-color: rgba(74, 226, 166, 1); } .isonselect_err{ background-color: rgba(214, 36, 58, 1); } .isonselect_update{ background-color: rgba(74, 144, 226, 1); } .tipMsg{ padding: 0px 2px; background-color: #ED1B35; border-radius: 10px; font-size: 12px; color: #fff; font-style: normal; margin-right: 6px; } .yiyun_wenjian_list .isonselect_defual{ opacity: 0; transition: ease all 0.5s; } .yiyun_wenjian_list:hover .isonselect_defual{ opacity: 1; } .el-checkbox__label { display: unset; font-size: 13px; } .filestate{ position: absolute; top: 35%; left: 20%; background-color: #E3E3E3; padding: 3px 13px; border-radius: 18px; font-size: 16px; } .nobottom .el-form-item { margin-bottom: 0px; } .flex_right_pain_body input[type="password"] { letter-spacing: 0px; font-size: 20px; line-height: 10px; } input[type="password"]::-webkit-input-placeholder { letter-spacing: 0; font-size: 14px; } input[type="password"]:-moz-placeholder { letter-spacing: 0; font-size: 14px; } input[type="password"]::-moz-placeholder { letter-spacing: 0; font-size: 14px; } input[type="password"]:-ms-input-placeholder { letter-spacing: 0; font-size: 14px; } /* 上传进度 */ /* .shangchuandinwei{ position: absolute; top: 25%; left: 50%; z-index: 9999; max-height: 500px; overflow-y: auto; margin-left: -280px; padding: 20px; border: 0px; width: 680px; height: 254px; border-radius: 8px!important; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); } */ i.iconmidle{ margin-top: 16px; } .bianjutop{ width: 15px; } .bianjutop2{ width: 14px; } .bianjutop{ position: relative; top: 2px; left: -1px; } .fulltreebox{ height: calc(100vh - 146px); } .iconduiqi .el-tree-node__content>.el-tree-node__expand-icon{ width: 20px; } .project_gantetubox_warp{ margin-top: 5px; } .btn_double{ width: 343px; background-color: rgba(255, 255, 255, 1); margin: 0 auto; border-radius: 8px; box-shadow: 0 3px 6px 4px rgba(0,0,0,0.1); overflow: hidden; } .btn_double button+button{ margin: 0; } .btn_doubleItem{ height: 38px; border: 0; background-color: #fff; color: #000; line-height: 38px; font-size: 16px; font-family: PingFang SC; display: block; text-align: center; width: 100%; cursor: pointer; transition: ease all 0.5s; } .btn_doubleItem:hover{ color: #8C00FF; } .flex_rightheight2{ height: calc(100vh - 342px); } .flex_rightheight3{ height: calc(100vh - 282px); } .flex_rightheight1{ height: calc(100vh - 262px); } .flex_rightheight0{ height: calc(100vh - 320px); } .nomargin .longBtn{ margin: 8px auto; } .m-7-18{ margin-top: 7px; margin-bottom: 18px; } .nostyle{ margin: 0; margin-bottom: 26px; text-align: left; } .largecheck .el-radio__inner::after { width: 6px!important; height: 12px!important; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 2px solid #FFF; border-left: 0; border-top: 0; height: 7px; left: 9px; position: absolute; top: 10px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(69deg); width: 3px; -webkit-transition: -webkit-transform 0s ease-in 0s; transition: -webkit-transform 0s ease-in 0s; transition: transform 0s ease-in 0s; transition: transform 0s ease-in 0s, -webkit-transform 0s ease-in 0s; transition: transform 0s ease-in 0s,-webkit-transform 0s ease-in 0s; -webkit-transform-origin: center; transform-origin: center; background-color:transparent; border-radius:0 } .largecheck .el-radio__inner { width: 32px!important; height: 32px!important; border-radius: 16px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); border: 5px solid #fff; background-color: #fff; transform: rotate(45deg); } .largecheck .el-radio__input.is-checked .el-radio__inner { border-color: #ffffff!important; background: #8c00ff!important; } .fileItemlistBox li{ padding: 0 16px; height: 44px; line-height: 44px; transition: ease all 0.5s; } .fileItemlistBox li .el-radio__label{ font-size: 15px; line-height: 44px; } .fileItemlistBox li:hover{ background-color: #f2f2f2; } .dulihang .el-radio__label::after{ content: ''; height: 1px; width: 292px; display: block; background-color: #d8d8d8; margin-left: 44px; } .largeBtn.el-button{ width: 305px; height: 32px; border-radius: 8px; } .mb-15{ margin-bottom: 16px; } .footernobianju .el-dialog__footer{ padding: 10px 0; } .bianjubtn{ margin: 0 23px; margin-bottom: 6px; } .eldialogheight .el-dialog{ height: 310px; } .DiacenterBox{ height: 130px; } .logoarea{ display: flex; justify-content: center; align-items: center; position: absolute; width: calc(100vw); height: calc(100vh); top: 0px; background-color: transparent; } .logintitlefirst span{ display: block; line-height: 67px; } .intentinput .el-input__inner{ text-indent: 16px; } .loginimgboxa{ position: relative; height: 429px; width: 369px; clip-path: polygon( 0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75% ); background: #33333d; display: flex; justify-content: center; align-items: center; z-index: 1; } .loginimgbordera{ position: absolute; width: 100%; z-index: 3; } .loginimgboxImga{ position: absolute; background-size: 100%; max-width: 100%; max-height: 100%; z-index: 2; } .righttabs .el-tabs__item{ padding: 0; height: 40px; font-weight: 500; color: #000; width: 187px; text-align: center; } .righttabs .el-tabs__header{ margin: 0; } .righttabs .el-tabs__content{ overflow: inherit; } .righttabs .el-tabs__item.is-active{ color: #ED1B35; } .eidtTip{ position: absolute; left: 50%; top: 27%; width: 86px; height: 28px; color: rgba(0, 0, 0, 1); font-size: 12px; line-height: 28px; border-radius: 21px; text-align: center; background-color: #E3E3E3; display: block; margin-left: -43px; } .tixinpage{ overflow: hidden; } .opitcy1{ opacity: 1; } .opitcy0{ opacity: 0.5; } .settingIcon.minisize{ font-size: 16px; margin-right: 4px; } .finger{ cursor: pointer; } .filelist{ overflow: hidden; padding: 6px 0; } .filelist:nth-child(2n){ padding-right: 0px; } .filelist:nth-child(2n+1){ padding-right: 10px; } .filelist>span{ font-size: 15px; } .icon-icon_yijianxietong{ font-size: 18px; top: 0; left: 0; } .redtext{ color: #ED1B35; } .yiyun_headerfr_item_r>div span.dulibianjuspan{ margin-left: 10px; } .linkbtngroup{ display: inline-block; /* overflow: hidden; */ position: relative; } .appiframebox{ width: calc(100vw - 40px); height: calc(100vh - 54px); overflow-y: auto; } .fullscreenDia .el-dialog__header{ padding: 5px 20px 0px; } .fullscreenDia .el-dialog__body{ padding: 0px 20px; } .fullscreenDia .el-dialog{ border-radius: 0; } .fullscreenDia .el-dialog__headerbtn { top: 0px; } .bottext{ color: rgba(74, 74, 74, 1); font-size: 14px; text-align: left; font-family: PingFang SC; } .textcolor1{ color: #32323C; font-family: PingFang SC; } .botbtnr{ position: absolute; bottom: 0px; right: 10px; } .introlisttitle{ padding: 0 16px; } .topprev{ top: 10px; } h5.dulilabel{ font-size: 15px; font-weight: 500; margin-top: 12px; } .el-tree-node__content .el-dropdown{ opacity: 0; } .el-tree-node__content:hover>.custom-tree-node .el-dropdown{ opacity: 1; } .rightdesc{ font-family: PingFang SC; font-weight: 400; font-size: 15px; line-height: 30px; margin-top: 20px; } .fixtable{ /* border: 1px solid #cdd; */ width: calc(100vw - 122px); height: calc(100vh - 150px); overflow: scroll; position: relative; float: left; top: 0px; left: 0px; font-size: 12px; } .bg1 { position: fixed; z-index: 10001; width: 100px; left: auto; top: auto; } .bg2 { position: sticky; top: 0px; margin-left: 192px; /* width: 500px; */ z-index: 1000; } .bg3 { left: 0px; float: left; position: sticky; z-index: 1000; width: 100px; } .bg4 { left: 192px; /* width: 500px; */ position: absolute; } .bg1,.bg2,.bg3,.bg4{ border-collapse:collapse; border:none; } .bg1 td,.bg2 td,.bg3 td,.bg4 td{ border:solid #cdcdcd 1px; } .row-w-60{ width: 60px; text-align: center; } .col-h-30{ height: 30px; line-height: 30px; } .col-h-60{ height: 60px; line-height: 60px; overflow: hidden; } .col-h-58{ height: 60px; line-height: 60px; text-align: center; } .row-w-130{ width: 130px; overflow: hidden; text-align: center; } .tdheight{ height: 58px; overflow: hidden; } .bg_write{ background-color: #fff; } .bg_gray_th{ background-color: #e3e3e3; } .bg_gray_td{ background-color: #ebebeb; } .bg_druk{ background-color: #adadad; } /* .listTemplateList li:hover,.selected{ background-color: rgba(204, 205, 215, 1); } */ .listTemplateList li{ height: 48px; border-radius: 8px; margin: 8px 10px; padding: 0 16px; overflow: hidden; line-height: 48px; transition: ease all 0.5s; cursor: pointer; } .listTemplateTextBig{ color: rgba(50, 50, 60, 1); font-size: 18px; width: 95px; display: inline-block; font-weight: 600; } .listTemplateText{ color: rgba(0, 0, 0, 1); font-size: 15px; text-align: left; } .diaTitle{ font-size: 17px; } .yuandian{ position: relative; /* width: 158px; */ } .yuandian:last-child .conterpoint { width: 108px !important; } .upList{ top: 0; } .upList,.bottomlist{ position: absolute; left: 8px; } .bottomlist{ position: absolute; top: 22px; } .enterPoint,.outPoint{ position: absolute; left: 7px; } .enterPoint{ bottom: 32px; } .outPoint{ top: 50px; } .enterPoint button,.outPoint button{ display: block; margin-bottom: 16px; } .enterPoint .leftlinebox+.leftlinebox,.outPoint .leftlinebox+.leftlinebox{ margin: 0px; margin-bottom: 10px; } .linkBtn1,.linkBtn2{ border: 1.5px dashed transparent; height: 32px; border-radius: 4px; color: rgba(142, 144, 159, 1); font-size: 13px; font-family: PingFangSC-Regular; transition: ease all 0.5s; cursor: pointer; padding: 0 10px; } .linkBtn1:hover,.linkBtn2:hover{ border-color:#4A90E2 ; color: #4A90E2; } .linkBtn1{ background-color: rgba(255, 255, 255, 1); } .linkBtn2{ background-color: rgba(227, 227, 227, 1); min-width: 72px; max-width: 120px; } .enterLine{ width: 1px; height: 20px; background-color: rgba(204, 205, 215, 1); position: absolute; left: 0; bottom: 0px; } .outLine{ position: relative; width: 1px; height: 20px; background-color: rgba(204, 205, 215, 1); top: 17px; left: -7px; } .bottomenter{ position: absolute; bottom: -6px; left: -10px; color: #CCCDD7; font-size: 20px; } .leftlinebox{ position: relative; display: block; line-height: 30px; margin-bottom: 11px; } .leftline{ position: absolute; display: block; width: 8px; height: 1px; position: absolute; left: -8px; top: 50%; background-color: rgba(204, 205, 215, 1); } .leftline::after{ content: ''; height: 48px; width: 1px; position: absolute; left: -1px; top: 50%; background-color: rgba(204, 205, 215, 1); } .worllistt2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .leftlin2{ height: 40px; width: 1px; position: relative; background-color: rgba(204, 205, 215, 1); left: 0; top: 30px; } .conterpoint{ position: relative; width: 138px; } /* .conterpoint:last-child{ width: 200px; } */ .worningalert{ position: relative; width: 355px; height: 22px; border-radius: 4px; background-color: rgba(214, 36, 58, 1); top: -14px; text-indent: 16px; color: #fff; } .EC_searchBox .el-input-group__prepend { background-color: #ffffff; vertical-align: middle; display: table-cell; position: relative; border: 0px solid #ffffff; white-space: nowrap; position: absolute; left: 7px; padding: 0; width: 0; } #bigbody{ height: calc(100vh - 40px); overflow-y: auto; } .scorllbaron{ background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } /* 滑动的时候 顶部导航栏的底部阴影 */ .header-bottom-shadow::after { /* box-shadow: 0 18px 18px 0 #f1f1f1; */ content:''; display: block; width: 100%; height: 30px; background: linear-gradient(rgba(#000, .06),rgba(#000, 0)); } .tinylabel{ font-size: 12px; display: block; line-height: 20px; color: #888; } .newapplay li{ height: 59px; border-bottom: 1px solid #cccdd7; margin: 0 16px; padding: 0; } .searchPagebox{ width: calc(100vw - 60px); height: calc(100vh - 75px); } .searchPagebox2{ width: calc(100vw - 120px); margin: 0 auto; } .bj_label{ font-size: 14px; color: #8e909f; } /* 适配 */ @media(max-width:1600px) { .yiyun-col-md-4{ width: 33.3% } } @media(max-width:1337px) { .yiyun-col-md-4{ width: 33.3% } .yiyun_headerce>span { padding: 13px 15px; } .LoginTitleWel{ top: 60px; } .loginbox{ bottom: 60px; } } @media(max-width:1025px) { .yiyun-col-sm-6{ width: 50%; } .bottomdialog { width: calc(100vw - 20px); left: calc(-50vw + 10px); } .yiyun_dialog_left { margin-left: 20px; } .yiyun_dialog_right{ right: 20px; } .yiyun_headerce>span { padding: 13px 9px; } .LoginTitleWel { top: 30px; font-size: 39px; } .logintitlefirst span { line-height: 45px; } .loginlabel { font-size: 22px; } .loginbox { bottom: 30px; } } @media(max-width:768px) { .yiyun-col-ty-12{ width: 100% } .yiyun_headerce>span { padding: 13px 8px; font-size: 16px; } } .drop_areabox{ position: fixed; z-index: 999; width: 480px; height: 300px; background-color: #ccc; top: 50%; left: 50%; margin-left: -240px; margin-top: -150px; border: 1px dashed #8c00ff; background-color: #ebebf2; color: #8c00ff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; } .yywenjiantitle{ display: inline-block; width: 92px; height: 31px; color: #a7a8b7; font-size: 18px; line-height:31px; margin-right: 16px; border-radius: 4px; background-color: transparent; text-align: center; cursor: pointer; } .yywenjiantitle.yyactive,.yywenjiantitle:hover{ color: #32323c; background:#CCCDD7; } .fuzeren{ overflow: hidden; padding-bottom: 11px; border-bottom: 1px solid #8e909f; } .el-icon-warning::before{ content: ""; display: inline-block; width: 28px; height: 28px; background-color: #ccc; background: url(/static/img/icon_pic_01.png) no-repeat -180px 0px; } .el-icon-close::before { content: ""; } .el-icon-error::before{ content: ""; display: inline-block; width: 28px; height: 28px; background-color: #ccc; background: url(/static/img/严重警示.svg) no-repeat; } .selfupdate .webuploader-pick{ width: 120px } .right-algin{ text-align: right } .downloadIcon{ position: absolute; width: 100%; height: 120px; left: 0; top: 0; } .downloadIcon img,.downloadIcon span{ position: relative; top: 30px; } .downloadIcon img.imgjuzhong,.downloadIcon span.spanjuzhong{ position: relative; top: 45px; } .uploadText{ position: relative; top: 40px; left: 30px; font-size: 13px } .minifont{ font-size: 11px; color: #71717d; margin-top: 2px } .largeicon{ color: #000; font-size: 22px } .titlebar_head{ display: flex; justify-content: space-between; } .toumin{ opacity: 0.5; } .showdowfix{ position: fixed; background: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.15)); height: 60px; width: 100%; bottom: 0; z-index: -1; } .el-message-box__message p{ display: -webkit-box; -webkit-box-orient: vertical; /* -webkit-line-clamp: 3; */ overflow: hidden; font-weight: 400; word-break: break-all; } .mainbtn{ color: #8c00ff!important } .redbtn{ color: #d6243a!important } /* 竖线 */ .vertical-line { float: left; position: relative; top: 12px; width: 1px; height: 24px; background-color: rgba(153, 155, 157, 1); margin: 0 7px 0 0; } /* 使用flex布局 */ .use-flex { display: flex; flex-wrap: wrap; } /* 相对定位 */ .use-relative { position: relative; } /* 新项目人员列表超出部分滚动条样式 */ /* 滚动条样式 */ .personnel-list .content-wrap::-webkit-scrollbar, .proj-detail .right-part .part-wrap::-webkit-scrollbar, .proj-detail .proj-desc-wrap::-webkit-scrollbar, .proj-detail .summary-wrap::-webkit-scrollbar, .template_improve .summary-wrap::-webkit-scrollbar, .template_nest .template_select_content::-webkit-scrollbar, .template_improve .template_improve_content::-webkit-scrollbar, .new-proj .template_select_content::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; /*其他样式,比如圆角等*/ } /*滑块样式*/ .personnel-list .content-wrap::-webkit-scrollbar-thumb, .right-part .part-wrap::-webkit-scrollbar-thumb, .proj-detail .proj-desc-wrap::-webkit-scrollbar-thumb, .proj-detail .summary-wrap::-webkit-scrollbar-thumb, .template_improve .summary-wrap::-webkit-scrollbar-thumb, .template_nest .template_select_content::-webkit-scrollbar-thumb, .template_improve .template_improve_content::-webkit-scrollbar-thumb, .new-proj .template_select_content::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; height: 300px; background-color: #adadad; /* transition: background-color .3s linear; */ } /* 当一定时间内不进行操作时滚动条修改颜色与底色一致 */ /* .hide-scrollbar-thumb { background-color: #fcfcfc !important; } */ /*当前窗口失去焦点时的滑块样式 */ .personnel-list .content-wrap::-webkit-scrollbar-thumb:window-inactive, .right-part .part-wrap::-webkit-scrollbar-thumb:window-inactive, .proj-detail .proj-desc-wrap::-webkit-scrollbar-thumb:window-inactive, .proj-detail .summary-wrap::-webkit-scrollbar-thumb:window-inactive, .template_improve .summary-wrap::-webkit-scrollbar-thumb:window-inactive, .new-proj .template_select_content::-webkit-scrollbar-thumb:window-inactive { /* background-color: #adadad; */ background-color: transparent; } /* 当前选中的工作负责人的框 */ .active-manager-mark { border: 2px solid #7850ff; border-radius: 8px; background-color: #dededf; } .active-manager-mark-bottom-name { position: relative; top: -7px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 8px 0 5px; width: 100%; background-color: #7850ff; color: rgba(255, 255, 255, 100); font-size: 11px; text-align: center; z-index: 1; font-family: PingFangSC-Regular; } /* 展示的负责人的框 */ .manager-mark { border: 4px dashed rgba(140, 0, 255, 1) !important; } .mr-8 { margin: 0 8px 0 0; } .ml-4 { margin: 0 0 0 4px; } .mb-32 { margin: 0 0 32px 4px; } .mb-36 { margin: 0 0 36px 4px; } .mt-32 { margin: 32px 0 0 0; } /* 当前要进行工作指派的文件夹样式 始终激活状态*/ .active-folder { border-radius: 8px; background-color: #dbdbdb !important; } /* 鼠标悬浮状态 */ .folder-hover:hover { border-radius: 8px; background-color:#eaeaeb !important; } /* 点击瞬间状态 */ .folder-click:active { background-color: #ccc !important; } /* 清除 浮动 */ .clear-fix::after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* 新建样本文件弹框显示的图片 */ .defultImage-small { margin: 0 auto; width: 70px; height: 70px; background: url(/static/img/defult-mid.png) center/100%; } .video-small { height: 70px; width: 70px; background: url(/static/img/FileType/video.svg) center/100%; margin: 0 auto; } .border-box { box-sizing: border-box; } /* 文件左上角图标 */ .green-icon, .gray-icon , .blue-icon { display: block; width: 24px; height: 24px; } /* 绿色协同图标 */ .green-icon { background: url('/static/img/FileStatus/已协同协同.svg') center/100%; } /* 灰色图标 未启用协同*/ .gray-icon { background: url('/static/img/FileStatus/未启用协同.svg') center/100%; } /* 蓝色图标 待更新协同 */ .blue-icon { background: url('/static/img/FileStatus/待更新协同.svg') center/100%; } /* 新版项目概况 工作指派微调样式 */ .header-wrap .app-header-back-btn { left: 24px !important; } .header-wrap .app-header-content { padding: 0 48px !important; } .adjust-top-radius { border-top-left-radius: 8px; border-top-right-radius: 8px; } /* 总后台 思维导图样式修改 */ #TszMind { height: calc(100vh - 60px - 80px - 30px); width: calc(100vw - 64px - 20px); overflow: scroll; } /* 点击了节点按钮 右侧弹窗显示的时候修改左侧思维导图的宽度 */ .adjust-TszMind-pos { width: calc(100vw - 30px - 375px - 64px - 20px) !important; } #TszMind::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; /*其他样式,比如圆角等*/ } /*滑块样式*/ #TszMind::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; height: 300px; background-color: #adadad; /* transition: background-color .3s linear; */ } /*当前窗口失去焦点时的滑块样式*/ #TszMind::-webkit-scrollbar-thumb:window-inactive { background-color: #adadad; } #TszMind::-webkit-scrollbar-button { /* display: none; */ } /* 使用translate 和 绝对定位 实现水平和垂直居中 */ .vert-hori-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #root .largecontentBox { overflow: hidden; } /* 企业后台 客户列表 点击左侧企业 预览右侧的企业信息 */ #root .admin_contentBox_bodyPain { height: 100%; } #root .textlabelgray.UserEditinfoBox.DivInputHeight { height: calc(100vh - 64px - 70px - 110px); overflow: scroll; min-width: 100%; width: 100%; } #root .textlabelgray.UserEditinfoBox.DivInputHeight::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 4px; } #root .textlabelgray.UserEditinfoBox.DivInputHeight::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #adadad; } #root .textlabelgray.UserEditinfoBox.DivInputHeight::-webkit-scrollbar-thumb:window-inactive { background-color: #adadad; } .el-button--mini, .el-button--mini.is-round { padding: 5px 15px }