*, img {
    padding: 0;
    margin: 0
}

body, html {
    height: 100%;
    /*-webkit-overflow-scrolling: touch;*/
}

.line-block a, img {
    vertical-align: middle
}

* {
    border: 0
}

img {
    border: none
}

dl, ol, ul {
    list-style: none
}

a, a:hover {
    text-decoration: none
}

a, button, input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

body {
    margin: 0 auto;
    width: 100%;
    background: #fff;
    font-size: .24rem;
    line-height: 1.5;
    color: #000;
    -webkit-user-select: none;
    user-select: none;
    overflow:hidden;
    /*-webkit-overflow-scrolling : touch;*/
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.fl {
    float: left
}

.fr {
    float: right
}
.chusen .bg{
    position: absolute;z-index: -1;
    top:0;left:0;width:100%;height:100%;
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/zhuxian-bg.jpg) no-repeat;
    background-size: cover;
}
.valley .bg{
    position: absolute;z-index: -1;
    top:0;left:0;width:100%;height:100%;
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/gold-bg.jpg) no-repeat;
    background-size: cover;
}
.g-chatbox {
    position: relative;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    width: 100%;
    height: 100%;
    overflow:hidden;
    /*-webkit-overflow-scrolling : touch;*/
    /*min-height: 6.4rem;*/
}

