.module-top {
    position: relative;
    margin: 0 auto 40px;
    width: 100%;
    min-width: 980px;
    max-width: 1160px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.module-top .module-content {
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}
.module-top .top {
    height: 561px;
    overflow: hidden;
}
.module-top .top .play-zone {
    position: relative;
    float: left;
    width: 570px;
    height: 560px;
}
.module-top .top .play-zone object, .module-top .top .play-zone embed {
    width: 134%;
    margin-left: -17%;
}
.module-top .top .play-zone .touTiao {
    display: none;
    position: absolute;
    top: -3px;
    left: 0;
    width: 119px;
    height: 32px;
}
.module-top .top .play-zone .enter-layout {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90%;
    text-align: center;
    line-height: 495px;
}
.module-top .top .play-zone .enter-layout .enter-room-text {
    display: block;
    position: absolute;
    top: 302px;
    left: 230px;
    width: 100px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.module-top .top .play-zone .refresh-layout {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 409px;
    background: #000;
}
.module-top .top .play-zone .refresh-layout div {
    margin: 110px auto 30px;
}
.module-top .top .play-zone .refresh-layout p {
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #fff;
}
.module-top .top .play-zone .refresh-layout a {
    display: block;
    margin: 0 auto;
}
.module-top .top .anchor-list {
    float: right;
    width: 579px;
    height: 560px;
}
.module-top .top .anchor-list li {
    margin-bottom: 10px;
    margin-right: 10px;
}
.module-top .anchor-list li {
    float: left;
}

.small .module-top {
    width: 100%;
    min-width: 938px;
}
.small .module-top .module-content {
    width: 100%;
}
.small .module-top .top {
    height: 450px;
    overflow: hidden;
}
.small .module-top .top .play-zone {
    /*width: 460px;*/
    /*height: 450px;*/
}
.small .module-top .top .play-zone object, .small .module-top .top .play-zone embed {
    width: 134%;
    margin-left: -17%;
}
.small .module-top .top .play-zone .enter-layout {
    line-height: 400px;
}
.small .module-top .top .play-zone .enter-layout .enter-room-text {
    top: 255px;
    /*left: 176px;*/
}
.small .module-top .top .play-zone .refresh-layout {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 272px;
    background: #000;
}
.small .module-top .top .anchor-list {
    float: right;
    width: 468px;
    height: 468px;
}

.anchor-item {
    position: relative;
    width: 183px;
    height: 183px;
    overflow: hidden;
}

.anchor-item.anchor-tpl {
    height: 230px;
    margin: 0 10px 10px 0;
}
.anchor-item.anchor-tpl .anchor-nick {
    margin-top: 8px;
    font-size: 12px;
    color: #000;
    font-weight: 900;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.anchor-item.anchor-tpl .anchor-number {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: left;
}
.anchor-item.anchor-tpl .room-url:hover .play-layout .wrap {
    background: url("../img/static/enter_img.png") no-repeat center;
    background-color: rgba(0, 0, 0, 0.5);
}

.small .anchor-item.anchor-tpl {
    height: 180px;
}

.anchor-item.anchor-tpl-name-in .room-url:hover .play-layout .wrap {
    background-color: rgba(0, 0, 0, 0.5);
}

.anchor-item .selected {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 197px;
    height: 197px;
    border: 3px solid #ffe200;
}

.anchor-item a {
    display: block;
    position: relative;
}

.anchor-item .newHall-PKMark {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 2;
}

.anchor-item .img-wrap {
    width: 183px;
    height: 183px;
    overflow: hidden;
}

.anchor-item .img-wrap img {
    width: 100%;
    height: 100%;
}

.anchor-item a .play-layout {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all ease 0.3s;
    overflow: hidden;
    color: #fff;
    font-weight: 900;
}
.anchor-item a .play-layout div {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.anchor-item a .play-layout i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -26px;
    margin-top: -26px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.anchor-item a .play-layout .anchor-nick {
    display: none;
    margin-top: 70px;
    margin-left: 15%;
    width: 70%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.anchor-item a .play-layout .view-number {
    display: none;
    margin-left: 15%;
    width: 70%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    z-index: 2;
}

.anchor-item.big-item a .play-layout .anchor-nick {
    margin-top: 140px;
}

.anchor-item a:hover .play-layout .anchor-nick, .anchor-item a:hover .play-layout .view-number {
    display: block;
}

.anchor-item .anchor-info {
    font-size: 12px;
    line-height: 20px;
}

.anchor-item .hot-anchor-info {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    color: #ffffff;
    font-size: 12px;
    line-height: 28px;
}

.anchor-item .hot-anchor-info span {
    padding-left: 8px;
}

.anchor-item .anchor-info .anchor-nick {
    float: left;
    margin-left: 10px;
    margin-right: 12px;
    color: #505050;
}

.anchor-item .anchor-info .anchor-nick:hover {
    color: #ffe200;
}

.anchor-item .anchor-info .icon {
    vertical-align: text-bottom;
}

.anchor-item .anchor-info .view-num {
    margin-right: 10px;
    float: right;
    color: #c4c4c4;
}

.anchor-item .anchor-info .view-num .icon {
    margin-right: 3px;
    vertical-align: baseline;
    position: relative;
    top: 1px;
}

/*  大图模块  */
.anchor-item.big-item {
    width: 376px;
    height: 376px;
}

.anchor-item.big-item .img-wrap {
    width: 376px;
    height: 376px;
}

.anchor-item.big-item .img-wrap img {
    width: 376px;
    height: 376px;
}

/*  火热推荐模块  */
.anchor-item.hot-item {
    width: 173px;
    height: 173px;
}

.anchor-item.hot-item .hot-anchor-info {
    display: block;
}

/*  头条模块  */
.anchor-item.top-item {
    width: 173px;
    height: 173px;
}

.anchor-item.top-item .img-wrap {
    width: 173px;
    height: 173px;
}

.anchor-item.top-item .hot-anchor-info {
    display: block;
}

.anchor-item.top-item .play-layout {
    display: block;
    opacity: 0.1;
    filter: alpha(opacity=10);
    background: #000;
}
.anchor-item.top-item .play-layout i {
    display: none;
}

.anchor-item.top-item a:hover .play-layout {
    opacity: 0;
    filter: alpha(opacity=0);
}
.anchor-item.top-item a:hover .play-layout i {
    display: none;
}

/*  头条选中  */
.anchor-item.top-item.curr .play-layout {
    opacity: 0;
    filter: alpha(opacity=0);
}
.anchor-item.top-item.curr .play-layout i {
    display: none;
}

.anchor-item.top-item.curr .selected {
    display: block;
    z-index: 2;
}

.anchor-item.top-item .hotAll_icon {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 74px;
    height: 26px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    line-height: 26px;
    padding-left: 10px;
    background: url("../img/static/hotAll_icon.png") no-repeat;
    z-index: 1;
}

.anchor-item.room-rcd {
    width: 13.1%;
    height: 100%;
    margin-right: 1.3%;
}

.anchor-item.room-rcd:nth-child(7),
.anchor-item.room-rcd:nth-child(14) {
    margin-right: 0;
}

.anchor-item.room-rcd .img-wrap {
    width: 100%;
    height: 100%;
}

.rcd-big .anchor-item.room-rcd {
    width: 189px;
    height: 219px;
}
.rcd-big .anchor-item.room-rcd .img-wrap {
    width: 189px;
    height: 189px;
}

.small {
    /*  大图模块  */
    /*  火热推荐模块  */
    /*  头条模块  */
}
.small .anchor-item {
    width: 146px;
    height: 146px;
}
.small .anchor-item .img-wrap {
    width: 146px;
    height: 146px;
}
.small .anchor-item.big-item {
    width: 302px;
    height: 302px;
}
.small .anchor-item.big-item .img-wrap {
    width: 302px;
    height: 302px;
}
.small .anchor-item.big-item .img-wrap img {
    width: 302px;
    height: 302px;
}
.small .anchor-item.hot-item {
    width: 136px;
    height: 136px;
}
.small .anchor-item.top-item {
    width: 136px;
    height: 136px;
}
.small .anchor-item.top-item .img-wrap {
    width: 136px;
    height: 136px;
}
.small .anchor-item a .play-layout .anchor-nick {
    margin-top: 50px;
}
.small .anchor-item.big-item a .play-layout .anchor-nick {
    margin-top: 120px;
}

.newHall-sprite, .newHall-PKMark, .newHall-anchor, .newHall-bear, .newHall-bottomlayout, .newHall-bro, .newHall-c507, .newHall-c5072, .newHall-c507L2, .newHall-c507M, .newHall-clock, .newHall-codeApp, .newHall-codeApp2, .newHall-codeAppL, .newHall-codeAppL2, .newHall-codeAppM, .newHall-codeDlAndr, .newHall-codeWechat, .newHall-enter, .newHall-error, .newHall-error2, .newHall-fire, .newHall-forenotice, .newHall-goddess, .newHall-hotTitle, .newHall-icon_position, .newHall-leftLine, .newHall-logo2, .newHall-logoFooter, .newHall-logoFooter2, .newHall-logoLive, .newHall-next, .newHall-norBtn, .newHall-owner, .newHall-pc, .newHall-play, .newHall-popular, .newHall-pre, .newHall-rank, .newHall-refresh, .newHall-rightLine, .newHall-search, .newHall-search1, .newHall-star, .newHall-subTime, .newHall-timeLeft, .newHall-timeRight, .newHall-viewNum, .newHall-voice {
    background-image: url('https://static.qxiu.com/jubo/img/sprite/newHall-s45984a1e3d.png');
    background-repeat: no-repeat;
}

.newHall-PKMark {
    background-position: -127px 0;
    height: 22px;
    width: 37px;
}

.newHall-anchor {
    background-position: -246px -42px;
    height: 15px;
    width: 14px;
}

.newHall-bear {
    background-position: -164px -493px;
    height: 101px;
    width: 121px;
}

.newHall-bottomlayout {
    background-position: 0 -710px;
    height: 35px;
    width: 224px;
}

.newHall-bro {
    background-position: 0 -72px;
    height: 14px;
    width: 37px;
}

.newHall-c507 {
    background-position: 0 -826px;
    height: 400px;
    width: 400px;
}

.newHall-c5072 {
    background-position: 0 -393px;
    height: 82px;
    width: 82px;
}

.newHall-c507L2 {
    background-position: 0 -594px;
    height: 116px;
    width: 116px;
}

.newHall-c507M {
    background-position: -82px -393px;
    height: 100px;
    width: 100px;
}

.newHall-clock {
    background-position: -208px -42px;
    height: 13px;
    width: 13px;
}

.newHall-codeApp {
    background-position: 0 -493px;
    height: 82px;
    width: 82px;
}

.newHall-codeApp2 {
    background-position: -82px -493px;
    height: 82px;
    width: 82px;
}

.newHall-codeAppL {
    background-position: -116px -594px;
    height: 116px;
    width: 116px;
}

.newHall-codeAppL2 {
    background-position: -224px -710px;
    height: 116px;
    width: 116px;
}

.newHall-codeAppM {
    background-position: -282px -393px;
    height: 100px;
    width: 100px;
}

.newHall-codeDlAndr {
    background-position: -182px -393px;
    height: 100px;
    width: 100px;
}

.newHall-codeWechat {
    background-position: -265px -311px;
    height: 82px;
    width: 82px;
}

.newHall-enter {
    background-position: -185px -311px;
    height: 80px;
    width: 80px;
}

.newHall-error {
    background-position: 0 -208px;
    height: 29px;
    width: 161px;
}

.newHall-error2 {
    background-position: -183px -72px;
    height: 29px;
    width: 180px;
}

.newHall-fire {
    background-position: -164px 0;
    height: 28px;
    width: 24px;
}

.newHall-forenotice {
    background-position: -274px -144px;
    height: 64px;
    width: 106px;
}

.newHall-goddess {
    background-position: -277px 0;
    height: 28px;
    width: 32px;
}

.newHall-hotTitle {
    background-position: 0 -102px;
    height: 26px;
    width: 338px;
}

.newHall-icon_position {
    background-position: -221px -42px;
    height: 13px;
    width: 11px;
}

.newHall-leftLine {
    background-position: 0 -42px;
    height: 1px;
    width: 100px;
}

.newHall-logo2 {
    background-position: 0 0;
    height: 19px;
    width: 87px;
}

.newHall-logoFooter {
    background-position: 0 -243px;
    height: 68px;
    width: 173px;
}

.newHall-logoFooter2 {
    background-position: -173px -243px;
    height: 68px;
    width: 173px;
}

.newHall-logoLive {
    background-position: -80px -144px;
    height: 36px;
    width: 120px;
}

.newHall-next {
    background-position: -360px -102px;
    height: 42px;
    width: 22px;
}
.newHall-next:hover, .newHall-next.next-hover {
    background-position: -338px -102px;
}

.newHall-norBtn {
    background-position: -260px -42px;
    height: 24px;
    width: 60px;
}
.newHall-norBtn:hover, .newHall-norBtn.norBtn-hover {
    background-position: -188px 0;
}

.newHall-owner {
    background-position: -37px -72px;
    height: 15px;
    width: 13px;
}

.newHall-pc {
    background-position: -232px -42px;
    height: 15px;
    width: 14px;
}

.newHall-play {
    background-position: -222px -144px;
    height: 52px;
    width: 52px;
}

.newHall-popular {
    background-position: -331px 0;
    height: 28px;
    width: 29px;
}

.newHall-pre {
    background-position: -200px -144px;
    height: 42px;
    width: 22px;
}
.newHall-pre:hover, .newHall-pre.pre-hover {
    background-position: -360px 0;
}

.newHall-rank {
    background-position: -248px 0;
    height: 25px;
    width: 29px;
}

.newHall-refresh {
    background-position: -320px -42px;
    height: 30px;
    width: 80px;
}
.newHall-refresh:hover, .newHall-refresh.refresh-hover {
    background-position: 0 -144px;
}

.newHall-rightLine {
    background-position: -100px -42px;
    height: 1px;
    width: 100px;
}

.newHall-search {
    background-position: 0 -311px;
    height: 35px;
    width: 185px;
}

.newHall-search1 {
    background-position: -161px -208px;
    height: 35px;
    width: 185px;
}

.newHall-star {
    background-position: -363px -72px;
    height: 30px;
    width: 32px;
}

.newHall-subTime {
    background-position: -50px -72px;
    height: 19px;
    width: 133px;
}

.newHall-timeLeft {
    background-position: -87px 0;
    height: 19px;
    width: 30px;
}

.newHall-timeRight {
    background-position: -117px 0;
    height: 19px;
    width: 10px;
}

.newHall-viewNum {
    background-position: -200px -42px;
    height: 11px;
    width: 8px;
}

.newHall-voice {
    background-position: -309px 0;
    height: 30px;
    width: 22px;
}

.icon {
    display: inline-block;
    vertical-align: middle;
}