@charset "utf-8";
.video{ width:100%; background-color:#292929;}
.videoImg{ position:relative; width:100%; background-color:#292929; display:block;}
.videoImg img{ display:block; width:100%;}
.playvideo{ position:relative; width:100%; background-color:#292929;}
.video-t{ padding:12px 10px; line-height:24px; font-size:16px; background-color:#fff;}
.guest{ display:block; padding-top:5px; font-size:12px; color:#999; line-height:20px;}
.play-num{ color:#333;}
.video-t p{ padding:10px 0 0 0; line-height:20px; font-size:12px; color:#999;text-align: justify;}
.v-t{ padding:10px; font-size:16px;}
.v-t span{ display:inline-block; width:6px; height:15px; margin-right:5px; vertical-align:-2px; background-color:#6a95f8;}
.vlist{ width:100%; overflow:hidden; padding:0 2px 30px 2px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.vdcell{ float:left; position:relative; width:50%; margin-bottom:10px;}
.vdimg{ display:block;  width:100%;}
.vdcell p{ padding:6px 10px 8px 5px; line-height:18px; font-size:11px; color:#aaa; }
.vdcell p a{ display:block; height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#333;}
.vdcell .vdpic{ display:block; padding:2px; }
.vdcell .vdpic a{ position:relative; display:block; width:100%; overflow:hidden;}
.vd-border{ display:none;}
.vdcurr .vd-border{ display:block; position:absolute; z-index:3; top:0; left:0; bottom:0; width:100%; height:100%; border:2px solid #ac1630; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.vdcurr p a{ color:#ac1630;}
.vico{ position:absolute; display:block; left:50%; top:50%; margin-top:-25px; margin-left:-25px; width:50px; height:50px;}
.vico .vpic{ position:absolute; z-index:2; display:block; width:50px; height:50px; background:url(../png/play.png) no-repeat center center; background-size:22px;}
.vico .vbg{ position:absolute; z-index:1; display:block; width:50px; height:50px; background-color:#323b4c; opacity:.9;border-radius:8px;}
.yugao{ display:block; position:absolute; z-index:2; top:-5px; left:-39px; width:100px; height:20px; padding-top:10px; text-align:center; background-color:#5688e3; color:#fff; font-size:12px; transform:rotate(-45deg);}
.liveico{ display:inline-block; height:16px; padding:0 5px; line-height:16px; font-size:11px; color:#fff; background-color:#ac1630; margin-right:4px; border-radius:2px; font-style:normal; vertical-align:2px;}
.relw-t{ padding:10px;}
.relw-t a{ display:block;}
.relw-jz{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; line-height:20px;}
.relw-fg{ display:inline-block; padding:0 7px; color:#bbb;}
.relw-t a span{ display:block; float:right; padding-right:10px; margin-top:3px; background:url(../png/rr.png) no-repeat right center; background-size:6px; color:#999;  font-size:12px;}
.relwlist{ width:100%; overflow:hidden; margin-bottom:10px; background-color:#fff;}
.relwlist a{ display:block; width:100%; overflow:hidden;}
.relwimg{ float:left; width:45%; padding:10px 0; text-align:center;}
.relwimg img{ width:95%;}
.relw-rgt{ float:left; width:55%; padding:10px 0 15px 0;}
.relw-cont{ padding:0 10px 0 0;}
.relw-cn{ max-height:40px; line-height:20px; overflow:hidden;}
.relw-en{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px;}
.relw-score{position:relative; left:-6px; height:40px; overflow:hidden; padding:8px 0 0 0;line-height:20px; font-size:11px;}
.relw-score span{ display:inline-block; white-space:nowrap;}
.relw-overview{ height:72px; overflow:hidden; line-height:18px; font-size:11px; color:#999;}
.relw-price{ width:100%; padding:0 0 8px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
.relw-priceVal{ font-size:18px; color:#ac1630;}
.qjlabel{ display:inline-block; height:16px; line-height:16px; margin:0 6px 0 0; font-size:11px; padding:0px 4px 1px 4px; border-radius:2px; background-color:#d0546a; color:#fff; vertical-align:3px;}
.kjlabel{ display:inline-block; height:16px; line-height:16px; margin:0 6px 0 0; font-size:11px; padding:0px 4px 1px 4px; border-radius:2px; background-color:#708bbc; color:#fff; vertical-align:3px;}
.relw-points{ color:#ac1630; }
.relw-btn-video{ height:32px; text-align:center; font-size:14px; background-color:#ac1630; border-radius:3px; color:#fff; line-height:32px;}
@media screen and (min-width:500px) {
.relw-score{ height:60px;}
.relwimg img{ width:80%;}
.relw-overview{ height:90px;}
.relw-price{ padding:10px 0;}
}
.relw-tip{ padding:40px 0; color:#999; text-align:center; font-size:12px; border-top:1px solid #e9e9e9;}
.relw-tipico{ display:block; width:40px; height:40px; margin:0 auto 10px auto; font-size:40px; line-height:40px; color:#dee0e4;}
.tipMask{ position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:.9;}
.play-tip{ position:absolute; top:50%; width:100%; margin-top:-39px; text-align:center; color:#e6e6e6;}
.play-tip p{ padding-bottom:15px; font-size:14px; } 
.refresh-v{ padding:8px 0; width:120px; margin:0 auto; font-size:14px; text-align:center; background-color:#2057b3; color:#fff;  font-family:"Microsoft Yahei"; border-radius:3px; cursor:pointer;}



.vd-place {
    height: 44px;
}

.fixed-vdsort {
    position: fixed;
    left: 0;
    top: 44px;
    z-index: 100;
    width: 100%;
    height: 44px;
    background-color: #fff;
}

.video-sort {
    width: 100%;
    overflow: hidden;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;*/
}

.video-sort li {
    height: 40px;
    line-height: 40px;
    padding: 2px 0;
    font-size: 15px;
    float: left;
    width: 20%;
    text-align: center;
}

.video-sort li a {
    display: inline-block;
}


.box-w {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}
/*.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}*/
.swiper-img img {
    width: 100%;
}

.video-group-t {
    padding: 10px 0 0 0;
}
.cell-group {
    width: 100%;
    background-color: #fff;
}
.video-group-t .cell {
    padding: 10px 0 10px 10px;
    display: -webkit-box;
}
.video-group-t .cell-primary {
    font-size: 18px;
    font-weight: bold;
}
.cell-primary {
    position: relative;
    font-size: 15px;
    line-height: 25.005px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.tline {
    display: inline-block;
    margin-right: 6px;
    height: 18px;
    width: 5px;
    background-color: #7198de;
    vertical-align: -3px;
}
.cell-ft {
    padding-right: 25px;
    position: relative;
    font-size: 13px;
    height: 25.005px;
    line-height: 25.005px;
    color: #999;
}
.cell-ft span {
    display: block;
    position: absolute;
    right: 8px;
    top: 0;
    width: 18px;
    font-size: 18px;
    text-align: center;
    line-height: 25.005px;
}

.grid-group {
    width: 100%;
    padding: 2px 0 2px 4px;
    overflow: hidden;
    margin-bottom: 8px;
    box-sizing:border-box;
}
.grid-col {
    float: left;
    width: 50%;
    overflow: hidden;
    padding-right: 4px;
    margin-bottom: 15px;
    box-sizing:border-box;
}
.grid-col a {
    display: block;
    width: 100%;
    position: relative;
}
.grid-img {
    position: relative;
}
.grid-img img {
    width: 100%;
}
.vtime {
    position: absolute;
    display: block;
    bottom: 4px;
    right: 4px;
    font-size: 11px;
    color: #fff;
}
.grid-title {
    display: block;
    height: 40.000000012px;
    padding: 6px 10px 0 5px;
    line-height: 1.428571429;
    overflow: hidden;
}
.preview-label {
    display: block;
    position: absolute;
    z-index: 2;
    top: 2px;
    left: -36px;
    width: 100px;
    height: 22px;
    line-height: 22px;
    padding-top: 0;
    text-align: center;
    background-color: #5688e3;
    color: #fff;
    font-size: 12px;
    transform: rotate(-45deg);
}
.liveico {
    display: inline-block;
    padding: 1px 3px 0 3px;
    margin-right: 5px;
    font-size: 11px;
    line-height: 1.428571429;
    background-color: #ac1630;
    color: #fff;
    border-radius: 2px;
}

.video-sort li.curr {
    padding: 2px 0 0 0;
    color: #ac1630;
}
.video-sort li.curr a {
    color: #ac1630;
}

.v-padtop {
    padding-top: 10px;
}

.box-w {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}
.endtip {
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    color: #999;
}

.tab-border {
    position: absolute;
    z-index: 5;
    bottom: 0;
    height: 2px;
    width: 20%;
    left: 0;
    transition: left 0.3s;
    -webkit-transition: left 0.3s;
}
.tab-border span {
    display: block;
    height: 2px;
    width: 32px;
    margin: 0 auto;
    background-color: #ac1630;
}

.box-white { width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff; margin-bottom: 10px; }
.video-10px { padding: 0 15px; }
.video-tab { font-weight: bold; position: relative; width: 100%; background-color: #fff; height: 45px; font-size: 15px; }
.video-tab .tab-item.tab-selected, .video-tab .tab-item a.tab-selected { color: #ac1630; }
.video-tab .tab-item { text-align: left; }
.video-tab .tab-item { float: left; width: 25%; overflow: hidden;line-height: 45px; }
.video-10px .video-tab .tab-border { position: absolute; bottom: 0; left: 0; width: 25%; transition: left 0.2s; -webkit-transition: left 0.2s; }
.video-tab .tab-border span { display: block; width: 4em; height: 2px;background-color: #ac1630; margin:unset}

.video-grid-menu {padding: 0;}
.video-grid-menu .grid-menu {height: 1.8rem;width: 25%;}
.curr-grid {color: #ac1630;}
.video-grid-menu .wine-ico {height: .66rem;background: none;font-size: 0.6rem;}
.grid-menu a{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.learn-tab-wrap {padding: 0 60px;}
.learn-tab {position: relative;width: 100%;background-color: #fff;height: 40px;font-size: 14px;}
.learn-tab .tab-item.tab-selected, .learn-tab .tab-item a.tab-selected {color: #ac1630;}
.learn-tab .tab-item {float: left;width: 25%;overflow: hidden;text-align: center;line-height: 40px;}
.learn-tab .tab-border {position: absolute;bottom: 0;left: 0;width: 25%;transition: left 0.2s;-webkit-transition: left 0.2s;}
.learn-tab .tab-border span {display: block;width: 2em;height: 2px;margin: 0 auto;background-color: #ac1630;}
.img-sg-group img { width: 100%;}
.learn-wrap .label-red-line {
    vertical-align: 2px;
}
.label-red-line, .label-black-line {
    position: relative;
    display: inline-block;
    padding: 1px 4px;
    margin-right: 5px;
    line-height: 1.428571429;
    color: #ac1630;
    font-size: 10px;
}
    .label-red-line:after, .label-black-line:after {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #ac1630;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        padding: 1px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 6px;
        pointer-events: none;
    }
.video-more {
    float: right;
    line-height: 45px;
    font-weight: normal;
    font-size: 13px;
}
    .video-more a {
        display: inline-block;
    }
.grid-col-video {
    padding: 0 4px 10px 0;
}

    .grid-col-video .label-red-line {
        font-size: 8px;
        padding: 1px 4px;
        vertical-align: 2px;
    }

.vtime {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    padding: 2px 4px;
    font-size: 11px;
    color: #fff;
    background: rgba(0,0,0,0.5);
}

.grid-col-video .grid-title {
    height: 35px;
}

.grid-col-video .grid-title {
    font-size: 12px;
}

.grid-title {
    display: block;
    height: 40.000000012px;
    padding: 6px 10px 0 10px;
    line-height: 1.428571429;
    overflow: hidden;
}

.grid-col-video .label-red-line {
    font-size: 8px;
    padding: 1px 4px;
    vertical-align: 2px;
}

.label-red-line, .label-black-line {
    position: relative;
    display: inline-block;
    padding: 1px 4px;
    margin-right: 5px;
    line-height: 1.428571429;
    color: #ac1630;
    font-size: 10px;
}

    .label-red-line:after, .label-black-line:after {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #ac1630;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        padding: 1px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 6px;
        pointer-events: none;
    }



.grid-play-label {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 2px 6px;
    margin-left: -36px;
    margin-top: -12px;
    background: rgba(172,22,48,0.8);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
}

    .grid-play-label .icon-videos-full {
        font-size: 12px;
    }

.vt-curr {
    color: #ac1630;
}
.s-holder.video-sh { padding: 6px 0 2px 0;height: 52px; }
.video-sh  .searchbar {position: relative;height: 32px;background-color: #f1f2f3;padding-left: 32px;line-height: 32px;color: #bbb;border-radius: 3px;}
.video-sh .search-ico {display: block;position: absolute;top: 0;left: 0;width: 30px;height: 32px;font-size: 14px;text-align: center;line-height: 32px;color: #999;}