.g-chatbox .cb-top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    padding: .04rem;
    height: .98rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp-iframe{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.g-chatbox .cb-top .cb-top-inner {
    position: relative;
    height: calc(100% - .04rem);
}
.g-chatbox .cb-top .cb-top-inner span{
    font-size: .24rem
}
.g-chatbox .cb-top .cb-top-inner span i{
    line-height: .24rem;
}
.g-chatbox .cb-top .cb-top-title-txt {
    text-align: center;
    height: 100%;
    line-height: .86rem;
    font-size: .44rem
}

.g-chatbox .cb-top .dial-num {
    position: absolute;
    right: 1rem;
    top: 0;
    height: 100%;
    line-height: .86rem;
    font-size: .24rem
}

.g-chatbox .cb-top .s-cb-btn-return {
    position: absolute;
    top: .06rem;
    left: .15rem;
    z-index: 2
}

.g-chatbox .cb-top .s-cb-btn-return a {
    display: block;
    width: 100%;
    height: 100%;
}

/*
.g-chatbox .cb-top .s-cb-btn-return:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -.29rem;
    right: -.01rem;
    width: .01rem;
    height: .58rem;
    background-color: rgba(62, 62, 62, .9);
    border-left: .01rem solid rgba(47, 47, 47, .91)
}
*/

.g-chatbox .cb-middle {
    position: absolute;
    width: 100%;
    height: calc(100vh - 1.12rem);
    left: 0;
    /*padding-bottom: 1.12rem;*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-overflow-scrolling : touch;
    overflow-x: hidden;
    overflow-y: auto;
}

.g-chatbox .cb-middle .cb-left-box .cb-dia:before, .g-chatbox .cb-middle .cb-right-box .cb-dia:before {
    content: '';
    top: .22rem;
    width: 0;
    height: 0;
    border-top: .09rem solid transparent;
    border-bottom: .09rem solid transparent;
}

.g-chatbox .cb-middle .cb-left-box, .g-chatbox .cb-middle .cb-right-box {
    min-height: .92rem;
    display: -webkit-flex;
    display: flex;
    flex-shrink: 0
}
.g-chatbox .cb-middle .cb-left-box {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
}
.g-chatbox .cb-middle .cb-left-box .head-pic {
    margin-left: .2rem;
    width: 1.8rem;
    height: .74rem;
    border-radius: .06rem;
    margin-top: .1rem;
    flex-shrink: 0;
    overflow: hidden;
}

.g-chatbox .cb-middle .cb-left-box .cb-dia {
    position: relative;
    margin: .45rem .08rem .15rem -.9rem;
    background-color: rgba(255, 255, 255, .71);
    color: #4f4f4f;
    word-wrap: break-word;
}
.g-chatbox .cb-middle .cb-left-box .head-pic span{
    color: #4e4949;
    font-size: .22rem;
    float: right;
    line-height: 1;
}
.g-chatbox .cb-middle .cb-left-box .cb-dia:before {
    position: absolute;
    left: -.1029rem;
    border-right: .12rem solid rgba(255, 255, 255, .71)
}

.g-chatbox .cb-middle .cb-right-box {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    margin-bottom: .2rem;
}

.g-chatbox .cb-middle .cb-right-box .head-pic {
    margin-right: .15rem;
}
.g-chatbox .cb-middle .cb-right-box .cb-dia {
    position: relative;
    margin: .5rem .09rem 0 0;
    background-color: rgba(159, 230, 88, .8);
    color: #2a2a2a;
	word-wrap: break-word;
}
.g-chatbox .cb-middle .cb-right-box .cp-right-title{
    max-width:3.78rem;
    height: .3rem;
}
.g-chatbox .cb-middle .cb-right-box .cp-right-title  span{
    color: #4e4949;
    max-width: 3.78rem;
    height: .38rem;
    position: absolute;
    right: .92rem;
    top: 0;
    overflow: hidden;
    line-height: .44rem;
}
.g-chatbox .cb-middle .cb-left-box .cp-left-title{
    max-width:3.78rem;
    height: .3rem;
}
.g-chatbox .cb-middle .cb-left-box .cp-left-title  span{
    color: #4e4949;
    max-width: 3.78rem;
    height: .38rem;
    position: absolute;
    left: 1rem;
    top: 0;
    overflow: hidden;
    line-height: .44rem;
}
.g-chatbox .cb-middle .cb-right-box .cb-dia:before {
    position: absolute;
    right: -.1029rem;
    border-left: .12rem solid rgba(159, 230, 88, .8)
}

.g-chatbox .cb-middle .head-pic {
    max-width: 3.72rem;
    height: .72rem;
    border-radius: .06rem;
    margin-top: .1rem;
    flex-shrink: 0;
    overflow: hidden
}

.g-chatbox .cb-middle .cb-dia {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    max-width: 8.54rem;
    line-height: .34rem;
    border-radius: .12rem;
    padding: .14rem .18rem;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    font-size: .22rem
}

.g-chatbox .cb-middle .cb-dia .cb-dia-stxt {
    font-style: normal;
    color: #989898;
    font-size: .2rem
}

.g-chatbox .cb-middle .cb-dia > p > i {
    font-style: normal;
    font-size: .2rem
}

.g-chatbox .cb-middle .cb-dia .cb-small-gray {
    color: #989898
}

.g-chatbox .cb-middle .cb-dia .cb-add-bottomline {
    padding: .08rem 0;
    border-bottom: .01rem solid #c5c5c5
}

.g-chatbox .cb-middle .cb-dia > p a {
    color: #1e80f0;
    line-height: .38rem;
    font-size: .2rem
}

.g-chatbox .cb-middle .cb-dia.not-spoken:before {
    display: none
}

.g-chatbox .cb-middle .cb-time {
    text-align: center;
    margin-top: .14rem
}

.g-chatbox .cb-middle .cb-time > span {
    display: inline-block;
    color: #cecece;
    font-size: .22rem;
    height: .34rem;
    line-height: .34rem;
    padding: 0 .28rem;
    background-color: rgba(65, 65, 65, .45);
    border-radius: .04rem
}

.g-chatbox .cb-middle .s-cb-icon-error {
    align-self: center
}

/*.g-chatbox .cb-bottom {
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    height: 1.12rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, .71);
    z-index: 998;
}*/
.g-chatbox .cb-bottom {
    width: 100%;
    height: 1.12rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, .71);
}
.g-chatbox .cp_bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 998;
}
.cb-emoticon-content{
    display: none;
    width: 100%;
    background-color: rgba(255, 255, 255, .71);
}
.cb-emoticon-content .swiper-container {
    width: 100%;
    height: 100%;
}
.cb-emoticon-content .swiper-slide {
    text-align: center;
    font-size: .18rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.g-chatbox .c_bottom.stick-top{
    top:0;
    bottom: auto;
    z-index: 9999;
}
.cb-bottom-addmodule{
    width:100%;
    height: 1.6rem;
    display:none;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .71);
}
.cb-bottom-addmodule .cb-content{
    width: 8.3rem;
    margin-left: .3rem;
}
.cb-bottom-addmodule ul{
    margin-top: .2rem;
}
.cb-bottom-addmodule ul li{
    width: .74rem;
    height: .74rem;
    border-radius: 10px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    float: left;
    margin-right: .6rem;
}
.cb-bottom-addmodule ul li img{
    width: .57rem;
    height: .55rem;
    display: inline-block;
    margin: .1rem .08rem;
}
.cb-bottom-addmodule ul li p{
    width: .87rem;
    color: #4f4f4f;
    font-size: .2rem;
}
.g-chatbox .cp_bottom.stick-top .cb-bottom {
    position: fixed;
    top: 0;
    left: 0;
}
.g-chatbox .cp_bottom.stick-top:after{
    content: '';
    background-color: rgb(0, 0, 0); border-top: 1px solid rgb(0, 0, 0); position: fixed; height: calc(100% - 1.12rem);  width: 100%; left: 0; bottom: 0; opacity: 0.5; z-index: -1;
}

