@font-face
{
    font-family: 'PingFangSC-Regular';
    src        : url('../fonts/pingfang.woff2') format('woff2'),
                 url('../fonts/pingfang.woff') format('woff2');
}

body
{
    display    : block;
    position   : relative;
    font-family: 'PingFangSC-Regular';
}
.hhbwc-header
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 60px;
    background        : #ffffff;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 20px;
}
.hhbwc-header > .headercover
{
    display           : block;
    max-width         : 1400px;
    width             : 100%;
    margin            : 0px auto;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 10px 0px;
    overflow          : hidden;
}
.hhbwc-header > .headercover > a.logo
{
    display    : block;
    position   : relative;
    width      : 130px;
    line-height: 0px;
    float      : left;
    margin     : 0px 20px 0px 0px;
}
.hhbwc-header > .headercover > a.logo > img
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-header > .headercover > .menu
{
    display : block;
    position: relative;
    float   : left;
    margin  : 0px 20px 0px 0px;
    width   : calc(100% - 639px);
}
.hhbwc-header > .headercover > .menu > .swiper > .swiper-wrapper .swiper-slide
{
    width:auto;
}
.hhbwc-header > .headercover > .menu > .swiper > .swiper-wrapper .swiper-slide > a
{
    display       : block;
    position      : relative;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    float         : left;
    line-height   : 40px;
    padding       : 0px 10px;
}
.hhbwc-header > .headercover > .menu > .swiper > .swiper-wrapper .swiper-slide > a.red
{
    color:#FF4E44
}
.hhbwc-header > .headercover > .menu > .swiper > .swiper-wrapper .swiper-slide > a:hover
{
    color:#2A71CB;
}
.hhbwc-header > .headercover > .announcement
{
    display    : block;
    position   : relative;
    width      : 110px;
    float      : left;
    line-height: 0px;
    margin     : 0px 15px 0px 0px;
}
.hhbwc-header > .headercover > .announcement > a 
{
    display              : block;
    position             : relative;
    width                : 100%;
    height               : 40px;
    border-radius        : 2px;
    -webkit-border-radius: 2px;
    background-repeat    : no-repeat !important;
    background-position  : 50% 50% !important;
    background-size      : 100% !important;
    transition           : all 0.5s ease;
    -webkit-transition   : all 0.5s ease;
}
.hhbwc-header > .headercover > .announcement > a:hover
{
    background-size : 120% !important;
}
.hhbwc-header > .headercover > .others
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-header > .headercover > .others a
{
    display              : block;
    position             : relative;
    padding              : 4px 0px;
    float                : left;
    margin               : 0px 15px 0px 0px;
    font-size            : 12px;
    letter-spacing       : 0;
    line-height          : 32px;
    font-weight          : bold;
    color                : #ffffff;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
}
.hhbwc-header > .headercover > .others a:last-child
{
    margin:0px;
}
.hhbwc-header > .headercover > .others a.login
{
    background: #CA1729;
    width     : 64px;
    text-align: center;
    font-size : 14px;
    margin    : 0px 10px 0px 0px;
}
.hhbwc-header.is-login > .headercover > .others a.login
{
    display:none !important;
}
.hhbwc-header > .headercover > .others a.register
{
    background: #EE6E04;
    width     : 64px;
    text-align: center;
    font-size : 14px;
}
.hhbwc-header.is-login > .headercover > .others a.register
{
    display:none !important;
}
.hhbwc-header > .headercover > .others a > div
{
    display              : block;
    position             : relative;
    float                : left;
    width                : 32px;
    height               : 32px;
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    background           : #2B73CD;
    margin               : 0px 6px 0px 0px;
}
.hhbwc-header > .headercover > .others a > div > img
{
    display : block;
    position: absolute;
    top     : calc(50% - 10px);
    left    : calc(50% - 10px);
    width   : 20px;
    height  : 20px;
}
.hhbwc-header > .headercover > .others a > span
{
    display : block;
    position: relative;
    float   : left;
    color   : #333333;
}
.hhbwc-header > .headercover > .h5-head
{
    display : none;
    position: relative;
    float   : right;
}
.hhbwc-header > .headercover > .h5-head > a.reg
{
    display              : block;
    position             : relative;
    float                : left;
    height               : 32px;
    line-height          : 32px;
    background           : #ffffff;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 10px 0px 36px;
    font-size            : 12px;
    color                : #3270B5;
    letter-spacing       : 0;
    text-align           : center;
    font-weight          : 600;
    margin               : 2px 14px 2px 0px;
}
.hhbwc-header.is-login > .headercover > .h5-head > a.reg
{
    display:none;
}
.hhbwc-header > .headercover > .h5-head > a.reg > img
{
    display : block;
    position: absolute;
    width   : 20px;
    height  : 20px;
    top     : 5px;
    left    : 12px;
}
.hhbwc-header > .headercover > .h5-head > a.cs
{
    display              : block;
    position             : relative;
    float                : left;
    width                : 32px;
    height               : 32px;
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    background           : #ffffff;
    color                : #3270B5;
    margin               : 2px 0px;
}
.hhbwc-header > .headercover > .h5-head > a.cs > img
{
    display : block;
    position: absolute;
    width   : 24px;
    height  : 24px;
    top     : calc(50% - 12px);
    left    : calc(50% - 12px);
}
.hhbwc-header > .headercover > .profile
{
    display           : none;
    position          : relative;
    max-width         : 138px;
    height            : 40px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 4px 0px;
    float             : right;
}
.hhbwc-header.is-login > .headercover > .profile
{
    display:block;
}
.hhbwc-header > .headercover > .profile > .img
{
    display              : block;
    position             : relative;
    float                : left;
    width                : 32px;
    height               : 32px;
    border-radius        : 50%;
    -webkit-border-radius: 50%;
    background           : rgba(0,0,0,0.1);
    background-repeat    : no-repeat !important;
    background-position  : 50% 50% !important;
    background-size      : cover !important;
    margin               : 0px 8px 0px 0px;
}
.hhbwc-header > .headercover > .profile > span
{
    display      : block;
    position     : relative;
    min-width    : 60px;
    max-width    : calc(100% - 40px);
    float        : right;
    height       : 32px;
    line-height  : 32px;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    font-size    : 12px;
    color        : #000000;
}
.hhbwc-subheader
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 60px;
    background        : #0DD1B9; 
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 20px;
}
.hhbwc-subheader > .headercover
{
    display           : block;
    position          : relative;
    max-width         : 1200px;
    width             : 100%;
    margin            : 0px auto;
    padding           : 10px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    overflow          : hidden;
}
.hhbwc-subheader > .headercover > .menu
{
    display:block;
    position:relative;
    float:left;
}
.hhbwc-subheader > .headercover > .menu a
{
    display       : block;
    position      : relative;
    font-size     : 18px;
    color         : #ffffff;
    letter-spacing: 0;
    font-weight   : 600;
    height        : 40px;
    line-height   : 40px;
    float         : left;
    margin        : 0px 30px 0px 0px;
}
.hhbwc-subheader > .headercover > .menu a:hover
{
    color : #570267;
}
.hhbwc-subheader > .headercover > .menu a.active
{
    color : #570267;
}
.hhbwc-subheader > .headercover > .menu a:last-child
{
    margin:0px;
}
.hhbwc-subheader > .headercover > .menu a > span
{
    display            : none;
    width              : 0;
    height             : 0;
    border             : 4px solid transparent;
    border-bottom-color: #570267;
    position           : relative;
    top                : -10px;
    left               : calc(50% - 4px);
}
.hhbwc-subheader > .headercover > .menu a.active > span
{
    display:block;
}
.hhbwc-subheader > .headercover > .menu a > span:after
{
    display         : block;
    content         : "";
    position        : absolute;
    left            : -4px;
    top             : 4px;
    width           : 0;
    height          : 0;
    border          : 4px solid transparent;
    border-top-color: #570267;
    z-index         : 1;
}
.hhbwc-subheader > .headercover > .livenow
{
    display       : block;
    width         : 400px;
    height        : 40px;
    overflow      : hidden;
    position      : relative;
    float         : right;
    font-size     : 12px;
    color         : #333333;
    letter-spacing: 0;
    line-height   : 20px;
    font-weight   : bold;
} 
.hhbwc-subheader > .headercover > .livenow a
{
    display: inline-block;
    margin : 0px 6px 0px 0px;
    color  : #333333;
}
.hhbwc-subheader > .headercover > .livenow a:hover
{
    color:#2B73CD;
}
.hhbwc-banner
{
    display   : block;
    position  : relative;
    width     : 100%;
    background: #720596;
    overflow  : hidden;
}
.hhbwc-banner > .bannercover
{
    display            : block;
    position           : relative;
    max-width          : 1200px;
    width              : 100%;
    height             : 244px;
    margin             : 0px auto;
    background         : url(../images/banbg2026.png);
    background-repeat  : no-repeat;
    background-position: 50% 50%;
    background-size    : cover;
}
.hhbwc-banner > .bannercover > .title
{
    display    : none;
    position   : absolute;
    text-align : center;
    top        : 50px;
    left       : 0px;
    width      : 100%;
    font-size  : 34px;
    font-weight: bold;
    height     : 50px;
    line-height: 50px;
    color      : #ff2e01;
}
.hhbwc-banner > .bannercover > .timer
{
    display           : block;
    position          : absolute;
    width             : 1200px;
    height            : 50px;
    bottom            : 60px;
    left              : calc(50% - 600px);
    color             : #ffffff;
    z-index           : 1;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 270px;
}
.hhbwc-banner > .bannercover > .timer > .timercover
{
    display : block;
    position: relative;
    height  : 50px;
}
.hhbwc-banner > .bannercover > .timer .text
{
    display    : block;
    position   : relative;
    float      : left;
    font-size  : 16px;
    line-height: 50px;
    font-weight: bold;
    margin     : 0px 30px 0px 0px;
}
.hhbwc-banner > .bannercover > .timer .text:last-child
{
    margin:0px 0px 0px 30px;
}
.hhbwc-banner > .bannercover > .timer .day, .hhbwc-banner > .bannercover > .timer .hour, .hhbwc-banner > .bannercover > .timer .minute
{
    display    : block;
    position   : relative;
    float      : left;
    font-size  : 48px;
    line-height: 50px;
    font-weight: bold;
}
.hhbwc-banner > .bannercover > .timer .day > span, .hhbwc-banner > .bannercover > .timer .hour > span, .hhbwc-banner > .bannercover > .timer .minute > span
{
    display       : block;
    position      : absolute;
    font-size     : 16px;
    color         : #FFFFFF;
    letter-spacing: 0;
    text-align    : center;
    width         : 100%;
    text-align    : center;
    bottom        : -40px;
    left          : 0px;
}
.hhbwc-banner > .bannercover > .timer .dot
{
    display : block;
    position: relative;
    float   : left;
    height  : 50px;
    width   : 60px;
}
.hhbwc-banner > .bannercover > .timer .dot > span
{
    display            : block;
    width              : 0;
    height             : 0;
    border             : 6px solid transparent;
    border-bottom-color: #ffffff;
    position           : relative;
    top                : calc(50% - 12px);
    left               : calc(50% - 6px);
}
.hhbwc-banner > .bannercover > .timer .dot > span:after
{
    display         : block;
    content         : "";
    position        : absolute;
    left            : -6px;
    top             : 6px;
    width           : 0;
    height          : 0;
    border          : 6px solid transparent;
    border-top-color: #ffffff;
    z-index         : 1;
}
.hhbwc-content
{
    display           : block;
    position          : relative;
    width             : 100%;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 20px;
}
.hhbwc-content > .contentcover
{
    display           : block;
    position          : relative;
    max-width         : 1200px;
    width             : 100%;
    margin            : 0px auto;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 25px 0px;
    overflow          : hidden;
}
.hhbwc-content > .contentcover > .leftcontent
{
    display  : block;
    position : relative;
    max-width: calc(100% - 380px);
    width    : 100%;
    float    : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .sectiontitle
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 30px;
    margin  : 0px 0px 14px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title div
{
    display       : block;
    position      : relative;
    width         : calc(20% - 5px);
    float         : left;
    font-size     : 16px;
    color         : #DE472A;
    letter-spacing: 0;
    line-height   : 16px;
    font-weight   : 600;
    padding       : 0px 0px 12px 0px;
    margin        : 0px 5px 0px 0px;
    border-bottom : solid 1px #DE472A;
    cursor        : pointer;
} 
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title div.active
{
    color        : #3B1249;
    border-bottom: solid 1px #3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title div > span
{
    display            : block;
    position           : absolute;
    width              : 0;
    height             : 0;
    border             : 4px solid transparent;
    border-bottom-color: #DE472A;
    bottom             : -1px;
    left               : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title div.active > span
{
    border-bottom-color: #3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title div > span:after
{
    display         : block;
    content         : "";
    position        : absolute;
    left            : -4px;
    top             : 4px;
    width           : 0;
    height          : 0;
    border          : 4px solid transparent;
    border-top-color: #DE472A;
    z-index         : 1;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title div.active > span:after
{
    border-top-color: #3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .slider
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .slider > .swiper > .swiper-wrapper .swiper-slide
{
    width                : auto !important;
    height               : 36px;
    color                : #3B1249;
    font-size            : 12px;
    letter-spacing       : 0;
    font-weight          : bold;
    padding              : 5px 12px;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    cursor               : pointer;
    margin               : 0px 4px 0px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .slider > .swiper > .swiper-wrapper .swiper-slide:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .slider > .swiper > .swiper-wrapper .swiper-slide.active
{
    background:#3B1249;
    color     : #ffffff;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .slider > .swiper > .swiper-wrapper .swiper-slide > div
{
    display   : block;
    position  : relative;
    width     : 100%;
    text-align: center;
    margin    : 0px 0px 2px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .slider > .swiper > .swiper-wrapper .swiper-slide > span
{
    display   : block;
    position  : relative;
    width     : 100%;
    text-align: center;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 60px;
    background        : #F6F6F6;
    margin            : 0px 0px 6px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:hover
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow > a
{
    display : block;
    position: absolute;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
    z-index : 1;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow.tabhead .col
{
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 400;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow.tabhead .col.match
{
    display        : block;
    justify-content: unset;
    align-items    : unset;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.match
{
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 36px;
    height         : 100%;
    text-align     : center;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.match > .matches
{
    display           : block;
    position          : relative;
    width             : 20px;
    text-align        : center;
    font-size         : 12px;
    color             : #999999;
    letter-spacing    : 0;
    line-height       : 12px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 4px 0px;
    font-weight       : 400;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.time
{
    width     : 100px;
    text-align: center;
    padding   : 0px 12px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway
{
    width     : calc(100% - 370px);
    text-align: center;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.address
{
    width  : 234px;
    padding: 0px 0px 0px 6px;
    z-index: 2;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.time > .datetime
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    text-align        : center;
    padding           : 14px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.time > .datetime::before
{
    display:block;
    position:absolute;
    content:"";
    width: 0;
    height: 0;
    top:calc(50% - 16px);
    left:-12px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:nth-child(odd) .col.time > .datetime::before
{
    border-right: 12px solid #3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:nth-child(even) .col.time > .datetime::before
{
    border-right: 12px solid #51B8A5;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.time > .datetime::after
{
    display:block;
    position:absolute;
    content:"";
    width: 0;
    height: 0;
    top:calc(50% - 16px);
    right:-12px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:nth-child(odd) .col.time > .datetime::after
{
    border-left: 12px solid #3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:nth-child(even) .col.time > .datetime::after
{
    border-left: 12px solid #51B8A5;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:nth-child(odd) .col.time > .datetime
{
    background: #3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow:nth-child(even) .col.time > .datetime
{
    background: #51B8A5;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.time > .datetime > div
{
    display       : block;
    position      : relative;
    width         : 100%;
    font-size     : 18px;
    color         : #FFFFFF;
    letter-spacing: 0;
    text-align    : center;
    line-height   : 16px;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.time > .datetime > span
{
    display       : block;
    position      : relative;
    width         : 100%;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 12px;
    font-weight: 400;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 60px;
    line-height: 60px;
    width      : calc(50% - 30px);
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover div
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover .name
{
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    text-align    : right;
    font-weight   : 600;
    width         : calc(100% - 68px);
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover .img
{
    width : 24px;
    height: 60px;
    margin: 0px 10px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover .img > span
{
    display    : block;
    position   : relative;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : calc(50% - 12px);
    line-height: 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover .img > span > img
{
    display : block;
    position: relative;
    height  : 100%;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .homecover .sco
{
    font-size     : 20px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    width         : 24px;
    text-align    : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .vs
{
    display           : flex;
    align-items       : center;
    justify-content   : center;
    position          : relative;
    float             : left;
    width             : 60px;
    height            : 60px;
    line-height       : 60px;
    padding           : 0px 10px;
    font-size         : 12px;
    color             : #333333;
    letter-spacing    : 0;
    font-weight       : 400;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .vs > .vscover
{
    display           : block;
    position          : absolute;
    width             : calc(100% - 20px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    line-height       : 14px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .vs > .vscover > div
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 2px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 60px;
    line-height: 60px;
    width      : calc(50% - 30px);
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover div
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover .name
{
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    text-align    : left;
    font-weight   : 600;
    width         : calc(100% - 68px);
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover .img
{
    width : 24px;
    height: 60px;
    margin: 0px 10px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover .img > span
{
    display    : block;
    position   : relative;
    width      : 24px;
    height     : 20px;
    top        : calc(50% - 12px);
    left       : calc(50% - 12px);
    line-height: 0px;
}.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover .img > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.homeaway > .awaycover .sco
{
    font-size     : 20px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    width         : 24px;
    text-align    : right;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.address > .live
{
    display : block;
    position: relative;
    height  : 60px;
    width   : 70px;
    float   : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.address > .live > a
{
    display              : block;
    position             : absolute;
    width                : 70px;
    height               : 24px;
    line-height          : 24px;
    background           : #FF3F1A;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    font-size            : 12px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    font-weight          : 600;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 6px 0px 26px;
    top                  : calc(50% - 12px);
    left                 : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.address > .live > a > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    left    : 6px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.address > .action
{
    display           : block;
    position          : relative;
    height            : 60px;
    width             : 158px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 6px 6px;
    float             : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col.address > .action a
{
    display              : block;
    position             : relative;
    width                : calc(50% - 4px);
    margin               : 2px;
    float                : left;
    font-size            : 12px;
    height               : 20px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    line-height          : 20px;
    font-weight          : 400;
    background           : #CCCABB;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    text-align           : center;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 4px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow > .h5rowcover
{
    display : none;
    position: relative;
    width   : 100%;
    overflow: hidden;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.datetime
{
    width : 70px;
    margin: 0px 10px 0px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.datetime > div
{
    display       : block;
    position      : relative;
    font-size     : 14px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 28px;
    height        : 28px;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.datetime > span
{
    display       : block;
    position      : relative;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    line-height   : 14px;
    font-weight   : 400;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway
{
    width:calc(100% - 170px);
    margin:0px 10px 0px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .home
{
    display       : block;
    position      : relative;
    width         : 100%;
    height        : 28px;
    line-height   : 28px;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .home > .team
{
    display           : block;
    position          : relative;
    float             : left;
    width             : calc(100% - 40px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 34px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    white-space       : nowrap;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .home > .score
{
    display   : block;
    position  : relative;
    width     : 30px;
    text-align: right;
    float     : right;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .home > .team > span
{
    display    : block;
    position   : absolute;
    z-index    : 1;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    line-height: 0px;
    left       : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .home > .team > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .away
{
    display       : block;
    position      : relative;
    width         : 100%;
    height        : 28px;
    line-height   : 28px;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .away > .team
{
    display           : block;
    position          : relative;
    float             : left;
    width             : calc(100% - 40px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 34px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    white-space       : nowrap;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .away > .score
{
    display   : block;
    position  : relative;
    width     : 30px;
    text-align: right;
    float     : right;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.homeaway > .away > .team > span
{
    display   : block;
    position  : absolute;
    z-index   : 1;
    width     : 24px;
    height    : 20px;
    top       : calc(50% - 10px);
    left      : 0px;
    background: rgba(0,0,0,0.1);
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.duration
{
    display           : flex;
    position          : relative;
    float             : left;
    font-size         : 12px;
    color             : #333333;
    letter-spacing    : 0;
    text-align        : center;
    line-height       : 16px;
    font-weight       : 400;
    justify-content   : center;
    align-items       : center;
    height            : 60px;
    width             : 80px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 24px 0px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.action
{
    display           : block;
    position          : relative;
    width             : 100%;
    border-top        : solid 1px rgba(0,0,0,0.1);
    margin            : 16px 0px 0px 0px;
    text-align        : center;
    padding           : 12px 0px 0px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.action a
{
    display              : inline-block;
    position             : relative;
    height               : 24px;
    width                : 72px;
    line-height          : 24px;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 6px;
    text-align           : center;
    font-size            : 12px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    font-weight          : 600;
    background           : #CCCABB;;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    margin               : 4px 0px 0px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.action a.live
{
    padding:0px 6px 0px 26px;
    background:#FF3F1A;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .h5rowcover .h5col.action a.live > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    left    : 6px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .loader
{
    display   : none;
    position  : relative;
    width     : 100%;
    height    : 334px;
    background: #f9f9f9;
    overflow  : hidden;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .loader > img
{
    display          : block;
    position         : absolute;
    width            : 80px;
    height           : 80px;
    top              : calc(50% - 40px);
    right            : calc(50% - 40px);
    opacity          : 0.04;
    animation        : loading 0.8s infinite;
    -webkit-animation: loading 0.8s infinite;
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 150px;
    background: rgba(0,0,0,0.6);
    margin    : 0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input.newspage
{
    margin:0px 0px 14px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input > .inputbox
{
    display              : block;
    position             : absolute;
    width                : calc(100% - 280px);
    height               : 40px;
    bottom               : 20px;
    left                 : 140px;
    overflow             : hidden;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input > .inputbox input.txt
{
    display           : block;
    position          : relative;
    width             : calc(100% - 120px);
    float             : left;
    height            : 40px;
    border            : none;
    background        : #ffffff;
    font-size         : 14px;
    color             : #666666;
    letter-spacing    : 0;
    line-height       : 40px;
    font-weight       : 400;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 14px;
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input > .inputbox input.btn
{
    display           : block;
    position          : relative;
    width             : 120px;
    float             : left;
    height            : 40px;
    border            : none;
    font-size         : 14px;
    color             : #666666;
    letter-spacing    : 0;
    line-height       : 40px;
    font-weight       : 400;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 14px;
    text-align        : center;
    cursor            : pointer;
    background-image  : linear-gradient(0deg, #FFEDBC 0%, #FFDD99 100%);
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input > .inputbox input:focus
{
    outline:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr
{
    display : none;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead
{
    display : block;
    position: relative;
    width   : 100%;
    overflow:hidden;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox
{
    display           : block;
    position          : relative;
    float             : left;
    width             : 12.5%;
    height            : 36px;
    font-size         : 14px;
    color             : #666666;
    letter-spacing    : 0;
    text-align        : center;
    font-weight       : bold;
    cursor            : pointer;
    padding           : 0px 4px 0px 0px;
    line-height       : 36px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox:last-child
{
    padding:0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox > span
{
    display : block;
    position: absolute;;
    width   : calc(100% - 4px);
    height  : 2px;
    bottom  : 0px;
    left    : 0px;
    z-index : -1;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox:last-child > span
{
    width:100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.active > span
{
    display:block;
    height:100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.ateam > span
{
    background:#3B1249;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.bteam > span
{
    background:#51B8A5;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.cteam > span
{
    background:#D91E4A;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.dteam > span
{
    background:#F3B32A;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.eteam > span
{
    background:#7B1D32;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.fteam > span
{
    background:#009A49;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.gteam > span
{
    background:#225A99;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.hteam > span
{
    background:#E579A5;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrhead .headbox.active
{
    color:#ffffff;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 60px;
    background: #F6F6F6;
    margin    : 0px 0px 6px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow:hover
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab  .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow.tabhead .col
{
    font-size     : 12px !important;
    color         : #999999 !important;
    letter-spacing: 0 !important;
    font-weight   : 400 !important;
    line-height   : 12px !important;
    height        : auto !important;
    padding       : 0px 6px !important;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.rank
{
    width         : 40px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.country
{
    width         : calc(100% - 230px);
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
    padding       : 0px 6px 0px 40px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.country > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 6px;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.country > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.result
{
    width         : 90px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : lighter;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.result b
{
    font-weight:bold;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.win
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.score
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab.empty
{
    display: none;
    height : 278px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover .mmrtab.empty > span
{
    display    : block;
    position   : absolute;
    width      : 100%;
    line-height: 20px;
    height     : 20px;
    top        : calc(50% - 10px);
    left       : 0px;
    text-align : center;
    font-size  : 14px;
    color      : #000000;
    opacity    : 0.4;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover > .loader
{
    display   : none;
    position  : relative;
    width     : 100%;
    height    : 278px;
    background: #F6F6F6;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr > .mmrtab-cover > .loader > img
{
    display          : block;
    position         : absolute;
    width            : 80px;
    height           : 80px;
    top              : calc(50% - 40px);
    right            : calc(50% - 40px);
    opacity          : 0.04;
    animation        : loading 0.8s infinite;
    -webkit-animation: loading 0.8s infinite;
}
.hhbwc-content > .contentcover .sectiontitle
{
    display           : block;
    font-size         : 16px;
    color             : #3B1249;
    letter-spacing    : 0;
    line-height       : 16px;
    font-weight       : 600;
    width             : 100%;
    position          : relative;
    padding           : 0px 0px 12px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    border-bottom     : solid 1px #3B1249;
    margin            : 0px 0px 15px 0px;
} 
.hhbwc-content > .contentcover .sectiontitle > span
{
    display            : block;
    position           : absolute;
    width              : 0;
    height             : 0;
    border             : 4px solid transparent;
    border-bottom-color: #3B1249;
    bottom             : -1px;
    left               : 0px;
}
.hhbwc-content > .contentcover .sectiontitle > span:after
{
    display         : block;
    content         : "";
    position        : absolute;
    left            : -4px;
    top             : 4px;
    width           : 0;
    height          : 0;
    border          : 4px solid transparent;
    border-top-color: #3B1249;
    z-index         : 1;
}
.hhbwc-content > .contentcover .sectiontitle > a
{
    display           : block;
    position          : absolute;
    font-size         : 12px;
    color             : #999999;
    letter-spacing    : 0;
    text-align        : right;
    line-height       : 12px;
    font-weight       : 400;
    top               : 2px;
    right             : 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 20px 0px 0px;
}
.hhbwc-content > .contentcover .sectiontitle > a > img
{
    display : block;
    position: absolute;
    width   : 16px;
    height  : 16px;
    opacity : 0.5;
    top     : calc(50% - 8px);
    right   : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news.newspage
{
    margin:0px 0px 14px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .sectiontitle > a
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow
{
    display : block;
    position: relative;
    width   : 100%;
    overflow: hidden;
    margin  : 0px 0px 14px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .img
{
    display            : block;
    position           : relative;
    float              : left;
    width              : 180px;
    height             : 132px;
    background         : #D8D8D8;
    background-repeat  : no-repeat !important;
    background-position: 50% 50% !important;
    background-size    : cover !important;
    border             : 1px solid rgba(151,151,151,1);
    box-sizing         : border-box;
    -webkit-box-sizing : border-box;
    overflow           : hidden;
    line-height        : 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .img > img
{
    display : none;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont
{
    display           : block;
    position          : relative;
    width             : calc(100% - 200px);
    float             : right;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 12px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont > h2
{
    display       : block;
    position      : relative;
    width         : 100%;
    font-size     : 18px;
    line-height   : 24px;
    height        : 24px;
    overflow      : hidden;
    color         : #3B1249;
    letter-spacing: 0;
    font-weight   : bold;
    margin        : 0px 0px 10px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont > p
{
    display       : block;
    position      : relative;
    width         : 100%;
    font-size     : 12px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 24px;
    font-weight   : 400;
    height        : 48px;
    overflow      : hidden;
    margin        : 0px 0px 12px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont > span
{
    display       : block;
    position      : relative;
    width         : 100%;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    font-weight   : 400;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont > span > b
{
    display : inline-block;
    position: relative;
    margin  : 0px 0px 0px 20px;
}
.hhbwc-content > .contentcover > .rightcontent
{
    display : block;
    position: relative;
    width   : 360px;
    float   : right;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead
{
    display : block;
    position: relative;
    width   : 100%;
    overflow:hidden;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox
{
    display           : block;
    position          : relative;
    float             : left;
    width             : 12.5%;
    height            : 36px;
    font-size         : 14px;
    color             : #666666;
    letter-spacing    : 0;
    text-align        : center;
    font-weight       : bold;
    cursor            : pointer;
    padding           : 0px 4px 0px 0px;
    line-height       : 36px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox:last-child
{
    padding:0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox > span
{
    display : block;
    position: absolute;;
    width   : calc(100% - 4px);
    height  : 2px;
    bottom  : 0px;
    left    : 0px;
    z-index : -1;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox:last-child > span
{
    width:100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.active > span
{
    display:block;
    height:100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.ateam > span
{
    background:#3B1249;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.bteam > span
{
    background:#51B8A5;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.cteam > span
{
    background:#D91E4A;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.dteam > span
{
    background:#F3B32A;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.eteam > span
{
    background:#7B1D32;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.fteam > span
{
    background:#009A49;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.gteam > span
{
    background:#225A99;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.hteam > span
{
    background:#E579A5;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrhead .headbox.active
{
    color:#ffffff;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 60px;
    background: #F6F6F6;
    margin    : 0px 0px 6px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow:hover
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab  .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow.tabhead .col
{
    font-size     : 12px !important;
    color         : #999999 !important;
    letter-spacing: 0 !important;
    font-weight   : 400 !important;
    line-height   : 12px !important;
    height        : auto !important;
    padding       : 0px 6px !important;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.rank
{
    width         : 40px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.country
{
    width         : calc(100% - 230px);
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
    padding       : 0px 6px 0px 40px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.country > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 6px;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.country > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.result
{
    width         : 90px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : lighter;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.result b
{
    font-weight:bold;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.win
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab .tabrow .col.score
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab.empty
{
    display: none;
    height : 278px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover .mmrtab.empty > span
{
    display    : block;
    position   : absolute;
    width      : 100%;
    line-height: 20px;
    height     : 20px;
    top        : calc(50% - 10px);
    left       : 0px;
    text-align : center;
    font-size  : 14px;
    color      : #000000;
    opacity    : 0.4;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover > .loader
{
    display   : none;
    position  : relative;
    width     : 100%;
    height    : 278px;
    background: #F6F6F6;
}
.hhbwc-content > .contentcover > .rightcontent > .match-mmr > .mmrtab-cover > .loader > img
{
    display          : block;
    position         : absolute;
    width            : 80px;
    height           : 80px;
    top              : calc(50% - 40px);
    right            : calc(50% - 40px);
    opacity          : 0.04;
    animation        : loading 0.8s infinite;
    -webkit-animation: loading 0.8s infinite;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 60px;
    background: #F6F6F6;
    margin    : 0px 0px 6px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow:hover
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow.tabhead .col
{
    font-size     : 12px !important;
    color         : #999999 !important;
    letter-spacing: 0 !important;
    font-weight   : 400 !important;
    line-height   : 12px !important;
    height        : auto !important;
    padding       : 0px 6px !important;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col.rank
{
    width         : 40px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col.player
{
    width         : calc(100% - 190px);
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
    padding       : 0px 6px 0px 40px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col.player > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 6px;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col.player > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col.team
{
    width         : 100px;
    text-align    : center;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    font-weight   : 400;
    line-height   : 60px;
    overflow      : hidden;
    text-overflow : ellipsis;
    overflow      : hidden;
}
.hhbwc-content > .contentcover > .rightcontent > .match-score > .scoretab .tabrow .col.score
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist.newspage
{
    margin:0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 60px;
    background: #F6F6F6;
    margin    : 0px 0px 6px 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow:hover
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow.tabhead .col
{
    font-size     : 12px !important;
    color         : #999999 !important;
    letter-spacing: 0 !important;
    font-weight   : 400 !important;
    line-height   : 12px !important;
    height        : auto !important;
    padding       : 0px 6px !important;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col.rank
{
    width         : 40px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col.player
{
    width         : calc(100% - 190px);
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
    padding       : 0px 6px 0px 40px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col.player > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 6px;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col.player > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col.team
{
    width         : 100px;
    text-align    : center;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    font-weight   : 400;
    line-height   : 60px;
    overflow      : hidden;
    text-overflow : ellipsis;
    overflow      : hidden;
}
.hhbwc-content > .contentcover > .rightcontent > .match-assist > .assisttab .tabrow .col.score
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-banlink
{
    display    : block;
    position   : relative;
    width      : 100%;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-banlink > a
{
    display    : block;
    position   : relative;
    line-height: 0px;
    width      : 100%;
    background : #AAFFF1;
}
.hhbwc-content > .contentcover > .rightcontent > .match-banlink > a > img
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-h5menu
{
    display           : none;
    position          : relative;
    width             : 100%;
    background        : #F0EFE6;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 10px;
}
.hhbwc-h5menu > .swiper > .swiper-wrapper .swiper-slide
{
    width:auto;
}
.hhbwc-h5menu > .swiper > .swiper-wrapper .swiper-slide > a
{
    display       : block;
    padding       : 12px 6px;
    position      : relative;
    font-size     : 12px;
    color         : #570267;
    letter-spacing: 0;
    font-weight   : bold;
}
.hhbwc-h5menu > .swiper > .swiper-wrapper .swiper-slide > span
{
    display       : block;
    padding       : 12px 6px;
    position      : relative;
    font-size     : 12px;
    color         : #570267;
    letter-spacing: 0;
    font-weight   : bold;
    margin        : 0px 0px 0px 12px;
}
.hhbwc-h5menu > .swiper > .swiper-wrapper .swiper-slide > span > a
{
    color : #570267;
}
.hhbwc-h5submenu
{
    display   : none;
    position  : relative;
    width     : 100%;
    height    : 42px;
    background: #0DD1B9;
}
.hhbwc-h5submenu a
{
    display           : block;
    position          : relative;
    width             : 20%;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 10px;
    height            : 42px;
    line-height       : 40px;
    font-size         : 14px;
    color             : #ffffff;
    letter-spacing    : 0;
    text-align        : center;
    font-weight       : 600;
}
.hhbwc-h5submenu a.active
{
    color:#570066;
}
.hhbwc-h5submenu a > span
{
    display            : none;
    position           : absolute;
    width              : 0;
    height             : 0;
    border             : 3px solid transparent;
    border-bottom-color: #570066;
    bottom             : 8px;
    left               : calc(50% - 3px);
}
.hhbwc-h5submenu a.active > span
{
    display:block;
}
.hhbwc-h5submenu a > span:after
{
    display         : block;
    content         : "";
    position        : absolute;
    left            : -3px;
    top             : 3px;
    width           : 0;
    height          : 0;
    border          : 3px solid transparent;
    border-top-color: #570066;
    z-index         : 1;
}
.hhbwc-content > .contentcover .all-matches
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover .all-matches:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover .all-matches > .tab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 60px;
    background        : #F0EFE6;
    margin            : 0px 0px 6px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow > a
{
    display : block;
    position: absolute;
    z-index : 1;
    width   : 100%;
    height  : 100%;
    left    : 0px;
    top     : 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab > .banimg
{
    display : none;;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover .all-matches > .tab > .banimg > a
{
    display    : block;
    position   : relative;
    width      : 100%;
    height     : 120px;
    background : #c7d5cf;
    margin     : 15px 0px;
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab
{
    display           : none;
    position          : relative;
    width             : 100%;
    height            : 34px;
    padding           : 0px 10px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    margin            : 0px 0px 12px 0px;
    cursor            : pointer;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover
{
    display    : block;
    position   : relative;
    width      : 100%;
    height     : 32px;
    text-align : center;
    background : #DE472A;
}
.hhbwc-content > .contentcover .all-matches:nth-child(1) > .h5sectiontab > .tabcover
{
    background:#3B1249;
}
.hhbwc-content > .contentcover .all-matches:nth-child(5) > .h5sectiontab > .tabcover
{
    background:#937252;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover > span
{
    display           : inline-block;
    position          : relative;
    font-size         : 14px;
    color             : #FFFFFF;
    letter-spacing    : 0;
    line-height       : 32px;
    font-weight       : 600;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 22px 0px 0px;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover > span > img
{
    display   : block;
    position  : absolute;
    width     : 18px;
    height    : 18px;
    font-size : 18px;
    text-align: center;
    top       : calc(50% - 9px);
    right     : -4px;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover > span > img.less
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover > span > img.more
{
    display:none;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover::before
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    left         : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right : 10px solid #DE472A;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover::after
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    right        : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left  : 10px solid #DE472A;
}
.hhbwc-content > .contentcover .all-matches:nth-child(1) > .h5sectiontab > .tabcover::before
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    left         : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right : 10px solid #3B1249;
}
.hhbwc-content > .contentcover .all-matches:nth-child(1) > .h5sectiontab > .tabcover::after
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    right        : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left  : 10px solid #3B1249;
}
.hhbwc-content > .contentcover .all-matches:nth-child(5) > .h5sectiontab > .tabcover::before
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    left         : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right : 10px solid #937252;
}
.hhbwc-content > .contentcover .all-matches:nth-child(5) > .h5sectiontab > .tabcover::after
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    right        : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left  : 10px solid #937252;
}
.hhbwc-content > .contentcover .all-matches > .tab > .h5tabhead
{
    display       : none;
    position      : relative;
    width         : 100%;
    font-size     : 12px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 13px;
    font-weight   : 400;
    overflow      : hidden;
    margin        : 0px 0px 8px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab > .h5tabhead > div
{
    display:block;
    position:relative;
    float:left;
}
.hhbwc-content > .contentcover .all-matches > .tab > .h5tabhead > span
{
    display:block;
    position:relative;
    float:right;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow.tabhead .col
{
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 400;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow.tabhead .col.match
{
    display        : block;
    justify-content: unset;
    align-items    : unset;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.match
{
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 36px;
    height         : 100%;
    text-align     : center;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.match > .matches
{
    display           : inline-block;
    position          : relative;
    width             : 20px;
    text-align        : center;
    font-size         : 12px;
    color             : #999999;
    letter-spacing    : 0;
    line-height       : 12px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 4px 0px;
    font-weight       : 400;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.duration
{
    width     : 100px;
    text-align: center;
    padding   : 0px 12px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway
{
    width     : calc(100% - 558px);
    text-align: center;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.address
{
    width  : 222px;
    z-index: 2;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.duration > .dur
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    text-align        : center;
    font-size         : 12px;
    color             : #FFFFFF;
    letter-spacing    : 0;
    line-height       : 60px;
    font-weight       : 400;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.duration > .dur::before
{
    display:block;
    position:absolute;
    content:"";
    width: 0;
    height: 0;
    top:calc(50% - 16px);
    left:-12px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:nth-child(odd) .col.duration > .dur::before
{
    border-right: 12px solid #3B1249;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:nth-child(even) .col.duration > .dur::before
{
    border-right: 12px solid #51B8A5;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.duration > .dur::after
{
    display:block;
    position:absolute;
    content:"";
    width: 0;
    height: 0;
    top:calc(50% - 16px);
    right:-12px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:nth-child(odd) .col.duration > .dur::after
{
    border-left: 12px solid #3B1249;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:nth-child(even) .col.duration > .dur::after
{
    border-left: 12px solid #51B8A5;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:nth-child(odd) .col.duration > .dur
{
    background: #3B1249;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow:nth-child(even) .col.duration > .dur
{
    background: #51B8A5;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime
{
    width     : 200px;
    text-align: center;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime > .timecover
{
    display       : block;
    position      : relative;
    font-size     : 16px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 60px;
    height        : 60px;
    font-weight   : 400;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime > .timecover div
{
    margin:0px 14px 0px 0px;
    display:inline-block
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime > .timecover div:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 60px;
    line-height: 60px;
    width      : calc(50% - 30px);
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover div
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover .name
{
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    text-align    : right;
    font-weight   : 600;
    width         : calc(100% - 68px);
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover .img
{
    width : 24px;
    height: 60px;
    margin: 0px 10px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover .img > span
{
    display    : block;
    position   : relative;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : calc(50% - 12px);
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover .img > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .homecover .sco
{
    font-size     : 20px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    width         : 24px;
    text-align    : left;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .vs
{
    display           : flex;
    align-items       : center;
    justify-content   : center;
    position          : relative;
    float             : left;
    width             : 60px;
    height            : 60px;
    line-height       : 60px;
    padding           : 0px 10px;
    font-size         : 12px;
    color             : #333333;
    letter-spacing    : 0;
    font-weight       : 400;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .vs > .vscover
{
    display           : block;
    position          : absolute;
    width             : calc(100% - 20px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    line-height       : 14px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .vs > .vscover > div
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 2px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 60px;
    line-height: 60px;
    width      : calc(50% - 30px);
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover div
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover .name
{
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    text-align    : left;
    font-weight   : 600;
    width         : calc(100% - 68px);
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover .img
{
    width : 24px;
    height: 60px;
    margin: 0px 10px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover .img > span
{
    display    : block;
    position   : relative;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : calc(50% - 12px);
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover .img > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway > .awaycover .sco
{
    font-size     : 20px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    width         : 24px;
    text-align    : right;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.address > .action
{
    display           : block;
    position          : relative;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 4px 0px;
    float             : left;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.address > .action a
{
    display              : block;
    position             : relative;
    width                : 66px;
    margin               : 2px;
    float                : left;
    font-size            : 12px;
    height               : 22px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    line-height          : 22px;
    font-weight          : 400;
    background           : #CCCABB;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    text-align           : center;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 4px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.address > .action a.live
{
    padding   : 0px 4px 0px 20px;
    background: #FF3F1A;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.address > .action a.live > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    left    : 4px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow > .h5rowcover
{
    display : none;
    position: relative;
    width   : 100%;
    overflow: hidden;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.datetime
{
    width : 70px;
    margin: 0px 10px 0px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.datetime > div
{
    display       : block;
    position      : relative;
    font-size     : 14px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 28px;
    height        : 28px;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.datetime > span
{
    display       : block;
    position      : relative;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    line-height   : 14px;
    font-weight   : 400;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway
{
    width:calc(100% - 170px);
    margin:0px 10px 0px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .home
{
    display       : block;
    position      : relative;
    width         : 100%;
    height        : 28px;
    line-height   : 28px;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .home > .team
{
    display           : block;
    position          : relative;
    float             : left;
    width             : calc(100% - 40px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 34px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    white-space       : nowrap;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .home > .score
{
    display   : block;
    position  : relative;
    width     : 30px;
    text-align: right;
    float     : right;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .home > .team > span
{
    display    : block;
    position   : absolute;
    z-index    : 1;
    width      : 24px;
    height     : 20px;
    top        : calc(50% - 12px);
    line-height: 0px;
    left       : 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .home > .team > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .away
{
    display       : block;
    position      : relative;
    width         : 100%;
    height        : 28px;
    line-height   : 28px;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .away > .team
{
    display           : block;
    position          : relative;
    float             : left;
    width             : calc(100% - 40px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 34px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    white-space       : nowrap;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .away > .score
{
    display   : block;
    position  : relative;
    width     : 30px;
    text-align: right;
    float     : right;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.homeaway > .away > .team > span
{
    display   : block;
    position  : absolute;
    z-index   : 1;
    width     : 24px;
    height    : 20px;
    top       : calc(50% - 10px);
    left      : 0px;
    background: rgba(0,0,0,0.1);
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.duration
{
    display           : flex;
    position          : relative;
    float             : left;
    font-size         : 12px;
    color             : #333333;
    letter-spacing    : 0;
    text-align        : center;
    line-height       : 16px;
    font-weight       : 400;
    justify-content   : center;
    align-items       : center;
    height            : 60px;
    width             : 80px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 24px 0px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.action
{
    display           : block;
    position          : relative;
    width             : 100%;
    border-top        : solid 1px rgba(0,0,0,0.1);
    margin            : 16px 0px 0px 0px;
    text-align        : center;
    padding           : 12px 0px 0px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.action a
{
    display              : inline-block;
    position             : relative;
    height               : 24px;
    width                : 72px;
    line-height          : 24px;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 6px;
    text-align           : center;
    font-size            : 12px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    font-weight          : 600;
    background           : #CCCABB;;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    margin               : 4px 0px 0px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.action a.live
{
    padding   : 0px 6px 0px 22px;
    background: #FF3F1A;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .h5rowcover .h5col.action a.live > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    left    : 6px;
}
.hhbwc-content > .contentcover > .all-mmr
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol
{
    display : block;
    position: relative;
    width   : 100%;
    overflow: hidden;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover
{
    display : block;
    position: relative;
    width   : calc(50% - 10px);
    float   : left;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover:nth-child(odd)
{
    float:left;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover:nth-child(even)
{
    float:right;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 34px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    margin            : 0px 0px 15px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title > span
{
    display       : inline-block;
    position      : relative;
    height        : 34px;
    line-height   : 34px;
    padding       : 0px 16px;
    font-size     : 18px;
    color         : #FFFFFF;
    letter-spacing: 0;
    text-align    : center;
    font-weight   : 600;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.ateam
{
    border-bottom:solid 2px #3B1249;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.ateam > span
{
    background:#3B1249;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.bteam
{
    border-bottom:solid 2px #51B8A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.bteam > span
{
    background:#51B8A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.cteam
{
    border-bottom:solid 2px #D91E4A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.cteam > span
{
    background:#D91E4A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.dteam
{
    border-bottom:solid 2px #F3B32A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.dteam > span
{
    background:#F3B32A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.eteam
{
    border-bottom:solid 2px #7B1D32;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.eteam > span
{
    background:#7B1D32;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.fteam
{
    border-bottom:solid 2px #009A49;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.fteam > span
{
    background:#009A49;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.gteam
{
    border-bottom:solid 2px #225A99;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.gteam > span
{
    background:#225A99;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.hteam
{
    border-bottom:solid 2px #E579A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title.hteam > span
{
    background:#E579A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab
{
    display           : none;
    position          : relative;
    width             : 100%;
    padding           : 0px 12px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    cursor            : pointer;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div
{
    display       : block;
    position      : relative;
    height        : 32px;
    width         : 100%;
    text-align    : center;
    font-size     : 14px;
    color         : #FFFFFF;
    letter-spacing: 0;
    font-weight   : 600;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div > span
{
    display           : inline-block;
    position          : relative;
    font-size         : 14px;
    color             : #FFFFFF;
    letter-spacing    : 0;
    line-height       : 32px;
    font-weight       : 600;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 20px 0px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div > span > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    right   : -4px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div > span > img.less
{
    display:block;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div > span > img.more
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div::before
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    left         : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div::after
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    right        : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.ateam > div
{
    background:#3B1249;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.ateam > div::before
{
    border-right : 10px solid #3B1249;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.ateam > div::after
{
    border-left  : 10px solid #3B1249;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.bteam > div
{
    background:#51B8A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.bteam > div::before
{
    border-right : 10px solid #51B8A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.bteam > div::after
{
    border-left  : 10px solid #51B8A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.cteam > div
{
    background:#D91E4A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.cteam > div::before
{
    border-right : 10px solid #D91E4A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.cteam > div::after
{
    border-left  : 10px solid #D91E4A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.dteam > div
{
    background:#F3B32A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.dteam > div::before
{
    border-right : 10px solid #F3B32A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.dteam > div::after
{
    border-left  : 10px solid #F3B32A;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.eteam > div
{
    background:#7B1D32;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.eteam > div::before
{
    border-right : 10px solid #7B1D32;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.eteam > div::after
{
    border-left  : 10px solid #7B1D32;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.fteam > div
{
    background:#009A49;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.fteam > div::before
{
    border-right : 10px solid #009A49;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.fteam > div::after
{
    border-left  : 10px solid #009A49;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.gteam > div
{
    background:#225A99;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.gteam > div::before
{
    border-right : 10px solid #225A99;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.gteam > div::after
{
    border-left  : 10px solid #225A99;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.hteam > div
{
    background:#E579A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.hteam > div::before
{
    border-right : 10px solid #E579A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.hteam > div::after
{
    border-left  : 10px solid #E579A5;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 60px;
    background: #F0EFE6;
    margin    : 0px 0px 6px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow.tabhead .col
{
    font-size     : 12px !important;
    color         : #999999 !important;
    letter-spacing: 0 !important;
    font-weight   : 400 !important;
    line-height   : 12px !important;
    height        : auto !important;
    padding       : 0px 6px !important;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.rank
{
    width         : 40px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.country
{
    width         : calc(100% - 390px);
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
    padding       : 0px 6px 0px 40px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.country > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 6px;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.country > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.matches
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.result
{
    width         : 90px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : lighter;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.result b
{
    font-weight:bold;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.in
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.miss
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.win
{
    width         : 50px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.score
{
    width         : 60px;
    text-align    : center;
    font-size     : 18px;
    color         : #5D006B;
    letter-spacing: 0;
    line-height   : 60px;
    font-weight   : 600;
}
.hhbwc-content > .contentcover > .mmr-rule
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .mmr-rule > .rule-content
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .mmr-rule > .rule-content p
{
    display       : block;
    position      : relative;
    font-size     : 14px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 32px;
    font-weight   : 400;
}
.hhbwc-content > .contentcover > .mmr-rule > .rule-content p span
{
    display : block;
    position: relative;
    padding : 0px 0px 0px 28px;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu
{
    display   : none;
    position  : relative;
    width     : 100%;
    text-align: center;
    margin    : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu .tabbox
{
    display           : inline-block;
    position          : relative;
    height            : 20px;
    line-height       : 20px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    margin            : 0px 2px;
    padding           : 0px 18px;
    font-size         : 16px;
    color             : #999999;
    letter-spacing    : 0;
    font-weight       : 600;
    cursor            : pointer;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu .tabbox.active
{
    color : #3B1249;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu .tabbox span
{
    display            : none;
    position           : absolute;
    width              : 0;
    height             : 0;
    border             : 4px solid transparent;
    border-bottom-color: #3B1249;
    top                : 2px;
    left               : 0px;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu .tabbox.active span
{
    display:block;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu .tabbox span::after
{
    display         : block;
    content         : "";
    position        : absolute;
    left            : -4px;
    top             : 4px;
    width           : 0;
    height          : 0;
    border          : 4px solid transparent;
    border-top-color: #3B1249;
    z-index         : 1;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu .tabbox span:last-child
{
    left : auto;
    right: 0px;
}
.hhbwc-content > .contentcover > .h5all-player
{
    display : none;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .h5all-player .playercol
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .titletab
{
    display           : block;
    position          : relative;
    width             : 100%;
    padding           : 0px 12px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    margin            : 0px 0px 20px 0px;
    cursor            : pointer;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .titletab > div
{
    display       : block;
    position      : relative;
    height        : 32px;
    width         : 100%;
    text-align    : center;
    font-size     : 14px;
    color         : #FFFFFF;
    letter-spacing: 0;
    font-weight   : 600;
    background    : #3B1249;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .titletab > div > span
{
    display           : inline-block;
    position          : relative;
    font-size         : 14px;
    color             : #FFFFFF;
    letter-spacing    : 0;
    line-height       : 32px;
    font-weight       : 600;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .titletab > div::before
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    left         : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right : 10px solid #3B1249;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .titletab > div::after
{
    display      : block;
    position     : absolute;
    content      : "";
    width        : 0;
    height       : 0;
    top          : calc(50% - 8px);
    right        : -10px;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left  : 10px solid #3B1249;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow
{
    display   : block;
    position  : relative;
    width     : 100%;
    height    : 60px;
    background: #F0EFE6;
    margin    : 0px 0px 6px 0px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    height            : 60px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 6px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow.tabhead .col
{
    font-size     : 12px !important;
    color         : #999999 !important;
    letter-spacing: 0 !important;
    font-weight   : 400 !important;
    line-height   : 12px !important;
    height        : auto !important;
    padding       : 0px 6px !important;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col.rank
{
    width         : 40px;
    text-align    : center;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col.player
{
    width         : calc(100% - 200px);
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : bold;
    line-height   : 60px;
    padding       : 0px 6px 0px 40px;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col.player > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 6px;
    line-height: 0px;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col.player > span > img
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col.team
{
    width         : 100px;
    text-align    : center;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    font-weight   : 400;
    line-height   : 60px;
    overflow      : hidden;
    text-overflow : ellipsis;
    overflow      : hidden;
}
.hhbwc-content > .contentcover > .h5all-player .playercol > .playertab .tabrow .col.point
{
    width         : 60px;
    text-align    : center;
    font-size     : 18px;
    color         : #5D006B;
    letter-spacing: 0;
    line-height   : 60px;
    font-weight   : 600;
}
.hhbwc-content > .contentcover .all-livematches
{
    display : block;
    position: relative;
    width   : 100%;
    overflow: hidden;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu
{
    display : block;
    position: relative;
    width   : 260px;
    float   : left;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list
{
    display   : block;
    position  : relative;
    width     : 100%;
    min-height: 271px;
    overflow  : hidden;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector
{
    display   : block;
    position  : absolute;
    width     : 50px;
    min-height: 271px;
    max-height: 100%;
    top       : 0;
    left      : 0;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu> .team-list > .selector .selectbox
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 12.5% !important;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 8px 6px 8px 10px;
    text-align        : center;
    font-size         : 14px;
    line-height       : 14px;
    color             : #666666;
    letter-spacing    : 0;
    text-align        : center;
    font-weight       : 400;
    cursor            : pointer;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.active
{
    color:#ffffff;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox > span
{
    display : block;
    position: absolute;
    width   : 4px;
    height  : calc(100% - 2px);
    top     : 0px;
    left    : 0px;
    z-index : -1;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.active > span
{
    width:100%;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.ateam > span
{
    background:#3B1249;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.bteam > span
{
    background:#51B8A5;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.cteam > span
{
    background:#D91E4A;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.dteam > span
{
    background:#F3B32A;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.eteam > span
{
    background:#7B1D32;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.fteam > span
{
    background:#009A49;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.gteam > span
{
    background:#225A99;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector .selectbox.hteam > span
{
    background:#E579A5;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams
{
    display : none;
    position: relative;
    float   : right;
    width   : calc(100% - 64px);
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 64px;
    line-height       : 64px;
    background        : #F6F6F6;
    font-size         : 16px;
    color             : #333333;
    letter-spacing    : 0;
    font-weight       : bold;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 14px 0px 66px;
    cursor            : pointer;
    margin            : 0px 0px 5px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox.active
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox > span
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 30px;
    line-height: 0px;
    z-index    : 1;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height:100%;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .loader
{
    display   : none;
    position  : relative;
    float     : right;
    width     : calc(100% - 64px);
    height    : 271px;
    background: #f9f9f9;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .loader > img
{
    display          : block;
    position         : absolute;
    width            : 60px;
    height           : 60px;
    top              : calc(50% - 30px);
    right            : calc(50% - 30px);
    opacity          : 0.04;
    animation        : loading 0.8s infinite;
    -webkit-animation: loading 0.8s infinite;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent
{
    display : block;
    position: relative;
    width   : calc(100% - 285px);
    float   : right;
}
.hhbwc-content > .contentcover .all-livematches > .h5selector-title
{
    display           : none;
    position          : relative;
    width             : 100%;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 15px 0px;
    margin            : 0px 0px 15px 0px;
    font-size         : 16px;
    color             : #333333;
    letter-spacing    : 0;
    font-weight       : 600;
    border-bottom     : solid 1px rgba(0,0,0,0.1);
}
.hhbwc-content > .contentcover .all-livematches > .h5selector-title > .switch
{
    display              : block;
    position             : absolute;
    font-size            : 12px;
    color                : #333333;
    letter-spacing       : 0;
    text-align           : right;
    line-height          : 24px;
    height               : 24px;
    font-weight          : 400;   
    right                : 0px;
    top                  : 2px;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 34px 0px 12px;
    cursor               : pointer;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
}
.hhbwc-content > .contentcover .all-livematches > .h5selector-title > .switch.active
{
    background:rgba(0,0,0,0.1);
}
.hhbwc-content > .contentcover .all-livematches > .h5selector-title > .switch > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    right   : 10px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow
{
    display           : block;
    position          : relative;
    width             : 100%;
    height            : 70px;
    background        : #F6F6F6;
    margin            : 0px 0px 6px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow:hover
{
    background:#F0EFE6;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow.tabhead
{
    height    : 20px;
    background: #ffffff;
    margin    : 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > a
{
    display : block;
    position: absolute;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
    z-index : 1;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col
{
    display           : block;
    position          : relative;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 12px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow.tabhead .col
{
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    font-weight   : 400;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.match
{
    width : 160px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.match > .matches
{
    display           : block;
    text-align        : left;
    position          : relative;
    width             : 100%;
    height            : 70px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 16px 0px;
    font-size         : 14px;
    color             : #666666;
    letter-spacing    : 0;
    line-height       : 20px;
    font-weight       : 400;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.match > .matches > b
{
    display : block;
    position: relative;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway
{
    width     : calc(100% - 394px);
    text-align: center;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.address
{
    width  : 234px;
    z-index: 2;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 70px;
    line-height: 70px;
    width      : calc(50% - 30px);
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover div
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover .name
{
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    text-align    : right;
    font-weight   : 600;
    width         : calc(100% - 68px);
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover .img
{
    width : 24px;
    height: 70px;
    margin: 0px 10px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover .img > span
{
    display    : block;
    position   : relative;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : calc(50% - 12px);
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover .img > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .homecover .sco
{
    font-size     : 20px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    width         : 24px;
    text-align    : left;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .vs
{
    display           : flex;
    align-items       : center;
    justify-content   : center;
    position          : relative;
    float             : left;
    width             : 60px;
    height            : 70px;
    line-height       : 70px;
    padding           : 0px 10px;
    font-size         : 12px;
    color             : #333333;
    letter-spacing    : 0;
    font-weight       : 400;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .vs > .vscover
{
    display           : block;
    position          : absolute;
    width             : calc(100% - 20px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    line-height       : 14px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .vs > .vscover > div
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 0px 0px 2px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 70px;
    line-height: 70px;
    width      : calc(50% - 30px);
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover div
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover .name
{
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    text-align    : left;
    font-weight   : 600;
    width         : calc(100% - 68px);
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover .img
{
    width : 24px;
    height: 70px;
    margin: 0px 10px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover .img > span
{
    display    : block;
    position   : relative;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : calc(50% - 12px);
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover .img > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.homeaway > .awaycover .sco
{
    font-size     : 20px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    width         : 24px;
    text-align    : right;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.address > .action
{
    display           : block;
    position          : relative;
    height            : 70px;
    float             : left;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 9px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.address > .action a
{
    display              : block;
    position             : relative;
    width                : 66px;
    margin               : 2px;
    float                : left;
    font-size            : 12px;
    height               : 22px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    line-height          : 22px;
    font-weight          : 400;
    background           : #CCCABB;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    text-align           : center;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 4px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.address > .action a.live
{
    padding:0px 4px 0px 20px;
    background:#FF3F1A;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col.address > .action a.live > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    left    : 4px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover
{
    display : none;
    position: relative;
    width   : 100%;
    overflow: hidden;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col
{
    display : block;
    position: relative;
    float   : left;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.datetime
{
    width : 70px;
    margin: 0px 10px 0px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.datetime > div
{
    display       : block;
    position      : relative;
    font-size     : 14px;
    color         : #666666;
    letter-spacing: 0;
    line-height   : 28px;
    height        : 28px;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.datetime > span
{
    display       : block;
    position      : relative;
    font-size     : 12px;
    color         : #999999;
    letter-spacing: 0;
    line-height   : 14px;
    font-weight   : 400;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway
{
    width:calc(100% - 170px);
    margin:0px 10px 0px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .home
{
    display       : block;
    position      : relative;
    width         : 100%;
    height        : 28px;
    line-height   : 28px;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
    margin        : 0px 0px 4px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .home > .team
{
    display           : block;
    position          : relative;
    float             : left;
    width             : calc(100% - 40px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 34px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    white-space       : nowrap;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .home > .score
{
    display   : block;
    position  : relative;
    width     : 30px;
    text-align: right;
    float     : right;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .home > .team > span
{
    display    : block;
    position   : absolute;
    z-index    : 1;
    width      : 24px;
    height     : 24px;
    top        : calc(50% - 12px);
    left       : 0px;
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .home > .team > span > img
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .away
{
    display       : block;
    position      : relative;
    width         : 100%;
    height        : 28px;
    line-height   : 28px;
    font-size     : 16px;
    color         : #333333;
    letter-spacing: 0;
    font-weight   : 600;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .away > .team
{
    display           : block;
    position          : relative;
    float             : left;
    width             : calc(100% - 40px);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 0px 0px 34px;
    text-overflow     : ellipsis;
    overflow          : hidden;
    white-space       : nowrap;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .away > .score
{
    display   : block;
    position  : relative;
    width     : 30px;
    text-align: right;
    float     : right;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.homeaway > .away > .team > span
{
    display   : block;
    position  : absolute;
    z-index   : 1;
    width     : 24px;
    height    : 20px;
    top       : calc(50% - 10px);
    left      : 0px;
    background: rgba(0,0,0,0.1);
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.duration
{
    display           : flex;
    position          : relative;
    float             : left;
    font-size         : 12px;
    color             : #333333;
    letter-spacing    : 0;
    text-align        : center;
    line-height       : 16px;
    font-weight       : 400;
    justify-content   : center;
    align-items       : center;
    height            : 60px;
    width             : 80px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 0px 24px 0px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.action
{
    display           : block;
    position          : relative;
    width             : 100%;
    border-top        : solid 1px rgba(0,0,0,0.1);
    margin            : 16px 0px 0px 0px;
    text-align        : center;
    padding           : 12px 0px 0px 0px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.action a
{
    display              : inline-block;
    position             : relative;
    height               : 24px;
    width                : 72px;
    line-height          : 24px;
    box-sizing           : border-box;
    -webkit-box-sizing   : border-box;
    padding              : 0px 6px;
    text-align           : center;
    font-size            : 12px;
    color                : #FFFFFF;
    letter-spacing       : 0;
    font-weight          : 600;
    background           : #CCCABB;;
    border-radius        : 20px;
    -webkit-border-radius: 20px;
    margin               : 4px 0px 0px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.action a.live
{
    padding:0px 6px 0px 22px;
    background:#FF3F1A;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover .h5col.action a.live > img
{
    display : block;
    position: absolute;
    width   : 18px;
    height  : 18px;
    top     : calc(50% - 9px);
    left    : 6px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .banimg
{
    display : block;
    position: relative;
    width   : 100%;
    margin  : 6px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .banimg > a
{
    display    : block;
    position   : relative;
    width      : 100%;
    height     : 80px;
    background : #AAFFF1;
    line-height: 0px;
}
.hhbwc-content > .contentcover .all-livematches > .contentloader
{
    display   : none;
    position  : relative;
    width     : calc(100% - 285px);
    height    : 300px;
    float     : right;
    background: #f9f9f9;
}
.hhbwc-content > .contentcover .all-livematches > .contentloader > img
{
    display          : block;
    position         : absolute;
    width            : 60px;
    height           : 60px;
    top              : calc(50% - 30px);
    right            : calc(50% - 30px);
    opacity          : 0.04;
    animation        : loading 0.8s infinite;
    -webkit-animation: loading 0.8s infinite;
}
.hhbwc-lightbox
{
    display : none;
    position: relative;
    width   : 100%;
    z-index : 9999;
}
.hhbwc-lightbox > .lightbox
{
    display           : flex;
    justify-content   : center;
    align-items       : center;
    position          : fixed;
    width             : 100%;
    height            : 100%;
    top               : 0px;
    left              : 0px;
    background        : rgba(0,0,0,0.6);
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 20px;
}
.hhbwc-lightbox > .lightbox > .lightboxoverlay
{
    display : block;
    position: absolute;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
}
.hhbwc-lightbox > .lightbox > .lightboxheader
{
    display         : none;
    position        : relative;
    width           : 100%;
    height          : 40px;
    background-image: linear-gradient(269deg, #438DCC 0%, #20549D 100%);
}
.hhbwc-lightbox > .lightbox > .lightboxheader > .back
{
    display     : block;
    position    : relative;
    float       : left;
    width       : 40px;
    height      : 40px;
    border-right: solid 1px rgba(255,255,255,0.2);
}
.hhbwc-lightbox > .lightbox > .lightboxheader > .back > img
{
    display : block;
    position: absolute;
    width   : 24px;
    height  : 24px;
    top     : calc(50% - 12px);
    left    : calc(50% - 12px);
}
.hhbwc-lightbox > .lightbox > .lightboxheader > .option
{
    display : block;
    position: relative;
    float   : right;
    height  : 40px;
    padding : 0px 10px 0px 0px;
}
.hhbwc-lightbox > .lightbox > .lightboxheader > .option div
{
    display    : block;
    position   : relative;
    float      : left;
    height     : 40px;
    line-height: 40px;
    font-size  : 14px;
    color      : #ffffff;
    margin     : 0px 10px;
    opacity    : 0.4;
}
.hhbwc-lightbox > .lightbox > .lightboxheader > .option div.active
{
    opacity:1;
}
.hhbwc-lightbox > .lightbox > .lightboxcover
{
    display  : block;
    position : relative;
    max-width: 640px;
    width    : 100%;
    height   : 580px;
    z-index  : 1;
}
.hhbwc-lightbox > .lightbox > .lightboxcover > .close
{
    display    : block;
    position   : absolute;
    width      : 24px;
    height     : 24px;
    z-index    : 1;
    top        : 10px;
    right      : 14px;
    cursor     : pointer;
    line-height: 0px;
}
.hhbwc-lightbox > .lightbox > .lightboxcover > .close > img
{
    display : block;
    position: relative;
    width   : 100%;
}
.hhbwc-lightbox > .lightbox > .lightboxcover > iframe
{
    display : block;
    position: relative;
    width   : 100%;
    height  : 100%;
}
.hhbwc-footer
{
    display           : block;
    position          : relative;
    width             : 100%;
    background        : #5e6874;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 25px 20px;
}
.hhbwc-footer > .footercover
{
    display  : block;
    position : relative;
    max-width: 1200px;
    width    : 100%;
    margin   : 0 auto;
    color    : #f0f5fa;
}
.hhbwc-footer > .footercover > span
{
    display  : block;
    position : relative;
    width    : 100%;
    font-size: 12px;
    margin   : 0px 0px 10px 0px;
}
.hhbwc-footer > .footercover > span > a
{
    display : inline-block;
    position: relative;
    margin  : 0px 0px 0px 10px;
    color   : #f0f5fa;
}
.hhbwc-footer > .footercover > span > a:hover
{
    color:#0DD1B9;
}
.hhbwc-footer > .footercover > div
{
    display    : inline-block;
    position   : relative;
    height     : 24px;
    line-height: 24px;
    font-size  : 12px;
}
.hhbwc-footer > .footercover > div > a.text
{
    color : #f0f5fa;
}
.hhbwc-footer > .footercover > div > a.text:hover
{
    color:#0DD1B9;
}
.hhbwc-footer > .footercover > div > a.img
{
    display : inline-block;
    position: absolute;
    height  : 24px;
    top     : 0px;
    right   : -80px;
    color   : #f0f5fa;
}
.hhbwc-footer > .footercover > div > a.img > img
{
    display: block;
    height : 100%;
}


@keyframes loading {
    from {transform:rotate(0deg); -webkit-transform:rotate(0deg);}
    to   {transform: rotate(-360deg); -webkit-transform: rotate(-360deg);}
}
@-webkit-keyframes loading {
    from {transform:rotate(0deg); -webkit-transform:rotate(0deg);}
    to   {transform: rotate(-360deg); -webkit-transform: rotate(-360deg);}
}



















































@media only screen and (max-width: 1200px) {

.hhbwc-content > .contentcover > .leftcontent
{
    max-width:calc(100% - 350px);
}
.hhbwc-content > .contentcover > .rightcontent
{
    width:330px;
}


}








@media only screen and (max-width: 1100px) {

.hhbwc-content > .contentcover > .leftcontent
{
    max-width:100%;
    margin:0px 0px 25px 0px;
}
.hhbwc-content > .contentcover > .rightcontent
{
    width:100%;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.homeaway
{
    width:calc(100% - 438px);
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime
{
    width:80px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime > .timecover div
{
    margin:0px;
    width:100%;
    float:none;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col.datetime > .timecover
{
    font-size         : 12px;
    line-height       : 16px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    padding           : 7px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover
{
    width:100%;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover:last-child
{
    margin:0px;
}
.hhbwc-content > .contentcover > .rightcontent > .match-banlink
{
    display:none;
}
.hhbwc-content > .contentcover .all-livematches
{
    overflow:unset;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu
{
    width : 100%;
    margin: 0px 0px 25px 0px;
    float : none;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent
{
    width:100%;
    float: none;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .selector
{
    position  : relative;
    width     : 100%;
    min-height: unset;
    max-height: unset;
    margin    : 0px 0px 20px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu> .team-list > .selector .selectbox
{
    float      : left;
    height     : 34px;
    line-height: 34px;
    width      : 12.5%;
    padding    : 0px 10px;
    margin     : 0px 0px 10px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu> .team-list > .selector .selectbox > span
{
    width : calc(100% - 2px);
    height: 4px;
    bottom: 0px;
    top   : auto;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu> .team-list > .selector .selectbox.active > span
{
    height:100%;
    width:calc(100% - 2px);
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list
{
    min-height:unset;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams
{
    width:100%;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox
{
    width : calc(25% - 3px);
    margin: 0px 4px 0px 0px;
    float : left;
    padding: 0px 12px 0px 52px;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox > span
{
    left:18px;
}



}







@media only screen and (max-width: 980px) {

.hhbwc-subheader > .headercover > .menu
{
    width:100%;
    margin:0px 0px 20px 0px;
}
.hhbwc-subheader
{
    height:auto;
}
.hhbwc-subheader > .headercover > .livenow
{
    width:100%;
    height:auto;
}

}








@media only screen and (max-width: 860px) {

.hhbwc-header > .headercover > .announcement
{
    display:none;
}
.hhbwc-header > .headercover > .menu
{
    width:calc(100% - 509px);
}


}







@media only screen and (max-width: 760px) {

.hhbwc-header
{
    background-image: linear-gradient(269deg, #438DCC 0%, #20549D 100%);
    height          : 44px;
    padding         : 0px 12px;
}
.hhbwc-header > .headercover
{
    padding:4px 0px;
}
.hhbwc-header > .headercover > a.logo
{
    height: 36px;
    width : auto;
    margin: 0px;
}
.hhbwc-header > .headercover > a.logo > img
{
    width:auto;
    height:100%;
}
.hhbwc-header > .headercover > .menu
{
    display:none;
}
.hhbwc-header > .headercover > .announcement
{
    display:none;
}
.hhbwc-header > .headercover > .others
{
    display:none;
}
.hhbwc-header > .headercover > .h5-head
{
    display:block;
}
.hhbwc-header > .headercover > .profile
{
    height:36px;
}
.hhbwc-header > .headercover > .profile > .img
{
    height            : 28px;
    width             : 28px;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    border            : solid 1px rgba(255,255,255,0.6);
}
.hhbwc-header > .headercover > .profile > span
{
    height     : 28px;
    line-height: 28px;
    color      : #ffffff;
}
.hhbwc-lightbox > .lightbox > .lightboxheader
{
    display:block;
}
.hhbwc-subheader
{
    display:none;
}
.hhbwc-h5menu
{
    display:block;
}
.hhbwc-h5submenu
{
    display:block;
}
.hhbwc-content
{
    padding:0px 10px;
}
.hhbwc-content > .contentcover
{
    padding:15px 0px;
}
.hhbwc-content > .contentcover > .leftcontent > .subscribe-input
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .title
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .sectiontitle
{
    display:block;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow.tabhead
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow
{
    padding:16px;
    height:auto;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow .col
{
    display:none !important;
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow > a
{
    height:calc(100% - 56px);
}
.hhbwc-content > .contentcover > .leftcontent > .match-swiper > .tabber .tab .tabrow > .h5rowcover
{
    display:block;
}
.hhbwc-content > .contentcover > .leftcontent > .match-mmr
{
    display:block;
}
.hhbwc-content > .contentcover > .rightcontent
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .sectiontitle > a
{
    display:block;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont
{
    padding:10px 0px;
    width:calc(100% - 136px);
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont > h2
{
    height    : auto;
    max-height: 48px;
    overflow  : hidden;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .cont > p
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news > .newscover .newsrow > .img
{
    width:120px;
    height:90px;
}
.hhbwc-content > .contentcover .all-matches
{
    margin:0px 0px 10px 0px;
}
.hhbwc-content > .contentcover .all-matches > .tab
{
    display:none;
}
.hhbwc-content > .contentcover .all-matches > .tab.for_match1
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow
{
    height:auto;
    padding:16px;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow .col
{
    display:none !important;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow > a
{
    height:calc(100% - 56px);
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow > .h5rowcover
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .tab .tabrow.tabhead
{
    display:none;
}
.hhbwc-content > .contentcover .all-matches > .tab > .banimg
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .tab > .h5tabhead
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover > span > img.less
{
    display:none;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab > .tabcover > span > img.more
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab.match1 > .tabcover > span > img.less
{
    display:block;
}
.hhbwc-content > .contentcover .all-matches > .h5sectiontab.match1 > .tabcover > span > img.more
{
    display:none;
}
.hhbwc-content > .contentcover .all-matches > .sectiontitle
{
    display:none;
}
.hhbwc-content > .contentcover > .h5mmr-tabmenu
{
    display:block;
}
.hhbwc-content > .contentcover > .all-mmr
{
    margin:0px;
}
.hhbwc-content > .contentcover > .all-mmr > .sectiontitle
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-title
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab
{
    display:block;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div > span > img.less
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab > div > span > img.more
{
    display:block;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.ateam > div > span > img.less
{
    display:block;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .h5mmr-titletab.ateam > div > span > img.more
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab
{
    display: none;
    margin : 10px 0px 0px 0px;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab.for_ateam
{
    display:block;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.matches
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.in
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.miss
{
    display:none;
}
.hhbwc-content > .contentcover > .all-mmr > .mmrcol .colcover > .mmr-tab .tabrow .col.country
{
    width:calc(100% - 240px);
}
.hhbwc-content > .contentcover > .mmr-rule
{
    display:none;
}
.hhbwc-content > .contentcover > .leftcontent > .match-news.newspage > .sectiontitle
{
    display:none;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .sectiontitle
{
    display:none;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox
{
    width : calc(50% - 2px);
    margin: 4px 0px 0px 0px !important;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox:nth-child(1), .hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox:nth-child(2)
{
    margin:0px !important;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox:nth-child(odd)
{
    float:left;
}
.hhbwc-content > .contentcover .all-livematches > .sidemenu > .team-list > .teams .teambox:nth-child(even)
{
    float:right;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .sectiontitle
{
    display:none;
}
.hhbwc-content > .contentcover .all-livematches > .h5selector-title
{
    display:block;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow.tabhead
{
    display:none;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow
{
    padding:16px;
    height:auto;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > a
{
    height:calc(100% - 56px);
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow > .h5rowcover
{
    display:block;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .tab .tabrow .col
{
    display:none;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .banimg
{
    margin:0px 0px 6px 0px;
}
.hhbwc-content > .contentcover .all-livematches > .menucontent > .banimg > a
{
    display:none;
}
.hhbwc-banner > .bannercover
{
    max-width : 760px;
    background: url(../images/h5banbg2026.png);
    height    : 220px;
}
.hhbwc-banner > .bannercover > .timer
{
    width  : 100%;
    height : 40px;
    padding: 0px 0px 0px 88px;
    left   : 0px;
}
.hhbwc-banner > .bannercover > .timer > .timercover
{
    height:40px;
}
.hhbwc-banner > .bannercover > .timer .text
{
    margin     : 0px 15px 0px 0px;
    height     : 40px;
    line-height: 40px;
}
.hhbwc-banner > .bannercover > .timer .text:last-child
{
    margin:0px 0px 0px 15px;
}
.hhbwc-banner > .bannercover > .timer .dot
{
    height: 40px;
    width : 45px;
}
.hhbwc-banner > .bannercover > .timer .day, .hhbwc-banner > .bannercover > .timer .hour, .hhbwc-banner > .bannercover > .timer .minute
{
    font-size  : 36px;
    height     : 40px;
    line-height: 40px;
}
.hhbwc-banner > .bannercover > .timer .day > span, .hhbwc-banner > .bannercover > .timer .hour > span, .hhbwc-banner > .bannercover > .timer .minute > span
{
    font-size: 14px;
    bottom   : -30px;
}
.hhbwc-footer
{
    padding:20px;
}
.hhbwc-footer > .footercover
{
    text-align:center;
}
.hhbwc-footer > .footercover > span
{
    display:none;
}
.hhbwc-footer > .footercover > div > a.img
{
    display:none;
}



}



















@media only screen and (max-width: 576px) {

.hhbwc-lightbox > .lightbox
{
    padding        : 0px;
    display        : block;
    justify-content: unset;
    align-items    : unset;
}
.hhbwc-lightbox > .lightbox > .lightboxcover
{
    max-width: 100%;
    height   : calc(100% - 40px);
}
.hhbwc-lightbox > .lightbox > .lightboxcover > .close
{
    display:none;
}
.hhbwc-banner > .bannercover
{
    background:#720596 !important;
}
.hhbwc-banner > .bannercover > .title
{
    display:block;
}
.hhbwc-banner > .bannercover > .timer
{
    padding   : 0px;
    text-align: center;
    bottom    : 70px;
}
.hhbwc-banner > .bannercover > .timer > .timercover
{
    display:inline-block;
}



}