.tt-tantan .tt-msg-reply,
.tt-tantan.tt-unlogin .tt-msg-delete,
.tt-tantan.tt-unlogin .tt-msg-reply {
    opacity: 0;
    visibility: hidden
}

.tt-tantan {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: 1.5;
    background-color: #fff
}

.tt-tantan div,
.tt-tantan form,
.tt-tantan input,
.tt-tantan textarea {
    box-sizing: border-box
}

.tt-clearfix:after,
.tt-clearfix:before {
    display: table;
    content: " "
}

.tt-clearfix:after {
    clear: both
}

.tt-tantan .tt-top-tip {
    position: absolute;
    display: none;
    top: 62px;
    left: 0;
    right: 0;
    height: 90px;
    z-index: 9;
    background-color: #333;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E6D14C49, endcolorstr=#E6D14C49);
    transition: all 250ms ease-in
}

.tt-tantan .tt-tip {
    position: absolute;
    left: 0;
    right: 0;
    height: 35px;
    z-index: 9;
    background-color: rgba(209, 76, 73, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E6D14C49, endcolorstr=#E6D14C49);
    transition: all 250ms ease-in
}

.tt-tantan .tt-top-tip,
.tt-tantan .tt-top-tip>a {
    padding: 10px;
    font-size: 13px;
    line-height: 35px;
    color: #e2a218;
    text-align: left;
    text-decoration: none
}

.tt-tantan .tt-tip,
.tt-tantan .tt-tip>a {
    font-size: 13px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.tt-tantan .tt-tip i {
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 7px;
    background: url(../image/t017652bf2e81613fee.png) no-repeat
}

.tt-tantan .tt-msg-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-top-width: 0
}

.tt-tantan .tt-msg-more {
    padding: 5px 10px;
    text-align: center
}

.tt-tantan .tt-msg-loading {
    display: none
}

.tt-tantan .tt-msg-loading>i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    background: url(../image/t0159a6de5cbef64eea.gif) no-repeat
}

.tt-tantan .tt-msg-loading>span {
    display: inline-block;
    margin-left: 10px
}

.tt-tantan.tt-loading .tt-msg-loading {
    display: block
}

.tt-tantan.tt-loading .tt-msg-load-desc {
    display: none
}

.tt-tantan .tt-msg-load-desc>a {
    text-decoration: underline
}

.tt-tantan.tt-last-page .tt-msg-load-desc>a,
.tt-tantan.tt-last-page .tt-msg-load-desc>a:hover {
    text-decoration: none;
    cursor: text;
    color: #7d7d7d
}

.tt-tantan .tt-msg-body,
.tt-tantan .tt-msg-left {
    display: table-cell;
    vertical-align: top
}

.tt-tantan .tt-msg-portrait img,
.tt-tantan .tt-msg-portrait>a {
    display: block;
    width: 46px;
    height: 46px
}

.tt-tantan .tt-msg-portrait {
    position: relative;
    margin-top: 2px
}

.tt-tantan .tt-msg-portrait>a {
    display: block;
    overflow: hidden;
    cursor: default
}

.tt-tantan .tt-msg-portrait img {
    display: block
}

.tt-tantan .tt-msg-no-portrait>a {
    background: url(../image/t0167f92128ee03ccc5.png) center no-repeat;
    background-size: 100% 100%
}

.tt-tantan .tt-msg-no-portrait img {
    display: none
}

.tt-tantan .tt-msg-nickname {
    font-size: 12px;
    color: #999;
    text-decoration: none
}

.tt-tantan .tt-msg-nickname:hover {
    color: #fc4e53
}

.tt-tantan .tt-msg-tag-owner {
    display: none;
    padding: 2px 3px;
    font-size: 11px;
    color: #fff;
    background-color: #0091ff;
    border-radius: 2px;
    vertical-align: 1px
}

.tt-tantan .tt-msg-time {
    font-size: 12px;
    color: #7d7d7d
}

.tt-tantan .tt-msg-content-wrap {
    position: relative;
    padding-right: 40px
}

.tt-tantan .tt-msg-content,
.tt-tantan .tt-msg-reply {
    display: table-cell
}

.tt-tantan .tt-msg-content {
    position: relative;
    margin-right: 6px;
    border: 1px solid #c7c7c7;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.tt-tantan .tt-msg-content:after {
    display: block;
    content: " ";
    position: absolute;
    background: url(../image/t01b85e886798e743b4.png) center right no-repeat
}

.tt-tantan .tt-msg-content>b {
    font-weight: 400;
    color: #0091ff
}

.tt-tantan .tt-msg-reply {
    position: relative;
    top: 9px;
    width: 35px;
    padding-left: 5px;
    font-size: 13px;
    color: #5a5a5a;
    text-decoration: underline;
    vertical-align: top
}

.tt-tantan .tt-msg-delete {
    margin-left: 5px;
    font-size: 13px;
    color: #d14c49;
    text-decoration: underline
}

.tt-tantan .tt-msg-reply-me .tt-msg-content {
    border-color: #85bbe6;
    background-color: #aedcff
}

.tt-tantan .tt-msg-reply-me .tt-msg-content:after {
    background-image: url(https://s.ssl.qhres2.com/static/img/icon-arrow-left-blue.png)
}

.tt-tantan .tt-msg-self .tt-msg-body {
    padding-left: 0;
    width: 10000px
}

.tt-tantan .tt-msg-self .tt-msg-heading {
    text-align: right
}

.tt-tantan .tt-msg-self .tt-msg-time {
    margin-left: 0
}

.tt-tantan .tt-msg-self .tt-msg-content-wrap {
    float: right;
    padding-left: 40px;
    padding-right: 0
}

.tt-tantan .tt-msg-self .tt-msg-content {
    margin-left: 6px;
    margin-right: 0
}

.tt-tantan .tt-msg-self .tt-msg-content:after {
    left: auto
}

.tt-tantan .tt-msg-owner .tt-msg-nickname {
    color: #ff426c
}

.tt-tantan .tt-msg-owner .tt-msg-tag-owner {
    display: inline
}

.tt-tantan .tt-msg-split-time {
    padding: 7px 0 5px;
    font-size: 12px;
    color: #7d7d7d;
    text-align: center
}

.tt-tantan .tt-send-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.tt-tantan .tt-type-form {
    position: absolute;
    z-index: 10;
    height: 100%;
    left: 0;
    right: 0
}

.tt-tantan .tt-type-msg-wrap,
.tt-tantan .tt-type-submit {
    position: absolute;
    height: 49px
}

.tt-tantan .tt-type-msg-wrap {
    position: absolute;
    bottom: 15px;
    overflow: hidden
}

.tt-tantan .tt-type-msg {
    padding: 0 50px 0 12px;
    width: 100%;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #4d4c4d;
    outline: 0
}

.tt-tantan .tt-type-msg:focus {
    border-color: #d14c49
}

.tt-tantan .tt-type-msg,
.tt-tantan.tt-unlogin .tt-type-msg-wrap {
    border: 1px solid #c7c7c7;
    border-right-width: 0;
    background-color: #fff
}

.tt-tantan .tt-type-submit {
    position: absolute;
    bottom: 15px;
    z-index: 9;
    padding: 0;
    width: 45px;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    border: 1px solid #d14c49;
    border-left-width: 0;
    background-color: #d14c49;
    outline: 0;
    cursor: pointer
}

.tt-tantan .tt-type-submit:hover {
    border-color: #de4c49;
    background-color: #de4c49
}

.tt-tantan .tt-sending .tt-type-submit,
.tt-tantan .tt-type-submit:active {
    border-color: #c64c49;
    background-color: #c64c49
}

.tt-tantan .tt-type-msg-length {
    position: absolute;
    bottom: 29px;
    z-index: 9;
    font-size: 14px;
    color: #888
}

.tt-tantan .tt-type-toolbar,
.tt-tantan .tt-unlogin-tip {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.tt-tantan .tt-type-msg-length-err {
    color: #e83131
}

.tt-tantan .tt-type-toolbar {
    z-index: 8;
    padding: 5px 10px;
    height: 45px;
    border-top: 1px solid #b7b6b6
}

.tt-tantan .tt-unlogin-tip {
    top: 0;
    z-index: 10;
    padding: 22px 34px 0;
    font-size: 18px;
    color: #999
}

.tt-tantan .tt-unlogin-tip>a {
    color: #ff426c
}

.tt-tantan.tt-unlogin .tt-unlogin-tip {
    display: block
}

.tt-tantan.tt-unlogin .tt-type-msg,
.tt-tantan.tt-unlogin .tt-type-msg-length {
    display: none
}

.tt-tantan .tt-send-box>.tt-tip {
    top: 0;
    bottom: auto
}

.tt-tantan .tt-send-box.tt-show-tip>.tt-tip {
    top: -35px
}

.tt-tantan .tt-toolbar-item {
    display: block;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 0;
    height: 25px;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0
}

.tt-tantan .tt-toolbar-btn {
    overflow: hidden;
    width: 29px;
    border-width: 0;
    background-size: 24px 24px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer
}

.tt-tantan .tt-toolbar-btn:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.tt-tantan .tt-toolbar-btn:active {
    background-color: rgba(255, 255, 255, 0.3)
}

.tt-tantan .tt-toolbar-text {
    font-size: 12px;
    line-height: 30px;
    color: #000
}

.tt-tantan .tt-toolbar-btn-image-upload {
    text-indent: 0
}

.tt-tantan .tt-toolbar-btn-image-upload .webuploader-container {
    position: relative
}

.tt-tantan .tt-toolbar-btn-image-upload .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.tt-tantan .tt-toolbar-btn-image-upload .webuploader-pick {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(https://s.ssl.qhres2.com/static/img/icon-image-upload.png) no-repeat;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer
}

.tt-tantan .tt-toolbar-btn-image-upload .webuploader-pick-hover {
    background-image: url(https://s.ssl.qhres2.com/static/img/icon-image-upload-hover.png)
}

.tt-tantan .tt-toolbar-btn-image-upload .webuploader-pick-disable {
    opacity: .6;
    pointer-events: none
}

.tt-tantan .tt-toolbar-btn-image-upload:after,
.tt-tantan .tt-toolbar-btn-image-upload:before {
    position: absolute;
    bottom: 100%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform .2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    pointer-events: none
}

.tt-tantan .tt-toolbar-btn-image-upload:before {
    content: "";
    z-index: 1000;
    margin-bottom: -12px;
    background: 0;
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 20, 0.93);
    -webkit-transform: translate3d(8px, 12px, 0);
    transform: translate3d(8px, 12px, 0)
}

.tt-tantan .tt-toolbar-btn-image-upload:after {
    z-index: 1000;
    padding: 3px 8px;
    background-color: rgba(0, 0, 20, 0.93);
    color: #fff;
    content: attr(data-tooltip);
    font-size: .93em;
    line-height: 1.85em;
    border-radius: 3px;
    -webkit-transform: translate3d(-26px, 12px, 0);
    transform: translate3d(-26px, 12px, 0)
}

.tt-tantan .tt-toolbar-btn-image-upload:focus:after,
.tt-tantan .tt-toolbar-btn-image-upload:focus:before,
.tt-tantan .tt-toolbar-btn-image-upload:hover:after,
.tt-tantan .tt-toolbar-btn-image-upload:hover:before {
    visibility: visible;
    opacity: 1
}

.tt-tantan .tt-toolbar-btn-image-upload:focus:before,
.tt-tantan .tt-toolbar-btn-image-upload:hover:before {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0)
}

.tt-tantan .tt-toolbar-btn-image-upload:focus:after,
.tt-tantan .tt-toolbar-btn-image-upload:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(-26px, 0, 0);
    transform: translate3d(-26px, 0, 0)
}

.tt-tantan .tt-msg-image .tt-msg-content {
    padding: 0
}

.tt-tantan .tt-msg-image .tt-msg-content>div {
    position: relative;
    z-index: 9;
    overflow: hidden;
    border-radius: 9px
}

.tt-tantan .tt-msg-image .tt-msg-content>div>img {
    position: relative;
    display: block
}

.tt-tantan .tt-msg-alert {
    display: inline-block;
    text-align: left;
    word-break: break-all
}

.tt-tantan .tt-msg-alert>span {
    margin: 0 5px;
    color: #d14c49
}

.tt-tantan .tt-msg-alert>span:first-child {
    margin-left: 0
}

.tt-tantan .tt-msg-alert>span:last-child {
    margin-right: 0
}

.tt-welcome-tip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    background-color: #ff426c;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E6D14C49, endcolorstr=#E6D14C49)
}

