body {
    background-color: #ededed;

}

.tabbody {
    width: 100%;
    display: none;
}

.inner {
    margin: 0 auto;
    background-color: #fff;
}

.player {
    width: 100%;
}

.player.active video {
    display: block;
}

.player.active .cover {
    display: none;
}

.player video {
    width: 100%;
    display: none;
}

.player .cover {
    display: block;
    width: 100%;
    position: relative;
}

.player .cover img {
    width: 100%;
}

.playbtn {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../img/playbtn.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.8rem 0 0 -0.8rem;
    z-index: 10;
}

.tab {
    height: 1.185rem;
    border-style: solid;
    border-width: 0;
    background-color: #fff;
    border-color: #ddd;

    display: box; /* OLD - Android 4.4- */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.tab li {
    width: 50%;
    float: left;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 0.04rem solid transparent;
}

.tab li.active {
    border-color: rgb(252, 103, 25);
    position: relative;
}

.tab li.active a {
    color: rgb(252, 103, 25);
}

.tab li.active:after {
    content: "";
    height: 0;
    border-style: solid;
    border-width: 0 0.18rem 0.12rem 0.18rem;
    border-color: transparent transparent rgb(252, 103, 25) transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.18rem;

}

#wrapper > div > div {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /*margin: 0 0.3rem 0 0.275rem;*/
}

#wrapper > div > div > a {
    width: 1.875rem;
    margin: 0 auto;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-right: 10px;
}

#wrapper > div > div.active > a {
    border-bottom: 1px solid #1dc2cb;
    background-image: url("/app/channel/img/arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 1.05rem;
}

/*#wrapper > div > div.active:after {*/
/*border: solid transparent;*/
/*content: " ";*/
/*height: 0;*/
/*width: 0;*/
/*position: absolute;*/
/*pointer-events: none;*/
/*border-color: rgba(255, 255, 255, 0);*/
/*border-bottom-color: rgb(245, 112, 45);*/
/*border-width: 0.15rem;*/
/*margin-left: 10%;*/
/*margin-top: -0.3rem;*/
/*}*/

.tab a {
    display: block;
    text-align: center;
    width: 100%;
    height: 0.5333333rem;
    font-size: 0.4rem;
    color: #545964;
    line-height: 0.5333333rem;
    margin-top: 0.3333333rem;
    box-sizing: border-box;

}

.detail-item { 
    width: 100%;
    padding-bottom: 0.46666666rem;
    box-sizing: border-box;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-top: 0.3rem;
    background-color: #fff;
    float: left;
}

.item-name {
    width: 94%;
    padding: 0 3%;
    border-bottom: 1px solid #f5f5f5;
    height: 1.15rem;
    line-height: 1.15rem;
    font-size: 0.375rem;
    color: #545964;
}
.item-name > .content {
    width: 8.875rem;
}
.item-name > .content > span {
    padding-left: 0.2rem;
}
.item-name .introl_icon {
    background: url(../../img/icon_introl.png) no-repeat center center;
    background-size: 100% 100%;
    width: 0.52rem;
    height: 0.52rem;
    margin-top: 0.32rem;
    display: inline-block;
}
.item-name .code_icon {
    background: url("../../img/icon_code.png") no-repeat center center;
    background-size: 100% 100%;
    width: 0.52rem;
    height: 0.52rem;
    margin-top: 0.32rem;
    display: inline-block;
}
.video-search { border-top: 0; }

.liveToday .item-name {
    background: url(../img/icon1.png) no-repeat left center;
    background-size: 0.36rem 0.3466666rem;
}


.videoList {
    margin: 0 auto;
    width: 9.4rem;
    overflow: hidden;
}

