@charset "utf-8"; /* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    font-family: "HanHei SC", "Source Han Sans", "Hiragino Sans GB", "STHeiti Light", "Helvetica", "Microsoft YaHei", "Arial", "Verdana", "sans-serif";

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul, ul li, ol li, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, textarea {
    border: 0;
    outline: none;
    -webkit-appearance: none;
    padding: 0;
    margin: 0; /*去掉内部阴影*/
}

input[type=input] {
    -webkit-appearance: none;
}

/*移除ios样式*/
input[type=checkbox] {
    -webkit-appearance: checkbox;
}

/*去除a标签的虚线框*/
*:not(input,textarea) {
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none;*/
    /*-ms-user-select: none;*/
}

a {
    blr: expression(this.onFocus=this.blur());
    outline: none;
    text-decoration: none;
}

html {
    width: 100%;
    height: 100%;
    font-size: 10px;
    -webkit-text-size-adjust: 100%; /*禁止文本缩放*/
}

@media screen and (min-width: 321px) and (max-width: 375px) {
    html {
        font-size: 11px
    }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 415px) and (max-width: 639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width: 640px) and (max-width: 719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width: 720px) and (max-width: 749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width: 750px) and (max-width: 799px) {
    html {
        font-size: 23.5px
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 25px
    }
}

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

::-webkit-input-placeholder {
    color: #999;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.none {
    display: none;
}

.box {
    width: 100%;
    display: -webkit-box;
    display: box;
    text-align: left;
}

.flex {
    -webkit-box-flex: 1;
    box-flex: 1;
}

/*公用样式*/
.videoBox {
    width: 100%;
    /*    height: 56.2vw; */
    background: #000;
}

.ground_video {
    position: relative;
    overflow: hidden;
}
.TV-title{
    display: block;
    width:100%;
    text-align: center;
    font: normal 1.7rem/3rem "宋体";
    color: #333333;
}

.ground_video p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 1.5rem;
    width: 100%;
// height: 3rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font: normal 1.1rem/1.5rem "";
}
.ground_video .centerBox{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 32px auto 10px;
}

.ground_box {
    margin-top: 1rem;
    background: #fff;
}

.ground_box h1 {
    padding: 1.4rem 1rem;
    border-bottom: solid 1px #eee;
    font: bold 1.6rem "";
}

.ground_box li {
    box-sizing: border-box;
    padding: 1rem;
    border-bottom: solid 1px #eee;
}

.ground_img {
    width: 12.4rem;
    height: 7.9rem;
    overflow: hidden;
}

.ground_img img {
    width: 100%;
    min-height: 7.9rem;
}

.ground_tit {
    box-sizing: border-box;
    padding: 1rem 1rem 1rem 0;
}

.iconFont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.2rem;
    margin-left: -2rem;
    display: block;
    width: 4rem;
    height: 4rem;
    background: url("../images/paly.png") no-repeat;
    background-size: 100% 100%;
}

.ground_tit h2 {
    font: normal 1.5rem/1.7rem ""; /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/
    color: #222;
    height: 3.2rem;
    overflow: hidden;
}

.ground_tit span {
    font: normal 1.2rem/1.5rem "";
    color: #989898;
}

.ground_tit p {
    margin-top: 1.7rem;
}

.pdDownLoad {
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    height: 4rem;
    background: #526585;
    background-image: url('/sctv/h5/images/share_bg2.png');
    background-size:100% auto;
    position: fixed;
    opacity: 1;
    z-index: 1111;
    left: 0px;
    bottom: 0px;
    animation: fadeUp 0.5s ease-in-out;
    -webkit-animation: fadeUp 0.5s ease-in-out;
}

.pdlogo1 {
    width: 65%;
    margin: 0.8rem 0;
}

.pdlogo2 {
    width: 20%;
    margin: 1rem 0 0 1rem;
    background: #F9A81A;
    border-radius: .3rem;
}

.pdlogo2 img {
    width: 100%
}

.pdlogo4 {
    width: 20%;
    margin: .1rem 0 0 2.5rem;
}

.pdlogo4 img {
    width: 100%
}

.pdlogo3 {
    width: 4%;
    margin: 1.5rem 0 0 1.5rem;
}

.pdlogo5 {
    width: 5%;
    margin: 1.2rem 0 0 .5rem;
}

.bordeNone {
    border: none;
}

/*回看*/
.descBox {
    box-sizing: border-box;
    /*   padding: 1.5rem 0 1.5rem 0; */
}

