.topswiper{
    width: 7.5rem;
    height: 4.5rem;
}
.topswiper .swiper-slide{
    width: 6.9rem;
    height: 4.7rem;
    padding-top: .2rem;
}
.topswiper .swiper-slide a{
    display: block;
    width: 100%;
    height: 3.5rem;
    box-shadow: 0px 0px .1rem 0px rgba(16, 12, 7, 0.4);
    border-radius: .16rem;
    overflow: hidden;
}
.topswiper .swiper-slide a img{
    width: 100%;
    height: 100%;
}
.topswiper .swiper-slide span{
    width: 100%;color: #2d2d2d;display: block;font-size: .3rem;height: 1rem;line-height: 1rem;text-align: center;
}

.nav-video-swiper{
    width: 100%;
    height: 1.78rem;
    padding-top: .1rem;
    padding-bottom: .2rem;
    margin-top: .5rem;
}
.nav-video-swiper .swiper-slide {
    width: auto;
    font-size: 0;
}
.nav-video-swiper .swiper-slide a{
    float: left;
    width: 1.41rem;
    height: 1.78rem;
    background-color: #ffffff;
    box-shadow: 0px .1rem .1rem 0px
    rgba(219, 219, 219, 0.3);
    border-radius: .16rem;
    border: solid 1px #f5f5f5;
    margin: 0 .14rem;
    text-align: center;
    position: relative;
}
.nav-video-swiper .swiper-slide a span{
    display: block;
    width: 100%;font-size: .26rem;
    text-align: center;color: #4b4b4b;    margin-top: 1.2rem;
}
.nav-video-swiper .swiper-slide a::before{
    display: block;
    content: '';
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.55rem;
    background-size: 100%;
}
.nav-video-swiper .swiper-slide a.nav_dj::before{
    background-image: url('/images/v1/nav_dj.png');
}
.nav-video-swiper .swiper-slide a.nav_yc::before{
    background-image: url('/images/v1/nav_yc.png');
}
.nav-video-swiper .swiper-slide a.nav_xy::before{
    background-image: url('/images/v1/nav_xy.png');
}
.nav-video-swiper .swiper-slide a.nav_bk::before{
    background-image: url('/images/v1/nav_bk.png');
}
.nav-video-swiper .swiper-slide a.nav_sy::before{
    background-image: url('/images/v1/nav_sy.png');
}
.nav-video-swiper .swiper-slide a.nav_wy::before{
    background-image: url('/images/v1/nav_wy.png');
}

.videotitle{
    width: 100%;
    height: .4rem;
    line-height: .4rem;text-indent: .2rem;
    position: relative;color: #333333;font-weight: bold;font-size: .36rem;
}
.videotitle::before {
    position: absolute;
    content: '';
    display: block;
    width: .11rem;
    height: .31rem;
    top: .05rem;
    left: 0;
    background-image: linear-gradient(49deg,rgba(255, 72, 0, 0.98) 0%,rgba(255, 120, 0, 0.98) 100%),
    linear-gradient(#ff5a39,#ff5a39);
    background-blend-mode: normal,normal;
    box-shadow: .02rem 0px .04rem 0px rgba(255, 77, 0, 0.6);
    border-radius: .05rem;
}
.videotitle a{
    position: absolute;
    width: 1rem;
    height: 100%;
    right: 0;
    top: 0;    text-indent: 0;
    display: block;color: #747474;font-size: .26rem;
}
.videotitle a i{
    color: #ff5a00;    font-style: normal;
}
.jctj{
    width: 100%;
    margin-top: .6rem;
}
.jctj .videotitle{
    width: 7.1rem;
    margin: auto;
}
.jctj .jctj-swiper{
    padding-bottom: .2rem;margin-top: .3rem;
}
.jctj .swiper-slide {
    width: auto;
    font-size: 0;
}
.jctj .swiper-slide a{
    float: left;
    width: 3rem;
    height: 2.4rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .07rem 0px
    rgba(128, 128, 128, 0.42);
    border-radius: .1rem;
    margin: 0 .15rem;
    overflow: hidden;
}
.jctj .swiper-slide a:first-child{
    margin-left: .2rem;
}
.jctj .swiper-slide a img{
    width: 100%;
    height: 1.5rem;
    display: block;
}
.jctj .swiper-slide a p{
    height: .9rem;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0 .22rem;
    line-height: .45rem;
    font-size: .22rem;
    color: #454545;
    text-align: left;
}
.djzh{
    margin: auto;
    margin-top: .6rem;
    width: 7.1rem;
}
.djzh .djzhlist {
    margin-top: .3rem;display: none;    overflow: hidden;
}
.djzh .djzhlist.active{
    display: block;
}
.djzh .djzhlist a{
    float: left;
    width: 3.41rem;
    height: 2.54rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .07rem 0px
    rgba(128, 128, 128, 0.42);
    border-radius: .10rem;
    margin-right: .26rem;
    margin-bottom: .26rem;
    overflow: hidden;
}
.djzh .djzhlist a:nth-child(2n){
    margin-right: 0;
}
.djzh .djzhlist a img{
    display: block;
    width: 100%;
    height: 1.71rem;
}
.djzh .djzhlist a p{
    box-sizing: border-box;
    display: block;
    height:.83rem;
    padding: 0.06rem .17rem;
    color: #454545;
    line-height: .36rem;
    font-size: .22rem;
    width: 100%;
    text-align: left;
}

.djzh .djzhchangge{
    text-align: center;
    color: #454545;
    font-size: .26rem;
    cursor: pointer;
}
.djzh .djzhchangge::before{
    content: '';
    display: inline-block;
    width: .25rem;
    height: .29rem;
    background: url('/images/v1/video_huanyihuan.png');
    background-size: 100%;
    vertical-align: text-top;
    margin-right: .2rem;
}
.com{
    width: 7.1rem;
    margin: auto;
    margin-top: .6rem;overflow: hidden;
}
.djdzk a{
    height: .5rem;
    line-height: .5rem;
    background-color: #f5f5f5;
    border-radius: .25rem;
    float: left;
    margin: .25rem .11rem;
    padding: 0 .22rem;
    color: #484848;
    font-size: .24rem;
}

.com .combox a {
    float: left;
    width: 3.41rem;
    height: 2.54rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 0.07rem 0px rgba(128, 128, 128, 0.42);
    border-radius: .10rem;
    margin-right: .26rem;
    margin-bottom: .26rem;
    overflow: hidden;
}
.com .combox a:nth-child(2n) {
    margin-right: 0;
}
.com .combox a img{
    display: block;
    width: 100%;
    height: 1.71rem;
}
.com .combox{
    margin-top: .3rem;
}
.com .combox a p{
    box-sizing: border-box;
    display: block;
    height:.83rem;
    padding: 0.06rem .17rem;
    color: #454545;
    line-height: .36rem;
    font-size: .22rem;
    width: 100%;
    text-align: left;
}