.tt-tantan .tt-msg-item {
    overflow: hidden;
    padding: 8px 14px;
    font-size: 14px
}

.tt-tantan .tt-msg-box {
    padding: 5px 0 8px
}

.tt-tantan .tt-msg-left {
    width: 50px;
    height: 56px
}

.tt-tantan .tt-msg-portrait>a {
    border: 2px solid #c6c6c6;
    border-radius: 25px
}

.tt-tantan .tt-msg-time {
    margin-left: 15px
}

.tt-tantan .tt-msg-self .tt-msg-time {
    margin-right: 15px
}

.tt-tantan .tt-msg-body {
    padding-left: 19px
}

.tt-tantan .tt-msg-self .tt-msg-body {
    padding-right: 19px
}

.tt-tantan .tt-msg-content-wrap {
    margin-top: 5px
}

.tt-tantan .tt-msg-screenshot img {
    max-width: 120px
}

.tt-tantan .tt-msg-content {
    padding: 2px 11px;
    border-color: #e95d41;
    border-radius: 0;
    background-color: #d14c49;
    font-size: 14px;
    color: #fff;
    background-image: none
}

.tt-tantan .tt-msg-self .tt-msg-content {
    border-color: #fa9e00;
    background-color: #fa9e00
}

.tt-tantan .tt-msg-content:after {
    top: 6px;
    left: -11px;
    width: 11px;
    height: 10px;
    background-image: url(../image/t01f4c2a96485cad69b.png)
}

.tt-tantan .tt-msg-self .tt-msg-content:after {
    right: -11px;
    background-image: url(../image/t019159df5fcce2135d.png)
}

.tt-tantan .tt-msg-joinchat {
    padding: 3px 14px
}

.tt-tantan .tt-msg-alert {
    padding: 0 4px;
    color: #9c9c9c
}

.tt-tantan .tt-msg-color-red .tt-msg-alert>span {
    color: red
}

.tt-tantan .tt-msg-color-blue .tt-msg-alert>span {
    color: #001eff
}

.tt-tantan .tt-msg-color-skyblue .tt-msg-alert>span {
    color: #009ccf
}

.tt-tantan .tt-msg-color-purple .tt-msg-alert>span {
    color: #c0f
}

.tt-tantan .tt-msg-color-green .tt-msg-alert>span {
    color: #00b7b9
}

.tt-tantan .tt-msg-color-orange .tt-msg-alert>span {
    color: #d18a00
}

.tt-tantan .tt-msg-box,
.tt-tantan.tt-show-tip>.tt-tip {
    bottom: 79px
}

.tt-tantan .tt-tip {
    bottom: 44px
}

.tt-tantan .tt-send-box {
    height: 79px
}

.tt-tantan .tt-type-form {
    background-color: #edeeee
}

.tt-tantan .tt-type-msg-wrap {
    left: 14px;
    right: 114px
}

.tt-tantan .tt-type-submit {
    right: 14px
}

.tt-tantan .tt-type-msg-length {
    right: 128px
}

.tt-tantan.tt-unlogin .tt-unlogin-tip {
    padding-top: 27px;
    font-size: 16px
}