.g-chatbox .cb-bottom a {
    display: block;
    margin: 0 .04rem
}
.g-chatbox .cb-bottom .cb-input-box {
    background-color: #fff;
    border-radius: .35rem;
    width: 80%;
    height: .7rem
}

.g-chatbox .cb-bottom .cb-input-box input {
    outline: 0;
    border: none;
    width: 100%;
    height: 100%;
    text-indent: 2em;
    background-color: transparent;
    font-size: .22rem;
    color: #4f4f4f
}

.g-chatbox .cb-bottom .cb-talk-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fbfbfb;
    border: .01rem solid #9f9f9f;
    border-radius: .35rem;
    width: 70%;
    height: .7rem;
    line-height: .7rem;
    font-size: .22rem;
    color: #4f4f4f;
    text-align: center;
}

.g-chatbox .cb-bottom .cb-talk-box:active {
    background-color: #f3f3f3
}

.fontcolorgrey {
    background-image: -webkit-linear-gradient(top, #d7d7d7, #ababab);
    background-image: -moz-linear-gradient(top, #d7d7d7, #ababab);
    background-image: -o-linear-gradient(top, #d7d7d7, #ababab);
    background-image: linear-gradient(top, #d7d7d7, #ababab);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #474747
}

.voice-box {
    width: 120px;
    height: 120px;
    position: fixed;
    top: 50%;
    margin-top: -60px;
    left: 50%;
    margin-left: -60px;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 10px;
    z-index: 999;
}

.cb-voice, .cb-voice-active, .cb-voice-cancel {
    width: 100%;
    height: 100%
}

.cb-voice {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/cb-voice.png) center no-repeat;
    background-size: 100% 100%;
}

.cb-voice-active {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/cb-voice-active.png) no-repeat;
    background-size: 700%;
    -webkit-animation: talking .4s steps(6) infinite;
    animation: talking .4s steps(6) infinite
}

.cb-voice-cancel {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/cb-voice-cancel.png) center no-repeat;
    background-size:100% 100%;
}

@keyframes talking {
    0% {
        background-position: left
    }
    100% {
        background-position: right
    }
}

@-webkit-keyframes talking {
    0% {
        background-position: left
    }
    100% {
        background-position: right
    }
}

.roll-box {
    position: relative;
    width:6.3rem;
    min-height: 1.26rem;
    padding-top: .08rem;
}

.roll-box .rollbox-arrow {
    position: absolute;
    top: .42rem;
    z-index: 9;
}

.roll-box .s-rollbox-prev {
    left: 0
}

.roll-box .s-rollbox-next {
    right:0
}

.roll-box .p-show > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1.82rem;
    padding-top: .94rem
}

.roll-box .p-show > li >img, .roll-box .p-show > li > .video-sm-box {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.81rem;
    width: 1.62rem;
    height: .94rem
}
.roll-box .p-show > li > .video-sm-box img{
    width: 100%;height:100%;
}

