#cube-type-select{display: flex; align-items: flex-start;flex-wrap: wrap;}
#cube-type-select li{flex: 0 0 auto; margin-right: 10px; text-align: center; margin-bottom: 10px;}
#cube-type-select .wcu-radio-detail img{ max-width: 54px; height: 30px;}
#cube-type-select .layui-form-radio{border: 1px solid #ccc; padding: 5px 8px; border-radius: 5px; width: 50px;}
#cube-type-select .layui-form-radioed{border: 1px solid #298DFF; background-color: #298DFF;}
#cube-type-select .wcu-radio-description{font-size: 12px;}
#cube-type-select .layui-form-radioed .wcu-radio-description{color: #FFFFFF;}
.wcu-article #ranking>table, .wcu-article #record>table, .wcu-article #player>table{min-width: 768px;}
.wcu-article #ranking>table thead tr, .wcu-article #record>table thead tr, .wcu-article #player>table thead tr{background-color: #298DFF; color: #FFFFFF;}
.wcu-article #record img{
    /*width: 35px;*/
    height: 35px; margin-right: 10px;}
.wcu-article .wcu-submit-btn{background-color: #D9D9D9; color: #333333}
.wcu-article .wcu-submit-btn.active{background-color: #298DFF; color: #fff;}

@media (width <= 768px) {
    .wcu-article #ranking, .wcu-article #record, .wcu-article #player{overflow-x: scroll;}
}