.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-y-rail {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    position: absolute
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #aaa;
    border-radius: 4px;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    border-radius: 4px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    border-radius: 4px;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.level {
    color: #fff;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    padding-left: 12px
}

.level-class-17 {
    background: url(../image/sprite.png) 0 0 no-repeat
}

.fieldcontrol_icon {
    background: url(../image/sprite.png) -32px 0 no-repeat
}

.level-class-2 {
    background: url(../image/sprite.png) -64px 0 no-repeat
}

.level-class-3 {
    background: url(../image/sprite.png) -96px 0 no-repeat
}

.level-class-4 {
    background: url(../image/sprite.png) -128px 0 no-repeat
}

.level-class-5 {
    background: url(../image/sprite.png) -160px 0 no-repeat
}

.level-class-6 {
    background: url(../image/sprite.png) -192px 0 no-repeat
}

.level-class-7 {
    background: url(../image/sprite.png) -224px 0 no-repeat
}

.level-class-8 {
    background: url(../image/sprite.png) -256px 0 no-repeat
}

.level-class-9 {
    background: url(../image/sprite.png) -288px 0 no-repeat
}

.level-class-10 {
    background: url(../image/sprite.png) -320px 0 no-repeat
}

.level-class-11 {
    background: url(../image/sprite.png) -352px 0 no-repeat
}

.level-class-12 {
    background: url(../image/sprite.png) -384px 0 no-repeat
}

.level-class-13 {
    background: url(../image/sprite.png) -416px 0 no-repeat
}

.level-class-14 {
    background: url(../image/sprite.png) -448px 0 no-repeat
}

.level-class-15 {
    background: url(../image/sprite.png) -480px 0 no-repeat
}

.level-class-16 {
    background: url(../image/sprite.png) -512px 0 no-repeat
}

.level-class-1 {
    background: url(../image/sprite.png) -544px 0 no-repeat
}

.level-class-18 {
    background: url(../image/sprite.png) 0 -16px no-repeat
}

.level-class-19 {
    background: url(../image/sprite.png) -32px -16px no-repeat
}

.level-class-20 {
    background: url(../image/sprite.png) -64px -16px no-repeat
}

.level-class-21 {
    background: url(../image/sprite.png) -96px -16px no-repeat
}

.level-class-22 {
    background: url(../image/sprite.png) -128px -16px no-repeat
}

.level-class-23 {
    background: url(../image/sprite.png) -160px -16px no-repeat
}

.level-host-1 {
    background: url(../image/sprite.png) -192px -16px no-repeat
}

.level-host-2 {
    background: url(../image/sprite.png) -224px -16px no-repeat
}

.level-host-3 {
    background: url(../image/sprite.png) -256px -16px no-repeat
}

.level-host-4 {
    background: url(../image/sprite.png) -288px -16px no-repeat
}

.level-host-5 {
    background: url(../image/sprite.png) -320px -16px no-repeat
}

.level-host-6 {
    background: url(../image/sprite.png) -352px -16px no-repeat
}

.level-host-7 {
    background: url(../image/sprite.png) -384px -16px no-repeat
}

.level-host-8 {
    background: url(../image/sprite.png) -416px -16px no-repeat
}

.level-host-9 {
    background: url(../image/sprite.png) -448px -16px no-repeat
}

.level-host-10 {
    background: url(../image/sprite.png) -480px -16px no-repeat
}

.level-class-official {
    background: url(../image/sprite.png) -512px -16px no-repeat
}

.tt-msg-item-h5 {
    line-height: 18px;
    padding: 5px 20px;
    font-size: 12px
}

.tt-msg-left-h5 {
    float: left;
    margin-right: 10px;
    padding-top: 2px;
    height: 18px
}

.tt-msg-heading-h5 {
    float: left;
    height: 18px;
    margin-right: 10px;
    font-size: 14px
}

.tt-msg-heading-h5 a {
    cursor: pointer;
    color: #999
}

.tt-msg-body-h5 {
    overflow: hidden
}

.tt-msg-content-h5-chat {
    word-wrap: break-word;
    word-break: break-all;
    color: #333
}

.tt-msg-content-h5-gift {
    color: #ff426c
}

.tt-msg-screenshot-h5 {
    padding-top: 10px;
    clear: both
}

.tt-msg-screenshot-h5 img {
    width: 104px
}

.icon-cate {
    background-image: url(../image/sprite-cate.png)
}

.icon-feed {
    background-image: url(../image/sprite-feed.png)
}

.icon-global {
    background-image: url(../image/t01876579f741ec8b00.png)
}

.icon-pics {
    background-image: url(../image/sprite-pics.png)
}

.icon-top {
    background-image: url(../image/sprite-top.png)
}

.icon-up {
    background-image: url(../image/sprite-up.png)
}

.nlevel_1_100x42 {
    background: url(../image/sprite1.png) 0 0 no-repeat
}

.nlevel_official_100x42 {
    background: url(../image/sprite1.png) -100px 0 no-repeat
}

.nlevel_3_100x42 {
    background: url(../image/sprite1.png) -200px 0 no-repeat
}

.nlevel_4_100x42 {
    background: url(../image/sprite1.png) -300px 0 no-repeat
}

.nlevel_5_100x42 {
    background: url(../image/sprite1.png) -400px 0 no-repeat
}

.nlevel_6_100x42 {
    background: url(../image/sprite1.png) -500px 0 no-repeat
}

.nlevel_7_100x42 {
    background: url(../image/sprite1.png) 0 -42px no-repeat
}

.nlevel_8_100x42 {
    background: url(../image/sprite1.png) -100px -42px no-repeat
}

.nlevel_9_100x42 {
    background: url(../image/sprite1.png) -200px -42px no-repeat
}

.nlevel_10_100x42 {
    background: url(../image/sprite1.png) -300px -42px no-repeat
}

.nlevel_11_100x42 {
    background: url(../image/sprite1.png) -400px -42px no-repeat
}

.nlevel_12_100x42 {
    background: url(../image/sprite1.png) -500px -42px no-repeat
}

.feed-list .list {
    margin: -10px -8px 10px -7px;
    font-size: 0
}

.feed-list .feed {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px 8px 10px 7px;
    width: 172px;
    height: 340px;
    font-size: 12px
}

.feed-list .feed:before {
    position: absolute;
    display: block;
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    right: 0;
    top: 0;
    z-index: 3
}

.ie .comment:before {
    content: '';
    width: 0;
    height: 48px;
    margin-left: -4px;
    display: inline-block;
    vertical-align: middle
}

.feed-list .feed .hj-emoji {
    vertical-align: text-bottom;
    width: 14px
}

.feed-list .feed .link {
    display: block;
    text-decoration: none;
    height: 100%
}

.feed-list .feed .screenshot {
    width: 100%;
    height: 245px;
    display: block
}

.feed-list .feed .user {
    position: relative;
    height: 35px;
    width: 100%;
    z-index: 2;
    margin-top: -10px;
    line-height: 40px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    color: #313131
}

.feed-list .feed .title {
    margin: 7px 5px auto;
    line-height: 20px;
    text-align: center;
    font-size: 13px
}

.feed-list .feed .comment {
    height: 36px;
    position: relative;
    border: 1px solid #e5e5e5;
    background: #eee;
    color: #313131;
    line-height: 18px;
    padding: 7px 5px;
    margin-top: 13px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.oldie .feed-list .feed {
    display: inline
}

.feed-list .feed .before {
    display: none
}

.ie .comment .comment-inner {
    display: inline-block
}

.feed-list .feed .comment em {
    font-style: normal;
    color: #ff9624
}

.feed-list .feed .comment:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 16px;
    width: 17px;
    height: 11px;
    background: url(../image/t015853562593159672.png)
}

.feed-list .feed.live:before {
    background: url("../image/t01a7f7915724641500.png") no-repeat center;
    content: '\76f4\64ad';
    width: 45px
}

.feed-list .feed.review:before {
    background: url("../image/t01dcdc97477f20fe9b.png") no-repeat center;
    content: '\56de\653e';
    width: 45px
}

.feed-list .feed .link:hover {
    margin: -1px;
    border: 1px solid #fc4e53;
    box-shadow: 0 -1px 12px 4px rgba(0, 0, 0, 0.2);
    color: inherit
}

.feed-list .feed .user .avatar {
    width: 38px;
    height: 38px;
    margin: -5px 3px 0 5px;
    border: 1px solid #eee;
    display: inline-block;
    vertical-align: top;
    border-radius: 100%
}

.feed-list .feed .user .username {
    color: #fc4e53;
    margin: 0 3px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis
}

.feed-list .feed .comment .comment-inner {
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.oldie .feed-list .feed .comment {
    margin-top: 10px
}

.ie .feed-list .feed .before {
    position: absolute;
    display: block;
    width: 50px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    right: 0;
    top: 0;
    z-index: 3
}

.feed-list .feed .link:hover:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 245px;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../image/t017b0cda9ae38f60da.png) center 55% no-repeat;
    background-color: rgba(0, 0, 0, 0.2)
}

.feed-list .feed .user .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.feed-list .feed.live .user:after {
    content: '\7684\76f4\64ad'
}

.feed-list .feed.live .user .username {
    max-width: 70px
}

.feed-list .feed.review .user .username {
    max-width: 110px
}

.ie .feed-list .feed.live .before {
    background: url("../image/t01a7f7915724641500.png") no-repeat center;
    content: '\76f4\64ad';
    width: 45px
}

.ie .feed-list .feed.review .before {
    background: url("../image/t01dcdc97477f20fe9b.png") no-repeat center;
    content: '\56de\653e';
    width: 45px
}

.ie .feed-list .feed.special .before {
    background: url("../image/t019fe8d350a0b06d90.png") no-repeat center;
    width: 100px;
    height: 40px;
    content: ''
}

.feed-list .feed .user .avatar.avatar-v:after {
    right: 0
}

.nlevel_13_100x42 {
    background: url(../image/sprite1.png) 0 -84px no-repeat
}

.nlevel_14_100x42 {
    background: url(../image/sprite1.png) -100px -84px no-repeat
}

.nlevel_15_100x42 {
    background: url(../image/sprite1.png) -200px -84px no-repeat
}

.nlevel_host_10_100x42 {
    background: url(../image/sprite1.png) -300px -84px no-repeat
}

.nlevel_host_9_100x42 {
    background: url(../image/sprite1.png) -400px -84px no-repeat
}

.nlevel_2_100x42 {
    background: url(../image/sprite1.png) -500px -84px no-repeat
}

.nlevel_host_8_100x42 {
    background: url(../image/sprite1.png) 0 -126px no-repeat
}

.nlevel_host_7_100x42 {
    background: url(../image/sprite1.png) -100px -126px no-repeat
}

.nlevel_host_6_100x42 {
    background: url(../image/sprite1.png) -200px -126px no-repeat
}

.nlevel_host_5_100x42 {
    background: url(../image/sprite1.png) -300px -126px no-repeat
}

.nlevel_host_4_100x42 {
    background: url(../image/sprite1.png) -400px -126px no-repeat
}

.nlevel_host_1_100x42 {
    background: url(../image/sprite1.png) -500px -126px no-repeat
}

.nlevel_host_2_100x42 {
    background: url(../image/sprite1.png) 0 -168px no-repeat
}

.nlevel_host_3_100x42 {
    background: url(../image/sprite1.png) -100px -168px no-repeat
}

.nlevel_23_100x42 {
    background: url(../image/sprite1.png) -200px -168px no-repeat
}

.nlevel_22_100x42 {
    background: url(../image/sprite1.png) -300px -168px no-repeat
}

.nlevel_21_100x42 {
    background: url(../image/sprite1.png) -400px -168px no-repeat
}

.nlevel_20_100x42 {
    background: url(../image/sprite1.png) -500px -168px no-repeat
}

.nlevel_19_100x42 {
    background: url(../image/sprite1.png) 0 -210px no-repeat
}

.nlevel_17_100x42 {
    background: url(../image/sprite1.png) -100px -210px no-repeat
}

.nlevel_16_100x42 {
    background: url(../image/sprite1.png) -200px -210px no-repeat
}

.nlevel_18_100x42 {
    background: url(../image/sprite1.png) -300px -210px no-repeat
}

.author-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 260px;
    display: none
}

.author-box {
    position: absolute;
    left: 50%;
    top: 20px;
    width: 241px;
    height: 58px;
    margin-left: -120px
}

.author-info-box {
    position: relative;
    left: 10px;
    top: 10px;
    z-index: 2;
    width: 220px;
    color: #fff
}

.author-info .report-btn {
    padding-left: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    background: url(../image/t0128deaf61cb2c11f0.png) 5px 0 no-repeat;
    background-size: 15px 15px;
    top: 4px;
    left: 14px
}

.author-box .mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    filter: Alpha(opacity=20);
    border-radius: 20px
}

.author-box .fold-item {
    display: none
}

.author-box .switch {
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 60px;
    height: 28px;
    margin-left: -20px;
    background: url(../image/t01a3ccc3ba5291082c.png) no-repeat 2px -1px transparent
}

.author-box.opened {
    height: 240px
}

.author-info-box .baseinfo {
    position: relative;
    color: #fff;
    font-size: 14px
}

.author-info-box .user-tags {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid #c1c1b9;
    text-align: left
}

.author-box .switch:hover {
    background-position: 2px -34px
}

.author-box .switch:active {
    background-position: 2px -66px
}

.author-box.opened .switch {
    background: url(../image/t01a3ccc3ba5291082c.png) no-repeat -66px -1px transparent
}

.author-box.opened .fold-item {
    display: block
}

.author-info-box .baseinfo .avatar-cont {
    position: absolute;
    left: 0
}

.author-info-box .baseinfo .user-cont {
    margin: 0 63px 0 60px
}

.author-info-box .baseinfo .follow {
    position: absolute;
    right: 0;
    top: 0
}

.author-info-box .user-tags a.tag {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    max-width: 55px;
    padding: 0 5px;
    margin-right: 4px;
    line-height: 22px;
    cursor: default;
    color: #fff;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #fff;
    border-radius: 4px
}