.roll-box .p-show > li  span.video-duration,.roll-box .p-show > li  span.video-popularity {
    position: absolute;
    height: .24rem;
    font-size: .16rem;
    color: #fff;
    background-color: rgba(202, 202, 202, .85);
    line-height: .24rem;
    padding: 0 .14rem;
    top: 0
}

.roll-box .p-show > li .video-sm-box .video-duration {
    top: 0;
    left: 0
}

.roll-box .p-show > li .video-sm-box .video-popularity {
    top: 0;
    right: 0
}

.roll-box .p-show > li > p {
    text-align: center;
    font-size: .18rem
}

.txt-right {
    text-align: right
}

.line-block {
    display: block;
    padding: .08rem 0;
}

.line-block a {
    display: inline-block
}

.cb-dia img {
    max-width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    /*margin: .08rem auto*/
}

.s-thumb-down, .s-thumb-up {
    margin: 0 .04rem
}

.u-video {
    position: relative;
    text-align: center;
}

.underline {
    text-decoration: underline
}

.s-cb-btn-return {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/icon-back.png) no-repeat center;
    background-size: 100%;
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background-color:rgba(0, 0, 0, 0.45);
}

.s-cb-icon-emoji-clicked,.s-cb-icon-emoji:active {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -.67rem -1.6rem/2.99rem 3.28rem no-repeat;
    width: .62rem;
    height: .62rem
}

.s-cb-icon-emoji {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) 0 -.93rem/2.99rem 3.28rem no-repeat;
    width: .62rem;
    height: .62rem;
}

.s-cb-icon-error {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -2.41rem 0/2.99rem 3.28rem no-repeat;
    width: .58rem;
    height: .58rem;
    margin-top: .2rem;
}

.s-cb-icon-pic, .s-cb-icon-pic-clicked, .s-cb-icon-show, .s-cb-icon-show-clicked, .s-cb-icon-talk, .s-cb-icon-talk-clicked,.s-cb-icon-pic:active,.s-cb-icon-show:active,.s-cb-icon-talk:active,.s-cb-icon-pic:active {
    width: .62rem;
    height: .62rem
}

.s-cb-icon-pic-clicked,.s-cb-icon-pic:active {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -1.74rem 0/2.99rem 3.28rem no-repeat;
}

.s-cb-icon-pic {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -1.74rem -.67rem/2.99rem 3.28rem no-repeat;

}
.s-cb-icon-pic input{
    width: .62rem;
    height: .62rem;
    opacity: 0;
}
.s-cb-icon-show-clicked,.s-cb-icon-show:active {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) 0 -1.6rem/2.99rem 3.28rem no-repeat
}

.s-cb-icon-show {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -1.07rem 0/2.99rem 3.28rem no-repeat
}
.s-cb-icon-down{background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) 0 -2.7rem/2.99rem 3.28rem no-repeat;width: .62rem;height: .62rem;}
.s-cb-icon-talk-clicked,.s-cb-icon-talk:active {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -1.34rem -1.6rem/2.99rem 3.28rem no-repeat
}

.s-cb-icon-talk {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -.67rem -.93rem/2.99rem 3.28rem no-repeat
}

.s-rollbox-next {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -2.41rem -1.65rem/2.99rem 3.28rem no-repeat;
    width: .36rem;
    height: .36rem
}

.s-rollbox-prev {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) 0 -2.27rem/2.99rem 3.28rem no-repeat;
    width: .36rem;
    height: .36rem
}

.s-thumb-down, .s-thumb-up {
    width: .46rem;
    height: .46rem
}

.s-thumb-down {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -2.41rem -.63rem/2.99rem 3.28rem no-repeat
}

.s-thumb-up {
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -2.41rem -1.14rem/2.99rem 3.28rem no-repeat
}

