.group{margin-top:20px;padding:15px 20px;background-color:#fff;border-radius:10px;box-shadow:0px 4px 30px 0px rgba(102,102,102,.06)}.group .group-title{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:#171819;border-bottom:1px solid rgba(23,24,25,.29)}.group .group-title .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.group .group-title .title h5{position:relative;padding-left:12px;font-size:16px;font-weight:bold;line-height:1}.group .group-title .title h5::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:#ffa000;border-radius:2px}.group .group-title h4{display:flex;justify-content:space-between;align-items:center}.group .group-title h4 strong{padding-bottom:12px;color:#333;font-size:12px;font-weight:400;border-bottom:1px solid #171819}.group .group-title h4 span{margin-bottom:12px;cursor:pointer}.group .group-list .group-item{position:relative;padding:16px 0 8px;font-size:15px;line-height:22px;cursor:pointer}.group .group-list .group-item::before{content:"";display:inline-block;width:22px;height:22px;margin-right:10px;vertical-align:bottom;background-size:22px;background-position:center;background-repeat:no-repeat}.group .group-list .group-item::after{content:"";position:absolute;right:0;top:50%;width:12px;height:7px;background:url(../images/arrow-bottom.png) no-repeat;background-size:12px 7px;background-position:center}.group .group-list .ligong .group-item::before{background-image:url(../images/ligong.png)}.group .group-list .renwen .group-item::before{background-image:url(../images/renwen.png)}.group .group-list .jingguan .group-item::before{background-image:url(../images/jingguan.png)}.group .group-list .beishangguangshen .group-item::before{background-image:url(../images/beishangguangshen.png)}.group .group-list .youzhidanwei .group-item::before{background-image:url(../images/youzhidanwei.png)}.group .group-list .shuoborencai .group-item::before{background-image:url(../images/shuoborencai.png)}.group .group-list .active .group-item::after{transform:rotateX(180deg)}.group .group-list .active .group-codeimg{display:block}.group .group-list .group-codeimg{display:none;background:#f6f7f8;text-align:center;padding:22px 0 18px}.group .group-list .group-codeimg img{width:119px;height:119px;border-radius:2px;margin-bottom:14px}.group .group-list .group-codeimg p{color:#393b3d}.group .group-list .group-codeimg p:last-child{font-size:12px;color:#a3a3a3;margin-top:4px}.group-dialog{display:none;position:fixed;left:0;top:0;bottom:0;right:0;margin:0;z-index:2000;background:rgba(0,0,0,.45)}.group-dialog .dialog{width:640px;margin:15vh auto 0;border-radius:4px;background-color:#fff}.group-dialog .dialog .dialog-top{display:flex;justify-content:space-between;padding:18px 20px 18px 42px;background-color:#f6f7f8;font-size:16px;font-weight:700;border-radius:4px 4px 0 0;color:#0e1526}.group-dialog .dialog .dialog-top i{width:24px;height:24px;background:url(../images/close-dialog.png) no-repeat;background-size:contain;background-position:center;cursor:pointer}.group-dialog .dialog .dialog-body .dialog-nav{display:flex;justify-content:center;margin:30px 40px 0;border-bottom:1px solid rgba(23,24,25,.1)}.group-dialog .dialog .dialog-body .dialog-nav span{padding-bottom:13px;font-size:17px;line-height:18px;color:#393b3d;cursor:pointer;box-sizing:border-box}.group-dialog .dialog .dialog-body .dialog-nav span:first-child{margin-right:40px}.group-dialog .dialog .dialog-body .dialog-nav .active{font-size:18px;font-weight:700;color:#141617;border-bottom:3px solid #ffa000}.group-dialog .dialog .dialog-body .group-box{display:none;padding:23px 40px 28px}.group-dialog .dialog .dialog-body .group-box.active{display:block}.group-dialog .dialog .dialog-body .group-content{display:flex;flex-wrap:wrap}.group-dialog .dialog .dialog-body .group-content div{display:flex;justify-content:center;align-items:center;width:31.7%;height:42px;line-height:42px;position:relative;margin-right:13px;margin-bottom:12px;text-align:center;background-color:#f6f8f8;border-radius:3px;color:#4f565e;cursor:pointer}.group-dialog .dialog .dialog-body .group-content div:nth-child(3n){margin-right:0}.group-dialog .dialog .dialog-body .group-content div:hover{color:#fff;background:#ffa000}.group-dialog .dialog .dialog-body .group-content div:hover::after{content:"";display:inline-block;width:14px;height:12px;line-height:14px;margin-left:3px;background:url(../images/arrow-double.png) no-repeat;background-size:contain}.group-dialog .dialog .dialog-body .group-content div:hover p{display:block}.group-dialog .dialog .dialog-body .group-content div p{display:none;position:absolute;left:calc(100% + 10px);top:0;z-index:2000;width:212px;padding:20px;background-color:#fff;box-shadow:0 0 20px 0 rgba(97,109,142,.22);font-size:14px;color:#393b3d;line-height:18px;margin-bottom:4px}.group-dialog .dialog .dialog-body .group-content div p img{width:130px;height:auto}.group-dialog .dialog .dialog-body .group-content div p strong{font-weight:700}.group-dialog .dialog .dialog-body .group-content.border-top{border-top:1px solid rgba(23,24,25,.1);padding-top:12px}