@charset "utf-8";

/* CSS Document */
* {
    margin    : 0;
    padding   : 0;
    list-style: none;
}

html,
body {
    background-color: #fff;
    font-size       : 0.6rem;
    margin          : 0;
    padding         : 0;
    position        : fixed;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    width           : 100%;
    height          : 100%;
}

a,
img,
button,
input,
textarea,
div {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance         : none;
    outline                    : none;
    border                     : none;
}

#cn {
    width   : 100%;
    height  : 100%;
    position: relative;
}

.video_box {
    width           : 100%;
    overflow        : hidden;
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    background-color: #000;
    color           : #FFF;
    height          : 9rem;
    background-size : cover;
    z-index         : 1;

}

.video-layer {
    width           : 100%;
    height          : 100%;
    text-align      : center;
    position        : absolute;
    left            : 0;
    top             : 0;
    z-index         : 1;
    pointer-events  : none;
    display         : none;
    background-image: url(../images/background.png);
    background-size : cover;

}

.video-layer .text {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    width     : 100%;
    text-align: center;
    font-size : 0.66rem;
    transform : translate(-50%, -50%);

}

.top_review{
    display: none;
    position: absolute;
    top: .5rem;
    right: .5rem;
}

.top_review img{
    width: 1.7rem;
}

.zw_video {
    /* background: url(../images/background.png) no-repeat center top;
    background-size: 100% 9rem; */
    /* display: none; */
}

.zw_video img {
    width     : 70%;
    margin-top: 25%;
}

.zw_video a {
    display   : block;
    margin    : 0 auto;
    margin-top: 6.5rem;
    color     : #01489f;
    font-size : 0.55rem;
}

.jiazai_video {
    /* width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none; */
}

.jiazai_video img {
    width      : 2rem;
    position   : absolute;
    top        : 50%;
    left       : 50%;
    margin-top : -1rem;
    margin-left: -1rem;
}

.video_top {
    width     : 100%;
    height    : 1.875rem;
    background: #252525;
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 1;
}

.video_top.ios_video_top {
    opacity: .7;
}

.video_top .top_tx {
    width      : 1.3rem;
    height     : 1.3rem;
    float      : left;
    margin-left: 1.3rem;
    margin-top : .3rem;
}

.video_top .teacher-msg {
    float      : left;
    padding-top: .3rem;
    height     : 1.875rem;
    width      : 6rem;
    margin-left: 0.225rem;
    box-sizing : border-box;
}

.video_top .teacher-msg span {
    color      : #fff;
    line-height: 0.7rem;
    font-size  : 0.5rem;
    display    : block;
}

/* .video_top span.room_id {
    float: left;
    margin-left: 1rem;
    line-height: 1rem;
    height: 1rem;
    font-size: .4rem;
    color: #fff;
    background-size: 0.5rem;
    text-indent: 0.75rem;
    margin-top: 0.45rem;
    position: relative;
} */

/* .video_top span.room_id:before {
    content: '';
    position: absolute;
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/room.png) no-repeat center;
    background-size: 0.5rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
} */

/* .video_top span.peoples {
    float: left;
    margin-left: 0.5rem;
    line-height: 1rem;
    height: 1rem;
    font-size: .4rem;
    color: #fff;
    background-size: 0.5rem;
    text-indent: 0.75rem;
    margin-top: 0.45rem;
    position: relative;
}

.video_top span.peoples:before {
    content: '';
    position: absolute;
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/peoples.png) no-repeat center;
    background-size: 0.5rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
} */

.video_bottom {
    width   : 100%;
    height  : 1.5rem;
    position: absolute;
    left    : 0;
    top     : 7.5rem;
    z-index : 2;
    display : none
}

.video_back {
    width           : 100%;
    height          : 100%;
    position        : absolute;
    bottom          : 0;
    left            : 0;
    background-color: #252525;
    opacity         : 0.5;
}

.video_bottom dl {
    overflow: hidden;
    position: absolute;
    left    : 0.65rem;
    top     : 0.15rem;
}

.video_bottom dl dt {
    width          : 1.4rem;
    height         : 1.4rem;
    float          : left;
    background-size: contain;
}

.video_bottom dl dt img {
    width        : 100%;
    border-radius: 50%;
}

.video_bottom dl dd {
    float      : left;
    color      : #FFF;
    margin-left: 0.375rem;
}

.video_bottom dl dd span {
    display  : block;
    font-size: 0.5rem;
}

.video_bottom dl dd span.fj_id {
    border       : 1px solid #FFF;
    border-radius: 3px;
    padding      : 0 0.2rem;
    font-size    : 0.3rem;
}

.mai {
    width          : 1.5rem;
    height         : 0.65rem;
    background     : url(../images/mai.png) no-repeat left top;
    display        : block;
    background-size: contain;
    position       : absolute;
    bottom         : 0.2rem;
    left           : 5.5rem;
    line-height    : 0.65rem;
    text-align     : right;
    color          : #FFF;
    padding-right  : 0.2rem;
    font-size      : 0.55rem;
}

.xin {
    width          : 0.925rem;
    height         : 0.775rem;
    background     : url(../images/xin.png) no-repeat left top;
    background-size: contain;
    display        : block;
    position       : absolute;
    right          : 3rem;
    bottom         : 0.675rem;
}

.big {
    width          : 0.9rem;
    height         : 0.9rem;
    background     : url(../images/big.png) no-repeat left top;
    background-size: contain;
    display        : block;
    position       : absolute;
    right          : 0.425rem;
    bottom         : 0.35rem;
}

.big.sx {
    background     : url(../images/sx.png) no-repeat left top;
    background-size: contain;
}

.swiper-button-prev {
    background     : url(../images/left.png) no-repeat left top;
    background-size: contain;
    width          : 1.45rem;
    height         : 1.45rem;
    margin-top     : 0;
}

.swiper-button-next {
    background     : url(../images/right.png) no-repeat left top;
    background-size: contain;
    width          : 1.45rem;
    height         : 1.45rem;
    margin-top     : 0;
}

.tabs {
    height          : 1.7rem;
    width           : 99%;
    padding-left    : 0.5%;
    padding-right   : 0.5%;
    background-color: #FFF;
    display         : flex;
    z-index         : 10000;
}

.tabs li {
    font-size      : 0.65rem;
    font-weight    : normal;
    text-align     : center;
    flex           : 1;
    height         : 1.6rem;
    line-height    : 1.6rem;
    color          : #333333;
    text-decoration: none;
    margin-left    : 5%;
}

.tabs li.active span {
    display      : inline-block;
    color        : #F15353;
    border-bottom: 3px solid #F15353;
    height       : 1.62rem;
    line-height  : 1.55rem;
    width        : 3rem;
}

.tabs li.last_a {
    width           : 1rem;
    height          : 1.05rem;
    background-color: #8f8f8f;
    line-height     : 1.05rem;
    border-radius   : 5px;
    font-size       : 0.75rem;
    font-size       : 0.6rem;
    margin-top      : 0.25rem;
    margin-left     : 0.3rem;
}

.tabs li.last_a.active {
    background-color: #e6610e;
    height          : 1.05rem;
    color           : #FFF;
    line-height     : 1.05rem;
    border          : none;
}

/*下边*/
#tabs-container {
    width   : 100%;
    overflow: scroll;
    position: fixed;
    top     : 10.7rem;
    bottom  : 0;
}

#cont1,
#cont2 {
    overflow-y: auto;
}

#cont3,
#cont4,
#cont5 {
    overflow: hidden;
}

/*公聊*/
.gs_l {
    width          : 100%;
    position       : relative;
    margin-top     : 0rem;
    overflow-y     : auto;
    padding-bottom : 2rem;
    /* background  : url(../images/back.jpg) repeat-x left top; */
    background-size: contain;
    padding-top    : 0.4rem;

}

.gs_main {
    width         : 95%;
    overflow-y    : auto;
    margin        : 0 auto;
    padding-bottom: 2rem;
}

.gonggao {
    color        : #828282;
    font-size    : 0.65rem;
    clear        : both;
    width        : 100%;
    margin-bottom: 0.3rem;
    overflow     : hidden;
}

.xlb {
    width          : 0.4rem;
    height         : 0.625rem;
    display        : block;
    /* background  : url(../images/gg.png) no-repeat left top; */
    background-size: contain;
    float          : left;
    margin-top     : 0.15rem;
}

.gonggao span {
    display    : block;
    float      : left;
    width      : 14.4rem;
    line-height: 1rem;
    overflow   : hidden;
    word-wrap  : break-word;
}

.gonggao span em {
    font-style: normal;
    color     : #4A90E2;
}

.a_news {
    overflow     : hidden;
    margin-bottom: 0.3rem;
}

.a_news dt {
    overflow   : hidden;
    color      : #828282;
    font-size  : 0.65rem;
    line-height: 1rem;
}

.a_news dt var {
    width          : 0.14rem;
    height         : 0.6rem;
    display        : block;
    /* background  : url(../images/xx.png) no-repeat left top; */
    background-size: contain;
    float          : left;
    margin-top     : 0.15rem;
}

.a_news dt p {
    display    : block;
    float      : left;
    line-height: 1rem;
    overflow   : hidden;
    margin-left: 0.3rem;
    max-width  : 14.5rem;
    word-wrap  : break-word;
}

.a_news dt p span {
    color     : #44b1fd;
    word-break: break-all;
}

.a_news dt p .teacher_img {
    width         : 3.6rem;
    vertical-align: middle;
    padding-bottom: 0.1rem;
    margin-right  : 0.2rem;
}

.a_news dt p .user_img {
    width         : 1rem;
    vertical-align: middle;
    padding-bottom: 0.2rem;
    margin-right  : 0.2rem;
}

.a_news dt p .fans_img {
    width         : 1.46rem;
    vertical-align: middle;
    padding-bottom: 0.2rem;
    margin-right  : 0.2rem;
}

.a_news dt p span.msg {
    color: #828282;
    ;
}

.a_news.giftzs dt p {
    display: inline-block;
}

.a_news.giftzs dt img {
    vertical-align: middle;
}

.gonggao .tousername {
    width      : auto;
    float      : none;
    display    : inline;
    margin-left: 0;
}

.a_news.giftzs dt {
    float: left;
}

.a_news dt p em {
    color     : #fe791d;
    font-style: normal;
}

