.test .video_box{width:500px;margin:50px auto}.test .list_box{width:880px;margin:20px auto;background:#fff}.test .list_box>ol>li{background:#fafafa}.test .list_box>ol>li:hover{cursor:pointer}.test .list_box>ol>li .list_parent_box{display:flex;justify-content:space-between;padding:10px;box-sizing:border-box}.test .list_box>ol>li .list_parent_box .list_parent_title{font-size:16px;font-weight:400;color:#666;display:flex}.test .list_box>ol>li .list_parent_box .list_parent_title>p{margin-left:35px;width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test .list_box>ol>li>ul{transition:all .2s}.test .list_box>ol>li>ul>li{display:flex;justify-content:space-between;padding:15px 40px;background:#fff}.test .list_box>ol>li>ul>li:hover{cursor:pointer;background:#fef8f4}.test .list_box>ol>li>ul>li .child_left{display:flex;align-items:center}.test .list_box>ol>li>ul>li .child_left>font{font-size:14px;font-weight:400;color:#999;margin-right:30px}.test .list_box>ol>li>ul>li .child_left>span{font-size:12px;font-weight:400;color:#1974f0;border:1px solid #1974f0;padding:1px 5px;margin-right:10px}.test .list_box>ol>li>ul>li .child_left>p{width:550px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;color:#333}.test .list_box>ol>li>ul>li .child_right{display:flex;align-items:center}.test .list_box>ol>li>ul>li .child_right .time_box{font-size:14px;font-weight:400;color:#999}.test .list_box>ol>li>ul>li .child_right .progress_box{margin-left:20px}.test .input_box{width:1200px;margin:20px auto}.test .test_box{width:1200px;height:600px;background:#fff;margin:50px auto;display:flex;justify-content:center;align-items:center}.test .test_box .chart_box{width:160px;height:160px}.test .test_box .chart_box .pie_chart{width:100%;height:100%;box-sizing:border-box;background:#fff;overflow:hidden;position:relative}.test .test_box .chart_box .pie_chart .base_map{width:98%;height:98%;position:absolute;top:1%;left:1%;border-radius:50%;box-sizing:border-box;border:2px solid #ff652f}.test .test_box .chart_box .pie_chart .cake_map{width:100%;height:100%;background:#ff652f;border-radius:50%;opacity:.1}.test .test_box .chart_box .pie_chart .pie_content{width:92%;height:92%;border-radius:50%;box-sizing:border-box;background:#fff;position:absolute;top:4%;left:4%}.test .test_color_btn{width:500px;margin:0 auto 20px auto;display:flex;justify-content:space-between}.test .test_color_btn>p{width:30%;height:30px;text-align:center;background:#0ff;font-size:24px;line-height:30px;color:#fff}.test .test_color_box{width:500px;height:500px;margin:0 auto;display:flex;justify-content:center;align-items:center;color:red;background-color:#3f8e4d;border:3px solid transparent;border-color:red}[data-theme=theme1] .test .test_color_box{color:#3f8e4d}[data-theme=theme2] .test .test_color_box{color:#00f}[data-theme=theme3] .test .test_color_box{color:#652bf5}[data-theme=theme1] .test .test_color_box{background-color:red}[data-theme=theme2] .test .test_color_box{background-color:#652bf5}[data-theme=theme3] .test .test_color_box{background-color:#00f}[data-theme=theme1] .test .test_color_box{border-color:#3f8e4d}[data-theme=theme2] .test .test_color_box{border-color:#00f}[data-theme=theme3] .test .test_color_box{border-color:#652bf5}