.descBox h1 {
    padding: 1.5rem 1.5rem 0 1.5rem;
    font: normal 2.2rem/2.4rem "";
    color: #000;
}

.descTime {
    padding: 0 1.5rem;
    font: normal 1.1rem "";
    color: #989898;
    margin-top: 1rem;
}

.descName, .descEdit {
    padding: 0 1.5rem;
    font: normal 1.2rem "";
    color: #989898;
}

.descCont {
    margin-top: 0.7rem;
}

.descCont p, .descImgTit {
    padding: 0 1.5rem;
    font: normal 1.55rem/2.8rem "";
    color: #444;
    margin-bottom: 0.7rem;
    letter-spacing: 0.1rem;

}

.descCont img {
    width: 100% !important;
//    margin-bottom: 0.7rem;
    height: auto !important;
}

.descImgTit {
    display: block;
    font: normal 1.5rem "";
    color: #989898;
    text-align: center;
}

.descSee h2, .descComment h2, .CommentRecome .title {
    box-sizing: border-box;
    font: normal 1.4rem "";
    color: #222;
    padding: 1.5rem 1.25rem;
    background: #f5f5f5;
    border-bottom: solid 1px #ccc;
}

.descSee li {
    box-sizing: border-box;
    padding: 1.2rem 1.25rem;
    border-bottom: solid 1px #ececec;
    font: normal 1.4rem "";
    color: #222;
}

.descComment li {
    padding: 0 1.25rem 2rem 1.25rem;
    box-sizing: border-box;
    border-bottom: solid 1px #ececec;
}

.CommentTx p {
    display: inline-block;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 50%;
    overflow: hidden;
}

.CommentTx img {
    width: 100%;
    min-height: 100%;
}

.CommentTx {
    margin-top: 1rem;
    height: 4.25rem;
    line-height: 4.25rem;
}

.CommentTx span, .CommentPc {
    font: normal 1.4rem "";
    margin-left: 1rem;
    color: #222;
}

.CommentPc {
    margin: 0.8rem 0 0 4.3rem;
}

.CommentRecome li {
    padding: 1rem 1.25rem 1rem 1.25rem;
}

.CommentRecome li:first-child {
    padding-top: 0;
}

.CommentRecome span {
    color: #f13517;
}

.ground_video .ifImg {
    width: 100%;
    min-height: 100%;
}

.ground_media {
    padding: 0 1rem 0 2.8rem;
    box-sizing: border-box;
    width: 100%;
    height: 6rem;
    border-bottom: solid 1px #ececec;
}

.ground_media img {
    width: 67%;
    vertical-align: middle;
    margin: -0.1rem 0 0 1.3rem;
}

.ground_media span {
    font: normal 1.5rem/6rem "";
    color: #000;
}

.mediaPlay {
    margin-top: 1.75rem;
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    background: url("../images/paly.png");
    background-size: 100% 100%;
}

.mediaBox {
    display: none;
}

.onPlay {
    background: url("../images/paly1.png");
    background-size: 100% 100%;
}

.ground_box .cityInfo {
    color: #f13517;
}

.city_header {
    width: 100%;
    display: block;
}

.city_box {
    margin-top: 0;
    border-top: solid 1px #eee;
}

.opicComment {
    background: #fff;
}

.opicComment h2 {
    border: none;
}

.progressBar, .progressBar p {
    position: relative;
    width: 60%;
    height: 1rem;
    background: #eee;
    border-radius: 5px;
}

.progressBar p {
    background: #f13517;
}

.descSee li span {
    font: normal 1.4rem/0.8rem "";
}

.progressBox {
    margin-top: 1.5rem;
}

.ground_video .living {
    margin: 0.5rem;
    width: 4rem;
    height: 1.5rem;
    background: url("../images/liveimg.png") no-repeat;
    background-size: 100% 100%;
}

.liveSource {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    color: #989898;
}

.liveKg {
    padding: 0 1.5rem;
    font: normal 1.4rem/2.4rem "";
    color: #000;
}

.liveChoose {
    margin-top: 1rem;
    width: 100%;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
}

.liveChoose li {
    position: relative;
    width: 41%;
    padding: 1.5rem 0;
    font: normal 1.6rem "";
    color: #000;
}

.liveChoose li:first-child {
    text-align: right;
}

.liveChoose li:first-child label {
    right: 0;
}

.liveChoose li label {
    position: absolute;
    bottom: 0;
    display: block;
    width: 5rem;
    height: 0.2rem;
    background: #fff;
}

.liveChoose li.on {
    color: #f22200;
}

.liveChoose li.on label {
    background: #f22200
}