.author-box.opened .switch:hover {
    background-position: -66px -33px
}

.author-box.opened .switch:active {
    background-position: -66px -66px
}

.author-info-box .baseinfo .avatar-cont .avatar {
    display: block;
    width: 40px;
    height: 40px
}

.author-info-box .baseinfo .user-cont .watches {
    font-size: 12px
}

.author-info-box .baseinfo .avatar-cont .avatar img {
    opacity: .8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.author-info-box .baseinfo .user-cont .username a {
    color: #fff;
    text-decoration: none
}

.author-info-box .baseinfo .user-cont .username h3 {
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.author-info-box .user-tags a.tag.tag-last {
    margin-right: 0
}

.author-info-box .baseinfo .avatar-cont .avatar:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.author-info-box .baseinfo .user-cont .username a:hover {
    color: #FF5086
}

.follow {
    display: inline-block;
    margin-top: 6px;
    position: relative
}

.player-box {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px
}

.pc-download,
.pc-download-pause {
    position: absolute;
    z-index: 102;
    background-color: #fff
}

.pc-download {
    right: 20px;
    bottom: 50px;
    width: 260px;
    height: 80px
}

.pc-download-pause {
    left: 50%;
    top: 50%;
    width: 310px;
    height: 230px;
    margin-left: -155px;
    margin-top: -115px;
    text-align: center
}

.pc-download a,
.pc-download-pause a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.pc-download-pause h3 {
    color: #333;
    font-size: 18px;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 20px
}

.author-info-box .statics-base {
    margin-top: 12px
}

.author-info-box .statics-currency {
    margin-top: 8px;
    font-size: 12px
}

.author-info-box .statics-level {
    margin-top: 12px
}

.follow .btn-follow {
    display: block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #fa3a70;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: #fa3a70;
    border-radius: 3px
}

.follow .tip {
    display: none;
    position: absolute;
    left: 85px;
    bottom: -5px;
    width: 250px;
    height: 40px;
    line-height: 40px;
    background: #ffe56e;
    border-radius: 3px;
    color: #963;
    font-size: 14px;
    text-align: center
}

.feed-vertical .player-topleft {
    display: block
}

.feed-vertical .author-box {
    height: 240px
}

.feed-horizonal .player-topleft {
    display: none
}

.player-box .player-wrap {
    position: relative;
    min-width: 790px;
    min-height: 550px;
    padding-right: 390px
}

.player-box .player-gift {
    position: relative;
    width: 100%;
    height: 100px;
    margin-top: 5px;
    background: #fff
}

.pc-download .img {
    float: left;
    margin: 20px 20px 0 20px;
    width: 50px;
    height: 40px;
    background: url(../image/t013d959066eadb08dd.png) -21px -15px no-repeat transparent
}

.pc-download .text {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    width: 145px;
    line-height: 20px;
    color: #333
}

.pc-download .pc-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #999;
    background-color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-size: 14px
}

.pc-download-pause .spec-item {
    float: left;
    display: block;
    margin-left: 50px;
    color: #666;
    text-align: center
}

.pc-download-pause .icon {
    display: block;
    width: 34px;
    height: 34px;
    background: url(../image/t013d959066eadb08dd.png) 0 0 no-repeat transparent
}

.author-info-box .statics-currency span,
.author-info-box .statics-currency i {
    display: inline-block;
    vertical-align: middle
}

.follow .btn-follow img {
    vertical-align: -1px
}

.follow .tip i {
    position: absolute;
    left: -8px;
    top: 13px;
    width: 0;
    height: 0;
    border-right: 8px solid #ffe56e;
    border-top: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid rgba(0, 0, 0, 0)
}

.pc-download a:hover {
    text-decoration: none
}

.pc-download .text span {
    float: right;
    font-size: 12px;
    color: #ff2d86
}

.pc-download-pause a:hover {
    text-decoration: none
}

.author-info-box .statics-base .statics-item {
    float: left;
    width: 25%;
    text-align: center
}

.author-info-box .statics-currency .icon-currency {
    width: 22px;
    height: 22px;
    background: url(../image/t0183303fc2361f6d3e.png) center 2px no-repeat
}

.author-info-box .statics-level .btn-level {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 42px
}

.author-info-box .statics-level .user-level {
    margin-right: 12px
}

.follow .btn-follow:hover {
    text-decoration: none;
    background-color: #FF5086
}

.follow .btn-follow.followed {
    color: #FF466E;
    background-color: #fff
}

.follow .tip .btn-close {
    font-family: arial;
    font-style: normal;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    font-size: 16px;
    text-decoration: none
}

.follow .tip .btn-view {
    font-size: 12px;
    padding: 2px 9px 3px;
    color: #ffe56e;
    background-color: #a27339;
    border-radius: 5px;
    text-decoration: none
}

.feed-vertical .author-box .mask {
    display: none
}

.feed-vertical .author-box .fold-item {
    display: block
}

.feed-vertical .author-box .switch {
    display: none
}

.pc-download .pc-close:hover {
    color: #ff2d86;
    text-decoration: none
}

.pc-download-pause .icon.icon-hd {
    background-position: -29px -78px
}

.pc-download-pause .icon.icon-kd {
    background-position: -86px -78px
}

.author-info-box .statics-level .btn-level em {
    position: absolute;
    left: 48px;
    top: 20px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    color: #fff;
    font-weight: 700
}

.author-info-box .statics-base .statics-item .text,
.author-info-box .statics-base .statics-item .number {
    display: block
}

.author-info-box .statics-base .statics-item .text {
    font-size: 12px
}

.follow .tip .btn-close:hover {
    color: #fa3d70
}

.follow .tip .btn-close:active {
    color: #db2657
}

.follow .tip .btn-view:link,
.follow .tip .btn-view:visited {
    background-color: #a27339
}

.follow .tip .btn-view:hover {
    background-color: #c08f39
}

.follow .tip .btn-view:active {
    background-color: #946020
}

.player-main {
    position: relative;
    min-width: 790px;
    min-height: 445px;
    overflow: hidden
}

.player-topleft {
    position: absolute;
    right: 20px;
    top: 20px
}

.flash-banner {
    position: absolute;
    top: 60px;
    right: 52px
}

.topuserinfo {
    position: relative;
    z-index: 11;
    height: 130px;
    margin-right: 390px;
    margin-bottom: 10px;
    display: none;
    background-color: #fff
}

.flash-banner img {
    width: 65px;
    height: 70px
}

.pc-download-pause .go-look {
    display: inline-block;
    margin-top: 30px;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    background-color: #fa3a70
}

.pc-download-pause .pc-close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 26px;
    text-align: center
}

.player-main .player-title {
    position: absolute;
    bottom: 0;
    left: 0
}

.player-main .flashwarring {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -32px;
    text-align: center;
    color: #ccc;
    font-size: 16px;
    line-height: 2
}

.player-main .qrcode {
    display: none;
    position: absolute;
    bottom: 55px;
    left: 20px;
    z-index: 5;
    width: 130px
}

.player-main .qrcode-360video {
    width: 120px
}

.player-main .qrcode-living {
    width: 80px
}

.player-main .top-info {
    position: absolute;
    left: 0;
    height: 22px;
    min-width: 60px;
    background: #FFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 20px;
    display: none
}

.player-main .currency {
    top: 15px;
    margin-bottom: 5px
}

.player-main .watches {
    top: 42px
}

.player-topleft.hide {
    display: none
}

.player-topleft .item {
    position: relative
}

.topuserinfo .avatar-cont {
    position: absolute;
    left: 20px;
    top: 20px
}

.topuserinfo .feed-title {
    padding-top: 20px;
    color: #333;
    font-size: 18px
}

.topuserinfo .follow {
    position: absolute;
    right: 20px;
    top: 45px
}

.topuserinfo .user-cont {
    margin: 0 100px 0 130px
}

.player-main .player-title p {
    font-size: 14px;
    padding: 0 20px;
    max-width: 350px;
    line-height: 40px;
    height: 40px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.player-main .flashwarring a {
    padding: 0 6px;
    margin: 0 6px;
    color: #fff;
    background-color: #fc4e53
}

.player-main .qrcode p {
    font-size: 12px;
    text-align: center;
    color: #FFF;
    height: 26px;
    line-height: 26px
}

.player-main .qrcode img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto
}

.pc-download-pause .icon.icon-ad {
    background-position: -143px -78px
}

.pc-download-pause .pc-close:hover {
    text-decoration: none;
    color: #fa3a70
}

.player-main .qrcode .close {
    position: absolute;
    top: -9px;
    right: -10px;
    width: 16px;
    height: 16px;
    border: 1px solid #FFF;
    line-height: 16px;
    font-size: 16px;
    color: #999;
    text-align: center;
    cursor: pointer;
    font-family: 'Times New Roman';
    background: #fff;
    border-radius: 50%
}

.player-main .qrcode.review-qrcode {
    bottom: 62px
}

.player-main .top-info .currency-word {
    color: #FF466E;
    margin-right: 4px
}

.player-main .top-info .watches-word {
    color: #666;
    margin-right: 4px
}

.player-topleft .item .mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=30);
    border-radius: 15px
}

.player-topleft .item .content {
    position: relative;
    z-index: 2;
    padding: 0 15px;
    height: 24px;
    color: #fff;
    line-height: 24px
}

.topuserinfo .feed-title .feed-cate {
    margin-left: 20px;
    color: #fa3a70;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    top: -8px
}

.topuserinfo .feed-title .feed-title-text {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    max-width: 495px;
    overflow: hidden
}

.topuserinfo .avatar-cont .avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.topuserinfo .feed-title .feed-cate img {
    margin-right: 5px;
    vertical-align: -2px
}

.player-main .qrcode .close:hover {
    color: #fa3a70
}

.player-main .qrcode .close:active {
    color: #da2357
}

