@charset "utf-8";
.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:0px 2px 30px 2px;  -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#fff;}
.vdcell{ float:left; width:50%; margin-bottom:10px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.vdimg{ display:block;  width:100%; vertical-align:middle;}
.vdcell p{ height:58px; padding:6px 10px 0 5px; overflow:hidden; line-height:18px; font-size:11px; color:#aaa; }
.vdcell p a{ display:block;max-height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#333;}
.vdcell .vdpic{ display:block; padding:2px;}
.vdpic a{position:relative; display:block; width:100%; overflow:hidden;}
.playvideo{ background-color:#292929;}
.video{ padding-bottom:10px; background-color:#fff;}
.video-describ{ padding:10px 10px 0 10px; }
.video-tit{ font-size:16px; padding-bottom:10px;}
.video-tit span{ display:block; padding-top:5px; font-size:12px; color:#999; }
.video-describ p{ line-height:20px; font-size:12px; color:#666;}
.relw-t{ padding:10px;}
.relw-t a{ display:block;}
.relw-t a span{ display:block; float:right; padding-right:10px; margin-top:3px; background:url(../images/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:15px 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%; padding-bottom:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px;}
.relw-score{ position:relative; left:-6px; height:40px; overflow:hidden; padding:0;line-height:20px; font-size:11px;}
.relw-score span{ display:inline-block;}
.relw-overview{ height:72px; overflow:hidden; line-height:18px; font-size:11px; color:#999;}
.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-price{ width:100%; padding:0 0 8px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
.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-priceVal{ font-size:18px; color:#d33e4c;}
.relw-points{ color:#d33e4c; }
.relw-btn{ height:32px; text-align:center; font-size:14px; background-color:#d33e4c; border-radius:3px; color:#fff; line-height:32px;}
@media screen and (min-width:500px) {
.relwimg img{ width:80%;}
.relw-score{ height:60px;}
.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; background:url(../images/tip.png) no-repeat; background-size:40px;}



.hnav {
    position: relative;
    z-index: 12;
    width: 100%;
    max-width: 640px;
    margin: 0px auto;
    height: 44px;
}
.hnav-t {
    position: fixed;
    top: 0px;
    width: 100%;
    max-width: 640px;
    z-index: 10;
    background-color: #fff;
}
.headNav {
    width: 100%;
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hed-rgtico {
    display: block;
    float: right;
    width: 35px;
    height: 44px;
    padding-right: 10px;
    text-align: center;
    font-size: 21px;
    line-height: 44px;
}
.pagetit {
    margin: 0 45px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
}

.pagewrap {
    width: 100%;
    /*padding: 44px 0 0 0;*/
}
.fixed-vdsort {
    position: fixed;
    left: 0;
    top: 44px;
    z-index: 1000;
    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;
}

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

.video-sort li.curr a {
    color: #d33e4c;
}

.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: #d33e4c;
}

.box-w {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}
/*.v-padtop{
    padding-top:44px;
}*/
.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-v {
    display: inline-block;
    padding: 1px 3px 0 3px;
    margin-right: 5px;
    font-size: 11px;
    line-height: 1.428571429;
    background-color: #d33e4c;
    color: #fff;
    border-radius: 2px;
}
.bdb-1px:after {
     right: 0; 
}
.endtip {
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    color: #999;
}