/* 主题 */
:root{
    --theme-color-red: #E21C34;
    --theme-color-whith: #fff;
    --theme-nav-color: #1D2129;
    --theme-nav-active-color: #E21C34;
    --theme-nav-font-weight: 600;

    --layout-live-recommend: calc(100% - 20px);
}
/* 红底白字 */
.theme-red-bg-white-font {
    background-color: #ec300c;
    color: #fff;
}
@media screen and (max-width: 1920px) {
    :root{
        --layout-page-width: 1440px;
        --layout-page-body-width: 1240px;
        --layout-live-list-item: 1240px;

        --layout-hot-live-list-width: calc(100% - 40px);
        --layout-home-live-box-width: 984px;
        --layout-home-live-box--height: 554px;

        --layout-grid-template-columns: repeat(3, 376px);
        --layout-grid-template-rows: 282px;
        --layout-grid-gap: 40px;
        --layout-grid-gap-live: 56px;
        --layout-live-list-item-img-height: 212px;
        --layout-live-list-item-padding-bottom: 0px;

        /*首页直播列表样式*/
        --layout-grid-template-columns-sm: repeat(3, 288px);
        --layout-grid-template-rows-sm: 226px;
        --layout-grid-gap-sm: 40px;
        --layout-grid-gap-live-sm: calc((100% - (3 * 288px)) / 2);
        --layout-live-list-item-img-height-sm: 162px;
        --layout-live-list-item-padding-bottom-sm: 0;
        --layout-live-list-item-padding-vertical-sm: 6px;
        --layout-live-list-item-gap-vertical-sm: 4px;

        /*直播间直播列表样式*/
        --layout-room-grid-template-columns-sm: repeat(3, 288px);
        --layout-room-grid-template-rows-sm: 226px;
        --layout-room-grid-gap-sm: 64px;
        --layout-room-grid-gap-live-sm: 64px;
        --layout-room-live-list-item-img-height-sm: 162px;

        /*直播间*/
        --layout-page-room-main-width: 1408px;
        --layout-room-bottom-width:1160px;
        --layout-room-live-width: 808px;
        --layout-room-live-height: 499px;
        --layout-room-tim-width: 336px;
        --layout-room-recommend-live-righr-width: 232px;

        /*天使球评列表样式*/
        --layout-angel-grid-template-columns: repeat(3, 376px);
        --layout-angel-grid-template-rows: 266px;
        --layout-angel-grid-gap: 40px;
        --layout-angel-grid-column-gap: calc((100% - (376px * 3)) / 2);
        --layout-angel-grid-gap-img-height: 188px;

        /*直播列表页正文宽度*/
        --layout-page-live-list-header-width: 1400px;
        --layout-page-live-list-width: 1240px;

        /*资讯页正文宽度*/
        --layout-page-notice-width: 1200px;
        --layout-page-notice-banner-width: 860px;
        --layout-page-notice-banner-height: 484px;
    }

}

@media screen and (min-width: 1920px) {
    :root{
        --layout-page-width: 1440px;
        --layout-page-body-width: 1400px;
        --layout-live-list-item: 1240px;

        --layout-hot-live-list-width: calc(100% - 40px);
        --layout-home-live-box-width: 1144px;
        --layout-home-live-box--height: 644px;

        --layout-grid-template-columns: repeat(4, 332px);
        --layout-grid-template-rows: 260px;
        --layout-grid-gap: 24px;
        --layout-grid-gap-live: 24px;
        --layout-live-list-item-img-height: 188px;
        --layout-live-list-item-padding-bottom: 0px;

        /*首页直播列表样式*/
        --layout-grid-template-columns-sm: repeat(3, 332px);
        --layout-grid-template-rows-sm: 260px;
        --layout-grid-gap-sm: 40px;
        --layout-grid-gap-live-sm: calc((100% - (3 * 332px)) / 2);
        --layout-live-list-item-img-height-sm: 188px;
        --layout-live-list-item-padding-bottom-sm: 0;
        --layout-live-list-item-padding-vertical-sm: 8px;
        --layout-live-list-item-gap-vertical-sm: 8px;
        --layout-live-recommend: calc(100% - 48px);

        /*直播间*/
        --layout-page-room-main-width: 1888px;
        --layout-room-bottom-width:1640px;
        --layout-room-live-width: 1224px;
        --layout-room-live-height: 756px;
        --layout-room-tim-width: 336px;
        --layout-room-recommend-live-righr-width: 296px;

        /*直播间直播列表样式*/
        --layout-room-grid-template-columns-sm: repeat(5, 288px);
        --layout-room-grid-template-rows-sm: 226px;
        --layout-room-grid-gap-sm: 40px;
        --layout-room-grid-gap-live-sm: 18px;
        --layout-room-live-list-item-img-height-sm: 162px;

        /*天使球评列表样式*/
        --layout-angel-grid-template-columns: repeat(4, 332px);
        --layout-angel-grid-template-rows: 236px;
        --layout-angel-grid-gap: 24px;
        --layout-angel-grid-column-gap: 24px;
        --layout-angel-grid-gap-img-height: 166px;

        /*直播列表页正文宽度*/
        --layout-page-live-list-header-width: 1920px;
        --layout-page-live-list-width: 1400px;

        /*资讯页正文宽度*/
        --layout-page-notice-width: 1400px;
        --layout-page-notice-banner-width: 1020px;
        --layout-page-notice-banner-height: 574px;
    }
}

/*!* 白底红字 *!*/
/*.theme-white-bg-red-font {*/
/*    background-color: #fff;*/
/*    color: #ec300c;*/
/*}*/

/*!* 白色字体 *!*/
/*.theme-white-font,*/
/*.theme-white-font a{*/
/*    color: #fff;*/
/*}*/

/*!* 红色字体 *!*/
/*.theme-red-font {*/
/*    color: #ec300c;*/
/*}*/