.a_news dd {
    color      : #333333;
    font-size  : 0.65rem;
    float      : left;
    line-height: 1rem;
    word-wrap  : break-word;
}

.a_news dd img {
    display       : inline;
    vertical-align: middle;
    margin-right  : 0.2rem;
    display       : inline-block;
}

.a_news dd em {
    color     : #fe791d;
    font-style: normal;
    font-size : 0.7rem;
}

.big_wen {
    width          : 1.725rem;
    height         : 1.725rem;
    background     : url(../images/big_wen.jpg) no-repeat left top;
    background-size: contain;
    position       : fixed;
    right          : 5%;
    top            : 60%;
    overflow       : visible;
}

.big_wen span {
    width           : 0.325rem;
    height          : 0.325rem;
    display         : block;
    background-color: #F15353;
    border-radius   : 60%;
    position        : absolute;
    right           : 0.2rem;
    top             : -0.1rem;
}

/*讲师*/
.j_teacher {
    width   : 100%;
    overflow: hidden;
}

.j_teacher_main {
    width      : 90%;
    overflow   : auto;
    margin     : 0 auto;
    padding-top: 0.5rem;
}

.j_teacher_main div {
    color        : #FFF;
    font-size    : 0.5rem;
    line-height  : 0.76rem;
    margin-bottom: 0.4rem;
}

.j_teacher_main div span {
    color: #fa660a;
}

.j_teacher_main div span.erma {
    display: block;
    float  : left;
}

/*拜师*/
.b_teacher {
    width          : 100%;
    background     : url(../images/back.jpg) repeat-x left top;
    background-size: contain;
    overflow       : scroll;
}

.b_teacher_list {
    width   : 100%;
    overflow: auto;
    overflow: scroll;
}

.b_teacher_list dl {
    overflow     : hidden;
    border-bottom: 1px solid #eceef0;
    box-shadow   : 0 1px 1px #fff;
    font-weight  : normal;
    height       : 2.75rem;
    line-height  : 2.75rem;
}

.b_teacher_list dl dt {
    width          : 1.425rem;
    height         : 1.425rem;
    float          : left;
    background-size: contain;
    margin-top     : 0.6rem;
    margin-left    : 0.575rem;
    padding        : 0;
}

.b_teacher_list dl dt img {
    width        : 100%;
    border-radius: 50%;
}

.b_teacher_list dl dd {
    float       : left;
    padding-left: 0.5rem;
    line-height : 0.75rem;
    padding-top : 0.3rem;
    width       : 13.45rem;
    position    : relative;
}

.b_teacher_list dl dd span {
    display  : block;
    color    : #999999;
    font-size: 0.5rem;
}

.b_teacher_list dl dd span em {
    font-style: normal;
    color     : #F15353;
}

.b_teacher_list dl dd p {
    color    : #333333;
    font-size: 0.6rem;
}

.ck_btn {
    width           : 2.2rem;
    height          : 1.25rem;
    display         : block;
    background-color: #F15353;
    text-decoration : none;
    text-align      : center;
    line-height     : 1.25rem;
    color           : #FFF;
    font-size       : 0.6rem;
    position        : absolute;
    right           : 2%;
    top             : 0.76rem;
    border-radius   : 7px;
}

.bs_w {
    width         : 100%;
    overflow      : hidden;
    text-align    : center;
    padding-bottom: 1rem;
    position      : absolute;
    top           : 0;
    left          : 0;
    z-index       : 11;
}

.bs_w p {
    color    : #333333;
    font-size: 0.6rem;
    padding  : 0.9rem 0;
}

.bs_w p span {
    color    : #F15353;
    font-size: 0.58rem;
}

.bs_btn {
    width           : 4.25rem;
    height          : 1.075rem;
    display         : inline-block;
    background-color: #F15353;
    text-align      : center;
    line-height     : 1.075rem;
    color           : #FFF;
    font-size       : 0.6rem;
    border-radius   : 5px;
    text-decoration : none;
    margin          : 0 1.1rem;
    font-size       : 0.55rem;
}

.bs_btn.what_bs {
    background: none;
    border    : 1px solid #a7a7a7;
    color     : #222222;
}

.b_teacher_list dl.xsb_list dt {
    width     : 3.55rem;
    background: none;
}

.b_teacher_list dl.xsb_list dt span {
    width      : 1.632rem;
    text-align : center;
    font-size  : 0.7rem;
    color      : #F15353;
    float      : left;
    display    : block;
    line-height: 1.5rem;
}

.b_teacher_list dl.xsb_list dt img {
    float  : left;
    display: block;
    width  : 1.5rem;
}

.b_teacher_list dl.xsb_list dd {
    margin-top: 0.7rem;
    width     : 11rem;
}

.b_teacher_list dl dd span.gxz {
    right     : 0rem;
    text-align: left;
    top       : 0.4rem;
    color     : #999999;
    font-size : 0.45rem;
    float     : left;
    width     : 4.15rem;
    position  : absolute;
}

.b_teacher_list dl dd span.gxz var {
    color     : #F15353;
    font-style: normal;
}

.zw_xs {
    background     : url(../images/zw.png) no-repeat center 0.5rem;
    height         : 8rem;
    position       : relative;
    margin-top     : 0.6rem;
    background-size: 62%;
}

.zw_xs p {
    text-align: center;
    width     : 100%;
    color     : #333333;
    font-size : 0.53rem;
    position  : absolute;
    left      : 0;
    bottom    : 0;
}

.zw_xs p a {
    color          : #268af2;
    text-decoration: none;
}

/*房间*/
.room_cn {
    width     : 100%;
    overflow  : hidden;
    overflow  : scroll;
    margin-top: 2rem;
}

.room_list {
    width   : 98%;
    margin  : 0 auto;
    overflow: auto;
}

.room_list li {
    overflow  : hidden;
    width     : 7.6rem;
    height    : 6.4rem;
    float     : left;
    text-align: center;
    position  : relative;
    margin    : 0.425rem 0.1rem 0 0.1rem;
}

.room_list li img {
    width : 95%;
    margin: 0 auto;
}

.id_back {
    display      : block;
    position     : absolute;
    left         : 5%;
    top          : 0.225rem;
    text-align   : center;
    color        : #FFF;
    font-size    : 0.3rem;
    padding      : 0.1rem 0.15rem;
    border       : 1px solid #FFF;
    border-radius: 3px;
}

.room_xx {
    height     : 0.95rem;
    width      : 95%;
    text-align : left;
    line-height: 1.1rem;
    font-size  : 0.65rem;
    margin     : 0 auto;
}

.room_name {
    float    : left;
    color    : #333333;
    font-size: 0.65rem;
}

.numbers {
    height         : 0.525rem;
    display        : block;
    float          : right;
    background     : url(../images/numbers.jpg) no-repeat left top;
    background-size: contain;
    padding-left   : 0.55rem;
    line-height    : 0.525rem;
    margin-top     : 0.2rem;
}

.suo {
    width          : 95%;
    height         : 5.55rem;
    background     : url(../images/suo.png) no-repeat left top;
    background-size: contain;
    position       : absolute;
    left           : 2.5%;
    top            : 0;
}

/*对话框*/
/*#say {width: 100%; overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 11; background-color: #fff; overflow: visible;}*/
.scroll_gg {
    overflow        : hidden;
    background-color: #737373;
    border-top      : 1px solid #e1e1e1;
    color           : #fff;
    padding         : 0.2rem 0;
    margin-left     : -20rem;
}

.scroll_gg span {
    margin-right: 1rem;
    display     : inline-block;
    margin-top  : 0;
}

.say_top {
    height     : 1.8rem;
    border-top : 1px solid #e1e1e1;
    display    : none;
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    background : #fff;
    font-size  : 0.55rem;
    line-height: 1.8rem;
    /* white-space: nowrap;
    overflow-x: auto; */
}

.say_left {
    float : left;
    height: 100%;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
}

.say_left span {
    float      : left;
    color      : #999999;
    margin-left: 0.45rem;
}

.say_left div {
    height          : 1rem;
    width           : 6.8rem;
    /* border       : 1px solid #e2e2e2; */
    border-radius   : 0.1rem;
    background      : url(../images/down_select.png) no-repeat 6rem center;
    background-size : 0.5rem;
    float           : left;
    margin-left     : 0.5rem;
    margin-top      : 0.43rem;
    color           : #000;
    font-size       : 0.56rem;
    line-height     : 1rem;
    text-indent     : 0.4rem;
    text-overflow   : ellipsis;
    overflow        : hidden;
    white-space     : nowrap;
    padding-right   : 1rem;
    box-sizing      : border-box;
    background-color: #eee;
}
.say_right{
    display: inline-block;
    float: none;
    position: absolute;
    width: 10.5rem;
    margin-left: 0rem;
}
.kjpl{
    display: inline-block;
    height: 20px;
    color: rgba(37, 37, 37, 1);
    font-size: 12px;
    line-height: 20px;
    padding: 0px 7px;
    background: rgba(248, 248, 248, 1);
    border-radius: 27px;
    margin: 0px 1px;
}
.say_top label {
    float       : right;
    height      : 1rem;
    line-height : 1rem;
    color       : #999999;
    font-size   : 0.55rem;
    margin-top  : 0.15rem;
    margin-right: 1rem;
}

.say_top label a {
    background     : url(../images/icon.gif) no-repeat 0 0;
    background-size: contain;
    margin-right   : 0.2rem;
    vertical-align : middle;
    margin-top     : 0.07rem;
    height         : 0.8rem;
    width          : 0.8rem;
    display        : block;
    float          : left;
}

.say_top label .lbxz {
    background     : url(../images/icon2.gif) no-repeat 0 0;
    background-size: contain;
}

/*输入框*/
.say_main {
    font-size : 0;
    height    : 2.1rem;
    position  : relative;
    border-top: 1px solid #e1e1e1;
    width     : 100%;
}

.sl_btn {
    margin-top     : .2rem;
    width          : 1.7rem;
    height         : 1.7rem;
    display        : block;
    background     : url(../images/sl_back.jpg) no-repeat left top;
    background-size: contain;
    float          : left;
    margin-left    : .45rem;
    text-align     : center;
    line-height    : 1.7rem;
    color          : #F15353;
    font-size      : 0.55rem;
}

