| 1 |
- .userRights_template{width:100%;min-height:50rem;margin:0 auto;overflow:hidden;position:relative}.userRights_template .nav_top{display:flex;justify-content:space-between;width:100%;height:3.3rem;line-height:3.3rem;background:#fff;border:.1rem solid #f0f0f0}.userRights_template .nav_top .left_title{display:flex;align-items:center}.userRights_template .nav_top .left_title img{display:inline-block;height:1rem;margin:0 .6rem}.userRights_template .nav_top .left_title .span{font-size:1rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#657085}.userRights_template .nav_top .right_operation{display:flex;align-items:center;padding-right:1.6rem}.userRights_template .nav_top .right_operation .el-dropdown{width:10rem;height:2rem;line-height:2rem;background:#f6f8fa;border-radius:.2rem;margin-right:.8rem}.userRights_template .nav_top .right_operation .el-dropdown .el-dropdown-link{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 .8rem;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .nav_top .right_operation .el-input{width:16.5rem;height:2rem;line-height:2rem}.userRights_template .nav_top .right_operation .el-input .el-input__inner{height:2rem;line-height:2rem;background:#f6f8fa;border:none}.userRights_template .nav_top .right_operation .el-input .el-input__suffix{right:0;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.userRights_template .nav_top .right_operation .el-input .el-input__icon{width:1.8rem;height:2rem;line-height:2rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;background:#fc8440;color:#fff;font-size:1rem;cursor:pointer;position:absolute;top:0;right:0}.userRights_template .nav_top .right_operation .btn{margin-left:.6rem;display:flex;align-items:center;padding:.5rem 1rem;height:2rem;line-height:2rem;background:#fff;border-radius:.2rem .1rem .1rem .2rem;border:.1rem solid #f0f0f0;cursor:pointer;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#333}.userRights_template .nav_top .right_operation .btn img{height:1.2rem;margin-right:.5rem}.userRights_template .userRights_main{display:flex}.userRights_template .userRights_main .userRights_left{width:30rem;height:60rem;border-right:.08rem solid #f0f0f0;position:relative}.userRights_template .userRights_main .userRights_left .editBtn{cursor:pointer;position:absolute;text-align:center;width:1.6rem;height:1.6rem;line-height:1.6rem;right:2rem;top:2rem}.userRights_template .userRights_main .userRights_left .editBtn i{font-size:1.4rem}.userRights_template .userRights_main .userRights_left .avatar-uploader{margin:3.4rem auto 0;width:8.3rem;height:8.3rem;text-align:center;overflow:hidden;border:.17rem solid #e9e9e9;border-radius:50%}.userRights_template .userRights_main .userRights_left .avatar-uploader .avatar,.userRights_template .userRights_main .userRights_left .avatar-uploader .avatar-uploader-icon{width:8.3rem;height:8.3rem;line-height:8.3rem}.userRights_template .userRights_main .userRights_left .name{margin:1rem 0 2.5rem;text-align:center;font-size:1.17rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#333}.userRights_template .userRights_main .userRights_left .from{padding:0 2rem}.userRights_template .userRights_main .userRights_left .from .item_form{display:flex;align-items:center;justify-content:space-between;height:3.1rem;line-height:3.1rem;background:#fff;border-radius:.17rem;border:.08rem solid #ebeff2;padding:0 1.2rem;margin-bottom:.8rem}.userRights_template .userRights_main .userRights_left .from .item_form .key{font-size:1rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#657085}.userRights_template .userRights_main .userRights_left .from .item_form .val{max-width:60%;line-height:1.5rem;font-size:1rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#333}.userRights_template .userRights_main .userRights_left .bottom_authority{margin:1.4rem 2rem 0;height:15.4rem;border-radius:.5rem;padding-top:2rem;cursor:pointer;background-image:url(../img/permissions.00f90a7b.png);background-size:100% 100%;background-position:50%;position:relative}.userRights_template .userRights_main .userRights_left .bottom_authority .icon-youjiantou-dan{color:#fff;font-size:1.6rem;position:absolute;right:1.5rem;top:8rem}.userRights_template .userRights_main .userRights_left .bottom_authority .p1{margin-top:1.2rem;margin-left:11.5rem;font-size:1.33rem;font-family:AlibabaPuHuiTiB;color:#fff}.userRights_template .userRights_main .userRights_left .bottom_authority .p2{margin-left:11.5rem;font-size:3rem;font-family:AlibabaPuHuiTiB;color:#fff}.userRights_template .userRights_main .userRights_left .bottom_authority .p3{margin-left:9.6rem;display:flex;align-items:center}.userRights_template .userRights_main .userRights_left .bottom_authority .p3 i{font-size:1.2rem;color:#ffdb00}.userRights_template .userRights_main .userRights_left .bottom_authority .p3 i.icon-celan-guanbi{font-size:1rem}.userRights_template .userRights_main .userRights_left .bottom_authority .p3 span{margin-left:.6rem;font-size:1rem;font-family:AlibabaPuHuiTiR;color:#fff}.userRights_template .userRights_main .userRights_right{margin-left:.8rem;margin-right:1.6rem;flex:1;width:calc(100% - 32.4rem)}.userRights_template .userRights_main .userRights_right .userRights_right_top{margin-top:.8rem;height:5.8rem;background:#fff;border:.08rem solid #f0f0f0;display:flex;align-items:center}.userRights_template .userRights_main .userRights_right .userRights_right_top .li{flex:1;text-align:center}.userRights_template .userRights_main .userRights_right .userRights_right_top .li.li1{flex:1.3;height:100%;display:flex;align-items:center;border-right:.08rem solid #f0f0f0}.userRights_template .userRights_main .userRights_right .userRights_right_top .li.li1 .i_box{margin:0 .8rem 0 2.5rem;width:2.2rem;height:2.2rem;line-height:2.2rem;background:linear-gradient(134deg,#fca940,#fc8440);border-radius:.33rem}.userRights_template .userRights_main .userRights_right .userRights_right_top .li.li1 .i_box i{color:#fff}.userRights_template .userRights_main .userRights_right .userRights_right_top .li.li1 .text_box{text-align:left}.userRights_template .userRights_main .userRights_right .userRights_right_top .li .p1{font-size:1.67rem;font-family:AlibabaPuHuiTiB;color:#333}.userRights_template .userRights_main .userRights_right .userRights_right_top .li .p2{font-size:1rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#657085;margin-bottom:.2rem}.userRights_template .userRights_main .userRights_right .userRights_right_top .li .line{margin:0 auto;width:1.2rem;height:.2rem;background:linear-gradient(134deg,#007cff,#005dec);border-radius:.08rem}.userRights_template .userRights_main .userRights_right .table_box{margin-top:.8rem;height:50rem;background:#fff;border:.08rem solid #f0f0f0}.userRights_template .userRights_main .userRights_right .table_box .el-table{width:100%}.userRights_template .userRights_main .userRights_right .table_box .el-table td,.userRights_template .userRights_main .userRights_right .table_box .el-table th{padding:0}.userRights_template .userRights_main .userRights_right .table_box .el-table td>.cell,.userRights_template .userRights_main .userRights_right .table_box .el-table th>.cell{padding:0 .5rem}.userRights_template .userRights_main .userRights_right .table_box .el-table th{height:3.33rem;line-height:3.33rem;background:#f6f8fa;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#666}.userRights_template .userRights_main .userRights_right .table_box .el-table td{height:4.2rem;line-height:4.2rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333}.userRights_template .userRights_main .userRights_right .table_box .el-table .btn{padding:.2rem .5rem;cursor:pointer}.userRights_template .userRights_main .userRights_right .table_box .el-table .btn i{font-size:1rem;color:#a3afbb}.userRights_template .userRights_main .userRights_right .table_box .el-table .Type{display:flex;align-items:center;justify-content:center}.userRights_template .userRights_main .userRights_right .table_box .el-table .Type .box{padding:0 1rem;height:1.8rem;line-height:1.8rem;background:rgba(29,125,253,.1);border-radius:1rem;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#1d7dfd}.userRights_template .userRights_main .userRights_right .table_box .el-table .State{display:flex;align-items:center}.userRights_template .userRights_main .userRights_right .table_box .el-table .State .pl_switch{margin:0 auto;position:relative;display:inline-block;width:2.5rem;height:1.4rem;background:#ebeff2;border-radius:1.1rem;cursor:pointer}.userRights_template .userRights_main .userRights_right .table_box .el-table .State .pl_switch:after{position:absolute;left:.3rem;top:.2rem;width:1rem;height:1rem;border-radius:50%;content:"";background:#a3afbb;transition:all .5s}.userRights_template .userRights_main .userRights_right .table_box .el-table .State .pl_switch.checked{background:#f2eeeb}.userRights_template .userRights_main .userRights_right .table_box .el-table .State .pl_switch.checked:after{left:1.2rem;background:#fc8440}.userRights_template .userRights_main .userRights_right .table_box .el-table .el-loading-spinner{height:100%;top:0;margin-top:0}.userRights_template .userRights_main .userRights_right .table_box .el-table .el-loading-spinner .circular{height:100%;width:inherit}.userRights_template .permissions_wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000}.userRights_template .permissions_wrap .permissions_wrap_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(57,57,57,.3)}.userRights_template .permissions_wrap .permissions_box{position:absolute;width:36rem;height:calc(100% - 4.1rem);top:4.1rem;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.12);right:-36rem;transition:all .5s}.userRights_template .permissions_wrap .permissions_box.permissions_tk_show{right:0}.userRights_template .permissions_wrap .permissions_box .permissions_title{height:4.1rem;line-height:4.1rem;display:flex;justify-content:space-between;padding:0 1.6rem 0 1.6rem}.userRights_template .permissions_wrap .permissions_box .permissions_title .span1{font-family:PingFang-SC-Medium;font-size:1.17rem;color:#333}.userRights_template .permissions_wrap .permissions_box .form{padding:0 .8rem 0 1.6rem;margin-top:1.96rem;height:calc(100% - 11.1rem);margin-right:.8rem}.userRights_template .permissions_wrap .permissions_box .form .form_item.open .form_item_title i{transform:rotate(180deg)}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_title{display:flex;justify-content:space-between;align-items:center;height:2.5rem;background:#f6f8fa;border-radius:.17rem;padding:0 1rem;cursor:pointer}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_title span{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_title .icon-xialajiantou{font-size:.6rem;transition:all .5s;color:#657085}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main{margin-top:.5rem;padding-left:1rem}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main.open .checkbox_inde .icon-xialajiantou{transform:rotate(180deg)}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .checkbox_inde{display:flex;align-items:center;cursor:pointer}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .checkbox_inde .icon-xialajiantou{margin-right:.5rem;font-size:.6rem;transition:all .5s;color:#657085}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox__input .el-checkbox__inner{width:1.2rem;height:1.2rem;background-color:#ebeff2;border:none}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox__input .el-checkbox__inner:after{border:.1rem solid #fc8440;border-left:0;border-top:0;height:.6rem;width:.25rem;top:.15rem;left:.5rem}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox__input .el-checkbox__inner:before{background-color:#fc8440}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox__input.is-checked .el-checkbox__inner,.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#ebeff2;border:none}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox{margin-right:.3rem}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox__label{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox{display:block}.userRights_template .permissions_wrap .permissions_box .form .form_item .form_item_main .el-checkbox-group{padding-left:3rem}.userRights_template .permissions_wrap .permissions_box .btn_box{margin-top:1rem;width:100%;display:flex;justify-content:center}.userRights_template .permissions_wrap .permissions_box .btn_box .cancel{padding:0 1rem;height:2.67rem;line-height:2.67rem;cursor:pointer;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .permissions_wrap .permissions_box .btn_box .btn{width:9rem;height:2.67rem;line-height:2.67rem;margin-left:2rem;background:linear-gradient(134deg,#fca940,#fc8440);border-radius:.2rem;text-align:center;cursor:pointer;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#fff}.userRights_template .account_wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000}.userRights_template .account_wrap .account_wrap_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(57,57,57,.3)}.userRights_template .account_wrap .account_box{position:absolute;width:36rem;height:calc(100% - 4.1rem);top:4.1rem;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.12);right:-36rem;transition:all .5s}.userRights_template .account_wrap .account_box.account_tk_show{right:0}.userRights_template .account_wrap .account_box .account_title{height:4.1rem;line-height:4.1rem;display:flex;justify-content:space-between;padding:0 1.6rem 0 1.6rem}.userRights_template .account_wrap .account_box .account_title .span1{font-family:PingFang-SC-Medium;font-size:1.17rem;color:#333}.userRights_template .account_wrap .account_box .form_box{height:calc(100% - 9.1rem)}.userRights_template .account_wrap .account_box .form{margin:0 1.6rem 0 1.6rem}.userRights_template .account_wrap .account_box .form.form1{border-bottom:.1rem dotted #c6cdd5;padding-bottom:1rem;margin-bottom:1.5rem}.userRights_template .account_wrap .account_box .form .form_item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:0 .8rem 0;height:2.5rem;line-height:2.5rem;background:#f6f8fa;border-radius:.17rem}.userRights_template .account_wrap .account_box .form .form_item .laber{font-family:PingFang-SC-Medium;font-size:1rem;color:#333}.userRights_template .account_wrap .account_box .form .form_item .el-dropdown{cursor:pointer}.userRights_template .account_wrap .account_box .form .form_item .el-dropdown i{margin-left:1.67rem}.userRights_template .account_wrap .account_box .form .form_item .el-input{width:calc(100% - 8rem)}.userRights_template .account_wrap .account_box .form .form_item .el-input .el-input__inner{height:2.5rem;line-height:2.5rem;font-family:PingFang-SC-Medium;font-size:1rem;color:#657085;text-align:right;background:initial;border:none}.userRights_template .account_wrap .account_box .form .form_item .text{margin-right:15px}.userRights_template .account_wrap .account_box .form_ul{padding:0 .8rem 0 1.6rem;margin-top:1.96rem;height:calc(100% - 11.1rem);margin-right:.8rem}.userRights_template .account_wrap .account_box .form_ul .form_item.open .form_item_title i{transform:rotate(180deg)}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_title{display:flex;justify-content:space-between;align-items:center;height:2.5rem;background:#f6f8fa;border-radius:.17rem;padding:0 1rem;cursor:pointer}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_title span{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_title .icon-xialajiantou{font-size:.6rem;transition:all .5s;color:#657085}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main{margin-top:.5rem;padding-left:1rem}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main.open .checkbox_inde .icon-xialajiantou{transform:rotate(180deg)}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .checkbox_inde{display:flex;align-items:center;cursor:pointer}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .checkbox_inde .icon-xialajiantou{margin-right:.5rem;font-size:.6rem;transition:all .5s;color:#657085}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox__input .el-checkbox__inner{width:1.2rem;height:1.2rem;background-color:#ebeff2;border:none}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox__input .el-checkbox__inner:after{border:.1rem solid #fc8440;border-left:0;border-top:0;height:.6rem;width:.25rem;top:.15rem;left:.5rem}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox__input .el-checkbox__inner:before{background-color:#fc8440}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox__input.is-checked .el-checkbox__inner,.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#ebeff2;border:none}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox{margin-right:.3rem}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox__label{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox{display:block}.userRights_template .account_wrap .account_box .form_ul .form_item .form_item_main .el-checkbox-group{padding-left:3rem}.userRights_template .account_wrap .account_box .btn_box{position:absolute;width:100%;bottom:1.67rem;display:flex;justify-content:center}.userRights_template .account_wrap .account_box .btn_box .cancel{padding:0 1rem;height:2.67rem;line-height:2.67rem;cursor:pointer;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.userRights_template .account_wrap .account_box .btn_box .btn{width:9rem;height:2.67rem;line-height:2.67rem;margin-left:2rem;background:linear-gradient(134deg,#fca940,#fc8440);border-radius:.2rem;text-align:center;cursor:pointer;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#fff}
|
