.practice[data-v-2538f33c]{background-color:#f3f8ff;display:flex;justify-content:center;flex-wrap:wrap}.practice[data-v-2538f33c] .content{width:80%;margin-top:30px;display:flex}.practice[data-v-2538f33c] .content .back{width:10%;height:40px;display:flex;align-items:center}.practice[data-v-2538f33c] .content .back span{cursor:pointer}.practice[data-v-2538f33c] .content .title{width:90%}.practice[data-v-2538f33c] .content .title .right{display:flex;justify-content:space-evenly;align-items:center}.practice[data-v-2538f33c] .content .title .right li span{font-size:14px}.practice[data-v-2538f33c] .menu{box-shadow:0 2px 8px 0 #cbdfff;width:80%}.practice[data-v-2538f33c] .menu .el-menu{padding:10px 32px}.practice[data-v-2538f33c] .menu .el-menu .el-menu-item{height:36px;line-height:36px;margin-right:10px;color:#30b4ff;border-radius:4px;border-bottom:0!important}.practice[data-v-2538f33c] .menu .el-menu .el-menu-item.is-active{height:36px;color:#fff;background-color:#30b4ff;border-radius:4px;border-bottom:0!important}.practice[data-v-2538f33c] .main{margin:24px 0;box-shadow:0 2px 8px 0 #cbdfff;width:80%;min-height:240px;background-color:#fff}.practice[data-v-2538f33c] .main .topics{padding:26px 36px}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .el-collapse-item__arrow{display:none}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .el-collapse-item__header{display:block;font-weight:400}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list{border-radius:4px;background-color:#ecf4ff;margin:0;padding:0 15px;height:40px;display:flex;justify-content:flex-start;align-items:center}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text{color:#666;flex:.5 1 0%;overflow:hidden;text-overflow:ellipsis;text-align:left!important;display:flex;justify-content:center}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .open{color:#fff;background-color:#30b4ff;width:85px;height:29px;border-radius:3px;position:relative}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .open i{transform:rotate(90deg)}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .open .zhu{position:absolute;top:0;right:0;background:#f60;color:#fff;font-size:11px;padding:1px}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .close{color:#ababab;background-color:#ebebeb;border:1px solid #cfd6da;width:85px;height:29px;border-radius:3px}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .close i{transform:rotate(90deg)}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .btn{cursor:pointer;color:#fff;padding:5px 5px;border-radius:3px;background-color:#f60}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .btn1{cursor:pointer;color:#fff;padding:5px 5px;border-radius:3px;background-color:#f60;margin-left:5px}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .referNone{display:none;color:#ababab;background-color:#ebebeb;border:1px solid #cfd6da;width:85px;height:29px;border-radius:3px}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .text .refer{cursor:pointer;color:#fff;padding:5px 20px;border-radius:3px;background-color:#f60}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .left-name{flex:.5;color:#666}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .list .left{flex:1.5;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .el-collapse-item__content{min-height:0;padding-bottom:0}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse{border-top:0;border-bottom:0}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item{border-top:1px solid #d5e8ff;border-left:1px solid #d5e8ff;border-right:1px solid #d5e8ff}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .el-collapse-item__header{background-color:#f7faff}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .el-collapse-item__content{border-top:1px solid #d5e8ff;padding-bottom:0}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list{color:#666;display:flex}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-time{flex:1.5 1 0%;display:flex;justify-content:center}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-fraction,.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-Memory{flex:1}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-comments{color:#666;flex:1}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-comments .one{cursor:pointer;border:1px solid #ff8839;color:#ff8839;background-color:transparent}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-comments .two{color:#666}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-button{flex:1}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .record-list .list-button button{cursor:pointer;border:1px solid #ff8839;color:#ff8839;background-color:transparent}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .code-main .pizhu{background-color:#efefef;color:#75767b;padding:12px 24px;border:1px solid #dadcdd}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .code-main .pizhu p{white-space:pre-wrap}.practice[data-v-2538f33c] .main .topics .el-collapse .el-collapse-item .tablist .el-collapse-item .code-main .hljs{font-family:Arial,monospace}.practice[data-v-2538f33c] .main .ranking{padding:26px 36px}.practice[data-v-2538f33c] .main .ranking .title{font-size:13px;color:#666;display:flex;align-items:center;background:#dceef8;height:35px;margin:0;padding:0}.practice[data-v-2538f33c] .main .ranking .title li{flex:1;text-align:center}.practice[data-v-2538f33c] .main .ranking .list{font-size:12px;color:#666;display:flex;align-items:center;height:30px;margin:0;padding:0}.practice[data-v-2538f33c] .main .ranking .list li{flex:1;text-align:center;border-bottom:1px solid #eee}.practice[data-v-2538f33c] .main .ranking .header{color:#666;font-size:14px;margin-bottom:20px;display:flex;justify-content:center}.practice[data-v-2538f33c] .main .ranking .el-tabs .el-tabs__item{color:#666}.practice[data-v-2538f33c] .main .ranking .el-tabs .el-tabs__nav-wrap:after{display:none}.practice[data-v-2538f33c] .main .ranking .el-tabs .el-tab-pane .title{font-size:13px;color:#666;display:flex;align-items:center;background:#dceef8;height:35px;margin:0;padding:0}.practice[data-v-2538f33c] .main .ranking .el-tabs .el-tab-pane .title li{flex:1;text-align:center}.practice[data-v-2538f33c] .main .ranking .el-tabs .el-tab-pane .list{font-size:12px;color:#666;display:flex;align-items:center;height:30px;margin:0;padding:0}.practice[data-v-2538f33c] .main .ranking .el-tabs .el-tab-pane .list li{flex:1;text-align:center;border-bottom:1px solid #eee}.practice[data-v-2538f33c] .main .comment{padding:26px 36px}.practice[data-v-2538f33c] .main .comment p{color:#333;font-weight:400}.practice[data-v-2538f33c] .main .comment span{word-break:break-all;color:#666}.practice[data-v-2538f33c] .video{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:999;transition:opacity .36s;line-height:0}.practice[data-v-2538f33c] .video .video-close{position:absolute;width:48px;height:48px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAFOUlEQVRogc2aT0ibdxjHP8bSQS0z4uhh0K52oGyXiYn/EIQ66EUTD6Pr6iZlHqJBzRsFLw68DA8qREWdMYdZKl27jUEb478dFLxUMcm2y2ar2+oGgm6gTukhB93h90aNJvr+i/ZzCnnf5/l9n+R539/ze36/lOXlZQziKnATsAI5wHXgLSANSAF2gH+Bl8BzIAjMAH8bMXiKzkCuAfeAT4D3Nfr4FXgMPABWtArRGsgHwBfAR4BJ6+BH2AV+ANqBX9QaqxVxBbgP/ATc1mB/mpbbsu/78liqjJVyG5Hb9xA5nyxS5DGey2MqQkkgF4GvgO8AsyZp2jDLYw7KGk7ktEAuA6OAU78uzdTJGi6fdNNJgVwCfgRuGShKK7cQWi4luiFRIBcRv0JxEkRppRjwkyDNEgXSA5QlS5EOPgR6412IF8gdzveZOI06xAQcw9FA3ga8ZyJHH4MIrfscDaSLs33FasWM0LrP4UDygLtnKkcfdxGagdhA2lAxY6+urtLR0cHKiuY6Lwafz8eTJ0/UmKQgNAMHgbwD2NR4WVxcZGRkhNbWVjY3N9WYHiMQCNDZ2UkoFFJragOy4CCQz1BZAJaVldHe3s78/Dy1tbWagwkEArjdbqxWK42NjWrNTcDn0Q8An2oRUVlZicfjIRQK0dDQwNbWlir78fFx3G43FouFwcFBrlxRVfBGuQMikKvAe1o8ANjtdnp6epibm6Ouro6NjQ1FdmNjY7hcLoqKivD5fGRkZGiVkA3cMGHADF5RUUF3dzcLCwuK0mxiYgJJksjLy6O/v5/09HS9Em6aEGts3dhsNjweD+Fw+MQ0m5ycpLGxkfz8fIaGhjCbDZm2ck2Iv8YQ7HY7vb29zM3NUVtbeyzNJicncblcFBYW4vV69aTTUXJMwLtGeQMoLy/H4/EQDAZxOp37aTY1NUVDQwO5ubkMDAwYkU6HuZHqcrm+BN4w0mtOTg5ZWVkMDw+ztLTE9vY2LS0tFBQU4PV6jUqnw+ylLC8v7xntNcrMzAz19fVEIhFKS0vp6+sjLS0tGUNFjOyCHCM1NTWZ7mMwAf8lw/H4+Dg1NTWUlJTQ1tbG7OwsDodDdzmTgJ0LwD/Am0Z6HRsbQ5IkrFYrXV1dmM1mMjMzkSQJh8OBz+cz+jnZMAG/G+kxGkS07IgKjr7NwuEw9fX1qsuZU/jDBLwwypvf70eSJIqLi+OWHdFyZn5+XlU5o4DnJkRXXDejo6M0NzdjsVjo6+tLOE+oLWcU8rMJmNbrJRAI0NTUpLjsUFrOqGDGhNif+E2rB7/fj9vtpqioSNVkd7iccTgcetJsCfkZAXioxcPTp0/300lLFRt9AYRCIZxOJ+vr61pkfAsHC6uHiP0JxUxPT9Pa2kphYaGuKtZut9Pd3U0wGKS/v1+t+S7wNcAF+YuXiBZppVIP2dnZVFVVUV1drXtOsNlsrK2taVkhjgJ/QuyOlQVYILl7H0ayh1hLhSG24RACHp2HIo08Qg4CjndOWoCkFEMGs4nQus/RQFZ5vRvYUZwIrfvEK+Mf83o3socQGmNItB6RMGDGTwLTgCvehUSBRBDtyGfJUqSBZwhNkXgXT1ohvuJg7+68ie5lvkp0w2lL3R3ErzBkoCi1DMkadk66ScmaPYLY7vqYs301byL6unUkSKfDqGk+fI849fMAMasmiz15jBzEgQFFqO2irCOOV+QhAlNVaJ7CruwzTx5DVSls1DGnu2jv6C8C33BOx5zicQ1x8Cwf0U++jjh4Fj16cfjg2QtEgToD/GXE4P8D3OGqGs6fBeAAAAAASUVORK5CYII=);background-size:cover;background-position:50%;right:0;top:0;cursor:pointer}.practice[data-v-2538f33c] .video .video-player{background-color:rgba(0,0,0,.6);display:block;width:901px;height:auto;margin:100px auto;overflow:hidden}.practice[data-v-2538f33c] .video .video-player .video-js .vjs-big-play-button{top:45%;left:45%}.practice[data-v-2538f33c] .el-dialog{min-height:200px;width:100%}.practice[data-v-2538f33c] .el-dialog .text img{width:100%}