.sl_btn.sl_btn2 {
    /* background: url(../images/sl_back2.jpg) no-repeat left top; */
    background-size: contain;
}

.yuan {
    width           : 0.8rem;
    height          : 0.8rem;
    display         : block;
    background-color: #F15353;
    border-radius   : 50%;
    position        : absolute;
    left            : 1.675rem;
    top             : 0;
    text-align      : center;
}

.yuan span {
    font-size        : .48rem;
    line-height      : 0.48rem;
    color            : #fff;
    position         : absolute;
    left             : 50%;
    top              : 50%;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
    -ms-transform    : scale(0.9) translate(-50%, -50%);
    transform        : scale(0.9) translate(-50%, -50%);
}

.xx_back {
    width        : 9.32rem;
    height       : 1.7rem;
    background   : #eee;
    display      : inline-block;
    margin-top   : 0.2rem;
    border-radius: 50px;
}

.smail {
    width          : 0.9rem;
    height         : 1.8rem;
    border-radius  : 50%;
    display        : block;
    background     : url(../images/smail2.png) no-repeat center;
    background-size: 0.9rem;
    float          : right;
    margin-left    : 0.45rem;
    margin-right   : 0.45rem;
}

.smail.hover {
    background     : url(../images/keyboard.png) no-repeat center;
    background-size: 100%;
}

#sendMsg {
    border-top-left-radius: 20%;
    border-bottom-left-radius: 20%;
    width        : 7.3rem;
    height       : 1.7rem;
    line-height  : 0.8rem;
    float        : left;
    color        : #999999;
    font-size    : 0.6rem;
    background   : #f0f0f0;
    /* padding   : .2rem 0rem; */
    box-sizing   : border-box;
    margin-left  : 0.22rem;
    border-right  : 1px solid #ccc;
    /* margin-top: 0.5rem; */
    padding-left : 0.4rem;

}
#sendMsg1 {

    width        : 6.3rem;
    height       : 1.7rem;
    line-height  : 0.8rem;
    float        : left;
    color        : #999999;
    font-size    : 0.6rem;
    background   : #f0f0f0;
    /* padding   : .2rem 0rem; */
    box-sizing   : border-box;
    margin-left  : 0.22rem;
    border-left  : 1px solid #ccc;
    /* margin-top: 0.5rem; */
    padding-left : 0.4rem;

}
.say_main .send {
    float           : right;
    width           : 2rem;
    height          : 100%;
    background-color: #F15353;
    color           : #fff;
    line-height     : 1.7rem;
    margin          : 0;
    text-align      : center;
    border-radius   : 0 1rem 1rem 0;
    display         : block;
    font-size       : 0.55rem;
    text-decoration : none;
}

.gift_div {
    width          : 1.6rem;
    height         : 1.7rem;
    display        : inline-block;
    margin-left    : 0.4rem;
    background     : url(../images/flower1.png) no-repeat left top;
    background-size: contain;
    position       : absolute;
    right          : 0.31rem;
    bottom         : 0.1rem;
}
.xfc {
    width          : 1.6rem;
    height         : 1.7rem;
    display        : inline-block;
    margin-left    : 0.4rem;
    background     : url(../images/xfc1.gif) no-repeat left top;
    background-size: contain;
    position       : absolute;
    right          : 2.25rem;
    bottom         : 0.1rem;
}
.go-recommend {
    width          : 1.7rem;
    height         : 1.7rem;
    display        : inline-block;
    margin-left    : 0.45rem;
    background     : url(../images/goRList.png) no-repeat center;
    background-size: contain;
}

/*表情*/
#biaoqing {
    height    : 0;
    transition: all 0.5s;
    overflow  : hidden;
}

#biaoqing.show {
    height    : 8rem;
    transition: all 0.5s;
}

.bq_list {
    overflow      : hidden;
    margin-left   : 0.4rem;
    margin-top    : 0.2rem;
    padding-bottom: 0.2rem;
}

.bq_list li {
    width           : 1.4rem;
    height          : 1.4rem;
    border-radius   : 3px;
    background-color: #f4f4f4;
    border          : 1px solid #ececec;
    float           : left;
    margin          : 0.1rem 0.22rem;
    text-align      : center;
    line-height: 1.4rem;
}

.bq_list li.last_li {
    background: none;
    border    : none;
}

.bq_list li img {
    margin    : 0 auto;
    /* margin-top: 0.3rem; */
}

.qc_btn {
    width          : 1.375rem;
    height         : 1.05rem;
    display        : block;
    background     : url(../images/qc.jpg) no-repeat left top;
    background-size: contain;
    margin         : 0 auto;
    margin-top     : 0.2rem;
}

.pagination {
    z-index       : 20;
    width         : 100%;
    text-align    : center;
    clear         : both;
    padding-bottom: 0.2rem;
}

.swiper-pagination-bullet {
    display      : inline-block;
    width        : 0.2rem;
    height       : 0.2rem;
    border-radius: 5px;
    background   : #e6e6e6;
    margin       : 0 0.2rem;
    opacity      : 0.8;
    cursor       : pointer;
}

.swiper-pagination-bullet-active {
    background: #999999;
}

/*弹框*/
.mask {
    width     : 100%;
    height    : 100%;
    left      : 0;
    top       : 0;
    filter    : alpha(opacity=50);
    opacity   : 0.5;
    background: #000;
    z-index   : 11;
    zoom      : 1;
    display   : none;
    position  : fixed;
}

.masks {
    width     : 100%;
    height    : 100%;
    left      : 0;
    top       : 0;
    filter    : alpha(opacity=50);
    opacity   : 0.5;
    background: #000;
    z-index   : 11;
    zoom      : 1;
    display   : none;
    position  : fixed;
}

.ts3 {
    display         : none;
    width           : 13rem;
    height          : 5rem;
    position        : fixed;
    top             : 8rem;
    left            : 1.5rem;
    z-index         : 12;
    background-color: #FFF;
    border-radius   : 0.2rem;
    text-align      : center;
    font-size       : 0.8rem;
    padding-top     : 1rem;
    border          : 0.05rem solid #E0E0E0
}

.ts3 a {
    display         : inline-block;
    width           : 5rem;
    height          : 2rem;
    line-height     : 2rem;
    background-color: #F15353;
    border-radius   : 0.15rem;
    color           : white;
    margin-top      : 1rem;
}

.ts2 {
    width           : 11.2rem;
    overflow        : hidden;
    background-color: #FFF;
    border-radius   : 15px;
    display         : none;
    z-index         : 12;
    position        : fixed;
    left            : 50%;
    top             : 10rem;
    margin-left     : -5.6rem;
}

.ts2 h2 {
    text-align : center;
    color      : #333333;
    font-size  : 0.75rem;
    line-height: 1.2rem;
    height     : 1.2rem;
    margin-top : 0.5rem;
}

.ts2 div {
    width         : 100%;
    line-height   : 0.8rem;
    text-align    : center;
    color         : #333333;
    font-size     : 0.6rem;
    border-bottom : 1px solid #dcdcdc;
    padding-bottom: 0.5rem;
    text-align    : center;
}

.ts2 a {
    width          : 49%;
    text-align     : center;
    height         : 1.6rem;
    line-height    : 1.6rem;
    color          : #00a8ff;
    display        : inline-block;
    text-decoration: none;
    font-size      : 0.63rem;
}

.ts2 a.qx {
    border-right: 1px solid #dcdcdc;
    width       : 48%;
    height      : 1.6rem;
}

.ts2 div input {
    width        : 80%;
    height       : 1.2rem;
    line-height  : 1.2rem;
    border       : 1px solid #dcdcdc;
    margin       : 0 auto;
    display      : block;
    background   : none;
    margin-top   : 0.5rem;
    border-radius: 0;
}

/*下载弹框*/
.ts2 div.my_yb {
    height        : 0.8rem;
    line-height   : 0.8rem;
    text-align    : center;
    border        : none;
    margin-top    : 0.3rem;
    padding-bottom: 0.1rem;
}

.ts2 div.my_yb2 {
    height     : 0.8rem;
    line-height: 0.8rem;
    text-align : left;
    border     : none;
    top        :  !important;
}

.xyb {
    width          : 0.95rem;
    height         : 0.625rem;
    display        : inline-block;
    background     : url(../images/xyb.jpg) no-repeat left top;
    background-size: contain;
    margin-top     : 0.3rem;
    margin-left    : 1rem;
    margin-right   : 0.5rem;
}

.ts2 div.my_yb var {
    color     : #e6610e;
    font-style: normal;
    padding   : 0 0.2rem;
}

.ts2 div.ybhs {
    text-align : center;
    font-size  : 0.425rem;
    color      : #333333;
    text-indent: 2rem;
}

.ts2 a.zbc {
    border-right: 1px solid #dcdcdc;
    width       : 48%;
    height      : 1.6rem;
    color       : #999999;
}

.ts2 a.sure {
    width          : 100%;
    text-align     : center;
    height         : 1.6rem;
    line-height    : 1.6rem;
    color          : #00a8ff;
    display        : inline-block;
    text-decoration: none;
    font-size      : 0.63rem;
}

.swiper-wrapper {
    padding: 0;
    margin : 0;
    border : none;
}

.swiper-slide {
    border: none;
}

/*选择名字*/
.name_cn {
    width          : 6.8rem;
    overflow       : hidden;
    background     : url(../images/jt3.png) no-repeat 0.3rem 6.6rem;
    background-size: 0.8rem 0.6rem;
    padding-bottom : 0.4rem;
    position       : absolute;
    bottom         : 8.5rem;
    left           : 1.5rem;
    z-index        : 15;
    display        : none;
    border-radius  : 5px;
}

.name_list {
    height          : 2.5rem;
    overflow        : scroll;
    background-color: #323232;
    border-radius   : 5px;
    width           : 6.8rem;
    padding-bottom  : 0.1rem;
}

.name_list li {
    width          : 100%;
    height         : 1.2rem;
    line-height    : 1.2rem;
    border-bottom  : 1px solid #0d0d0d;
    color          : #FFF;
    /* background  : url(../images/xr.png) no-repeat 0.3rem center; */
    background-size: 6%;
    text-indent    : 0.4rem;
    white-space    : nowrap;
    text-overflow  : ellipsis;
    overflow       : hidden;
}

