body,
html {
    background: var(--bg);
}

#main {
    margin-top: 1px;
}

.content {
    padding   : 0.5rem 0.6rem;
    background: #FFF;
}

.title-cover-bg img {
    width: 4rem;
}

.title-cover-bg {
    background-image     : url(../icon/linear-gradient-bg.png);
    background-repeat    : no-repeat;
    background-position-y: 100%;
    background-size      : 100% 1px;
    padding-bottom       : 0.45rem;
    margin-bottom        : 0.45rem;
}

.live-status {
    padding-right  : 5px;
    background     : url(../icon/live-status-bg.png) no-repeat;
    background-size: 95% 95%;
    width          : 45px;
    display        : inline-block;
    font-size      : 0.12rem;
    color          : #FFF;
    text-align     : center;
    line-height    : 23px;
    font-weight    : 300;
    position       : absolute;
    right          : 0px;
    top            : 3px;

}

.name {
    font-size    : 0.24rem;
    font-weight  : bold;
    position     : relative;
    color        : #000;
    margin-bottom: 10px;
    display      : inline-block;
    padding-right: 50px;
}

.time {
    font-size    : 0.15rem;
    color        : #666;
    margin-bottom: 0.3rem;
}

.media {
    position: relative;
}

.media-video {
    margin-right: 4rem;
    position    : relative;
}

.column-name {
    font-size     : 0.20rem;
    font-weight   : bold;
    position      : relative;
    color         : #000;
    padding-top   : 0.3rem;
    padding-bottom: 0.15rem;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 44px;
}

.video-js .vjs-big-play-button {
    /* font-size    : 49px;
    line-height  : 77px;
    height       : 80px;
    width        : 80px;
    border-radius: 100%; */
    top   : 0px;
    left  : 0px;
    right : 0px;
    bottom: 0px;
    margin: auto;
}

.chat {
    height        : 100%;
    width         : 3.8rem;
    position      : absolute;
    right         : 0px;
    top           : 0px;
    background    : var(--bg);
    padding       : 10px;
    padding-bottom: 80px;
    border        : 1px solid var(--bg);
}

.chat ul {
    overflow: auto;
    height  : 100%;
}

.chat ul li {
    margin-bottom: 10px;
}

.send-msg {
    height    : 75px;
    background: #FFF;
    position  : absolute;
    bottom    : 0px;
    left      : 0px;
    width     : 100%;
}

.send-msg input {
    outline      : none;
    border       : 1px solid var(--bg);
    width        : calc(100% - 30px);
    outline      : none;
    height       : 45px;
    padding      : 10px;
    padding-right: 70px;
    margin       : 15px;
    display      : block;
}

.send-btn {
    position             : absolute;
    right                : 16px;
    top                  : 16px;
    height               : 43px;
    background           : #dd0d15 url(../icon/live-status-bg.png);
    background-size      : 155% 155%;
    background-position-x: -11px;
    color                : #FFF;
    padding              : 10px 15px;
    cursor               : pointer;
}

.send-btn:active {
    opacity: 0.8;
}






/*  */
.mask {
    background: rgba(0, 0, 0, 0.4);
    position  : fixed;
    top       : 0px;
    left      : 0px;
    bottom    : 0px;
    right     : 0px;
    z-index   : 4;
    display   : none;
}

.login {
    box-shadow      : 0 0 5px #cdcdcd;
    position        : absolute;
    width           : 400px;
    height          : 300px;
    border          : #dedede;
    top             : 0px;
    left            : 0px;
    right           : 0px;
    bottom          : 0px;
    margin          : auto;
    border-radius   : 5px;
    background-color: #FFF;
}

.login .title {
    font-size    : 18px;
    padding      : 10px;
    margin-bottom: 50px;
    font-weight  : bold;
    color        : #d90d18;
    border-bottom: 2px solid #d90d18;
}

.login .put {
    padding   : 0px 50px;
    margin-top: 10px;
}

.login .put input {
    width        : 205px;
    padding      : 5px;
    background   : #f8f8f8;
    height       : 35px;
    border       : 1px solid #cdcdcd;
    margin       : 0px;
    border-radius: 3px;
}

.login .put button {
    width        : auto;
    display      : inline-block;
    border       : 1px solid #d90d18;
    color        : #d90d18;
    padding      : 8px 10px;
    background   : #fff;
    margin-top   : 0px;
    border-radius: 3px;
}

.login .submit {
    padding: 0px 50px;

}

.login .submit button {
    margin-top: 30px;
    width     : 100%;
    display   : block;
    border    : 1px solid #d90d18;
    color     : #fff;
    padding   : 8px 10px;
    background: #d90d18;
    cursor    : pointer;
}

.g_navsec a {
    height: auto;
}

.public-header {
    height     : 35px;
    background : #595757;
    line-height: 35px;
    color      : #fff;
    min-width  : 1200px;
    font-size  : 14px;
    overflow   : hidden;
    z-index    : 3;
    position   : relative;
}

.close {
    position  : relative;
    margin-top: -5px;
    cursor    : pointer;
}