.player-main .hjPopGift.hjPopGift_small .nickname {
    height: 20px;
    line-height: 20px;
    color: #fff;
    margin-right: 20px;
    margin-left: 9px
}

.player-main .hjPopGift.hjPopGift_small .giftname {
    height: 15px;
    line-height: 15px;
    color: #FFF;
    margin-right: 20px;
    margin-left: 9px
}

.player-main .hjPopGift.hjPopGift_small .icon-avatar {
    border: none
}

.topuserinfo .feed-title .feed-cate:hover {
    text-decoration: none;
    color: red
}

#player-praises,
#player-praises svg {
    position: absolute
}

#player-praises {
    width: 72px;
    height: 337px;
    bottom: 45px;
    right: 9px;
    z-index: 101
}

#player-praises .bubble {
    width: 100%;
    height: 280px;
    position: relative
}

#player-praises .praises {
    position: relative;
    top: -15px;
    display: block;
    overflow: hidden;
    padding: 15px 11px
}

#player-praises .praises span {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(../image/t01b6e0dfc6eb0211ab.png) 0 0 no-repeat
}

#player-praises .praises:hover span {
    background-position: -67px 0
}

#player-praises .praises:active span {
    background-position: -133px 0
}

body {
    background: #fafafa;
    color: #333;
    min-width: 980px
}

.news-box {
    width: 380px;
    height: 507px;
    background-color: #fff
}

.container {
    width: 980px
}

.red {
    color: #fc4e53 !important
}

.orange {
    color: #f39800 !important
}

.yellow {
    color: #fc0 !important
}

.white {
    color: #fff !important
}

.black {
    color: #313131 !important
}

.m-b-20 {
    margin-bottom: 20px
}

.ad-tag {
    padding: 0 3px 1px;
    font-size: 12px;
    color: #fff;
    background-color: #ccc
}

.hot-tag {
    padding: 0 4px 1px;
    border-radius: 3px;
    color: #fff;
    background-color: #ff6138
}

.btn-dj-close {
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #000;
    background-color: #f6f6f6;
    border-radius: 3px;
    border: 1px solid #a8a8a8
}

.image-text-group {
    position: relative;
    background-color: #fff;
    padding: 10px
}

.news-box a {
    display: block
}

a:hover {
    text-decoration: none
}

.news-box .nitem {
    position: relative;
    margin: 0 auto
}

.btn-dj-close:hover {
    color: #fa3a70;
    border: 1px solid #fa3a70
}

.image-text-group .image-text {
    display: block;
    height: 76px;
    text-decoration: none
}

.image-text-group.group-horizontal {
    padding: 0;
    height: 76px;
    overflow: hidden
}

.news-box .nitem a {
    text-decoration: none
}

.news-box .nitem a h3,
.news-box .nitem a p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.news-box .nitem a h3 {
    font-size: 16px;
    font-weight: bolder;
    color: #333;
    padding-bottom: 5px
}

.news-box .nitem a p {
    font-size: 14px;
    color: #999
}

.topuserinfo .user-cont .feed-info {
    padding: 10px 0
}

.topuserinfo .user-cont .statics-item {
    float: left;
    margin-right: 30px;
    color: #999;
    font-size: 12px
}

.news-box .nitem.nitem-first {
    position: relative;
    width: 100%;
    height: 190px
}

.news-box .nitem .wrap {
    width: 340px;
    padding: 16px 0;
    margin: 0 auto;
    border-bottom: 1px solid #f5f5f5
}

.news-box .nitem .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px
}

.image-text-group .image-text .image {
    float: left;
    width: 76px;
    height: 76px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.image-text-group .image-text .text {
    margin-left: 76px;
    height: 76px
}

.image-text-group .image-text:hover {
    text-decoration: none
}

.topuserinfo .user-cont .feed-info h3,
.topuserinfo .user-cont .feed-info span {
    float: left
}

.topuserinfo .user-cont .feed-info h3 {
    margin-right: 15px
}

.topuserinfo .user-cont .feed-info span {
    color: #999
}

.news-box .nitem.nitem-first a,
.news-box .nitem.nitem-first img {
    width: 100%;
    height: 100%
}

.news-box .nitem a:hover {
    text-decoration: none
}

.news-box .nitem .text p {
    position: relative;
    z-index: 2;
    width: 360px;
    margin: 0 auto;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.image-text-group .image-text .image img {
    display: none;
    max-width: 100%;
    max-height: 100%
}

.image-text-group .image-text .text h3 {
    color: #333;
    padding: 2px 0 3px;
    max-height: 40px;
    _height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-box;
    display: -moz-box;
    display: -webkit-box;
    -ms-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -ms-box-orient: vertical;
    -webkit-box-orient: vertical
}

.image-text-group .image-text .text p {
    color: #999
}

.news-box .nitem.nitem-first a p {
    font-size: 14px
}

.news-box .nitem a:hover h3,
.news-box .nitem a:hover p {
    color: #fa3a70
}

.topuserinfo .user-cont .feed-info .link {
    font-size: 14px;
    color: #333
}

.news-box .nitem.last .wrap {
    border-bottom: 0
}

.news-box .nitem .text .mask {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: .4;
    filter: alpha(opacity=40)
}

.image-text-group .image-text .text .text-cont {
    padding: 10px
}

.image-text-group .image-text:hover .text h3,
.image-text-group .image-text:hover .text p {
    color: #fc4e53;
    text-decoration: none
}

#doc-bd {
    /*padding-bottom: 80px;*/
    position: relative
}

#doc-hd .hd-logo {
    margin-right: 45px
}

#doc-bd .container {
    position: relative;
    z-index: 1
}

.image-text-group .ad-tag {
    position: absolute;
    right: 0;
    bottom: 0
}

.image-text-group.group-horizontal .image-text {
    float: left;
    width: 25%
}

.image-text-group.group-horizontal .image-text-v {
    width: 33%
}

.image-text-group.group-horizontal.group-size-120 {
    height: 120px
}

.image-text-group.group-vertical .image-text {
    margin-bottom: 9px
}

.image-text-group.group-horizontal.group-size-120 .image-text,
.image-text-group.group-horizontal.group-size-120 .image-text .image {
    height: 120px
}

.image-text-group.group-horizontal.group-size-120 .image-text .image {
    width: 120px
}

.image-text-group.group-horizontal.group-size-120 .image-text .text {
    margin-left: 120px;
    height: 120px
}

.image-text-group.group-horizontal.group-size-120 .image-text .image img {
    max-width: 100%;
    max-height: 100%
}

.image-text-group.group-horizontal.group-size-120 .image-text .text .text-cont {
    padding: 25px 10px 0
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .image-text-group.group-horizontal.group-horizontal.group-size-120 .box4 {
        display: none
    }
}

.dianjing-box {
    position: relative;
    display: none
}

.dianjing-index-hot {
    overflow: hidden;
    margin-bottom: 20px
}

.dianjing-box-flash {
    position: absolute;
    right: 20px;
    top: 60px;
    z-index: 1;
    width: 220px;
    height: 100px
}

.dianjing-video-sum {
    margin-bottom: 20px;
    width: 380px;
    height: 113px;
    background-color: #fff
}

.dianjing-video-hot {
    padding-top: 20px;
    width: 380px;
    height: 250px
}

.dianjing-box .topbar {
    font-size: 12px
}

.dianjing-index-hot .container {
    height: 100px;
    overflow: hidden
}

.dianjing-index-hot .box {
    float: left;
    margin-right: 40px
}

.dianjing-box-flash .pic {
    display: block
}

.dianjing-box-flash .ad-tag {
    position: absolute;
    right: 1px;
    top: 1px
}

.guess-row .dianjing-box {
    height: 286px
}

.video-after-guess .container {
    min-width: auto
}

.dianjing-video-sum .box {
    width: 300px;
    height: 100px;
    margin: 0 auto;
    padding-top: 6px
}

.dianjing-video-hot .box {
    width: 300px;
    height: 250px;
    margin: 0 auto
}

.dianjing-video-hot.dianjing-hot2 {
    padding-bottom: 20px
}

.dianjing-box .topbar .container {
    position: relative
}

.dianjing-box .topbar .btn-dj-close {
    position: absolute;
    right: 10px;
    top: 10px
}

.dianjing-box .topbar .ad-tag {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #f8f8f8;
    background-color: silver
}

.dianjing-index-hot .box.box3 {
    margin-right: 0
}

.dianjing-box .figure .pic img,
.dianjing-box .g-feed2 .pic img {
    display: none
}

.dianjing-box .topbar .container .clk-block {
    display: block
}

.dianjing-box .figure .pic .icon-play,
.dianjing-box .g-feed2 .pic .icon-play {
    display: none
}

.dianjing-box .topbar .container .clk-block img {
    width: 100%;
    max-height: 518px
}

.video-wrapper .video-list .dianjing-box .list-item .video-pic {
    width: 126px;
    height: 70px
}

.video-wrapper .video-list .dianjing-box .list-item .video-info {
    margin-left: 136px
}

.video-wrapper .video-list .dianjing-box .list-item .video-pic img {
    display: none
}

@media (min-width: 1441px) {
    .image-text-group.group-horizontal .image-text {
        width: 20%
    }

    .image-text-group.group-horizontal .image-text-v {
        width: 25%
    }
}

.mod {
    margin-bottom: 10px
}