.video_mask {
    width           : 100%;
    height          : 9rem;
    background-color: #000;
    opacity         : 0.5;
    position        : absolute;
    left            : 0;
    top             : 1rem;
    z-index         : 1;
    display         : none;
}

.video_btn {
    /* width: 3rem;
    height: 3rem;
    background: url(../images/video_btn.png) no-repeat left top;
    background-size: contain;
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 4.5rem;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    display: none; */
}

/*购买*/
#bay {
    width           : 99.5%;
    overflow        : scroll;
    background-color: #eeeeee;
    margin          : 0 auto;
}

.bay_top {
    height          : 1.825rem;
    background-color: #fff;
    overflow        : hidden;
    border          : 1px solid #e1e1e1;
    margin-bottom   : 0.3rem;
}

.gm_tx {
    width      : 1.225rem;
    height     : 1.225rem;
    display    : block;
    margin-top : 0.375rem;
    margin-left: 0.4rem;
    float      : left;
}

.gm_tx img {
    width: 100%;
}

.gm_name {
    float      : left;
    display    : block;
    height     : 1.825rem;
    line-height: 1.825rem;
    color      : #333333;
    font-size  : 0.65rem;
    margin-left: 0.7rem;
}

.kc_cn {
    width           : 99.5%;
    overflow        : hidden;
    background-color: #fff;
    border          : 1px solid #e1e1e1;
    margin          : 0 auto;
    margin-bottom   : 0.3rem;
    padding-bottom  : 0.6rem;
}

.kc_main {
    width     : 95%;
    overflow  : hidden;
    margin    : 0 auto;
    margin-top: 0.75rem;
}

.kc_main p {
    color        : #333333;
    font-size    : 0.6rem;
    margin-bottom: 0.75rem;
    line-height  : 0.9rem;
}

.kc_main h5 {
    height       : 0.8rem;
    line-height  : 0.8rem;
    border-left  : 2px solid #F15353;
    color        : #F15353;
    font-size    : 0.6rem;
    text-indent  : 0.5rem;
    margin-bottom: 0.5rem;
}

.kc_main img {
    width  : 98%;
    display: block;
    margin : 0 auto;
}

.tsfw {
    width        : 98%;
    overflow     : hidden;
    margin       : 0 auto;
    color        : #666666;
    font-size    : 0.6rem;
    line-height  : 0.8rem;
    margin-bottom: 0.3rem;
}

.bay_bottom {
    height          : 2.08rem;
    width           : 99.5%;
    margin          : 0 auto;
    border          : 1px solid #e1e1e1;
    background-color: #fff;
    position        : fixed;
    left            : 0;
    bottom          : 0;
}

.kc_price {
    float      : left;
    height     : 2.08rem;
    line-height: 2.08rem;
    color      : #333333;
    font-size  : 0.65rem;
    text-indent: 0.3rem;
}

.kc_price span {
    color: #999999;
}

.kc_price span em {
    font-style: normal;
    color     : #F15353;
}

.bay_btn {
    height          : 1.25rem;
    display         : block;
    background-color: #F15353;
    color           : #FFF;
    text-align      : center;
    line-height     : 1.25rem;
    float           : left;
    margin-top      : 0.4rem;
    border-radius   : 5px;
    text-decoration : none;
    font-size       : 0.5rem;
    margin-left     : 0.3rem;
    padding         : 0 0.2rem;
}

/*观众*/
.gz_main {
    overflow: scroll;
}

.gz_room {
    height          : 2.1rem;
    background-color: #eeeeee;
}

.gz_room dl {
    width : 60%;
    height: 1.7rem;
    float : left;
}

.gz_room dl dt {
    width      : 1.075rem;
    height     : 1.075rem;
    float      : left;
    margin-left: 0.375rem;
    margin-top : 0.325rem;
}

.gz_room dl dt img {
    width  : 100%;
    height : 100%;
    display: block;
}

.gz_room dl dd {
    float      : left;
    margin-left: 0.55rem;
}

.gz_room dl dd p {
    margin-top: 0.275rem;
    font-size : 0.55rem;
}

.gz_room dl dd span {
    display   : block;
    color     : #999999;
    margin-top: 0rem;
}

.caozuo {
    float : right;
    height: 2.1rem;
}

.caozuo span {
    display   : block;
    float     : right;
    height    : 1.9rem;
    text-align: center;
    padding   : 0 0.375rem;
    margin-top: 0.1rem;
    font-size : 0.4rem;
}

.caozuo span img {
    width        : 70%;
    display      : block;
    margin       : 0 auto;
    margin-top   : 0.225rem;
    margin-bottom: 0.2rem;
}

.caozuo span img.jbd {
    margin-top: 0.115rem;
}

.caozuo span.gzd {
    border-right: 1px solid #d5d5d5;
}

.gz_list {
    overflow: scroll;
}

.gz_one {
    overflow     : hidden;
    border-bottom: 1px solid #eeeeee;
}

.gz_one dl {
    float : left;
    height: 2.4rem;
}

.gz_one dl dt {
    width      : 1.4rem;
    height     : 1.4rem;
    float      : left;
    margin-top : 0.5rem;
    margin-left: 0.425rem;
}

.gz_one dl dt img {
    width  : 100%;
    height : 100%;
    display: block;
}

.gz_one dl dd {
    float      : left;
    margin-left: 0.45rem;
}

.gz_one dl dd p em {
    display   : block;
    float     : left;
    color     : #333333;
    font-size : 0.6rem;
    font-style: normal;
    margin-top: 0.5rem;
}

.gz_one dl dd p em.blue1 {
    color: #4ba4ff;
}

.gz_one dl dd p var {
    width          : 0.6rem;
    height         : 0.875rem;
    display        : block;
    background     : url(../images/ht.jpg) no-repeat left top;
    background-size: contain;
    float          : left;
    margin-top     : 0.45rem;
    margin-left    : 0.2rem;
}

.gz_one dl dd span {
    display   : block;
    color     : #999999;
    font-size : 0.55rem;
    margin-top: 0.2rem;
}

.biaoqian {
    float       : right;
    margin-right: 0.7rem;
}

.tc_stu {
    width          : 1.6rem;
    height         : 0.975rem;
    display        : block;
    background     : url(../images/teacher.jpg) no-repeat left top;
    background-size: contain;
    float          : right;
    margin-top     : 0.85rem;
    margin-left    : 0.1rem;
}

.tc_stu.stu {
    background     : url(../images/student.jpg) no-repeat left top;
    background-size: contain;
}

.zhankai {
    width          : 0.6rem;
    height         : 0.625rem;
    display        : block;
    background     : url(../images/zk.jpg) no-repeat left top;
    background-size: contain;
    float          : right;
    margin-left    : 0.4rem;
    margin-top     : 0.95rem;
}

.zhankai.shouqi {
    background     : url(../images/sq.jpg) no-repeat left top;
    background-size: contain;
}

.gz_one table {
    border         : 1px solid #bfbfbf;
    border-collapse: collapse;
    border-bottom  : none;
    width          : 99%;
    margin         : 0 auto;
    display        : none;
}

.gz_one table td {
    height          : 1.45rem;
    border          : 1px solid #bfbfbf;
    background-color: #eeeeee;
    text-align      : center;
    width           : 33%;
}

.gz_one table td span {
    display       : inline-block;
    height        : 1.45rem;
    line-height   : 1.45rem;
    vertical-align: middle;
    margin-left   : 0.25rem;
    color         : #999999;
    font-size     : 0.5rem;
}

.gz_one table td var.fw {
    width          : 0.65rem;
    height         : 0.625rem;
    display        : inline-block;
    background     : url(../images/fwz.jpg) no-repeat left top;
    background-size: contain;
    vertical-align : middle;
}

.gz_one table td span.fwz {
    color: #F15353;
}

.gz_one table td var.jinyan {
    width          : 0.65rem;
    height         : 0.65rem;
    display        : inline-block;
    background     : url(../images/jy.jpg) no-repeat left top;
    background-size: contain;
    vertical-align : middle;
}

.gz_one table td var.tichu {
    width          : 0.6rem;
    height         : 0.6rem;
    display        : inline-block;
    background     : url(../images/tcfj.jpg) no-repeat left top;
    background-size: contain;
    vertical-align : middle;
}

/*热门推荐*/
.hot_tj {
    width        : 97%;
    height       : 1.25rem;
    margin       : 0 auto;
    border       : 1px solid #e8e7e7;
    border-radius: 20px;
    margin-top   : 0.375rem;
    position     : fixed;
    top          : 0;
    left         : 1.5%;
}

.hot_tj input {
    width        : 90%;
    height       : 1.25rem;
    float        : left;
    border-radius: 20px;
    text-indent  : 0.8rem;
}

.hot_tj a {
    width          : 0.85rem;
    height         : 0.85rem;
    display        : block;
    float          : right;
    background     : url(../images/find.png) no-repeat left top;
    background-size: contain;
    margin-top     : 0.2rem;
    margin-right   : 0.575rem;
}

.ts2 a.close {
    width          : 0.5rem;
    height         : 0.5rem;
    display        : block;
    background     : url(../images/close2.jpg) no-repeat left top;
    background-size: contain;
    position       : absolute;
    right          : 0.5rem;
    top            : 0.5rem;
}

.slms {
    height         : 1.5rem;
    background     : rgba(248, 248, 248, 1);
    background-size: contain;
    text-align     : center;
    line-height    : 1.5rem;
    color          : #F15353;
    font-size      : 0.5rem;
}

/*我的财经*/
.my_gg {
    width   : 100%;
    overflow: hidden;
}

.my_title {
    height     : 1.875rem;
    line-height: 1.875rem;
    text-align : center;
    color      : #333333;
    font-size  : 0.735rem;
}

.my_title a {
    color          : #333333;
    float          : left;
    text-decoration: none;
    margin-left    : 5%;
}

.my_zl {
    height         : 7.475rem;
    background     : url(../images/zl_back.jpg) no-repeat left top;
    background-size: contain;
    position       : relative;
}

.my_zl dl {
    overflow   : hidden;
    margin-left: 0.575rem;
    margin-top : 0.65rem;
}

.my_zl dl dt {
    width          : 4.325rem;
    height         : 4.325rem;
    float          : left;
    background     : url(../images/tx.png) no-repeat left top;
    background-size: contain;
}