.videoList .video-item { width: 9.4rem; height: 115px; box-sizing: border-box; padding: 15px 0; position: relative; display: inline-block; border-bottom: 1px solid #f2f2f2; }
.videoList .video-item:last-child { border-bottom: none; }
.videoList .video-item .tag-orange {
    position: absolute;
    z-index: 20170320;
    background: rgb(46, 166, 253);
    font-size: 0.25rem;
    margin-top: 0.15rem;
    margin-left: 0.15rem;
    border-radius: 0.05rem;
    padding: 0.05rem 0.1rem;
    color: white;
}

.videoList .video-item .tag-green {
    position: absolute;
    z-index: 20170320;
    background: rgb(46, 198, 86);
    font-size: 0.3rem;
    margin-top: 0.15rem;
    margin-left: 0.15rem;
    border-radius: 0.05rem;
    padding: 0.05rem 0.1rem;
    color: white;
}

.videoList .video-item .tag-blue {
    position: absolute;
    z-index: 20170320;
    background: #1dc2cb;
    font-size: 0.3rem;
    margin-top: 0.15rem;
    margin-left: 0.15rem;
    border-radius: 0.05rem;
    padding: 0.05rem 0.1rem;
    color: white;
}

.video-item a { position: relative; width: 100%; overflow: hidden; display: inline-block; }
.video-item a .video_img { position: absolute; width: 150px; height: 84px; display: inline-block; overflow: hidden; }
.video-item a img { width: 150px; height: 84px; border-radius: 4px; position: absolute; }
.video-item a .video-content {display: inline-block; padding-left: 160px; height: 84px; }
.video-intro { width: 100%; padding-top: 5px; }

.share {
    width: 1.04rem;
    height: 100%;
    background: url(../img/sharebtn.png) no-repeat center center;
    background-size: 0.4rem 0.4rem;
}

.video-tit {
    font-size: 0.36rem;
    color: #212121;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    width: 100%;
    float: left;
}

.video-tit-sub {
    font-size: 0.3rem;
    padding-left: 0.1rem;
    height: 0.9rem;
    white-space: normal;
    word-wrap: break-word;
    word-spacing: normal;
    width: 4.35rem;
    color: #999;
    overflow: hidden;
}

.video-count {
    line-height: 1;
    font-size: 0.24rem;
    color: #aaa;
    position: relative;
    margin-top: 20px;
    float: left;
}

.video-count .look-count {
    background: url(../img/eyez.png) no-repeat left center;
    background-size: 0.2933333rem 0.1866666rem;
    padding-left: 0.44rem;
    margin-right: 0.24rem;
}

.video-count .duration {
    background: url(../img/timesz.png) no-repeat left center;
    background-size: 0.2666666rem 0.2666666rem;
    padding-left: 0.44rem;

}

/*往期回顾*/
.review .item-name { height: 1.175rem;line-height: 1.175rem;border-bottom: none;text-indent: 0.285rem;background: #f5f5f5; }


.stopwatch {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.stopwatch ul {
    position: absolute;
    width: 5.6rem;
    margin-top: 1.28rem;
    line-height: 1;
    height: 1.7333333rem;
    left: 50%;
    margin-left: -2.8rem;

}

.stopwatch li {
    height: 1.7333333rem;
    width: 1.4666666rem;

    float: left;
    margin: 0 0.2rem;
    background: url(../img/br.png) no-repeat center center;
    background-size: 100% 100%;
}

.stopwatch li p:nth-child(1) {
    text-align: center;
    font-size: 0.36rem;
    color: #545964;
    line-height: 0.5rem;
}

.stopwatch li p:nth-child(2) {
    font-size: 0.68rem;
    color: #545964;
    line-height: 1.2rem;
    text-align: center;

}

.timepassed {
    width: 2.08rem;
    height: 2.08rem;
    background: url(../img/yuqi.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.04rem;
    margin-top: -1.04rem;
    display: none;
}

.stopwatch.overdue .timepassed {
    display: block;
}

.stopwatch.overdue > ul {
    display: none;
}

.more {
    color: #f5702d;
    font-size: 0.3166666rem;
    position: absolute;
    right: 0;
    width: 40px !important;
    background-color: #ffffff;
    bottom: 5px;
    padding: 0 0 0 5px;
}

.more i {
    background: url(../../img/lookall.png) no-repeat right center;
    background-size: 100% auto;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-left: 4px;
    float: right;
    margin-top: 2px;
}

.more.active i {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
}

.detail-body {
    width: 8.96rem;
    margin: 0 auto;
    padding: 0.42rem 0;

}

.live-icon {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    overflow: hidden;

}

.live-icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.live-body-msg {
    width: 7.08rem;
    padding-left: 0.3rem;
    box-sizing: border-box;
    position: relative;
}

.live-body-msg > div:nth-child(1) strong {
    width: 4.8rem;
    font-size: 0.4rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.live-body-msg > div:nth-child(1) span {
    color: #AAAAAA;
    font-size: 0.24rem;
    background: url(../img/timesz.png) no-repeat left center;
    height: 0.28rem;
    line-height: 0.28rem;
    background-size: 0.28rem 0.28rem;
    text-indent: 0.4rem;
    margin-top: 0.2rem;
}
/*
.live-body-msg > div:nth-child(2) {
    font-size: 0.36rem;
    color: #666;
    margin: 0.1rem 0;
}*/

.live-body-msg > div:nth-child(2) {
    font-size: 0.35rem;
    color: #999;
    text-align: justify;
    line-height: 0.6rem;
    white-space: normal;
    padding-bottom: 20px;
}

.live-body-msg .elipsis {
    padding-bottom: 0 !important;
}

.elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.2rem;
}

/*企业嘉宾介绍*/
.leacture .item-name {
    background: url(../img/icon5.png) no-repeat left center;
    background-size: 0.3466666rem 0.3466666rem;
}

.leacture-img .imgbox {
    width: 8.4rem;
    margin: 0 auto;
}

.leacture-img .imgbox img {
    width: 100%;
    display: block;
}

.wechat .detail-body {
    /*height: 3.44rem;*/
    /*background: url(../img/ff.png) no-repeat right center;*/
    background-size: 5rem 2.92rem;
}

.wechat .imgbox {
    width: 3.44rem;
    height: 3.44rem;
    vertical-align: top;
    display: inline-block;
}

.wechat .imgbox img {
    width: 100%;
    height: 100%;
}