.box_0{
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background-color: #040D2E;
    cursor: pointer;
}
.head{
    text-align: center;
    color: #36dafd;
    font-weight: bold;
    background: url(../img/jcreport_theme_bg.668bebba.png) no-repeat center top;
    background-size: auto 100%;
}
.first_w{
    width: 27.4vw;
    height: 100%;
    margin-right: 1.25rem;
}
.box_1{
    padding: 1.25rem 2.5rem 2.5rem 2.5rem;
    display: flex;
}
.box_2{
    position: relative;
    width: 100%;
    height: 40.3vh;
    border: 1px solid #0C1654;
}
.box_3{
    position: relative;
    width: 100%;
    height: 46.2vh;
    border: 1px solid #0C1654;
    margin-top: 1.84vh;
}
.box_4{
    width: 38.7vw;
    margin-right: 1.1vw;
}
.box_5{
     display: flex;
}
.box_6{
     width: 12.22vw;
     height: 11.04vh;
     background: #040D2E;
     border: 2px solid #0C1654;
     border-radius: 6px;
     text-align: left;
}
.box_7{
    position: relative;
    width: 100%;
    height: 30vh;
    border: 1px solid #0C1654;
    margin-top: 1.8vh;
}
.box_8{
    width: 27.35vw;
}
.box_9{
    position: relative;
    width: 100%;
    height: 27vh;
    border: 1px solid #0C1654;
}
.box_10{
    position: relative;
    width: 100%;
    height: 30.36vh;
    border: 1px solid #0C1654;
    margin-top: 1.8vh;
}
.edge_0{
    padding: 3.8vh 1.14vw 0 1.14vw;
}
.edge_1{
    margin-right:0.988vw;
}
.edge_2{
    margin-top:1.748vh;
}
.edge_3{
    margin-top: 1.8vh;
}
.edge_4{
    padding: 0 1.14vw 0 1.14vw;
}
.edge_5{
    padding: 2.9vh 1.14vw 0 1.14vw;
}
.box_6_edge{
    padding: 1.66vh 1.14vw 0 1.14vw;
}
.edge_7{
    padding: 1.9vh 1.14vw 0 1.14vw;
}
.edge_8{
    padding: 3.5vh 1.14vw 0 1.14vw;
}
.box_6_num{
    background: #1B2751;
    border-radius: 2px;
    padding: 2px 8px;
    color: #36DAFD;
    margin-left: 5px;
}
.le_top{
    position: absolute;
    left: -1px;
    top: -1px;
    background-image: url(../img/jcreport_line_lt.8c2b126f.png);
    width: 1.7rem;
    height: 1.7rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.ri_top{
    position: absolute;
    right: -1px;
    top: -1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YzM4NzgzMy01MzU0LTZhNDktYWUyOS1lOGFjN2ZhMTNlMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4MjcwMzA3NTFGMTFFOUJGNTJCQ0E3OEQ0RENEMEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTY4MjcwMkY3NTFGMTFFOUJGNTJCQ0E3OEQ0RENEMEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NDdiZWFiLTI5NTktNWI0Mi05NmJhLTMzYTIxYTAwNjFmNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1ODBhNzU0LWFkMWYtM2Y0NS1iNGQ2LTM3MjlhOGU1ZDRhYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvQ+MjwAAACdSURBVHjaYuQRC/nPQEWgsWM+AxMPF4b4v2/f//+49eD596u3E4Sj/XazMNAJMHFxMnIZaEpxqMjvfLtskxej2a2/dLH4zaL1BtzGOrs5tVVFvl24/oyJXj4WiQu88PXsFVcQm0NDSZJuPkYC4DTFxDBAYNTi4W8xC70tvBOWNzAW/3r2cjRxjVo8avGoxaMWj1o8avGoxQMEAAIMAPchKVApxcLEAAAAAElFTkSuQmCC);
    width: 1.7rem;
    height: 1.7rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.le_bottom{
    position: absolute;
    left: -1px;
    bottom: -1px;
    background-image: url(../img/jcreport_line_bl.50e9e08c.png);
    width: 1.7rem;
    height: 1.7rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.ri_bottom{
    position: absolute;
    right: -1px;
    bottom: -1px;
    background-image: url(../img/jcreport_line_br.59d64244.png);
    width: 1.7rem;
    height: 1.7rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.head_0{
    background: #162351;
    line-height: 2.8rem;
    padding: 0.4rem 1.4rem 0 1.4rem;
    display: inline-block;
    text-align: center;
}
.name{
    color: #36dafd;
    margin-right: 1.4rem;
}
.server_num{
    color: #f0bd26;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YzM4NzgzMy01MzU0LTZhNDktYWUyOS1lOGFjN2ZhMTNlMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE2QjM4RDE3NTFGMTFFOUE5NTFBNUJERjNDQkE3NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2QjM4RDA3NTFGMTFFOUE5NTFBNUJERjNDQkE3NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NDdiZWFiLTI5NTktNWI0Mi05NmJhLTMzYTIxYTAwNjFmNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1ODBhNzU0LWFkMWYtM2Y0NS1iNGQ2LTM3MjlhOGU1ZDRhYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtSHYWwAAABASURBVHja7NaxDQAgDAOwFvESV/AivwJfdKgjZbayJdc+NwoyoihgMBgMBoMbw/M32y129sBgMBgMBjeBnwADAO/EA2+gVIqyAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    height: 2.371527778rem;
    line-height: 2.371527778rem;
    width: 1.778645833rem;
    position: relative;
    top: 0.24rem;
}
.server_num_right{
    margin-right: 0.6rem;
}
.title_0{
    padding-top: 1rem;
    color: #36DAFD;
    text-align: left;
}
.chart_box{
    height: 21vh;
    width: 100%;
    margin-top: 1.5vh;
}
.chart_questionnaire{
    height: 17vh;
    width: 102%;
    margin-top: 1.5vh;
}
.zt_0{
    color: #FFFFFF;

    padding-bottom: .5vh;
}
.zt_1{
    color: #36DAFD;
}
.zt_2{
    color: #36DAFD;
}
.zt_3{
    color: #ffffff;
    margin-bottom: 5px;
}
.zt_4{
    color: #36DAFD;
}
.zt_4 span{
    color: #FFFFFF;
}
.zt_5{
    color: #36DAFD;
    margin-top: 1vh;
}
.zt_6{
    color: #36DAFD;
    margin-top: 1.5vh;
}
.zt_7{
    color: #36DAFD;
    margin-top: 1.6vh;
}
.box_3_flex{
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 2.11vh;
}
.box_3_tab{
    border: 1px solid #0C1654;
    padding: 7px 15px;
    border-top: none;
    color: #36DAFD;
}
.box_3_sele{
    background: linear-gradient(180deg, rgba(2,175,254,0.99), rgba(41,91,253,0.99));
    border: 2px solid #0C1654;
}
.box_3_le_radius{
    border-radius: 0 0 0 4px;
}
.box_3_ri_radius{
    border-radius: 0 4px 0 0;
}
.box_3_diet{
    background: #162351;
    line-height: 2rem;
    padding: 0.2rem 1rem 0 1rem;
    display: inline-block;
    text-align: left;
}
.box_3_name{
    color: #36dafd;
    margin-right: .5rem;
}
.box_3_name_two{
    color: #36dafd;
    margin-right: .5rem;
    padding-left: 20px;
}
.box_3_server_num{
    text-align: center;
    color: #f0bd26;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YzM4NzgzMy01MzU0LTZhNDktYWUyOS1lOGFjN2ZhMTNlMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE2QjM4RDE3NTFGMTFFOUE5NTFBNUJERjNDQkE3NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2QjM4RDA3NTFGMTFFOUE5NTFBNUJERjNDQkE3NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NDdiZWFiLTI5NTktNWI0Mi05NmJhLTMzYTIxYTAwNjFmNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1ODBhNzU0LWFkMWYtM2Y0NS1iNGQ2LTM3MjlhOGU1ZDRhYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtSHYWwAAABASURBVHja7NaxDQAgDAOwFvESV/AivwJfdKgjZbayJdc+NwoyoihgMBgMBoMbw/M32y129sBgMBgMBjeBnwADAO/EA2+gVIqyAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    height: 1.8rem;
    line-height: 2rem;
    position: relative;
    top: 0.3rem;
}
.box_3_ri{
    margin-right: 0.6rem;
}
.box_3_diet_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3vh;
}
.box_3_sport_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5vh;
}
.box_3_diet_title_ri{
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.box_3_diet_title_ri_0{
    width: 20px;
    height: 12px;
    background: linear-gradient(180deg, rgba(114,255,250,0.99), rgba(19,224,217,0.99));
    border-radius: 2px;
    margin-right: 5px;
}
.box_3_diet_title_ri_1{
    width: 20px;
    height: 12px;
    background: linear-gradient(180deg, rgba(2,175,254,0.99), rgba(41,91,253,0.99));
    border-radius: 2px;
    margin-left: 15px;
    margin-right: 5px;
}
.box_3_diet_title_ri_2{
    width: 20px;
    height: 12px;
    background: linear-gradient(180deg, rgba(253,255,114,0.99), rgba(221,224,20,0.99));
    border-radius: 2px;
    margin-left: 15px;
    margin-right: 5px;
}
.diet_chart{
    height: 25vh;
    width: 100%;
    margin-top: 2.5vh;
}
.sport_chart{
    height: 20.5vh;
    width: 100%;
    margin-top: 1vh;
}
.moniter_chart{
    height: 23vh;
    width: 100%;
    margin-top: 1.8vh;
}
.habit_chart{
    height: 17vh;
    width: 100%;
    margin-top: 1vh;
}
.association_chart{
    height: 15.5vh;
    width: 100%;
    margin-top: 1.5vh;
}
.chart_age{
    height: 22vh;
    width:18.72vw;
}
.chart_weigh{
    height: 14vh;
    width: 108%;
    margin-top: 1.9vh;
}
.box_3_sport{
    display: flex;
    justify-content: space-around;
}
.box_3_echart_unit{
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
    font-size: 0.875rem;
    margin-top: 10px;
}
.box_3_habit_flex{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #FFFFFF;
    font-size: 0.7rem;
    width: 17vw;
    margin: 0 auto;
    margin-top: 1.3vh;
}
.box_3_habit_tow{
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.7rem;
    width: 17vw;
    margin: 0 auto;
    margin-top: 8px;
}
.box_3_box_flex{
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-top: 5px;
}
.box_3_habit_box{
    width: 1vw;
    height: 1vh;
    border-radius: 2px;
    margin-right: 5px;
}
.box_7_bg{
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAgCAYAAACGqDMBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YzM4NzgzMy01MzU0LTZhNDktYWUyOS1lOGFjN2ZhMTNlMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTY4MjcwMzQ3NTFGMTFFOUJGNTJCQ0E3OEQ0RENEMEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTY4MjcwMzM3NTFGMTFFOUJGNTJCQ0E3OEQ0RENEMEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NDdiZWFiLTI5NTktNWI0Mi05NmJhLTMzYTIxYTAwNjFmNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1ODBhNzU0LWFkMWYtM2Y0NS1iNGQ2LTM3MjlhOGU1ZDRhYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj5KsdoAAAN7SURBVHja7JxNSFRRGIaP2Yj5g2A14KLQRQO2EMmVC01msh/JsgiDwKggDMJaZUGbFkWbWkWEtCiKWkRQFNivYs0iCIz+ILCFQ0FCURCCiVbT+3Hfw4gk8+eduTPzPfCAODD3zvnembnn3O9MUYV/V9QoikdZokOgeD2gfTBK+2GRqmbRfmZT8nikuKR87Uv88QVuhRvhbxjW966SBU7Cs/AvPAQvSUDlgVcwArfBDdAHh3W8lAxyGp6Cf+ABeEX+aQMqvIFjcDtsg+XwqY6b4jLytX4OHue3dw+8YR+cG1DhPXwHd8JWuAI+0DFUXAznBXgUzsDd8Ha8WfxduANOw8NwQGf7iksT9AFmbJqZu5PoMtMgr0en4EFeDxTrmCqLhGTpKrM1xawNLpTihXgCt8BJuBfe5ORJUdLBxyz1MFsdzJpJNqDCc7gJ/oTd8BYs0TFWUqSEGepmpiRbz+JdB8TjBQzBH7CL1wmlOtZKkixjdrqYpRCzZdINqDAKg/ArP5LvwzIdcyVBypgZyc43hnM00ZlUosg6aRucMM5i/kNYqWOvxKGSWQkxO+vh62Sm+snwgSH9DFvgI1ilNVAWoIoZaWFm2pgh41ZAhTG+CyKwGQ7B5VoLZR6SiWFmJMLMjCX7JKkuwI8b506THLCJJ+LXmijEz0ysgx8ZzvFUniidO0RzP7Ib4Ais0doUPDXMQgOzIeH8lOqTpXsLc4IhfQvreWKrtEYFy2rjrGvWMxN2Um2yFVBBlp6CXDYIGGdxv05rVXDUMZxrjNO+aZclTbYDKnw3sYXXWp5oQGtWMARY81pmIMhMGK8EVLC3rsL8mh/hR72S38y9tAub2K1x47WACnLzf7NxGp3txXKj1jBvaeQnp9R6iLWfXMwDuNHnKe1TncZpn/LzxJu0lnlHE2u7krXuZO2N1wMq2AZUaX6u5gtp1prmDfYGTbWJNbj/cuNAbnbKSwu/bdGzt7xatbY5j6xrPmZNbevcjFsHc3srxyzcA68Zp2lA9je1a41zlnZ+nVfA66ztrJsHzMReI9lGuh9eNk7b1T3jtF0puUUHa1fGWu5jbU2uB1SQjfi98KJxmp1t46qSG9gNbaWsYS9r6jpLM/gi5adM+jjTO2b+s4NP8TznWbuM/eDc/H3xmUA2SPl0wpRznIEnMn3QomhUf31R8S7/BBgANmWvzzMdR2wAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    width: 15.70347222rem;
    height: 1.897222222rem;
    line-height: 1.7rem;
    text-align: center;
    color: #36dafd;
    font-size: 1.1rem;
}
.box_9_flex{
    padding: 0 1.14vw 0 1.14vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box_9_flex_top_ri{
    margin-top: 3vh;
}
.box_9_right_flex{
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
.box_3_top{
    margin-top: 1.5vh;
}
.box_9_right_box{
    width: 1vw;
    height: 1vh;
    border-radius: 2px;
    margin-right: 5px;
}
.box_10_head{
    display: flex;
    justify-content: center;
    color: #36DAFD;
    font-size: 1.25rem;
}
.box_10_head_0{
    border: 2px solid #0C1654;
    border-radius: 0px 0px 0px 4px;
    padding: 8px 20px;
    border-top: 0;
}
.box_10_head_1{
    border: 2px solid #0C1654;
    border-radius: 0px 0px 0px 4px;
    padding: 8px 20px;
    border-top: 0;
    border-left: 0;
}
.box_10_title{
    padding: 0.4rem 1.4rem 0 1.4rem;
    display: inline-block;
    text-align: center;
}
.box_10_title_name{
    color: #36dafd;
    margin-right: 1.4rem;
}
.box_10_title_num{
    color: #f0bd26;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YzM4NzgzMy01MzU0LTZhNDktYWUyOS1lOGFjN2ZhMTNlMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE2QjM4RDE3NTFGMTFFOUE5NTFBNUJERjNDQkE3NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2QjM4RDA3NTFGMTFFOUE5NTFBNUJERjNDQkE3NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NDdiZWFiLTI5NTktNWI0Mi05NmJhLTMzYTIxYTAwNjFmNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1ODBhNzU0LWFkMWYtM2Y0NS1iNGQ2LTM3MjlhOGU1ZDRhYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtSHYWwAAABASURBVHja7NaxDQAgDAOwFvESV/AivwJfdKgjZbayJdc+NwoyoihgMBgMBoMbw/M32y129sBgMBgMBjeBnwADAO/EA2+gVIqyAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    width: 1.7rem;
    position: relative;
    top: 0;
}
.box_10_title_ri{
    margin-right: 0.6rem;
}
.img_0{
    width: 1vw;
    margin-right: 10px;
}
.box_9_content{
    display: flex;
    align-items: center;
    padding-bottom:2.3vh;
}
.box_9_right{
    height: 3.2vh;
    width: 23vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box_9_top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.7rem;
}
.box_9_progress{
    position: relative;
    width: 100%;
    height: 5px;
    background: #0B1844;
    border-radius: 3px;
}
.box_9_du{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #36DAFD;
    border-radius: 3px;
}
.box_9_line{
    width: 100%;
    height: 1px;
    background: #0C1654;
}
.box_9_content_top{
    margin-top: 1.8vh;
}