.s-btn-play {
    width: .44rem;height:.44rem;position: absolute;top:50%;margin-top:-.22rem;left:50%;margin-left:-.22rem;
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -2.44rem -2.14rem/2.99rem 3.28rem no-repeat
}
.cb-video-box .s-btn-play{
     width: .44rem;height:.44rem;position: absolute;top:50%;margin-top:-.35rem;left:50%;margin-left:-.22rem;
    background: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite3.png) -2.44rem -2.14rem/2.99rem 3.28rem no-repeat;
}
.cb-right-box .head-pic img{
    width:.72rem;
    height:.72rem;
    margin-left: .11rem;

}
.cb-left-box .head-pic img{
    width:.72rem;
    height:.72rem;
    margin-right: .05rem;

}
.dia-video-content{
    width:8.6rem;height:4.92rem;
}
.video-box{
    width:100%;height:100%;
}
.dia.dia_video{
    position: fixed;
}
.dia.dia_video .dia-close {
    display: block;
    width: .75rem;
    height: .75rem;
    background-image: url(//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite.png);
    background-size: 3.51rem 3.56rem;
    background-position: -2.65rem -2.73rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
    z-index: 9999;
}

/*swiper*/
.swiper-container {
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*视频推�?�模�?*/

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.g-chatbox .cb-time{
    text-align: center;
    margin-top: .1rem;
    margin-bottom: .1rem;
}
.g-chatbox .cb-time span{
    display: inline-block;
    color: #cecece;
    font-size: .22rem;
    height: .34rem;
    line-height: .34rem;
    padding: 0 .28rem;
    background-color: rgba(65, 65, 65, .45);
    border-radius: .04rem;
}
.cb-video-box{
    width: 1.9rem;
}
.cb-video-box  .s-video-prev,.cb-video-box  .s-video-next{
    width: .24rem;
    height: .36rem;
    position: absolute;
    top: .5rem;
    display: inline-block;
}
.cb-video-box  .s-video-prev{
    left: 0;
    background: url("//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite.png") -2rem -2.23rem/3.51rem 3.56rem no-repeat;
}
.cb-video-box  .s-video-next{
    right: 0;
    background: url("//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/sprite.png") -2rem -2.67rem/3.51rem 3.56rem no-repeat;
}
.cb-video-box img{
    max-width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    margin: .08rem auto 0;
    border: 0;
}
.cb-video-box .cb-video-text{
    text-align: center;
    font-size: .22rem;
    color: #1f1c1e;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.slide-box{
    width: 1.65rem !important;
    margin: 0 auto;
}
.video-txt{
    padding-right: .12rem;
}
.cb-pic-box img{
    max-width: 100%;
}
.cb-pic-box .cb-video-text{
    text-align: left;
}
.cb-videobox{
    display: inline-block;
    outline: none;
}
.btn-send{
    width:.7rem;
    height:.62rem;
    line-height:.62rem;
    margin:0!important;
    text-align:center;
    border-radius:.1rem;
    background-color: rgba(159, 230, 88, .8);
    color:#2a2a2a;
}

/*领取礼包模块*/
.cb-left-box .cb-package .cb-mxjtext{margin: .1rem .1rem .2rem .1rem;;}
.cb-left-box .cb-packageList .cb-img{width: 4.75rem;height: .85rem;position: relative;height: 1rem;}
.cb-left-box .cb-packageList .cb-img img{width: 4.75rem;height: .85rem;margin-left: .16rem;}
.cb-left-box .cb-packageList{height:.88rem;border-bottom: 1px solid #e1dede;border-top: 1px solid #e1dede;}
.cb-left-box .cb-dia .cb-bottom-text{text-align: center;margin-top:0.1rem;font-weight: bold;}
.cb-left-box .cb-dia .cb-bottom-text a{text-align: center;color: #1e7ff2; line-height: .38rem;font-size: .22rem; }
.cb-left-box .cb-spoken{margin: .45rem .08rem .15rem .9rem;}
.cb-left-box .cb-dia .cb-war{width: 5.21rem;height: 1.53rem;}
.cb-left-box .cb-dia .cb-wartext{text-align: center;font-size: .22rem;margin-top: .1rem;}
.cb-left-box .cb-videobox{position: relative;}
.cb-left-box .cb-pvp{width: 3.16rem;height: 1.21rem;}
.cb-left-box .cb-videobox .cb-btn-play{display: block; width: .51rem;height: .51rem;background: url("//ossweb-img.qq.com/images/chanpin/tgclub/public/a20170527dragonvalley/video-btn.png") no-repeat center;background-size: 100%;position: absolute;left: 50%;top: 50%;margin-left: -.2rem;margin-top: -.22rem; }