.icon {
    background: url(../image/icon_tit.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px
}

.icon-girl {
    background-position: 0 0
}

.icon-dance {
    background-position: 0 -40px
}

.icon-talk {
    background-position: 0 -80px
}

.icon-circle {
    width: 26px;
    height: 26px;
    background-position: 0 -117px
}

.icon-tag {
    background: url(../image/t01dbcca47472db88e7.png) no-repeat;
    width: 16px;
    height: 16px
}

.icon-person {
    background: url(../image/t01c95cb3be725bfc9f.png) no-repeat;
    width: 12px;
    height: 13px
}

.icon-eye {
    background: url(../image/icon_eye.png) no-repeat;
    width: 14px;
    height: 10px
}

.icon-info {
    background: url(../image/icon_info.png) no-repeat;
    width: 12px;
    height: 12px
}

.icon-hot,
.icon-category {
    image-rendering: -webkit-optimize-contrast
}

.icon-hot {
    width: 30px;
    height: 30px
}

.icon-category {
    width: 26px;
    height: 26px
}

.category-vl {
    background: url(../image/video.png) center no-repeat;
    background-size: contain
}

.icon-category-5 {
    background: url(../image/man.png) center no-repeat;
    background-size: contain
}

.icon-category-800,
.icon-category-2 {
    background: url(../image/face.png) center no-repeat;
    background-size: contain
}

.icon-category-801 {
    background: url(../image/dance.png) center no-repeat;
    background-size: contain
}

.icon-category-802 {
    background: url(../image/sing.png) center no-repeat;
    background-size: contain
}

.icon-category-803 {
    background: url(../image/outdoor.png) center no-repeat;
    background-size: contain
}

.icon-category-804 {
    background: url(../image/instrument.png) center no-repeat;
    background-size: contain
}

.icon-category-805 {
    background: url(../image/game.png) center no-repeat;
    background-size: contain
}

.icon-category-806 {
    background: url(../image/talk_show.png) center no-repeat;
    background-size: contain
}

.icon-category-807 {
    background: url(../image/constellation.png) center no-repeat;
    background-size: contain
}

.icon-category-809 {
    background: url(../image/new.png) center no-repeat;
    background-size: contain
}

.icon-category-810 {
    background: url(../image/city.png) center no-repeat;
    background-size: contain
}

.icon-category-811 {
    background: url(../image/star.png) center no-repeat;
    background-size: contain
}

.icon-category-812 {
    background: url(../image/pubg_pc.png) center no-repeat;
    background-size: contain
}

.icon-category-999 {
    background: url(../image/student.png) center no-repeat;
    background-size: contain
}

.icon-category-1000 {
    background: url(../image/hot.png) center no-repeat;
    background-size: contain
}

.icon-category-813 {
    background: url(../image/t0195406201b1a4e9e5.png) center no-repeat;
    background-size: contain
}

.tabs {
    height: 40px
}

.tab-group {
    height: 22px
}

.tabs li {
    *width: 128px;
    *float: left
}

.tab-group li {
    *width: 50px;
    *float: left
}

.tabs li a,
.tab-group li a {
    display: block;
    text-align: center;
    float: left;
    font-size: 14px
}

.tabs li a {
    width: 128px;
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #fff;
    color: #666;
    background: url(../image/t0150fd296d5904f8e0.png) no-repeat 100% 50%
}

.tab-group li a {
    width: 50px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ccc;
    margin-left: -2px;
    background: #fff
}

.mod .mod-hd {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

.mod .mod-class-hd {
    margin-bottom: 14px
}

.ie6 .icon-category,
.ie7 .icon-category,
.ie8 .icon-category {
    background: url(../image/icon_tit.png) no-repeat 0 -117px
}

.ie6 .icon-hot,
.ie7 .icon-hot,
.ie8 .icon-hot {
    background: url(../image/icon_tit.png) no-repeat 0 0
}

.mod .mod-hd h2 {
    font-size: 18px;
    float: left
}

.tabs .active a {
    color: #333;
    border-color: #fa3a70
}

.tabs li:last-child a {
    background: none
}

.tab-group li:first-child a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.mod .mod-hd .more {
    float: right;
    font-size: 14px;
    color: #999;
    margin-top: 4px
}

.mod .mod-bd .pic-items {
    margin-right: -10px;
    *zoom: 1
}

.ie6 .mod .mod-class-hd,
.ie7 .mod .mod-class-hd,
.ie8 .mod .mod-class-hd {
    margin-bottom: 10px
}

.mod .mod-hd h2 .icon {
    margin-right: 6px;
    vertical-align: -6px
}

.mod .mod-bd .pic-items li {
    *width: 188px;
    *height: 248px;
    float: left;
    *margin: 0 10px 10px 0
}

.mod .mod-hd h2 .icon-category {
    vertical-align: -6px
}

.mod .mod-hd .more:hover {
    color: #fa3a70
}

.figure {
    width: 188px;
    height: 248px;
    overflow: hidden;
    float: left;
    margin: 0 10px 20px 0;
    background: #fff
}

.figure .pic {
    width: 100%;
    height: 188px;
    position: relative;
    overflow: hidden
}

.figure .fl {
    float: left
}

.figure .fr {
    float: right
}

.figure .name {
    padding: 5px 0 0 10px;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.figure .tag {
    padding: 0 0 0 10px
}

.figure .guest {
    color: #999;
    padding: 5px 0 0 10px
}

.figure:hover {
    background: #ff3e69;
    color: #fff
}

.li-spec .figure {
    height: 165px
}

.rank-live .items {
    position: relative
}

.tab-group .active a {
    background: #fa3a70;
    color: #fff;
    border-color: #fa3a70
}

.figure .title p,
.figure .tag span {
    overflow: hidden;
    text-overflow: ellipsis
}

.figure .title p {
    padding: 0 10px;
    word-wrap: break-word;
    word-break: break-all;
    height: 38px;
    display: -ms-box;
    display: -moz-box;
    display: -webkit-box;
    -ms-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    -ms-box-orient: vertical;
    -webkit-box-orient: vertical
}

.figure .tag span {
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    border: 1px solid #999;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 16px;
    max-height: 20px;
    padding: 0 6px;
    color: #999;
    white-space: nowrap
}

.tab-group li:last-child a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: none
}

.figure .pic .img {
    width: 100%;
    height: 188px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.figure .pic .vimg {
    display: block;
    height: auto !important;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.figure .pic .num {
    height: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px;
    z-index: 9999
}

.figure .pic .icon-play {
    background: url(../image/t017b0cda9ae38f60da.png) no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    display: none;
    z-index: 999
}

.figure .pic .pic-mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.figure .pic .border {
    width: 184px;
    height: 186px;
    border: 2px solid #ff3e69;
    border-bottom: none;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999
}

.figure .figure-info .username {
    padding: 5px 6px 0
}

.figure .figure-info .name,
.figure .figure-info .watches {
    line-height: 24px
}

.figure .figure-info .name {
    padding: 0;
    max-width: 70%
}

.figure .figure-info .feed-title {
    padding: 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.figure .figure-info .game {
    padding: 0 2px;
    margin-right: 5px;
    border: 1px solid #999;
    border-radius: 3px
}

.figure .name .avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px
}

.figure .name .hj-emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.figure .tag .icon-tag {
    margin-right: 5px
}

.figure .tag .tag-1 {
    max-width: 76px
}

.figure .tag .tag-2 {
    max-width: 38px
}

.figure:hover .icon-play {
    display: block
}

.figure:hover .pic-mask {
    opacity: .3;
    filter: alpha(opacity=30)
}

.figure:hover .guest {
    color: #fff
}

.figure:hover .border {
    display: block
}

.li-spec .figure .pic {
    height: 105px
}

.rank-live .items .item {
    height: 56px
}

.figure:hover .tag span {
    border-color: #fff;
    color: #fff
}

.figure .pic .num .icon {
    margin-right: 5px
}

.figure:hover .pic .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.figure:hover .pic .vimg {
    -webkit-transform: scale(1.1) translate(0, -50%);
    transform: scale(1.1) translate(0, -50%)
}

.figure:hover .tag .icon-tag {
    background-image: url(../image/t012b944acdb6326904.png)
}

.figure:hover .figure-info .game {
    border: 1px solid #fff
}

.li-spec .figure .pic .img {
    height: auto
}

.li-spec .figure .pic .border {
    height: 103px
}

.rank-live .items .item .num {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin: 18px 14px 0 20px;
    color: #666
}

.rank-live .items .item .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin: 3px 20px 0 0
}

.rank-live .items .item .cont {
    float: left;
    padding-top: 9px
}

.rank-live .items .item .cont .name {
    font-size: 14px
}

.rank-live .items .item .cont .name a {
    display: inline-block;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rank-live .items .item .cont .name .hj-emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.mod-hot-pick {
    height: 230px;
    overflow: hidden;
    margin-top: 20px
}

.mod-live {
    height: 545px;
    overflow: hidden
}

.rank-video .items,
.mod-hot-pick .col {
    position: relative
}

.mod-hot-pick .col {
    width: 477px;
    float: left
}

.mod-hot-pick .col-1 {
    margin-right: 25px
}

.mod-hot-pick .col-2 {
    margin-right: 0
}

.mod-hot-pick .more {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 14px;
    color: #999
}

.mod-live .col-1,
.mod-live .pic-items li {
    float: left
}

.mod-live .col-1 {
    width: 584px
}

.rank-video .items .item {
    height: 70px;
    margin-bottom: 10px
}

.mod-hot-pick .col .hd {
    font-size: 24px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.mod-hot-pick .col .figure {
    width: 150px;
    height: 179px;
    margin-bottom: 10px
}

.mod-hot-pick .more:hover {
    color: #fa3a70
}

.mod-hot-pick .col .pic-items li {
    *width: 150px;
    *height: 179px;
    *margin-bottom: 10px
}

.rank-live .items .item .btn-follow {
    float: right;
    width: 58px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background: #fa3a70;
    border: 1px solid #fa3a70;
    border-radius: 3px;
    text-align: center;
    margin: 15px 20px 0 0
}

.rank-live .items .item .followed {
    color: #fa3a70;
    border-color: #fa3a70;
    background-color: #fff
}

.rank-live .items .item:hover {
    background: #f5f5f5
}

.rank-live .items .item-1 .num {
    background: #f6c541;
    color: #fff
}

.rank-live .items .item-2 .num {
    background: #c9d0d7;
    color: #fff
}

.rank-live .items .item-3 .num {
    background: #eeb485;
    color: #fff
}

.mod-hot-pick .col .hd .icon {
    margin-right: 10px;
    vertical-align: -6px
}

.mod-hot-pick .col .figure .pic {
    height: 150px
}

.mod-hot-pick .col .figure .name {
    padding-top: 2px
}

.mod-hot-pick .col .figure .num {
    top: 130px
}

.rank-video .items .item a .num {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin: 28px 14px 0 20px;
    color: #666
}

.rank-video .items .item a .pic {
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
    margin-right: 20px;
    overflow: hidden
}

.rank-video .items .item-1 a .num {
    background: #f6c541;
    color: #fff
}

.rank-video .items .item-2 a .num {
    background: #c9d0d7;
    color: #fff
}

.rank-video .items .item-3 a .num {
    background: #eeb485;
    color: #fff
}

.mod-live .pic-items li .pic .img {
    height: auto
}

.rank-live .items .item .cont .money {
    color: #999
}

.mod-hot-pick .col .figure .pic .img {
    height: auto
}

.mod-hot-pick .col .figure .pic .border {
    width: 146px;
    height: 148px
}

.rank-video .items .item a .pic .img {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.rank-video .items .item a .pic .icon-play {
    width: 100%;
    height: 100%;
    background: url(../image/t017b0cda9ae38f60da.png) no-repeat 50%;
    background-size: 50%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 99
}

.rank-video .items .item a .pic .mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.rank-video .items .item a .cont .tit {
    width: 220px;
    font-size: 14px;
    padding: 3px 0 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rank-video .items .item a .cont .name {
    color: #666;
    padding-bottom: 3px
}

.rank-video .items .item a .cont .qty {
    color: #999
}

.rank-video .items .item a .cont .name .hj-emoji {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.rank-video .items .item a:hover .pic .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.rank-video .items .item a:hover .pic .icon-play,
.rank-video .items .item a:hover .pic .mask {
    display: block
}

#doc-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 505px
}

#doc-bg a {
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -200px;
    background-position: top center;
    background-repeat: no-repeat
}

#doc-bg .focus-bg {
    height: 100%;
    width: 100%;
    overflow: hidden
}

#doc-bg .big,
#doc-bg .middle {
    display: none
}

#doc-bg .small {
    display: block
}

#doc-bg a[href="#"] {
    cursor: default
}

#doc-bg .focus-bg .dianjing-box {
    height: 100%
}

.mod-mini-video {
    overflow: hidden;
    height: 580px
}

.mod-pop-pick {
    height: 295px;
    overflow: hidden
}

.mod-class {
    height: 565px;
    overflow: hidden
}

.mod-ad {
    margin-bottom: 20px
}

.download {
    margin-bottom: 30px
}

.popup {
    display: none
}

.mod-live .col-3 {
    float: left
}

.mod-live .col-2 {
    width: 386px;
    float: right
}

.mod-live .figure {
    margin-bottom: 10px
}

.mod-mini-video .col-1 {
    width: 584px;
    float: left
}

.mod-mini-video .col-2 {
    width: 386px;
    float: right
}

.mod-mini-video .figure {
    height: 260px;
    margin-bottom: 20px
}

.mod-class.container-811 {
    height: 284px;
    overflow: hidden;
    margin-bottom: 20px
}

.mod-class.li-spec {
    height: 400px
}

.mod-live .col-2 .mod-bd {
    background: #fff;
    height: 507px
}

.mod-mini-video .col-2 .mod-bd {
    background: #fff;
    padding-top: 18px;
    height: 522px
}

.mod-mini-video .figure .name,
.mod-pop-pick .figure .name {
    width: 90%
}

.mod-live .col-1 .mod-hd h2 {
    margin-right: 22px
}

.mod-live .col-1 .mod-hd .tab-group {
    float: left;
    display: none;
    width: 100px;
    margin-top: 3px
}

.mod-live .col-2 .mod-bd .tabs {
    margin-bottom: 10px
}

.mod-live .col-2 .mod-bd .tab-group {
    width: 100px;
    margin: 0 auto 10px
}

.mod-live .col-2 .mod-bd .info {
    text-align: center;
    color: #ccc;
    line-height: 22px
}

.mod-mini-video .figure .pic .img {
    height: auto
}

.mod-live .col-2 .mod-bd .rank-live .items {
    height: 395px;
    overflow: auto
}

.mod-live .col-2 .mod-bd .info .icon {
    margin-right: 4px;
    vertical-align: -2px
}

.mod-mini-video .col-2 .mod-bd .rank-video .items {
    height: 478px;
    overflow: auto
}

#living-slider {
    margin-top: 20px;
    height: 464px;
    margin-bottom: 40px
}

