xfrontend/web/static/css/projectadmin.css
2021-06-03 19:38:17 +08:00

349 lines
30 KiB
CSS

#iframeid { border: 0; width: 100%; height: 100%;}
.ajax-content { display: block; }
.layui-form-switch { margin-top: 0px !important; }
.projectadmin-box { position: fixed; top: 60px; width: 100%; height: 100%; background-color: #f0f2f5; width: 100%; height: 100%; }
.projectadmin-left-list-box { width: 220px; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; }
.projectadmin-left-list-bg { padding: 8px; height: 100%; }
.item_kuvn { color: #42546d; height: 40px; line-height: 40px; cursor: pointer; border-radius: 2px; }
.selected___3ctlt { background-color: #f1f8ff; color: #3d90ff !important; }
.item_kuvn-pl { padding-left: 24px; }
.projectadmin-con-box { width:calc(100% - 220px); height: 100%; position: absolute; left: 220px; top: 0px; }
.main___Tea6c { padding: 24px; height: calc(100% - 108px); }
.projectadmin-con-bg { width: 100%; height: 100%; background-color: #fff; }
.projectadmin-con-top { padding: 12px 36px; background-color: #f7f7f7; color: #42546d; font-size: 12px; }
.projectadmin-con-hz { width: 100%; height: 100%; display: flex; }
.projectadmin-con-hz-left { width: 200px; height: 100%; min-height: 400px; margin-right: 2px; box-shadow: 1px 0 5px #f6f6f6; }
.projectadmin-con-hz-left-ss-box { display: flex; align-items: center; justify-content: center; height: 65px; border-bottom: 1px solid #f6f8fa; }
.projectadmin-con-hz-left-ss-box input { width: 96px; height: 30px; line-height: 30px; border: 0; font-size: 14px; background-color: #fff; }
.projectadmin-con-hz-left-ss-box img { cursor: pointer; }
.projectadmin-con-hz-left-list-box { height: calc(100% - 56px); padding: 8px 16px; overflow-y: auto; }
.projectadmin-con-hz-left-list-tit { display: flex; align-items: center; font-size: 14px; margin-top: 8px; margin-bottom: 8px; padding-left: 16px; color: #42546d; font-weight: 500; line-height: 32px;}
.sekuai { width: 6px; height: 10px; background-color: #a8cdff; margin-right: 8px; }
.projectadmin-con-hz-left-list-con { color: #42546d; margin-bottom: 2px; padding-right: 8px; padding-left: 24px; font-size: 14px; line-height: 32px; border-radius: 2px; cursor: pointer; height: 32px; }
.projectadmin-con-hz-right { width: calc(100% - 200px); height: 100%;}
.projectadmin-con-hz-right-box { padding: 24px 24px 24px 32px; height: calc(100% - 88px); }
.projectadmin-con-hz-right-box-top { display: flex; justify-content: space-between; align-items: center; }
.projectadmin-list-name { font-size: 24px; color: #202d3f; }
.projectadmin-con-hz-right-box-top-right {display: flex; align-items: center;}
.projectadmin-con-hz-right-box-top-right span { font-size: 12px; color: #67729d; }
.projectadmin-con-hz-right-box-top-right div { cursor: pointer; margin-left: 12px; font-size: 12px; color: #fff; width: 96px; height: 32px; line-height: 30px; text-align: center; border-radius: 2px; background-color: #3d90ff; border-color: #3d90ff; }
.projectadmin-con-hz-right-box-top-right a { color: #fff; }
.projectadmin-info-box { height: calc(100% - 48px); overflow-y: auto; margin-top: 16px; }
.projectadmin-info-bg { width: 100%; height: 100%; }
.projectadmin-info-table-top { width: 100%; background-color: #f0f2f5; color: #202d3f; font-weight: 400; font-size: 13px; display: flex; align-items: center;}
.projectadmin-info-table-top div { padding: 20px 0px; text-indent:13px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.projectadmin-info-table1 { width: 20%; }
.projectadmin-info-table2 { width: 80%; }
.projectadmin-info-table-con { width: 100%; border-bottom: 1px solid #e6e6e6; background-color: #fff; color: #202d3f; font-weight: 400; font-size: 13px; display: flex;}
.projectadmin-info-table-con div { text-indent:13px; }
.projectadmin-info-table-left { width: 20%; }
.projectadmin-info-table-left div { height: 100%; min-height: 57px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; display: flex; justify-content: space-between; align-items: center;}
.projectadmin-info-table-center-box { width: 80% ; }
.projectadmin-info-table-center { width: 100%; display: flex;}
.projectadmin-info-table-center .projectadmin-info-table-center-info { width: 100%; padding: 20px 8px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; display: flex; justify-content: space-between; align-items: center; }
.projectadmin-info-table-right { width: 75%;}
.projectadmin-info-table-right div { padding: 20px 8px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
/* 项目信息 */
.projectinfo-info-box { background-color: #fff; margin-bottom: 0px; padding: 28px 24px 22px; border-radius: 2px; }
.projectinfo-info-title { height: 32px; color: #202d3f; font-weight: 500; font-size: 18px; line-height: 32px; }
.projectinfo-info-title img { margin-left: 8px; cursor: pointer; width: 12px; }
.projectinfo-info-title-update-box { display: none; }
.projectinfo-info-title-update-box input { height: 32px; padding: 0 8px; color: #42546d; font-size: 14px; line-height: 30px; border: 1px solid #f0f0f0; border-radius: 2px; }
.projectinfo-info-title-update-box input:hover { border: 1px solid #4fa1ff; }
.projectinfo-info-title-update-box img { margin-left: 8px; cursor: pointer;}
.projectinfo-con-info-box { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.projectinfo-con-info-box .projectinfo-con-info { width: 50%; display: flex; align-items: center;}
.projectinfo-con-info .title { font-size: 14px; display: flex; align-items: center; width: 100px; height: 36px; line-height: 36px; margin-right: 10px; color: #67729d; }
.projectinfo-con-setup-box { width: 100%; display: flex; flex-wrap: wrap;}
.projectinfo-con-setup-info-box { width: calc(50% - 8px); border-radius: 2px; margin-top: 16px;}
.projectinfo-con-setup-info-box2 {width: calc(50% - 56px); padding: 24px; background: #fff; margin-left: 16px; border-radius: 2px; margin-top: 16px; display: flex; }
.projectinfo-con-setup-info { display: flex; background: #fff; padding: 32px 24px; border-radius: 2px; }
.projectinfo-con-setup-info-img { width: 40px; height: 40px; text-align: center; line-height: 40px; margin-right: 30px; border-radius: 2px; }
.projectinfo-con-setup-info-con { width: calc(100% - 80px); color: #42546d; font-size: 14px; }
.projectinfo-con-setup-info-con-top { width: 100%; display: flex; justify-content: space-between; font-size: 16px; font-weight: 500; }
.projectinfo-sdkpeizhi { font-weight: 500; }
.projectinfo-sdkpeizhi span{ color: #42546d; }
.projectinfo-sdkpeizhi-update img { cursor: pointer; }
.projectinfo-sdkpeizhi input { width: 42px; height: 20px; margin: 0 4px; font-size: 13px; padding: 0 8px; line-height: 20px; border: 1px solid #f0f0f0; }
.projectinfo-sdkpeizhi-update-ope { font-weight: 500; display: none; }
.projectinfo-sdkpeizhi-update-ope input { width: 42px; height: 20px; margin: 0 4px; font-size: 13px; padding: 0 8px; line-height: 20px; border: 1px solid #f0f0f0; }
.projectinfo-sdkpeizhi-img { display: none; margin-left: 10px; }
.projectinfo-ip { font-weight: 500; }
.projectinfo-ip span{ color: #42546d; }
.projectinfo-ip-update img { cursor: pointer; }
.projectinfo-ip input { width: 42px; height: 20px; margin: 0 4px; font-size: 13px; padding: 0 8px; line-height: 20px; border: 1px solid #f0f0f0; }
.projectinfo-ip-update-ope { font-weight: 500; display: none; }
.projectinfo-ip-update-ope input { width: 42px; height: 20px; margin: 0 4px; font-size: 13px; padding: 0 8px; line-height: 20px; border: 1px solid #f0f0f0; }
.projectinfo-ip-img { display: none; margin-left: 10px; }
.projectinfo-con-setup-info-con-top-title { display: flex;}
.projectinfo-con-setup-info-con-top-title img { width: 16px; height: 16px; margin-left: 6px; cursor: pointer; position: relative; top: 4px;}
.projectinfo-con-setup-info-con-color { color: #42546d; margin-top: 8px; }
.projectinfo-con-setup-info-con-color img { cursor: pointer; }
.itemwrap___1dGNo { display: flex; flex-wrap: wrap; align-content: flex-start; height: 114px; margin-top: 15px; padding: 8px; overflow-y: auto; background-color: #f5f7fa; }
.projectinfo-user-box { height: 24px; margin-right: 8px; margin-bottom: 8px; padding: 0 4px; color: #42546d; font-size: 14px; line-height: 24px; background-color: #fff; font-size: 14px;}
.projectinfo-user-box img { margin-right: 4px; position: relative; top: -2px; }
.projectinfo-ip-input { display: none; width: 100%; padding: 0 8px; min-height: 98%; color: #42546d; font-size: 14px; line-height: 24px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 2px; resize: none; }
.projectinfo-ip-tx-box { display: flex; flex-wrap: wrap; align-content: flex-start; height: 114px; width: 100%; overflow-y: auto; background-color: #f5f7fa; }
.projectinfo-ip-tx-list { padding: 0 4px; height: 24px; margin-right: 8px; margin-bottom: 8px; color: #42546d; font-size: 14px; line-height: 24px; background-color: #fff; }
.bgblue { background-color: #3d90ff; }
.bgskyblue { background-color: #6dc8ec; }
.bggreen { background-color: #53cb8c; }
.bgviolet { background-color: #9270ca; }
.bglight { background-color: #34cdc5; }
.usersbtx-box { width: 600px; height: 630px; background-color: #fff; }
.usersbtx-top-box { padding: 16px 24px; color: #202d3f; border-color: #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; display: flex; justify-content: space-between; align-items: center; }
.usersbtx-top-box div { font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; }
.usersbtx-top-box img { cursor: pointer; }
.usersbtx-tishi-box { margin: 24px 48px 0; }
.usersbtx-tishi-con { padding: 12px 15px; background-color: #f1f8ff; border-radius: 2px; }
.usersbtx-tishi-con p { color: #42546d; font-size: 12px; line-height: 22px; word-wrap: break-word; }
#lay-usersbtx { margin: 24px 48px 0; }
.layui-transfer-active { margin: 0 27px !important; }
.usersbtx-but-box { margin-top: 16px; padding: 14px 16px 0 0; text-align: right; display: flex; justify-content: flex-end; }
.usersbtx-but-box div { padding: 0 16px; height: 32px; line-height: 30px; font-weight: 400; border-radius: 2px; margin-left: 8px; font-size: 14px; cursor: pointer; }
.usersbtx-qx { border: 1px solid #f0f0f0; color: #42546d; }
.usersbtx-qd { background-color: #3d90ff; color: #fff; }
.timeadmin-box{ width: 738px; height: 525px; background-color: #fff; display: flex; border-radius: 4px; }
.timeadmin-left-box {width: 50%;}
.timeadmin-left-top { font-weight: 500; font-size: 16px; word-wrap: break-word; padding: 16px 24px; color: #202d3f; border-color: #f0f0f0; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; }
.timeadmin-action-box { height: 358px; padding: 26px 32px; }
.timeadmin-sele-box { display: flex; align-items: center; margin-bottom: 20px;}
.timeadmin-sele-box span { font-size: 14px; word-wrap: break-word; }
.timeadmin-sele-tit { color:#42546d; }
.timeadmin-sele-box select {min-width: 82px; font-size: 14px; border: 1px solid #d9d9d9; background-color: #fff; height: 32px; }
.timeadmin-tip___1gaiS { color: #67729d; font-size: 12px; line-height: 22px; }
.timeadmin-moren { color: #3d90ff !important; margin-left: 8px; font-size: 12px !important; }
.timeadmin-but-box { padding: 14px 16px 0 0; text-align: right; display: flex; justify-content: flex-end; border-top: 1px solid #f0f0f0; }
.timeadmin-but-box div { padding: 0 16px; height: 32px; line-height: 30px; font-weight: 400; border-radius: 2px; margin-left: 8px; font-size: 14px; cursor: pointer; }
.timeadmin-qx { border: 1px solid #f0f0f0; color: #42546d; }
.timeadmin-qd { background-color: #3d90ff; color: #fff; }
.timeadmin-right-box { height: 525px; width: 50%; box-shadow: -1px 0 4px #f0f0f0; }
.timeadmin-right-con { padding: 16px 24px; }
.timeadmin-right-top { color: #202d3f; font-weight: 500; font-size: 16px; }
.timeadmin-right-text { margin-top: 30px; color: #67729d; font-size: 12px; line-height: 22px; text-align: justify; }
.timeadmin-method-box { margin-top: 16px; padding: 18px 12px; background-color: #f6f8fa; }
.timeadmin-method-tit { color: #42546d; font-weight: 500; font-size: 14px; }
.timeadmin-method-con-box { display: flex; align-items: end; justify-content: space-between; margin-top: 12px; padding-bottom: 10px; color: #42546d; font-size: 12px; }
.timeadmin-method-con { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 2px; padding-right: 2px; }
.timeadmin-method-con-info { margin-top: 8px; padding: 3px; line-height: 20px; background-color: #f1f8ff; border-radius: 2px; }
.timeadmin-shiqu { width: 82px; color: #fff !important; }
/* .timeadmin-shiqu .layui-input.multiple a { display: none !important; } */
/* 成员管理 */
.useradmin-box { width: 100%; height: 100%; background-color: #fff; }
.useradmin-top-box { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 24px; border-bottom: 1px solid #f0f0f0; }
.useradmin-tab-box { display: flex; font-size: 14px; }
.useradmin-tab { color: #67729d; margin-right: 18px; cursor: pointer; height: 56px; line-height: 56px;}
.useradmin-tab-click { color: #3d90ff; }
.useradmin-tab-click div{ width: 38px; height: 3px; background-color: #3d90ff; margin: 0 auto;}
.useradmin-right-box { display: flex; align-self: center; }
.useradmin-ss-box { border: 1px solid #f0f0f0; height: 32px; padding: 0 8px; color: #42546d; line-height: 30px; font-size: 14px; border-radius: 2px; }
.useradmin-ss-box input { height: 32px; border: 0px; }
.useradmin-ss-box:hover { border: 1px solid #4fa1ff; }
.useradmin-btn { cursor: pointer; padding: 0 8px; margin-left: 8px; height: 32px; color: #42546d; font-weight: 400; font-size: 14px; line-height: 30px; text-shadow: none; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 2px; text-align: center; }
.useradmin-btn2 { cursor: pointer; padding: 0 8px; margin-left: 8px; height: 32px; color: #fff; font-weight: 400; font-size: 14px; line-height: 30px; text-shadow: none; background-color: #3d90ff; border-radius: 2px; text-align: center; }
.usertable-box { padding: 24px; }
.useradmin-group { display: none; }
/* 创建成员 */
.adduser-box { width: 720px; height: 567px; background-color: #fff; border-radius: 2px; }
.adduser-top-box { padding: 16px 24px; font-size: 16px; font-weight: 500; border-bottom: 1px solid #f0f0f0; color: #202d3f; display: flex; justify-content: space-between; align-items: center;}
.adduser-top-box img { cursor: pointer; }
.adduser-subject-box { padding: 0 32px; height: 417px; }
.adduser-subject-add-box { display: flex; justify-content: space-between; align-items: center; margin-top: 32px;}
.adduser-subject-add-box input { width: 480px; height: 32px; padding: 0 8px; color: #42546d; font-size: 14px; line-height: 30px; border: 1px solid #f0f0f0; border-radius: 2px; }
.adduser-subject-add-box div { cursor: pointer; height: 32px; line-height: 30px; padding: 0 16px; font-weight: 400; font-size: 14px; border-radius: 2px; background-color: #4fa1ff; color: #fff; }
.adduser-table-box { height: 320px; margin-top: 26px; }
.adduser-table-title { width: 100%; height: 48px; line-height: 48px; display: flex; background-color: #f7f7f7; border-bottom: 1px solid #f3f3f3; font-size: 12px; color: #202d3f;}
.adduser-table-title div { width: 197px; text-indent: 12px; }
.adduser-table-title-cz { width: 65px !important; }
.adduser-table-con-box { height: 271px; overflow-y: auto;}
.adduser-table-con { width: 100%; height: 48px; line-height: 48px; display: flex; border-bottom: 1px solid #f3f3f3; font-size: 12px; color: #42546d; }
.adduser-table-con div{ width: 197px; text-indent: 12px; }
.adduser-table-title-cz img { cursor: pointer; }
.adduser-role { cursor: pointer; }
.adduser-role span { padding: 8px; border: 1px solid #f0f0f0;}
.adduser-attr { cursor: pointer; }
.adduser-attr span { padding: 8px; border: 1px solid #f0f0f0; }
.adduser-but-box { padding: 14px 32px; text-align: right; border: 1px solid #f0f0f0; display: flex; justify-content: flex-end; }
.adduser-btn { cursor: pointer; padding: 0 16px; margin-left: 8px; height: 32px; color: #42546d; font-weight: 400; font-size: 14px; line-height: 30px; text-shadow: none; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 2px; text-align: center; }
.adduser-btn2 { cursor: pointer; padding: 0 16px; margin-left: 8px; height: 32px; color: #fff; font-weight: 400; font-size: 14px; line-height: 30px; text-shadow: none; background-color: #3d90ff; border-radius: 2px; text-align: center; }
/* 添加已有成员 */
.addexistuser-box { width: 820px; height: 535px; background-color: #fff; border-radius: 2px; }
.addexistuser-top-box { padding: 16px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
.addexistuser-top-box img { cursor: pointer; }
.addexistuser-con-box { height: 420px; padding: 0 32px; display: flex; }
.addexistuser-con-left-box { width: 218px; height: 343px; margin-top: 32px; margin-right: 38px; vertical-align: top; border: 1px solid #f0f0f0; }
.addexistuser-con-left-tit { height: 35px; padding-left: 12px; color: #202d3f; font-size: 12px; line-height: 35px; border-bottom: 1px solid #f0f0f0; }
.addexistuser-con-ss-box { margin-top: 4px; height: 32px; padding: 0 8px; color: #202d3f; font-size: 14px; line-height: 30px; background-color: transparent; display: flex; align-items: center; }
.addexistuser-con-ss-box input{ width: 152px; height: 30px; border: 0px; margin-left: 8px;}
.addexistuser-con-ss-cha { margin-left: 8px; display: none; }
.addexistuser-con-user-box { max-height: calc(100% - 76px); margin-top: 4px; padding: 0 4px; overflow-y: auto; }
.addexistuser-con-user-list-box { display: flex; align-items: center; justify-content: space-between; height: 44px; margin-bottom: 4px; padding: 0 8px; border-radius: 2px; }
.addexistuser-con-user-list-info-box div{ height: 22px; line-height: 22px; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.addexistuser-userName { font-size: 14px; color: #42546d; }
.addexistuser-loginName { font-size: 12px; color: #67729d; }
.addexistuser-con-user-list-box img { cursor: pointer; }
.addexistuser-con-user-list-box:hover { background-color: #f6f8fa; }
.addexistuser-con-right-box { width: 500px; height: 343px; margin-top: 32px; vertical-align: top; border: 1px solid #f0f0f0; }
.addexistuser-con-right-tit { height: 35px; padding-left: 12px; color: #202d3f; font-size: 12px; line-height: 35px; }
.addexistuser-table-tit-box { background-color: #e9edf2; display: flex; justify-content: space-between; align-items: center; }
.addexistuser-table-tit-box div { text-indent: 12px; font-size: 12px; width: 100px; height: 47px; line-height: 47px; font-weight: 400; border-bottom: 1px solid #f3f3f3; border-right:1px solid #f0f0f0; }
.addexistuser-table-tit-w { width: 125px !important; }
.addexistuser-table-tit-w span { padding: 8px; border: 1px solid #f0f0f0; cursor: pointer; }
.addexistuser-table-tit-cz { width: 48px !important; }
.addexistuser-table-tit-cz span { padding: 8px; border: 1px solid #f0f0f0; cursor: pointer; }
.addexistuser-table-con-box { display: flex; justify-content: space-between; align-items: center; }
.addexistuser-table-con-box div { text-indent: 12px; font-size: 12px; width: 100px; height: 47px; line-height: 47px; font-weight: 400; border-bottom: 1px solid #f3f3f3; }
.addexistuser-table-tit-cz img { cursor: pointer; }
.addexistuser-but-box { padding: 14px 32px; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end; align-items: center; }
.addexistuser-but-box div { padding: 0 16px; height: 32px; font-size: 14px; font-weight: 400; line-height: 30px; cursor: pointer; margin-left: 8px; border-radius: 2px; }
.addexistuser-btn-qx { border: 1px solid #f0f0f0; color: #42546d; }
.addexistuser-btn-qd { color: #fff; background-color: #3d90ff; }
/* 导入成员 */
.importuser-box { width: 540px; height: 335px; background-color: #fff; }
.importuser-top-box { padding: 16px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.85); word-wrap:break-word; }
.importuser-top-box img { cursor: pointer; }
.importuser-con-box { padding-top: 32px; }
.importuser-sele-box { height: 32px; margin-top: 32px; line-height: 32px; text-align: center; padding: 0 105px; }
.importuser-tishi { margin-top: 20px; padding-left: 215px; padding-right: 100px; color: #96989b; font-size: 12px; text-align: left; line-height: 20px; }
.importuser-tishi span { color: #606265; font-weight: 500; }
.importuser-but-box { margin-top: 76px; padding: 8px 16px; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end; }
.importuser-qd { cursor: pointer; font-size: 14px; font-weight: 400; height: 32px; padding: 0 16px; background-color: #3d90ff; line-height: 30px; border-radius: 2px; color: #fff; }
/* 成员信息编辑 */
.useradminedit-box { width: 520px; height: 303px; background-color: #fff; }
.useradminedit-top-box { padding: 16px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
.useradminedit-top-box img { cursor: pointer; }
.useradminedit-con-box { padding: 24px; font-size: 14px; word-wrap: break-word; }
.useradminedit-con-sele-box { margin: 0 50px 20px; }
.useradminedit-con-sele-box .layui-form-select dl { max-height: 170px !important; }
.useradminedit-but-box { padding-top: 45px; text-align: right; display: flex; justify-content:flex-end; align-items: center;}
.useradminedit-but-box div { cursor: pointer; padding: 0 16px; height: 32px; font-weight: 400; font-size: 14px; line-height: 30px; border-radius: 2px; margin-left: 10px; }
.useradminedit-qx { background-color: #f0f0f0; color: #42546d; }
.useradminedit-qd { color: #fff; background-color: #3d90ff; }
/* 创建成员组 */
.addusergroup-box { width: 600px; height: 600px; background-color: #fff; }
.addusergroup-top-box { padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.85); }
.addusergroup-top-box img { cursor: pointer; }
.addusergroup-con-box { padding: 12PX 24PX 0; }
.addusergroup-con-block { display: flex; margin-top: 12px;}
.addusergroup-con-block-num { width: 20px; height: 20px; color: #3d90ff; font-size: 12px; text-align: center; border: 1px solid #3d90ff; border-radius: 10px; line-height: 20px; }
.addusergroup-con-block-right { width: calc(100% - 32px); margin-left: 10px; }
.addusergroup-con-tit { font-size: 14px; font-weight: 500; color: #42546d; }
.addusergroup-con-block-right .addusergroup-txt { margin-top: 10px; width: 506px; padding: 0 8px; height: 32px; line-height: 30px; font-size: 14px; color: #42546d; border: 1px solid #f0f0f0; border-radius: 2px; }
#addusergroup-user-box { margin-top: 10px; }
.addusergroup-but-box { padding: 16px 16px 0 32px; display: flex; justify-content: space-between; align-items: center; }
.addusergroup-but-list { display: flex; }
.addusergroup-but-list div { cursor: pointer; margin-left: 8px; padding: 0 16px; height: 32px; font-size: 14px; line-height: 30px; border-radius: 2px; }
.addusergroup-qx { color: #42546d; border: 1px solid #f0f0f0; }
.addusergroup-qd { color: #fff; background-color: #3d90ff;}
/* 数据平台 */
.datarights-box { background-color: #fff; width: 100%; height: 100%; border-radius: 2px; }
.datarights-top-box { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #f0f0f0; }
.datarights-tit-box { font-size: 16px; font-weight: 500; color: #202d3f; }
.datarights-tit-box img { margin-left: 8px; }
.datarights-add-box { cursor: pointer; padding: 0 8px; background-color: #3d90ff; color: #fff; height: 32px; font-weight: 400; font-size: 14px; line-height: 30px; border-radius: 2px; }
.datarights-tab-box { padding: 24px; }
/* 编辑数据权限 */
.datarightsedit-box { width: 600px; height: 600px; background-color: #fff; border-radius: 2px; }
.datarightsedit-top-box { padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.85); }
.datarightsedit-top-box img { cursor: pointer; }
.datarightsedit-con-box { padding: 24px; }
.datarightsedit-txt-box { display: flex; margin-top: 16px; padding-bottom: 16px; }
.datarightsedit-txt-box .datarightsedit-txt-box-tit{ font-weight: 500; font-size: 14px; color: #42546d; margin-right: 10px; }
.datarightsedit-txt-box input{ padding: 0 8px; height: 32px; color: #42546d; line-height: 30px; border: 1px solid #f0f0f0; border-radius: 2px; }
.datarightsedit-check-box { width: 450px; position: relative; top: -8px; }
.datarightsedit-check-box .layui-form-checked { margin-top: 8px; }
.datarightsedit-check-box .layui-form-checkbox { margin-top: 8px; }
.datarightsedit-but-box { padding: 14px 32px; width: calc(100% - 64px); position: absolute; bottom: 0; right: 0; display: flex; justify-content: flex-end; border-top: 1px solid #f0f0f0;}
.datarightsedit-but-box div { cursor: pointer; padding: 0 16px; height: 32px; font-size: 14px; font-weight: 400; line-height: 30px; border-radius: 2px; margin-left: 8px; }
.datarightsedit-qx { color: #42546d; border: 1px solid #f0f0f0; }
.datarightsedit-qd { color: #fff; background-color: #3d90ff; }
/* 删除成员 */
.deluserinfo-box { width: 350px; height: 283px; background-color: #fff; }
.deluserinfo-box { padding: 16px 24px; color: #000; font-size: 16px; bottom: 1px solid #f3f3f3; }
.deluserinfo-con-box { min-height: 129px; padding: 16px 24px; color: #606265; font-size: 14px; line-height: 36px; word-break:break-all; }
.deluserinfo-bottom-box { display: flex; justify-content: space-between; align-items: center; padding: 13px 13px; border-top: 1px solid #f3f3f3; position: absolute; bottom: 0; left: 0; width: calc(100% - 26px); }
.deluserinfo-bottom-left { font-size: 14px; color: #42546d; cursor: pointer; }
.deluserinfo-but-box button{ cursor: pointer; height: 32px; padding: 0 16px; font-weight: 400; font-size: 14px; line-height: 30px; border-radius: 2px; margin-left: 8px; }
.deluserinfo-qx { background-color: #fff; border: 1px solid #f0f0f0; }
.deluserinfo-qd { background-color: #3d90ff; border: 1px solid #3d90ff; font-size: 14px; color: #fff; }
/* 重置密码设置 */
.updatepas-box { width: 520px; height: 303px; background-color: #fff; }
.updatepas-top-box { padding: 16px 24px; border-bottom: 1px solid #f0f0f0; color: #202d3f; display: flex; justify-content: space-between; align-items: center; }
.updatepas-top-box img { cursor: pointer; }
.updatepas-con-box { padding: 24px; font-size: 14px; word-wrap: break-word; }
.updatepas-txt-box { margin-top: 16px }
.updatepas-from-box { margin: 0 50px 20px; }
.updatepas-but-box { padding-top: 20px; text-align: right; display: flex; justify-content: flex-end; align-items: center; }
.updatepas-but-box div { cursor: pointer; margin-left: 10px; height: 32px; padding: 0 16px; font-weight: 400; font-size: 14px; line-height: 30px; border-radius: 2px; }
.updatepas-qx { color: #42546d; border: 1px solid #f0f0f0; }
.updatepas-qd { color: #fff; background-color: #3d90ff; }
/* 创建角色 */
.addrole-box { background-color: #fff; width: 100%; height: 100%; }
.addrole-con-box { padding-right: 24px; padding-top: 24px; }
.addrole-info-table-con { height: 600px; overflow-y: auto; }
.addrole-but-box { padding: 24px 0px 0 0; border-top: 1px solid #f0f0f0; display: flex; justify-content:flex-end; align-items: center; }
.addrole-but-box div { cursor: pointer; margin-left: 10px; height: 32px; padding: 0 16px; font-weight: 400; font-size: 14px; line-height: 30px; border-radius: 2px; }
.addrole-qx { color: #42546d; border: 1px solid #f0f0f0; }
.addrole-qd { color: #fff; background-color: #3d90ff; }
/* 个人信息 */
.personalsettings-box{ width: 100%; height: 100%; background-color: #fff; overflow: hidden; position: fixed; top: 60px; }
.personalsettings-bg-box { width: 640px; margin: 0 auto; padding: 60px 0; }
.personalsettings-info-box { display: flex; width: 100%; }
.personalsettings-main___dQldf { width: calc(100% - 150px); margin-bottom: 24px; border-bottom: 1px solid #f0f0f0; }
.personalsettings-info-title { width: 140px; margin-right: 10px; color: #202d3f; font-weight: 500; font-size: 16px; line-height: 24px; }
.personalsettings-row___24xjF p{ color: #67729d; font-size: 12px; line-height: 24px; }
.personalsettings-value___vc6g4 { height: 32px; margin-bottom: 32px; color: #42546d; font-size: 14px; line-height: 32px; }
.personalsettings-action___2mv4G { float: right; color: #3d90ff; cursor: pointer; }
.personalsettings-value___vc6g4 input { border: 0px; color:#42546d; font-size: 13px; }
.personalsettings-name-qx { margin-left: 16px; }
.personalsettings-name-txt { border: 1px solid #f0f0f0 !important; height: 32px; padding: 0 8px; font-size: 14px; line-height: 30px; border-radius: 2px; }
.personalsettings-tel-txt { border: 1px solid #f0f0f0 !important; height: 32px; padding: 0 8px; font-size: 14px; line-height: 30px; border-radius: 2px; }
.personalsettings-updata-name { display: none; }
.personalsettings-value___vc6g4 img { margin-top: 9px; }
.personalsettings-tel-qx { margin-left: 16px; }
.personalsettings-binding-tel { display: none; }
/* 修改密码 */
.updatapassword-box { width: 520px; height: 265px; background-color: #fff; border-radius: 2px; }
.updatapassword-top-box { padding: 16px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
.updatapassword-top-box div { color: rgba(0,0,0,0.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; }
.updatapassword-top-box img { cursor: pointer; }
.updatapassword-form { margin-top: 24px; padding-right: 24px; }
.updatapassword-but-box { display: flex; justify-content: flex-end; align-items: center; padding: 0 24px; margin-top: 45px; }
.updatapassword-but-box div { padding: 0 16px; height: 32px; font-weight: 400; font-size: 14px; line-height: 30px; cursor: pointer; border-radius: 2px; margin-left: 10px; }
.updatapassword-qx { color: #42546d; border: 1px solid #f0f0f0; }
.updatapassword-qd { background-color: #3d90ff; color: #fff; }