.my_zl dl dt img {
    border-radius: 50%;
    display      : block;
    margin       : 0 auto;
    width        : 3.125rem;
    height       : 3.125rem;
    margin-top   : 0.55rem;
}

.my_zl dl dd {
    float      : left;
    margin-left: 0.425rem;
    margin-top : 1.5rem;
}

.my_zl dl dd span {
    display      : block;
    color        : #fff;
    font-size    : 0.65rem;
    margin-bottom: 0.2rem;
}

.my_zl_bottom {
    height          : 2.35rem;
    width           : 99.5%;
    background-color: #FFF;
    opacity         : 0.6;
    position        : absolute;
    bottom          : 0;
    border          : 1px solid #b7b7b7;
    margin          : 0 auto;
    border-right    : none;
}

.my_zl ul {
    width   : 100%;
    height  : 1.75rem;
    bottom  : 0.35rem;
    left    : 0;
    position: absolute;
}

.my_zl ul li {
    float       : left;
    border-right: 1px solid #b7b7b7;
    width       : 33%;
    height      : 1.75rem;
    text-align  : center;
    color       : #333333;
    font-size   : 0.425rem;
}

.my_zl ul li span {
    color        : #333333;
    font-size    : 0.65rem;
    display      : block;
    margin-bottom: 0.1rem;
}

.my_zl ul li img {
    width         : 15%;
    vertical-align: middle;
    margin-right  : 0.3rem;
}

.my_zl ul li img.ybd {
    width: 11%;
}

.cz_btn {
    width           : 2.55rem;
    height          : 1.25rem;
    display         : block;
    background-color: #fdbf2e;
    text-align      : center;
    margin          : 0 auto;
    line-height     : 1.25rem;
    border-radius   : 7px;
    color           : #000;
    font-size       : 0.65rem;
    text-decoration : none;
    opacity         : 0.8;
}

.my_list {
    overflow: hidden;
    width   : 100%;
}

:-webkit-full-screen video {
    width : 100%;
    height: 100%;
}

:-moz-full-screen video {
    width : 100%;
    height: 100%;
}

.my_list li {
    height          : 1.7rem;
    border-bottom   : 1px solid #f8f8f8;
    background-color: #FFF;
    position        : relative;
}

.my_list li.wdbs {
    margin-bottom: 0.3rem;
}

.my_list li a {
    width          : 100%;
    height         : 100%;
    display        : block;
    line-height    : 1.7rem;
    text-indent    : 0.7rem;
    color          : #333333;
    font-size      : 0.65rem;
    text-decoration: none;
}

.my_list li a var {
    width          : 0.3rem;
    height         : 0.55rem;
    display        : block;
    background     : url(../images/jt3.jpg) no-repeat left top;
    background-size: contain;
    position       : absolute;
    right          : 5%;
    top            : 0.5rem;
}

.my_list li a img {
    width         : 6%;
    vertical-align: middle;
    margin-right  : 0.65rem;
}

.my_list li a span {
    vertical-align: middle;
}

/*我的拜师*/
.my_bs {
    width     : 98%;
    overflow  : hidden;
    margin    : 0 auto;
    margin-top: 0.25rem;
}

.one_bs {
    overflow     : hidden;
    border       : 1px solid #a8a8a8;
    padding      : 0 0.75rem;
    position     : relative;
    margin-bottom: 0.55rem;
}

.bs_title {
    border-bottom: 1px solid #a8a8a8;
}

.bs_title h5 {
    color          : #007fec;
    font-size      : 0.65rem;
    background     : url(../images/ben.jpg) no-repeat left center;
    background-size: 5%;
    text-indent    : 1rem;
    padding        : 0.4rem 0;
}

.bs_title p span {
    margin-right: 0.75rem;
    color       : #333333;
    font-size   : 0.55rem;
}

.bs_title p {
    padding-bottom: 0.55rem;
    padding-top   : 0.4rem;
}

.zhuangtai {
    width          : 2.425rem;
    height         : 0.9rem;
    background     : url(../images/zt1.jpg) no-repeat left top;
    display        : block;
    background-size: contain;
    position       : absolute;
    right          : 0;
    top            : 0.5rem;
    color          : #FFF;
    text-align     : center;
    line-height    : 0.9rem;
    font-size      : 0.425rem;
    text-indent    : 0.3rem;
}

.my_bs table {
    margin: 0.5rem 0;
}

.my_bs table th {
    height     : 1rem;
    line-height: 1rem;
    color      : #999999;
    font-size  : 0.55rem;
    font-weight: normal;
}

.my_bs table td {
    height     : 1rem;
    line-height: 1rem;
    color      : #333333;
    font-size  : 0.55rem;
}

.btns_div {
    text-align    : center;
    padding-bottom: 0.55rem;
}

.btns_div a {
    margin: 0 0.5rem;
}

.zhuangtai.ytk {
    background     : url(../images/zt2.jpg) no-repeat left top;
    background-size: contain;
}

.zhuangtai.ywc {
    background     : url(../images/zt3.jpg) no-repeat left top;
    background-size: contain;
    height         : 0.98rem;
}

/*拜师秘籍*/
.miji {
    overflow: hidden;
}

.ct1 {
    background-color: #FFF;
    padding         : 0.4rem 0.5rem;
    margin-bottom   : 0.3rem;
}

.ct1 h5 {
    color    : #F15353;
    font-size: 0.65rem;
}

.tequan {
    overflow   : hidden;
    margin-left: 0.5rem;
    margin-top : 0.55rem;
}

.tequan dl {
    clear        : both;
    margin-bottom: 0.3rem;
    overflow     : hidden;
}

.tequan dl dt {
    width : 1.25rem;
    height: 1.25rem;
    float : left;
}

.tequan dl dt img {
    width  : 100%;
    display: block;
}

.tequan dl dd {
    float      : left;
    color      : #666;
    line-height: 1.25rem;
    font-size  : 0.5rem;
    width      : 85%;
    margin-left: 0.5rem;
}

.rhbs {
    overflow   : hidden;
    margin-left: 0.5rem;
    margin-top : 0.55rem;
}

.rhbs p {
    color      : #666;
    font-size  : 0.5rem;
    line-height: 0.8rem;
}

.rhbs img {
    width     : 100%;
    display   : block;
    margin-top: 0.5rem;
}

.ryyw {
    overflow   : hidden;
    margin-left: 0.5rem;
}

.ryyw p {
    color      : #666;
    font-size  : 0.5rem;
    line-height: 1rem;
}

.ryyw p span {
    color: #333333;
}

.one_gift {
    height         : 2.05rem;
    width          : 100%;
    position       : absolute;
    left           : 0;
    background     : url(../images/gift.png) no-repeat left bottom;
    background-size: 55%;
    z-index        : 10;
}

.one_gift p {
    float      : left;
    color      : #fff;
    font-size  : 0.55rem;
    margin-top : 0.35rem;
    margin-left: 0.4rem;
}

.one_gift p span {
    display   : block;
    color     : #fff04d;
    font-size : 0.4rem;
    margin-top: -0.2rem;
}

.one_gift p .gift_user_name {
    margin-top   : 0;
    color        : #ffffff;
    width        : 3.5rem;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
}

.gift_s {
    width       : 12%;
    display     : block;
    float       : left;
    margin-left : 0.1rem;
    margin-right: 0.5rem;
}

.gift_number {
    width      : 8%;
    display    : block;
    float      : left;
    margin-top : 0.35rem;
    margin-left: -0.3rem;
}

.gift_bei {
    width      : 4%;
    display    : block;
    float      : left;
    margin-left: 0.15rem;
    margin-top : 0.6rem;
}

.small_cheng {
    width      : 4%;
    display    : block;
    float      : left;
    margin-left: 0.15rem;
    margin-top : 0.8rem;
}

.big_cheng {
    width      : 6%;
    display    : block;
    float      : left;
    margin-left: 0.15rem;
    margin-top : 0.2rem;
    margin-left: -0.2rem;
}

.fl,
.gift_item {
    float: left;
}

.fr,
.gift_crl .cancel_icon {
    float: right;
}