#living-slider .obs-player {
    float: left;
    position: relative;
    width: 830px;
    height: 464px;
    background: #000
}

#living-slider .living-switch {
    float: right;
    position: relative;
    width: 140px;
    height: 464px
}

#icp-block .msg-list {
    width: 280px;
    overflow: hidden
}

#icp-block .btn-layer {
    width: 280px;
    height: 118px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0
}

#living-slider .living-switch ul {
    position: relative;
    z-index: 1
}

#living-slider .living-switch li {
    position: relative;
    width: 140px;
    height: 110px;
    margin-bottom: 8px;
    cursor: pointer
}

#icp-block .msg-list li {
    width: 100%;
    height: 118px;
    margin-top: 10px;
    position: relative
}

#living-slider .living-switch li img {
    display: block;
    width: 100%;
    height: 100%
}

#living-slider .living-switch li p {
    position: absolute;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    width: 126px;
    padding-left: 9px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#icp-block .msg-list li img {
    display: block;
    cursor: pointer
}

#living-slider .obs-player .enter-link {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin-left: -75px;
    margin-top: -20px;
    border-radius: 4px;
    border: solid 1px #fff;
    text-align: center;
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    background-color: rgba(0, 0, 0, 0.7)
}

#living-slider .living-switch .opacity-bg {
    background: #000;
    opacity: .45;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 2px
}

#icp-block .btn-layer .btn-group {
    height: 42px;
    margin: 38px 11px 0
}

#living-slider .living-switch li .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 136px;
    height: 106px;
    border: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
    z-index: 2
}

#icp-block .msg-list li .link {
    display: block;
    width: 100%;
    height: 100%
}

#living-slider .living-switch li p.author {
    background: rgba(0, 0, 0, 0.6) url(../image/t012cb65ce8d32860f0.png) no-repeat 8px 5px;
    padding-left: 28px;
    width: 107px
}

#living-slider .living-switch li p.author img {
    display: inline-block;
    height: 1em;
    width: 1em
}

#living-slider .obs-player .enter-link:hover {
    background: #FF4970;
    border-color: #FF4970;
    text-decoration: none;
    color: #FFF
}

#living-slider .obs-player:hover .link {
    opacity: 1
}

#living-slider .living-switch li .mask .arrow {
    position: absolute;
    left: -16px;
    top: 46px;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    width: 8px;
    height: 1px;
    display: none;
    border-color: transparent #fa3a70 transparent transparent
}

#living-slider .living-switch li:hover .mask,
#living-slider .living-switch li.current .mask {
    opacity: 1;
    border: 2px solid #fa3a70
}

#living-slider .living-switch li:hover .arrow,
#living-slider .living-switch li.current .arrow {
    display: block
}

.doc-fast-entry {
    width: 34px;
    height: 166px;
    position: fixed;
    right: 22px;
    bottom: 2px;
    z-index: 999
}

.doc-fast-entry .entry-icon {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    margin-bottom: 9px;
    background-color: #fff;
    position: absolute;
    right: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer
}

.doc-fast-entry .entry-icon .icon-top,
.doc-fast-entry .entry-icon .icon-phone,
.doc-fast-entry .entry-icon .icon-pc,
.doc-fast-entry .entry-icon .icon-live {
    background-image: url("../image/t0163a6d242d978be60.gif");
    display: inline-block;
    vertical-align: middle
}

.doc-fast-entry .entry-icon .txt {
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.doc-fast-entry .entry-icon.pos-top-0 {
    top: 0;
    display: none
}

.doc-fast-entry .entry-icon.pos-top-1,
.doc-fast-entry .entry-icon.pos-top-2 {
    top: 86px
}

.doc-fast-entry .entry-icon.pos-top-3 {
    top: 129px
}

.doc-fast-entry .entry-icon.pos-top-0 .txt-top {
    width: 0;
    right: 30px
}

.doc-fast-entry .entry-icon.pos-top-0 .icon-top {
    display: inline-block;
    background-position: 0 0;
    width: 18px;
    height: 10px
}

.doc-fast-entry .entry-icon.pos-top-0:hover {
    background-color: #fa3a70
}

.doc-fast-entry .entry-icon.pos-top-1 .txt-phone {
    width: 0;
    height: 0;
    right: 44px;
    bottom: 0
}

.doc-fast-entry .entry-icon.pos-top-1 .icon-phone {
    display: inline-block;
    background-position: 112px 0;
    width: 16px;
    height: 20px
}

.doc-fast-entry .entry-icon.pos-top-1:hover {
    background-color: #fa3a70
}

.doc-fast-entry .entry-icon.pos-top-2 .txt-pc {
    width: 0;
    right: 30px
}

.doc-fast-entry .entry-icon.pos-top-2 .icon-pc {
    display: inline-block;
    background-position: 80px 0;
    width: 18px;
    height: 17px
}

.doc-fast-entry .entry-icon.pos-top-2:hover {
    background-color: #fa3a70
}

.doc-fast-entry .entry-icon.pos-top-3 .txt-live {
    width: 0;
    right: 30px
}

.doc-fast-entry .entry-icon.pos-top-3 .icon-live {
    display: inline-block;
    background-position: 44px 0;
    width: 22px;
    height: 16px
}

.doc-fast-entry .entry-icon.pos-top-3:hover {
    background-color: #fa3a70
}

.doc-fast-entry .entry-icon.pos-top-1 .txt-phone img {
    width: 0;
    height: 0;
    margin-top: 21px
}

.doc-fast-entry .entry-icon.pos-top-1 .txt-phone p {
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: #999
}

.doc-fast-entry .entry-icon.pos-top-0:hover .txt-top {
    width: 80px;
    -webkit-transition: width .5s;
    transition: width .5s;
    color: #fff;
    background-color: #fa3a70;
    font-size: 14px
}

.doc-fast-entry .entry-icon.pos-top-0:hover .icon-top {
    background-position: 0 10px
}

.doc-fast-entry .entry-icon.pos-top-1:hover .txt-phone {
    width: 140px;
    height: 158px;
    -webkit-transition: width .5s, height .5s;
    transition: width .5s, height .5s;
    background-color: #fff;
    font-size: 14px
}

.doc-fast-entry .entry-icon.pos-top-1:hover .icon-phone {
    background-position: 96px 0
}

.doc-fast-entry .entry-icon.pos-top-2:hover .txt-pc {
    width: 90px;
    -webkit-transition: width .5s;
    transition: width .5s;
    color: #fff;
    background-color: #fa3a70;
    font-size: 14px
}

.doc-fast-entry .entry-icon.pos-top-2:hover .icon-pc {
    background-position: 62px 0
}

.doc-fast-entry .entry-icon.pos-top-3:hover .txt-live {
    width: 90px;
    -webkit-transition: width .5s;
    transition: width .5s;
    color: #fff;
    background-color: #fa3a70;
    font-size: 14px
}

.doc-fast-entry .entry-icon.pos-top-3:hover .icon-live {
    background-position: 22px 0
}

.doc-fast-entry .entry-icon.pos-top-1:hover .txt-phone img {
    width: 94px;
    height: 94px
}

#icp-block .btn-layer .error-tips {
    color: red;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
    text-align: center;
    display: none
}