.liveTit {
    padding: 1.5rem 0;
    width: 100%;
    font: normal 1.4rem "";
    text-align: center;
    color: #000;
    border-bottom: solid 1px #e6e6e6;
    background: #fafafa;
}

.liveCont {
    margin: 1rem 2.3rem;
    border-left: solid 1px #222;
}

.liveCont li {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 1.5rem 2.5rem;
}

.liveCont li p {
    font: normal 1.5rem/2.4rem "";
    color: #000;
    word-break: break-all;
}

.liveCont li span {
    display: block;
    margin-bottom: 0.5rem;
    font: normal 1.3rem/2.4rem "";
    color: #f13517;
}

.liveCont hr {
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 0;
    background-color: #e6e6e6;
    height: 1px;
}

.liveCont li label {
    display: block;
    position: absolute;
    left: -0.9rem;
    top: 0rem;
    width: 1.8rem;
    height: 1.8rem;
    background: url("../images/littleLogo.jpg") no-repeat;
    background-size: 100% 100%;
}

.liveCont li img {
    width: 31%;
    float: left;
    height:8rem;
    margin: 1rem 2% 0.8rem 0;
    object-fit: cover;
}

.notHaveData {
    padding: 0 1.5rem;
    font: normal 1.5rem/2rem "";
    color: #000;
    margin-bottom: 0.7rem;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeUp {
    0% {
        -webkit-opacity: 0;
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0);
    }
}

#seeMOre {
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    font-size: 1.2rem;
    color: #222;
}
.onScale.scaleBg{ background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 99999999}
.liveCont .onScale img{width: 100% !important;top:50%;position: fixed;left:0;z-index: 99999999;max-height:28rem;}

#d1d{overflow:hidden;}
.imgBg{width: 100%;height: 100%;background: rgba(225,225,225,0.8);position: absolute;top:0;left:0;display: none;z-index:999999;}

.advert{
    display: block;
    width: 100%;
    height: 8rem;
    margin: 1rem 0;
}
.advert span{
    width: 2.2rem;
    height: 1.1rem;
    line-height: 1.1rem;
    background: #404040;
    color: #ffffff;
    font-size: .9rem;
    display: block;
    opacity: .4;
    text-align: center;
    margin: .3rem;
    float: left;
}

.topDownload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 3.3rem;
    padding: 1rem 0rem 1rem 0rem;
    background: #FFFFFF;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
}
.topDownload .topDownloadLogo{
    width: 3.3rem;
    height: 3.3rem;
    margin: 0rem 1.5rem 0rem 1.5rem;
    float: left;
}
.topDownload .topDownloadText{
    height: 3.3rem;
    line-height: 3.3rem;
    font-size: 1.4rem;
    color: #404040;
    float: left;
}
.topDownload .topDownloadText span{
    display: block;
    height: 1.1rem;
    float: left;
    border-left: solid 1px #E6E6E6;
    margin: 1.1rem 1.5rem 0rem 0rem;
}
.topDownload .topDownloadBtn{
    width: 6rem;
    height: 2.2rem;
    margin: 0.5rem 1.5rem 0rem 0rem;
    float: right;
    border: 1px solid #DBDBDB;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    color: #C7C7C7;
    line-height: 2.2rem;
    text-align: center;

}

.pdDownLoad2 {
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    height: 5.3rem;
    background-color: #090D31; /* 浏览器不支持时显示 */
    background-image: linear-gradient(269deg, #2C2F4B 0%, #090D31 100%);
    /*background-color: #D12421; !* 浏览器不支持时显示 *!*/
    background-image: none;
    background-size:100% auto;
    position: fixed;
    opacity: 1;
    z-index: 1111;
    left: 0px;
    bottom: 0px;
    animation: fadeUp 0.5s ease-in-out;
    -webkit-animation: fadeUp 0.5s ease-in-out;
}
.pdlogo6 {
    width: 5.8rem;
    height: 2.8rem;
    margin: 1.2rem 0 0 2rem;
    background-image: linear-gradient(90deg, #EE7281 0%, #E05F6A 100%);
    /*background-color: #ffffff;*/
    border-radius: 1.4rem;
    color: #ffffff;
    font-size: 1.1rem;
    text-align: center;
    line-height: 2.8rem;
}
.pdlogo7{
    width: 2rem;
    height: 2rem;
    margin: 1.6rem 0 0 1rem;
}

.foot-text p{
    height: 3.6rem;
    line-height: 1.8rem;
    font-size: 1.2rem;
    overflow: hidden;
}