.ellipsis {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.gift_select {
    position        : absolute;
    left            : 0;
    bottom          : 3.5rem;
    display         : none;
    width           : 100%;
    border-top      : 1px solid #cccccc;
    background      : #fff;
    border-radius   : 0px;
    border-top-width: 2px;
    box-sizing      : border-box;
}

.gift_select.show {
    display: block;
}

.gift_crl {
    width        : 100%;
    height       : 1.55rem;
    border       : none;
    background   : #fff;
    border-radius: 0px;
}

.gift_crl p,
.gift_crl a,
.gift_crl span {
    display  : inline-block;
    font-size: 0;
}

.gift_crl .acer_show {
    font-size      : 0.6rem;
    line-height    : 1.55rem;
    color          : #333;
    background     : url("../images/xyb.jpg") no-repeat center left;
    background-size: 0.875rem .6rem;
    text-indent    : 1.325rem;
    margin-left    : 0.45rem;
    width          : 5.5rem;
}

.gift_crl .recharge {
    font-size    : 0.7rem;
    line-height  : 1rem;
    border       : 1px solid #ffb300;
    color        : #ffb300;
    width        : 2.65rem;
    float        : right;
    border-radius: 5px;
    margin-top   : 0.2rem;
    margin-right : 0.5rem;
    text-align   : center;
}

.gift_crl .cancel_icon {
    margin-right   : .4rem;
    width          : 1rem;
    height         : 100%;
    border         : none;
    background     : url("../images/gift_03.png") no-repeat center left;
    border-radius  : 0px;
    background-size: 1rem;
}

.gift_wrap {
    width        : 100%;
    height       : 7.6rem;
    border       : none;
    background   : #fff;
    border-radius: 0px;
    box-sizing   : border-box;
}

.gift_show_list {
    width     : 16rem;
    box-sizing: border-box;
}

.gift_item.active {
    border-radius: 5px;
    border       : 1px solid #f34a57;

}

.gift_item {
    width      : 3.9rem;
    height     : 3.75rem;
    padding-top: 0.1rem;
    box-sizing : border-box;
}

.gift_item .gift_icon {
    width  : 2.3rem;
    height : 2.3rem;
    margin : 0 auto;
    display: block;
}

.gift_item p {
    text-align: center;
}

.gift_item .gift_name {
    font-size  : 0.5rem;
    line-height: 0.6rem;
    color      : #333;
}

.gift_item .gift_price {
    font-size  : 0.4rem;
    line-height: 0.6rem;
    color      : #b0b0b0;
}

.gift_item:nth-child(4n) {
    margin-right: 0;
}

.gift_bar {
    font-size : 0;
    text-align: center;
    width     : 100%;
}

.gift_bar span {
    width        : 0.35rem;
    height       : 0.35rem;
    border       : none;
    background   : #c7d5e2;
    border-radius: 50%;
    display      : inline-block;
    margin-right : .3rem;
}

.gift_bar span:last-child {
    margin-right: 0;
}

.gift_bar span.swiper-pagination-bullet-active {
    background: #565e72;
}

.statistics_show {
    position     : absolute;
    bottom       : 0;
    left         : 0;
    width        : 100%;
    height       : 3.5rem;
    border       : none;
    background   : #fff;
    border-radius: 0px;
    overflow     : hidden;
    box-sizing   : border-box;
}

.s_1,
.s_2 {
    font-size: 0;
}

.s_1 span,
.s_2 span {
    display: inline-block;
}

.kinerContent .s_1 p,
.s_2 p {
    display: inline-block;
}

.s_1 img,
.s_2 img {
    display: inline-block;
}

.s_2 {
    margin-top: .45rem;
}

.s_2 span,
.s_2 p,
.s_2 img {
    vertical-align: top;
}

.generous_hwo {
    margin-right: 0.4rem;
    margin-left : .4rem;
    font-size   : 0.6rem;
    line-height : 1.075rem;
    color       : #f34a57;
}

.simu_select {
    padding            : 0 0.6rem;
    font-size          : 0.6rem;
    line-height        : 1rem;
    color              : #999;
    width              : 10.75rem;
    height             : 1.075rem;
    border             : 1px solid #f34a57;
    background         : url("../images/gift_07.png") no-repeat;
    border-radius      : 5px;
    background-size    : 0.675rem 0.325rem;
    box-sizing         : border-box;
    background-position: 9.5rem center;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    overflow           : hidden;
    vertical-align     : bottom;
}

.simu_select_small {
    width              : 4rem;
    background-position: 3rem center;
}

.gift_num {
    margin-left: 0.45rem;
    font-size  : 0.6rem;
    line-height: 1rem;
    color      : #333;
}

.italy_gift_icon {
    width       : 1.1rem;
    height      : 1.1rem;
    margin-left : .6rem;
    margin-right: .55rem;
}

.italy_gift_name {
    font-size    : 0.6rem;
    line-height  : 1.1rem;
    color        : #ffb300;
    width        : 5rem;
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
    text-align   : left;
}

.generous {
    width        : 2.35rem;
    height       : 1.1rem;
    border       : none;
    background   : #f34a57;
    border-radius: 5px;
    font-size    : 0.6rem;
    line-height  : 1.1rem;
    color        : #fff;
    margin-left  : 0.45rem;
    text-align   : center;
}

.clearfix:after {
    content: " ";
    display: block;
    clear  : both;
    height : 0;
}

.clearfix {
    zoom: 1;
}

.gift_big_wrap {
    position: fixed;
    left    : 0;
    bottom  : 0;
    z-index : 13;
    width   : 100%;
    display : none;
}

.give_flower {
    position  : fixed;
    left      : 0;
    bottom    : 0;
    z-index   : 13;
    width     : 100%;
    display   : none;
    background: #ffffff;
    padding   : 0.6rem 0 0.7rem;
    box-shadow: 0px -2px 17px 0px rgba(0, 0, 0, 0.1)
}

.give_flower .flower_one_img {
    float : left;
    width : 2.5rem;
    height: 2.5rem;
}

.flower_text {
    display    : inline-block;
    margin-left: 0.5rem;
    margin-top : -0.1rem;
    line-height: 1rem;
}

.flower_text p {
    color    : #888888;
    font-size: 0.6rem;
}

.flower_text .title {
    color    : #000000;
    font-size: 0.7rem;
}

.flower_text span {
    font-size: 0.8rem;
    color    : #F15353;
}

.flower_teacher {
    height     : 1.5rem;
    line-height: 1.5rem;
    padding-top: 0.3rem;
    position   : relative;
}

.flower_teacher span {
    font-size: 0.7rem;
    color    : #000000;
}

.flower_teacher_select {
    display         : inline-block;
    width           : 12.3rem;
    height          : 1.5rem;
    border-radius   : 0.1rem;
    border          : none;
    background-color: #F0F0F0;
    color           : #000000;
    font-size       : 0.7rem;
    padding-left    : 0.4rem;
    position        : absolute;
    right           : 0rem;
}

.flower_teacher_list {
    width     : 12.7rem;
    height    : 3rem;
    overflow-y: auto;
    position  : absolute;
    top       : 1.8rem;
    right     : 0;
    display   : none;
}

.flower_teacher_list li {
    display         : block;
    width           : 12.2rem;
    height          : 1.5rem;
    border          : 0.05rem solid #F0F0F0;
    background-color: #ffffff;
    border-top      : none;
    z-index         : 1;
    position        : relative;
    padding-left    : 0.4rem;
}

.down_select {
    position      : absolute;
    right         : 0.5rem;
    top           : 1rem;
    width         : 0.5rem;
    height        : 0.27rem;
    pointer-events: none;
}

.flower_num {
    height     : 2rem;
    padding-top: 0.5rem;
}

.flower_num span {
    display      : inline-block;
    width        : 2.2rem;
    height       : 1.25rem;
    line-height  : 1.25rem;
    border-radius: 0.1rem;
    border       : 0.05rem solid #F15353;
    color        : #F15353;
    font-size    : 0.7rem;
    text-align   : center;
    margin-right : 0.27rem;
}

.flower_num .all_flower_num {
    width   : 3.5rem;
    position: absolute;
    right   : 0.4rem;
}

.flower_num .flower_active {
    color     : #ffffff;
    background: #F15353;
}

.present_flower {
    height: 1.4rem;
}

.present_flower .present_flower_num {
    height       : 1.4rem;
    width        : 5rem;
    background   : #FCDDDD;
    color        : #F15353;
    margin-right : 0.2rem;
    text-align   : center;
    font-size    : 0.7rem;
    border-radius: 0.1rem;
}

.present_flower .true_present_flower {
    display      : inline-block;
    height       : 1.4rem;
    line-height  : 1.4rem;
    border-radius: 0.1rem;
    text-align   : center;
    font-size    : 0.7rem;
    width        : 9.18rem;
    background   : #F15353;
    color        : #FFFFFF;
}

.give_flower .flower_close_img {
    float : right;
    width : 0.7rem;
    height: 0.7rem;
}

.give_flower .flower_content {
    width      : 14.65rem;
    margin     : 0 auto;
    padding-top: 0.2rem;
}

.few_flower {
    position        : absolute;
    width           : 7rem;
    height          : 1.5rem;
    text-align      : center;
    line-height     : 1.5rem;
    background-color: #000000;
    opacity         : 0.7;
    font-size       : 0.7rem;
    color           : #FFFFFF;
    top             : 50%;
    left            : 50%;
    margin-top      : -0.75rem;
    margin-left     : -3.5rem;
    border-radius   : 0.1rem;
    display         : none;
}

.gift_quantity_select.show,
.people_selelct.show {
    height: 11.5rem;
    ;
    transition: all 0.7s cubic-bezier(0.13, 1.05, 1, 1);
}

.gift_quantity_select {
    position     : absolute;
    left         : 0;
    bottom       : 2.95rem;
    width        : 100%;
    height       : 0;
    border       : none;
    background   : #f0f0f0;
    border-radius: 0px;
    transition   : all 0.7s cubic-bezier(0.13, 1.05, 1, 1);
    box-sizing   : border-box;
    overflow     : hidden;
}

.gift_quantity_select .quantity_list {
    padding      : 0.55rem 0.15rem 0.3rem;
    overflow     : hidden;
    margin-bottom: -0.85rem;
}

.gift_quantity_select .quantity_item {
    width        : 2.25rem;
    height       : auto;
    border       : none;
    background   : #f0f0f0;
    border-radius: 0px;
    overflow     : hidden;
    float        : left;
    margin-left  : 1.45rem;
}

.gift_quantity_select .quantity_item.selected .quantity_pic.pic_one {
    display: none;
}

.gift_quantity_select .quantity_item .quantity_pic.pic_one {
    display: block;
}

.gift_quantity_select .quantity_item .quantity_pic.pic_tow {
    display: none;
}

.gift_quantity_select .quantity_item.selected .quantity_pic.pic_tow {
    display: block;
}

.gift_quantity_select .quantity_item .quantity_pic {
    width        : 1.725rem;
    height       : 1.725rem;
    display      : block;
    margin       : 0 auto;
    margin-bottom: 0.25rem;
}

.gift_quantity_select .quantity_item .quantity_desc {
    font-size  : 0.5rem;
    line-height: 0.65rem;
    color      : #5f5f5f;
    text-align : center;
}

.gift_quantity_select .quantity_item .quantity_count {
    margin-bottom: 0.45rem;
}

.people_selelct {
    position     : absolute;
    left         : 0;
    bottom       : 3.5rem;
    width        : 100%;
    height       : 0rem;
    border       : none;
    overflow     : hidden;
    background   : #fff;
    border-radius: 0px;
    box-sizing   : border-box;
    transition   : all 1s;
}

.people_selelct .people_list {
    height  : 11.5rem;
    overflow: scroll;
}

.people_selelct .people_item {
    padding      : 0 0.625rem 0 0.425rem;
    border-bottom: 1px solid #d4d4d7;
}

.people_selelct .people_item .people_pic {
    width        : 1.5rem;
    height       : 1.5rem;
    float        : left;
    border-radius: 50%;
    margin-top   : 0.475rem;
    margin-bottom: 0.4rem;
}

.people_selelct .people_item .people_msg {
    width      : 12.3rem;
    float      : left;
    margin-left: 0.8rem;
}

.people_selelct .people_item .people_msg .people_name {
    font-size    : 0.6rem;
    line-height  : 0.7rem;
    color        : #333;
    margin-top   : 0.4rem;
    margin-bottom: 0.3rem;
}

.people_selelct .people_item .people_msg .people_id {
    font-size  : 0.4rem;
    line-height: 0.5rem;
    color      : #999999;
}

.people_selelct .people_item .people_next-icon {
    margin-top     : 1.1rem;
    width          : 0.35rem;
    height         : 0.6rem;
    border         : none;
    float          : left;
    background     : url("../images/next_peo.png");
    border-radius  : 0px;
    background-size: 0.35rem, 0.6rem;
}

.kinerContent {
    overflow  : hidden;
    /* height : 26.34rem; */
    background: #fff;
    position  : absolute;
    top       : 1.7rem;
    width     : 100%;
    bottom    : 0;
    left      : 0;
    right     : 0;
}

.kinerItem {
    float: left;
}

html,
body {
    overflow: hidden;
    height  : 100%;
}

.wrapper.tt0 {
    transform : translateX(0%);
    transition: all 0.5s;
}

.wrapper.tt1 {
    transform : translateX(-25%);
    transition: all 0.5s;
}

.wrapper.tt2 {
    transform : translateX(-50%);
    transition: all 0.5s;
}

.wrapper.tt3 {
    transform : translateX(-75%);
    transition: all 0.5s;
}

.video-wrapper {
    background-color   : #fff;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;

    position: relative;
    top     : 0;
    left    : 0;
    height  : 0;
    width   : 100%;

    overflow      : hidden;
    margin        : 0;
    padding       : 0;
    border        : 0;
    vertical-align: baseline;
    padding-top   : 56.25%;
}

.video-container {
    margin        : 0;
    padding       : 0;
    border        : 0;
    vertical-align: baseline;
    position      : absolute;
    top           : 0;
    left          : 0;
    width         : 100%;
    height        : 100%;
}

#player {
    margin          : 0;
    padding         : 0;
    border          : 0;
    box-shadow      : none;
    vertical-align  : baseline;
    background-color: #000;
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
}


