* {
    box-sizing: border-box;
}
body {
    width: 7.5rem!important;
    overflow-x: hidden;

}
.m_box {
    width: 7.5rem;
}
header {
    width: 7.5rem;
    height: 1.28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0.3rem;
 
    background-image: linear-gradient(90deg, #0066FF 0%, #0063FF 100%);
}
.logo {
    width: 4.8rem;
    height: 0.9rem;
}
.header_r {
    display: flex;
    height: 1.28rem;
    align-items: center;
}
.lang_btn {
    width: .42rem;
    

}
.menu {
    margin-left: .3rem;
}
.menu img {
    width: .42rem;

}
.video_box {
    width: 7.5rem;
    height: 4.2rem;
    background-color: #ddd;

}
.live_box {
    width: 7.5rem;
    padding: .5rem .3rem;
    background-image: linear-gradient(0deg, #015CD8 0%, #002A66 100%);
}
.live_title {
    font-size: .32rem;
    color: #FFFFFF;

}
.live_list {
    /* height: calc(100vh - 7.42rem); */
    margin-top: .4rem;
    /* overflow-y: auto; */

}
.live_item {
    display: flex;
    width: 6.9rem;
    height: 1.4rem;
    padding: 0 .3rem;
    background: #00112B;
    align-items: center;
    margin-bottom: .3rem;

}
.live_item.active  {
    border: 2px solid #FCAD05;

}
.live_item.active  .live_item_r{
    color: #FCAD05;

}
.live_item_l {
    text-align: center;
    width: 1.7rem;
}
.live_item_l_data {
    font-size: .36rem;
    font-weight: 700;
    color: #1F5AC7;

}
.live_item_l_time {
    margin-top: .1rem;
    font-size: .24rem;
    color: #FFFFFF;

}
.line {
    width: .02rem;
    height: .7rem;
    margin: 0 .3rem;
    background: #002C6B;

}
.live_item_r {
    width: 4.6rem;
    font-size: .32rem;
    color: #FFFFFF;

}
footer {
    width: 7.50rem;
    /* height: 1.8rem; */
    padding: .4rem;
    background: #001B3F;

}
footer div:first-child {
    text-align: center;
    font-size: .36rem;
    color: #FFFFFF;

}
footer div:nth-child(2) {
    margin-top: .08rem;
    text-align: center;
    font-size: .3rem;
    color: #FFFFFF;

}
.xgplayer-skin-default {
    width: 7.5rem !important;
    height: 4.2rem !important;
}
.en .live_item {
    height: 1.8rem;
}
.flex_menu{
    display: none;
    position: fixed;
    top: 1.28rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 10000;

}
.mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 2;

}
.menu_list {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4rem;
    padding: .2rem;
    background: #024697;
    color: #fff;
    z-index: 3;
}

.menu_item a,
.menu_item span{
    color: #fff;
    font-size: .28rem;
}
.menu_item_title {
    display: flex;
    height: .7rem;
    align-items: center;
    justify-content: space-between;
}
.menu_item_title img {
    width: .24rem;
}
.link_list {
    display: none;
    padding: .2rem;
    background-color: rgba(255, 255, 255, 0.1);

}
.link_list li {
    display: flex;
    height: .6rem;
    align-items: center;
}
/* .xgplayer-skin-default .xgplayer-time  span:nth-child(2){
    display: none;
}
.xgplayer-time-current::after {
    content: ''!important;
} */