| 1 |
- body{height:100vh;}.main-box{margin:0!important;}.main-box .btn-box .vb-btn{padding:8px 20px;font-size:16px;position:relative;}.main-box .btn-box .vb-btn .tag{--w:20px;display:flex;justify-content:center;align-items:center;font-size:12px;width:var(--w);height:var(--w);position:absolute;top:4px;right:4px;transform:translate(50%,-50%);background:#f00;color:#fff;border-radius:15px;}.main-box .btn-box .vb-btn .tag:empty{display:none;}.main-box .btn-box .vb-btn .tag.tag-lg{--w:25px;}.main-box .carousel{display:flex;flex-direction:column;position:unset;padding:0 10px;}.main-box .carousel .carousel-inner{width:100%;position:unset;padding:0 10px;}.main-box .carousel .carousel-inner .carousel-item{position:unset;padding:0 10px;}.main-box .carousel .carousel-indicators{margin:0;z-index:10;position:relative;top:auto;bottom:auto;left:auto;right:auto;align-items:flex-end;}.main-box .carousel .carousel-indicators li{color:#fff;height:100%;width:auto;text-indent:0;background:none;border-radius:0;margin:0;padding:0;border:0;position:relative;display:none;cursor:default;}.main-box .carousel .carousel-indicators li img{cursor:pointer;position:absolute;width:40px;right:-50px;top:50%;transform:translateY(-50%);}.main-box .carousel .carousel-indicators li.active{display:flex;font-size:100%;display:flex;margin:0;padding:0;border:0;}.main-box .carousel .groups{position:absolute;left:50%;transform:translateX(-50%);top:100%;width:300px;padding:5px 0;display:none;flex-direction:column;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;z-index:10;}.main-box .carousel .groups .group{font-size:16px;padding:10px;color:#36536d;font-weight:400;cursor:pointer;}.main-box .carousel .groups.active{background:rgba(9,75,136,.1);}.main-box .carousel .groups:hover{font-weight:600;}.question-list-box{display:none;position:absolute;top:70px;right:30px;width:625px;background:#fff;z-index:2;border-radius:10px;padding:10px 0;}.question-list-box .question-header{padding:0 15px;display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:15px;}.question-list-box .question-header .title{position:relative;font-size:22px;font-weight:600;padding-left:15px;}.question-list-box .question-header .title:before{position:absolute;content:"";display:block;width:5px;height:15px;background:#03aebc;border-radius:3px;left:0;top:50%;transform:translateY(-50%);}.question-list-box .question-header .btn{cursor:pointer;margin:0;}.question-list-box .question-body{width:100%;max-height:600px;overflow-y:auto;padding:0 15px 5px;display:flex;flex-direction:column;height:450px;overflow-y:auto;}.question-list-box .question-body .question-item{display:flex;padding:10px;margin:5px 0;border-radius:10px;border:1px solid #ddd;background:#eff6fd;padding:10px 0;font-size:14px;}.question-list-box .question-body .question-item .img{display:flex;justify-content:center;padding:8px;}.question-list-box .question-body .question-item .img svg{--w:40px;width:var(--w);height:var(--w);}.question-list-box .question-body .question-item .content{padding:0 10px;width:100%;}.question-list-box .question-body .question-item .content .question{display:flex;justify-content:space-between;}.question-list-box .question-body .question-item .content .question .text{color:#36536d;font-weight:600;}.question-list-box .question-body .question-item .content .question .group{height:25px;justify-content:center;align-items:center;display:flex;margin-left:10px;font-size:12px;padding:0 5px;border-radius:3px;background:rgba(69,133,204,.1);border:1px solid #094888;color:#094b88;white-space:nowrap;}.question-list-box .question-body .question-item .content .answers{display:flex;flex-direction:column;border-radius:5px;}.question-list-box .question-body .question-item .content .answers .answer{padding-top:8px;color:#36536d;}.question-list-box .question-body .question-item .content .answers .answer .title{font-size:18px;padding-right:5px;}.question-list-box .question-body .question-item .content .answers .answer.anwser-empty{width:100%;color:#aaa;}.question-list-box .question-body .empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;font-weight:600;margin-top:-30px;}.question-list-box .question-body .empty img{width:80px;height:84px;}.question-list-box .question-body .empty .text{margin-top:10px;color:#aaa;}
|