#error_ts,
#wxts,
#wxts2 {
    top: 5rem;
}

.chatMode {
    width  : 2.6rem;
    height : 1.9rem;
    display: inline-block;
    float  : left;
}

#input-wrap {
    width   : 8.75rem;
    height  : 2.1rem;
    position: absolute;
    left    : 2.6rem;
    top     : 0;
}

.msg-big-warp {
    position: fixed !important;
    top     : 9rem !important;
    bottom  : 0 !important;
    left    : 0;
    right   : 0;
}

.down_mask,
.mask_input {
    width     : 100%;
    height    : 100%;
    left      : 0;
    top       : 0;
    filter    : alpha(opacity=50);
    opacity   : 0.5;
    background: #000;
    z-index   : 11;
    zoom      : 1;
    display   : none;
    position  : fixed;
}

.mask_input {
    z-index: 10;
}

.roll-warp {
    position: absolute;
    width   : 16rem;
    top     : 0;
    left    : 0;
    height  : 1.1rem;
    overflow: hidden;
}

.roll-warp .roll-box {
    background: #ffe1b2;
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    display   : none;

    z-index: 2;
}

.roll-box.show {
    display: block;
    height : 1.1rem;
    z-index: 2;
}

.roll-box p {
    position       : absolute;
    font-size      : 0.55rem;
    color          : #946215;
    line-height    : 1.1rem;
    text-indent    : 0.8rem;
    background     : url('../images/fxhb.jpg') no-repeat left center;
    background-size: .5rem 0.7rem;
}

.roll-box p span {
    color: #fe8800;
}

.roll-warp .roll-box2 {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    display : none;
    z-index : 1;
}

.roll-box2 p {
    position       : absolute;
    font-size      : 0.55rem;
    color          : #946215;
    line-height    : 1.1rem;
    text-indent    : 0.8rem;
    background     : url('../images/fxhb.jpg') no-repeat left center;
    background-size: .5rem 0.7rem;
}

.roll-box2 p span {
    color: #fe8800;
}

.fxstyle {
    position: absolute;
    right   : 0.45rem;
    top     : 2rem;
    height  : 1.4rem;
    width   : 2.175rem;
    z-index : 2;
}

.down_cn {
    width          : 15.1rem;
    height         : 21.625rem;
    margin         : 0 auto;
    background     : url('../images/fx_03.png') no-repeat;
    background-size: contain;
    position       : absolute;
    bottom         : 3.5rem;
    left           : .4rem;
    z-index        : 12;
    display        : none;
}

.down_cn .down_load {
    position: absolute;
    width   : 7.65rem;
    height  : 1.6rem;
    bottom  : 2.7rem;
    left    : 3.5rem;
}

.down_cn .down_close {
    position: absolute;
    width   : 1.1rem;
    height  : 1.1rem;
    bottom  : .4rem;
    left    : 6.9rem;
}

.total-control {
    width           : 100%;
    position        : fixed;
    left            : 0;
    bottom          : 0;
    z-index         : 11;
    background-color: #fff;
    overflow        : visible;
}

.total-control .give {
    display: none
}

/* .total-control .flower{
  position: relative;
  display: none
} */
.say_main .flower_tost {
    position       : absolute;
    width          : 7.25rem;
    height         : 1.5rem;
    background     : url(../images/flower_tost.png) no-repeat center top;
    background-size: 7.25rem 1.5rem;
    top            : -1.7rem;
    right          : 0.3rem;
    z-index        : 1;
}

.total-control .flower .flower_tost .flower_tost_close {
    float : right;
    width : 1.2rem;
    height: 1.2rem;
}

.total-control ul {
    height          : 6.6rem;
    /* border-top   : 1px solid #e1e1e1; */
    /* border-bottom: 1px solid #e1e1e1; */
    position        : relative;
    /* display      : flex; */
}

.total-control li {
    flex      : 1;
    /* text-align: left; */
    align-self: center;
    font-size : 0.56rem;
}

.total-control .share {
    width: 8.875rem;
}

.total-control li img {
    display       : inline-block;
    width         : 1.1rem;
    height        : 1rem;
    vertical-align: middle;
}

.total-control .flower img {
    display       : inline-block;
    width         : 1.1rem;
    height        : 1.4rem;
    vertical-align: middle;
}

.total-control li span {
    display    : inline-block;
    font-size  : .6rem;
    line-height: 1rem;
    color      : #828282;
}

.gift_bar span.swiper-pagination-bullet-active {
    background: #f34a57;
}

.gift-num {
    margin-right: 0.4rem;
    margin-left : .4rem;
    font-size   : 0.6rem;
    line-height : 1.075rem;
    color       : #f34a57;
}

.s_1 {
    margin-top: .4rem;
}

.gift-num-item {
    width        : 1.825rem;
    height       : 1.075rem;
    box-sizing   : border-box;
    border       : 1px solid #f34a57;
    text-align   : center;
    line-height  : 1.075rem;
    color        : #f34a57;
    margin-right : .4rem;
    font-size    : 0.45rem;
    border-radius: 3px;
}

input.gift-num-item {
    width: 2.3rem;
}

input.gift-num-item.active {
    color     : #f34a57;
    background: #fff;
}

.gift-num-item.active {
    color     : #fff;
    background: #f34a57;
}

.ts2 .filter-msg {
    width      : 100%;
    text-align : center;
    font-size  : 0.6rem;
    line-height: 0.6rem;
    padding    : 1.35rem 0;
}

.rank-btn-list {
    width        : 11.5rem;
    height       : 1.25rem;
    margin       : 0.45rem auto 0.4rem;
    display      : flex;
    border       : 1px solid #a7a7a7;
    border-radius: 5px;
    overflow     : hidden;
}

.rank-btn {
    flex       : 1;
    text-align : center;
    line-height: 1.25rem;
    color      : #666666;
    font-size  : 0.7rem;
}

.rank-btn.active {
    background: #F15353;
    color     : #fff;
}

.rank-item {
    height       : 2.55rem;
    display      : flex;
    padding      : 0 0.45rem 0 0.35rem;
    align-items  : center;
    border-bottom: 1px solid #eeeeee;
}

.rank-item .rank-item-user {
    flex        : 1;
    margin-right: .5rem;
    display     : flex;
    flex-grow   : 2;
    align-items : center;
}

.rank-item .rank-item-icon {
    width      : 1.1rem;
    height     : 0.9rem;
    font-size  : 0.55rem;
    color      : #999999;
    line-height: 0.9rem;
    text-align : center;
}

.rank-item.one .rank-item-icon {
    background     : url('../images/rank_03.png') no-repeat;
    background-size: 1.1rem 0.9rem;
    font-size      : 0;
}

.rank-item.two .rank-item-icon {
    background     : url('../images/rank_06.png') no-repeat;
    background-size: 1.1rem 0.9rem;
    font-size      : 0;
}

.rank-item.three .rank-item-icon {
    background     : url('../images/rank_08.png') no-repeat;
    background-size: 1.1rem 0.9rem;
    font-size      : 0;
}

.rank-item .rank-item-img {
    width        : 1.95rem;
    height       : 1.95rem;
    margin-left  : 0.4rem;
    margin-right : 0.4rem;
    border-radius: 50%;
}

.rank-item.one .rank-item-img {
    border: 2px solid #ffc900;
}

.rank-item.two .rank-item-img {
    border: 2px solid #a8adb5;
}

.rank-item.three .rank-item-img {
    border: 2px solid #ff8900;
}

.rank-item .rank-item-name {
    color      : #333333;
    font-size  : 0.55rem;
    line-height: 0.6rem;
}

.rank-item .rank-item-dedication {
    color      : #333;
    font-size  : 0.55rem;
    line-height: 0.6rem;
    flex       : 1;
    text-align : right;
}

.rank-item.one .rank-item-dedication {
    color: #ff9f00;
}

.rank-item.two .rank-item-dedication {
    color: #ff9f00;
}

.rank-item.three .rank-item-dedication {
    color: #ff9f00;
}

.rank-no-data {
    text-align: center;
    font-size : 0.65rem;
    color     : #333;
    margin-top: 4.5rem;
}

video::-webkit-media-controls {

    display: none !important;

}

.rank-btn-box {
    background : #fff;
    z-index    : 10;
    position   : relative;
    width      : 100%;
    height     : 100%;
    padding-top: 1px;
}

.closes {
    position: fixed;
    bottom  : 4rem;
    right   : 0.45rem;
    width   : 2rem;
    z-index : 11;
}

