| 1 |
- body{--mc:#03aebc;--tc:#36536d;--brc:#80baef;--bgc:#e9f2fd;--bg:rgba(255,255,255,.4);font-family:"Source Han Sans";}.box .box-header{display:flex;height:35px;width:100%;background:linear-gradient(90deg,rgba(82,197,233,.411765) 0%,rgba(59,221,243,.12549) 35.99%,rgba(67,219,252,.00784314) 87.02%);box-shadow:inset 0 -2px 4px rgba(117,185,248,.52);border-bottom:1px solid rgba(98,156,215,.05);position:relative;}.box .box-header .title{--w:47px;display:flex;position:relative;height:100%;padding-left:5px;margin-left:var(--w);font-size:18px;font-weight:600;color:#094b88;align-items:center;}.box .box-header .title:before{content:"";position:absolute;left:calc(1px - var(--w));height:100%;width:var(--w);background:url("/Content/Image/ExerciseV2/title_icon.svg") no-repeat;background-size:100% 100%;}.box{width:100%;position:relative;font-family:"Source Han Sans";background:none;display:flex;flex-direction:column;}.box .box-title{width:100%;text-align:center;font-weight:600;font-size:38px;color:#fff;margin-top:6px;}.box .box-body{margin:10px 30px 40px;border:2px solid #fff;border-radius:5px;}.box .body-card{background:#e9f2fd;border-radius:5px;padding:10px;margin-bottom:10px;display:flex;position:relative;}.btn{margin:5px auto;padding:8px 20px;background:#03aebc;border-radius:8px;color:#daedff;font-size:16px;}.btn.btn-small{font-size:14px;padding:3px 12px;border-radius:4px;}.btn:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));border-color:rgba(0,0,0,.1);color:#daedff;font-weight:600;}.vb-btn{color:#176bbc;font-size:14px;padding:5px 10px;background-image:url("/Content/Image/ExerciseV2/btn.png");background-repeat:no-repeat;background-size:100% 100%;font-weight:600;}.vb-btn.active{color:#fff;background-image:url("/Content/Image/ExerciseV2/btn-active.png");}.form .form-control{background:var(--bgc);color:var(--tc);border-radius:4px;border:1px solid #b5cce2;font-size:1rem;}.form .form-control:active,.form .form-control:focus{border:1px solid var(--brc);}.select2-container{--h:38px;font-size:1rem;}.select2-container.select2-container--open .select2-selection--single{border-color:var(--brc);}.select2-container .select2-selection--single{border-radius:4px!important;background:var(--bgc);border:1px solid #b5cce2;height:var(--h);line-height:var(--h);color:var(--tc);padding:0 15px;}.select2-container .select2-selection--single .select2-selection__rendered{color:inherit;margin:0;padding:0;line-height:var(--h);font-size:1rem;}.select2-container .select2-selection--single .select2-selection__arrow{right:8px;height:var(--h);}.select2-container .select2-dropdown{background:#fefefe;border:1px solid #b5cce2;border-radius:4px;margin-top:2px;}.select2-container .select2-dropdown .select2-search{padding:8px 10px;}.select2-container .select2-dropdown .select2-search .select2-search__field{border:1px solid var(--brc);background:var(--bgc);color:var(--tc);border-radius:4px;}.select2-container .select2-dropdown .select2-results .select2-results__option{color:var(--tc);}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted{background:#e7edf4;}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option[aria-selected=true]{background:#ecf3fc;font-weight:600;}.box .box-body .body{padding:10px;background:#d8e7f9;background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);display:flex;flex-direction:column;}.box .box-body .body .stu{display:none!important;}.box .box-body .body .check-box-icon{background:url("/Content/Image/ExerciseV2/zhb/zh_icon-checkbox.svg") no-repeat;background-size:100% 100%;}.box .box-body .body .check .check-box-icon{background-image:url("/Content/Image/ExerciseV2/zhb/zh_icon-checkbox-selected.svg");}.box .box-body .body .select{justify-content:space-between;}.box .box-body .body .select .select-box{display:flex;}.box .box-body .body .select .select-box .select-item{height:100px;margin-left:15px;display:flex;flex-direction:column;align-items:center;position:relative;}.box .box-body .body .select .select-box .select-item .check-box-icon{position:absolute;top:5px;left:-8px;width:15px;height:15px;}.box .box-body .body .select .select-box .select-item .icon{width:80px;height:80px;display:flex;justify-content:center;align-items:center;background:url("/Content/Image/ExerciseV2/zhb/zh_icon_bg.svg") no-repeat;background-size:100% 100%;}.box .box-body .body .select .select-box .select-item .icon img{width:35px;height:35px;}.box .box-body .body .select .select-box .select-item .text{text-align:center;color:#094b88;}.box .box-body .body .select .select-box .select-item.active .icon{background-image:url("/Content/Image/ExerciseV2/zhb/zh_icon_bg-select.svg");}.box .box-body .body .select .select-box .select-item.active .text{font-weight:600;}.box .box-body .body .select .add-role{position:relative;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#4585cc;border-radius:8px;}.box .box-body .body .select .add-role .icon{width:80px;height:50px;display:flex;justify-content:center;align-items:center;}.box .box-body .body .select .add-role .icon img{width:35px;height:35px;}.box .box-body .body .select .add-role .text{margin-top:5px;text-align:center;color:#fff;}.box .box-body .body .select .add-role:before{content:"";position:absolute;left:-20px;height:80%;border-left:1px solid #c0dffb;}.box .box-body .body .role .content-box{width:100%;height:calc(100vh - 380px);}.box .box-body .body .role .role-content{display:none;}.box .box-body .body .role .role-content.active{display:flex;flex-direction:column;}.box .box-body .body .role .role-select{height:35px;margin-bottom:10px;color:#094b88;padding-left:20px;display:flex;align-items:center;}.box .box-body .body .role .role-select .check-box-icon{margin-right:10px;width:20px;height:20px;}.box .box-body .body .role .role-select span{color:#5f8bb6;font-weight:400;padding-left:3px;}.box .box-body .body .role .role-select.check{font-weight:600;}.box .box-body .body .role .role-box{display:flex;flex-wrap:wrap;}.box .box-body .body .role .role-box .role-item{position:relative;width:100px;height:100px;margin-left:15px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #b2d9f5;border-radius:8px;}.box .box-body .body .role .role-box .role-item .icon{width:100%;height:40px;display:flex;justify-content:center;align-items:center;}.box .box-body .body .role .role-box .role-item .icon img{width:35px;height:35px;}.box .box-body .body .role .role-box .role-item .text{width:100%;margin-top:10px;padding:0 10px;line-height:1.3;text-align:center;color:#094b88;font-size:14px;}.box .box-body .body .role .role-box .role-item .close{position:absolute;top:5px;right:8px;font-size:1.5rem;font-weight:700;line-height:1;color:#094b88;text-shadow:0 1px 0 #fff;opacity:.8;}.box .box-body .body .role .role-box .role-item.check .text{font-weight:600;}.box .box-body .body .role .role-box .role-item.add{flex-direction:column;background:#fff;}.box .box-body .body .role .role-box .role-item.add .text{font-size:12px;}.box .box-body .body .add-box{position:absolute;display:none;left:calc(50% - 150px);top:100px;padding:25px 20px 20px;width:300px;flex-direction:column;}.box .box-body .body .add-box input{padding:5px 10px;font-size:14px;border:1px solid #daedff;border-radius:5px;outline:0;}.box .box-body .body .add-box input:active,.box .box-body .body .add-box input:focus{border:1px solid #daedff;outline:0;}.box .box-body .body .add-box .btn-box{display:flex;justify-content:center;margin-top:15px;}.box .box-body .body .add-box .btn{margin:0 10px;min-width:80px;}.box .box-body .body .add-box .btn.cancel{background:#daedff;color:#03aebc;border:1px solid;}.box .box-body .btn{min-width:150px;}
|