#icp-block .btn-layer .btn-group a {
    display: block;
    width: 117px;
    height: 42px;
    line-height: 42px;
    float: left;
    text-align: center;
    font-size: 20px;
    margin: 0 6px;
    text-decoration: none;
    border-radius: 8px;
    color: #000;
    background: #fff
}

#icp-block .btn-layer .btn-group a:hover {
    background: #fff100
}

.ie .wrapper #doc-hd.double .hd-nav .item,
.ie .wrapper #doc-hd.single .hd-nav .item {
    float: left;
    width: auto !important
}

@media (min-width: 1441px) {
    .container {
        width: 1420px
    }

    .mod-hot-pick {
        height: 260px
    }

    .mod-mini-video {
        height: 600px
    }

    .dianjing-index-hot .box {
        margin-right: 72px
    }

    .mod-hot-pick .col {
        margin-right: 20px;
        width: 699px;
        height: 275px
    }

    .mod-hot-pick .col-2 {
        margin-right: 0
    }

    .mod-live .col-1 {
        width: 1010px
    }

    .mod-live .figure,
    .mod-mini-video .figure {
        /*margin-right: 17px*/
    }

    .mod-mini-video .figure {
        height: 265px;
        margin-bottom: 20px
    }

    .mod-mini-video .col-1 {
        width: 1010px
    }

    .mod-pop-pick .figure,
    .mod-class .figure {
        margin-right: 17px
    }

    .dianjing-index-hot .box.box3 {
        margin-right: 72px
    }

    .dianjing-index-hot .box.box4 {
        margin-right: 0
    }

    .mod-hot-pick .col .figure {
        width: 169px;
        height: 198px;
        margin-right: 8px
    }

    .mod-live .li-5 .figure,
    .mod-live .li-10 .figure {
        margin-right: 0
    }

    .mod-mini-video .col-2 .mod-bd {
        height: 532px
    }

    .mod-mini-video .li-5 .figure,
    .mod-mini-video .li-10 .figure,
    .mod-pop-pick .li-7 .figure,
    .mod-pop-pick .li-14 .figure,
    .mod-class .li-7 .figure,
    .mod-class .li-14 .figure {
        margin-right: 0
    }

    .mod-hot-pick .col .figure .pic {
        height: 169px
    }

    .mod-hot-pick .col .figure .num {
        top: 149px
    }

    .mod-live .col-1 .mod-hd .tab-group {
        display: block
    }

    .mod-hot-pick .col .figure .pic .border,
    .mod-hot-pick .col .figure .pic .img {
        height: 169px
    }

    .mod-hot-pick .col .figure .pic .border {
        width: 165px
    }

    #living-slider {
        height: 672px
    }

    #doc-bg {
        height: 735px
    }

    #living-slider .obs-player {
        width: 1202px;
        height: 672px
    }

    #living-slider .living-switch {
        width: 202px;
        height: 672px
    }

    #doc-bg .middle,
    #doc-bg .small {
        display: none
    }

    #doc-bg .big {
        display: block
    }

    #living-slider .living-switch li {
        width: 202px;
        height: 162px
    }

    #living-slider .living-switch li p {
        width: 188px
    }

    #living-slider .living-switch li .mask {
        width: 198px;
        height: 158px
    }

    #living-slider .living-switch li p.author {
        width: 168px
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .container {
        width: 1100px
    }

    .mod-mini-video {
        height: 560px
    }

    .dianjing-index-hot .box {
        margin-right: 100px
    }

    .mod-hot-pick .col {
        margin-right: 10px;
        width: 613px;
        height: 238px;
        overflow: hidden
    }

    .mod-hot-pick .col-2 {
        width: 477px;
        margin-right: 0;
        box-sizing: border-box;
        padding-left: 17px
    }

    .mod-hot-pick .col-3 {
        margin-right: 0
    }

    .mod-live .col-1 {
        width: 690px
    }

    .mod-live .figure {
        width: 168px;
        margin-right: 6px;
        margin-bottom: 30px;
        height: 239px
    }

    .mod-mini-video .col-1 {
        width: 690px
    }

    .mod-mini-video .figure {
        width: 168px;
        margin-right: 6px;
        height: 245px;
        margin-bottom: 20px
    }

    .mod-pop-pick .figure,
    .mod-class .figure {
        margin-right: 40px
    }

    .dianjing-index-hot .box.box3 {
        margin-right: 0
    }

    .dianjing-index-hot .box.box4 {
        display: none
    }

    .mod-hot-pick .col .figure {
        width: 147px;
        height: 179px;
        margin-right: 8px
    }

    .mod-live .figure .pic {
        width: 168px;
        height: 168px
    }

    .mod-live .li-4 .figure,
    .mod-live .li-8 .figure {
        margin-right: 0
    }

    .mod-mini-video .figure .pic {
        width: 168px;
        height: 168px
    }

    .mod-mini-video .li-4 .figure,
    .mod-mini-video .li-8 .figure {
        margin-right: 0
    }

    .mod-mini-video .col-2 .mod-bd {
        height: 489px
    }

    .mod-pop-pick .li-5 .figure,
    .mod-pop-pick .li-10 .figure,
    .mod-class .li-5 .figure,
    .mod-class .li-10 .figure {
        margin-right: 0
    }

    .mod-live .figure .pic img,
    .mod-mini-video .figure .pic img,
    .mod-live .figure .pic .pic-mask {
        height: 168px
    }

    .mod-live .figure .pic .border {
        width: 164px;
        height: 166px
    }

    .mod-live .col-1 .mod-hd .tab-group {
        display: block
    }

    .mod-mini-video .figure .pic .pic-mask {
        height: 168px
    }

    .mod-mini-video .figure .pic .border {
        width: 164px;
        height: 166px
    }

    .mod-hot-pick .col .figure .pic .border {
        width: 143px
    }

    #living-slider {
        height: 520px
    }

    #doc-bg {
        height: 567px
    }

    #living-slider .obs-player {
        width: 932px;
        height: 520px
    }

    #living-slider .living-switch {
        width: 158px;
        height: 520px
    }

    #doc-bg .big,
    #doc-bg .small {
        display: none
    }

    #doc-bg .middle {
        display: block
    }

    #living-slider .living-switch li {
        width: 158px;
        height: 124px
    }

    #living-slider .living-switch li p {
        width: 144px
    }

    #living-slider .living-switch li .mask {
        width: 154px;
        height: 120px
    }

    #living-slider .living-switch li p.author {
        width: 124px
    }
}

.mod-hot-game.li-spec {
    height: 255px
}

.mod-hot-game .col {
    position: relative;
    margin-right: 20px;
    width: 480px;
    height: 275px;
    overflow: hidden;
    float: left
}

.mod-hot-game .col-4 {
    margin-right: 0
}

.mod-hot-game .more {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 14px;
    color: #999
}

.mod-hot-game .figure {
    margin-right: 8px;
    width: 236px;
    height: 195px
}

.mod-hot-game .col .hd {
    font-size: 24px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.mod-hot-game .figure .pic {
    height: 130px
}

.mod-hot-game .col .hd .icon {
    margin-right: 10px;
    vertical-align: -6px
}

.mod-hot-game .figure .figure-info .username {
    margin-bottom: 5px
}

.mod-hot-game .figure .pic .border {
    width: 233px;
    height: 135px
}

.mod-hot-game .figure .pic .img {
    height: 130px
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .mod-hot-game.li-spec {
        height: 280px
    }

    .mod-hot-game .col {
        width: 540px
    }

    .mod-hot-game .figure {
        width: 266px;
        height: 215px
    }

    .mod-hot-game .figure .pic {
        height: 149px
    }

    .mod-hot-game .figure .pic .border {
        width: 262px;
        height: 148px
    }

    .mod-hot-game .figure .pic .img {
        height: 149px
    }
}

@media (min-width: 1441px) {
    .mod-hot-game .col {
        width: 700px
    }

    .mod-hot-game .figure {
        width: 228px
    }

    .mod-hot-game .figure .pic .border {
        width: 224px
    }
}

@media (max-width: 1280px) {
    #doc-hd.single .hd-nav .item a {
        padding: 0 8px
    }
}