.immortal {
    position: relative;
}

.say_main .get_flower_num_one {
    position     : absolute;
    right        : 0.6rem;
    bottom       : 0.1rem;
    width        : 1.8rem;
    height       : 0.6rem;
    background   : #FFB500;
    border-radius: 0.4rem;
    line-height  : 0.65rem;
    font-size    : 0.45rem;
    color        : #fff;
    text-align   : center;
}

/* 视频菜单栏 */

.video_box .operational {
    width   : 100%;
    height  : 100%;
    position: absolute;
    top     : 0;
    left    : 0;
    z-index : 2;
    overflow: hidden;
}

.video_box.hover {
    width   : 100%;
    height  : 100%;
    position: fixed;
    top     : 0;
    left    : 0;
    bottom  : 0;
    right   : 0;
    z-index : 2;
    overflow: hidden;
    z-index : 99;
}

.video_box .operational .top {
    width           : 100%;
    height          : 1.8rem;
    line-height     : 1.8rem;
    position        : absolute;
    top             : 0;
    left            : 0;
    padding         : 0 0.8rem;
    box-sizing      : border-box;
    background-image: url(../images/upshadow.png);
    background-size : cover;
    z-index         : 2;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); */
}
/* 横屏模式下的样式 */
@media (orientation: landscape) {
    .video_box .operational .top {
        width: 100%;
        height: 1.8rem;
        line-height: 1.8rem;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0.8rem;
        box-sizing: border-box;
        background-image: url(../images/upshadow.png);
        background-size: cover;
        z-index: 2;
        /* background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); */

        /* 额外的横屏模式样式 */
        transform: rotate(90deg);
        transform-origin: top left;
        width: 100vh;
        left: calc(100%);
    }
}
.video_box .operational .top img {
    width         : 0.3rem;
    height        : 0.6rem;
    vertical-align: middle;
    margin-right  : 0.3rem;
    margin-top    : -0.1rem;
}

.video_box .operational .top span {
    font-size  : 0.55rem;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
    line-height: 0.8rem;
}

.video_box .operational .video-btn-box {
    width            : 100%;
    height           : 100%;
    position         : absolute;
    top              : 0;
    left             : 0;
    z-index          : 2;
    overflow         : hidden;
    background-image : url(../images/background.png);
    background-size  : cover;
    background-repeat: no-repeat;
    z-index          : 1;
}

.video_box .operational .play {
    width          : 2.8rem;
    height         : 2.8rem;
    background     : url(../images/video_btn.png) no-repeat left top;
    background-size: contain;
    z-index        : 9;
    position       : absolute;
    left           : 50%;
    top            : 50%;
    margin-left    : -1.4rem;
    margin-top     : -1.4rem;
    /* display     : none; */
}

.video_box .operational .bottom {
    width           : 100%;
    height          : 1.8rem;
    line-height     : 1.8rem;
    position        : absolute;
    left            : 0;
    bottom          : 0;
    z-index         : 2;
    padding         : 0 0.8rem;
    box-sizing      : border-box;
    background-image: url(../images/bottomshadow.png);
    background-size : cover;
    /* background   : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); */

}

.video_box .operational .bottom .init {
    float: left;
}

.video_box .operational .bottom .init .portrait {
    width          : 1rem;
    height         : 1rem;
    background     : rgba(148, 148, 148, 1);
    vertical-align : middle;
    border-radius  : 50%;
    /* margin-right: 0.1rem; */
}

.video_box .operational .bottom .init .name {
    font-size  : 0.55rem;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
    line-height: 0.75rem;
}

.video_box .operational .bottom .right {
    font-size  : 0.55rem;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
    float      : right;
}

.video_box .operational .bottom .right .xr {
    width         : 0.51rem;
    vertical-align: middle;
    /* margin-top : 0.07rem; */
}

.video_box .operational .bottom .right span {
    vertical-align: middle;
}

.video_box .operational .bottom .right .operationScreen {
    height        : 0.6rem;
    width         : 0.6rem;
    vertical-align: middle;
    margin-left   : 0.70rem;
}

/***** 回看 *****/
.swiper-container {
    height: 100%;
}

#tab-swiper-container .swiper-wrapper {
    height: 100%;
}

.back-see {
    /* display: none; */
    /* width: 100%; */
    height          : 100%;
    background-color: #fff;
}

.back-see .screening {
    padding: 0.4rem 0.6rem;
}

.back-see .screening p {
    display   : none;
    text-align: center;
    color     : #c0c0c0;
}

.back-see .screening span {
    display      : inline-block;
    width        : 3rem;
    height       : 1rem;
    border       : 1px solid #848589;
    line-height  : 1rem;
    text-align   : center;
    font-size    : 0.55rem;
    color        : #848589;
    border-radius: 0.6rem;
    margin-right : 0.6rem;
}

.back-see .screening span.active {
    color : #F15353;
    border: 1px solid #F15353;
}

.back-see .list {
    width   : 100%;
    height  : auto !important;
    overflow: scroll;
    position: absolute;
    top     : 1.8rem;
    bottom  : 0;
    left    : 0;
    right   : 0;

}

.back-see .list .warp {
    padding-bottom: 1rem;
}

/* .back-see .list .mescroll-upwarp{
    padding-bottom: 2rem;
} */
.back-see .list .tr {
    height  : 3.5rem;
    overflow: hidden;
    padding : 0.4rem 0.6rem;
}

.back-see .list .tr .left {
    float   : left;
    height  : 100%;
    width   : 6rem;
    overflow: hidden;
    position: relative;
}

.back-see .list .tr .left .banner {
    height: 100%;
    width : 100%;
}

.back-see .list .tr .left .play {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    width      : 1.1rem;
    height     : 0.8rem;
    margin-left: -0.55rem;
    margin-top : -0.4rem;
}

.back-see .list .tr .left .time {
    position        : absolute;
    bottom          : 0.2rem;
    right           : 0.2rem;
    display         : inline-block;
    height          : 0.7rem;
    background-color: #00000052;
    border-radius   : 0.1rem;
    padding         : 0 0.2rem;
    font-size       : 0.52rem;
    color           : #fff;
    line-height     : 0.7rem;
}

.back-see .list .tr .right .plays {
    vertical-align: middle;
    width         : 0.4rem;
    margin        : -0.1rem 0.1rem 0 0;
}

.back-see .list .tr .right {
    float   : right;
    width   : 8rem;
    height  : 100%;
    position: relative;
}

.back-see .list .tr .right h3 {
    line-height: 0.80rem;
    font-size  : 0.7rem;
}

.back-see .list .tr .right p {
    position : absolute;
    bottom   : 0;
    left     : 0;
    width    : 100%;
    font-size: 0.5rem;
    color    : #ccc;
}

.back-see .list .tr .right p em {
    position: absolute;
    left    : 3.5rem;
}


.clearfix:after {
    content: " ";
    display: block;
    clear  : both;
    height : 0;
}

.clearfix {
    zoom: 1;
}

/* 登录注册的 iframe*/
.region_box {
    position  : absolute;
    height    : 100%;
    width     : 100%;
    overflow-y: auto;
    display   : none;
}

.registration {
    width           : 100%;
    height          : 100%;
    background-color: #fff;
    position        : relative;
    left            : 0;
    top             : 9rem;
    border-radius   : 0.3rem 0.3rem 0 0;
    z-index         : 999999;
    border          : 0px solid #ffff;
}

.downloadAppbox {
    position         : fixed;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    width            : 12rem;
    height           : 5.5rem;
    background       : rgba(255, 255, 255, 1);
    box-shadow       : 0px 0.08rem 0.3rem 0 rgba(0, 0, 0, 0.3);
    border-radius    : 0.08rem;
    z-index          : 99;
    padding          : 1.5rem 0.7rem 0rem;
    display          : none;
}

.downloadAppbox .close {
    position: absolute;
    right   : 0.606667rem;
    top     : 0.4rem;
    height  : 0.55rem;
}

.downloadAppbox .hint {
    text-align    : center;
    font-size     : 0.7rem;
    font-weight   : 400;
    color         : #000;
    line-height   : 2.2rem;
    padding-bottom: 0.9rem;
}

.downloadAppbox .confirm {
    width        : 100%;
    height       : 1.5rem;
    background   : #f15353;
    border-radius: 0.08rem;
    line-height  : 1.5rem;
    text-align   : center;
    color        : #fff;
}

.active_enter {
    width          : 2.25rem;
    height         : 2.25rem;
    position       : fixed;
    right          : 0.3rem;
    bottom         : 7.6rem;
    background     : url(../images/active_enter.gif?v=20230612) no-repeat center center;
    background-size: 100% 100%;
}

.active_enter a {
    display:block;
    width : 100%;
    height: 100%;
}
/* .welfare{
    display: none;
    width          : 2.25rem;
    height         : 2.25rem;
    position       : fixed;
    right          : 0.3rem;
    bottom         : 4.8rem;
    background     : url(../images/welfare.gif) no-repeat center center;
    background-size: 100% 100%;
} */
.welfare{
	width:4.494rem;
	height:7.1rem;
	position: absolute;
	right:.3rem;
	bottom:2.5rem;
	display: none;
	cursor: pointer;
	border: 1px solid #EEEEEE;
	border-radius: .24rem;
    background: #FFFFFF;
}
.welfare_img{
	display:block;
	width: 4.49rem;
	height: 4.49rem;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}
.welfare .welfare_close{
	display:block;
	width: 0.37rem;
	height: 0.37rem;
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
}
.welfare .welfare_text{
	display:block;
	font-size: 0.44rem;
	color: #666666;
	margin: 0.13rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.welfare .welfare_btn{
	display: block;
    width: 3.7rem;
    height: 0.85rem;
    background: #F15353;
    border-radius: 0.0925rem;
    position: absolute;
    bottom: 0.0925rem;
    left: 0.43rem;
    color: #fff;
    font-size: 0.44rem;;
    text-align: center;
    line-height: 0.85rem;
}
.half-screen {
    display: none;
    height: calc(100% - 9rem);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    overflow: scroll;
}
.half-screen-img{
    width: 100%;
    margin-bottom: -0.28rem;
    min-height: 100%;
}
.half-screen_close{
    position: fixed;
    top: 9.2rem;
    right: 0.25rem;
    width: 0.82rem;
    height: 0.82rem;
}