#comp-tab a{ display: block; width: 120px; height: 45px; line-height: 45px; text-align: center; background-color: #acacac; border-radius: 8px; font-size: 20px}
#comp-tab a.active, #comp-tab a:hover{ background-color: #298dff; color: #FFFFFF}
#wcu-search{margin-left: 20px;}
#comp-list .comp-li{border-radius: 10px;box-shadow: 0.25rem 0.25rem 1.25rem 0px rgba(0, 0, 0, 0.2);background-color: #fff; padding-bottom: 10px; font-size: 20px; margin-bottom: 20px;}
#comp-list li h2{background-color: #298DFF; height: 50px; line-height: 50px; border-radius: 10px 10px 0 0; color: #FFFFFF; padding-left: 25px; margin-bottom: 10px; font-size: 24px; overflow: hidden;}
#comp-list li .wcu-register{width: 100px; float: right;}
#comp-list li .status{height: 60px; line-height: 60px; font-size: 28px; font-weight: bold;}
/*#comp-list li .cube-type img{width: 40px; height: 40px;}*/
#comp-list li .date{line-height: 50px; font-size: 22px;}
#comp-list li .address{line-height: 38px; margin-bottom: 15px;}

.wcu-article{padding: 10px 20px;}
.wcu-article h1{margin-top: 25px;  font-size: 28px; text-align: center;}
.wcu-article #details{margin-top: 50px; margin-bottom: 20px; font-size: 20px;}
.wcu-article #details li{margin-bottom: 30px;}
.wcu-article #details li h3{margin-bottom: 10px;}
.wcu-article #details li p img{width: 40px; height: 40px;}

#cube-type-icon{height: 20px;
    /*width: 20px;*/
}
#player-form{margin-top: 30px;}
.layui-table-header>table{background-color: #298DFF; color: #FFFFFF;}
.layui-table-sort .layui-table-sort-desc{border-top-color: #FFFFFF;}
.layui-table-sort .layui-table-sort-asc{border-bottom-color: #FFFFFF;}
.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color: #333333;}
.layui-table-sort .layui-table-sort-desc:hover{border-top-color: #333333;}

#wcu-bob tr{border-bottom: 1px solid #eee;}
#wcu-bob img{
    /*width: 30px; */
    height: 30px; margin-right: 10px;
}
#wcu-bob .tab-cube-type{ border-bottom: 1px solid #FFFFFF;}
#wcu-bob .tab-cube-type strong{margin-right: 20px; font-size: 18px; line-height: 30px;}


.layui-form-checkbox>.lay-skin-checkcard,.layui-form-radio>.lay-skin-checkcard{display:table;display:flex;padding:12px;white-space:normal;border-radius:10px;border:1px solid #e5e5e5;color:#000;background-color:#fff}
.layui-form-checkbox>.lay-skin-checkcard>*,.layui-form-radio>.lay-skin-checkcard>*{vertical-align:top}
.layui-form-checkbox:hover>.lay-skin-checkcard,.layui-form-radio:hover>.lay-skin-checkcard{border-color:#298DFF}
.layui-form-checked>.lay-skin-checkcard,.layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard{color:#000;border-color:#298DFF;background-color: rgba(25, 113, 232, 0.1) !important}
.layui-checkbox-disabled>.lay-skin-checkcard,.layui-radio-disabled>.lay-skin-checkcard{box-shadow:none;border-color:#e5e5e5 !important;background-color:#eee !important}
.lay-skin-checkcard-avatar{padding-right:8px}
.lay-skin-checkcard-detail{overflow:hidden;width:100%}
.lay-skin-checkcard-header{font-weight:500;font-size:16px;white-space:nowrap;margin-bottom:4px}
.lay-skin-checkcard-header img{width: 30px;}
.lay-skin-checkcard-description{font-size:13px;color:#5f5f5f}
.layui-disabled  .lay-skin-checkcard-description{color:#c2c2c2! important}
.layui-form-checked>.lay-check-dot:after,.layui-form-radioed>.lay-check-dot:after{position:absolute;content:"";top:2px;right:2px;width:0;height:0;display:inline-block;vertical-align:middle;border-width:10px;border-style:dashed;border-color:transparent;border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:6px;border-top-color:#298DFF;border-top-style:solid;border-right-color:#298DFF;border-right-style:solid;overflow:hidden}
.layui-checkbox-disabled>.lay-check-dot:after,.layui-radio-disabled>.lay-check-dot:after{border-top-color:#d2d2d2;border-right-color:#d2d2d2}
.layui-form-checked>.lay-check-dot-2:before,.layui-form-radioed>.lay-check-dot-2:before{position:absolute;font-family:"layui-icon";content:"\e605";color:#fff;bottom:4px;right:3px;font-size:9px;z-index:12}
.layui-form-checked>.lay-check-dot-2:after,.layui-form-radioed>.lay-check-dot-2:after{position:absolute;content:"";bottom:2px;right:2px;width:0;height:0;display:inline-block;vertical-align:middle;border-width:10px;border-style:dashed;border-color:transparent;border-top-left-radius:6px;border-top-right-radius:0px;border-bottom-right-radius:6px;border-bottom-left-radius:0px;border-right-color:#298DFF;border-right-style:solid;border-bottom-color:#298DFF;border-bottom-style:solid;overflow:hidden}
.layui-checkbox-disabled>.lay-check-dot-2:before,.layui-radio-disabled>.lay-check-dot-2:before{color:#eee !important}
.layui-checkbox-disabled>.lay-check-dot-2:after,.layui-radio-disabled>.lay-check-dot-2:after{border-bottom-color:#d2d2d2;border-right-color:#d2d2d2}
.lay-ellipsis-multi-line{overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

#cube-type-select{ display: flex;flex-wrap: wrap;justify-content: flex-start;}
#cube-type-select>div{flex: 0 0 auto; margin: 5px;}
.lay-skin-checkcard-avatar img{ width: 45px; height: 45px;}

.wcu-article #register li{ margin-top: 20px; font-size: 20px;}

.wcu-article #schedule>table>thead>tr{background-color: #298DFF;color: #FFFFFF;}
.wcu-article #schedule>table, .wcu-article #result>table{min-width: 768px;}


.finish {background-color: #d9d9d9 !important;color: #000 !important;}
.video-layer {border-radius: 10px !important;}
@media (width <= 768px) {
    .wcu-article #schedule, .wcu-article #result{overflow-x: scroll;}
}