.j-main{width: 100%;padding-top: .8rem;padding-bottom: 1.2rem;background-color: #fafafa;}
.j-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.j-title{color: #333;line-height: 1;text-align: center;margin-bottom: .4rem;}
.j-tabs{font-size: 0;text-align: center;border-bottom: 1px solid #eee;margin-bottom: .6rem;}
.j-tab{display: inline-block;vertical-align: top;margin: 0 .2rem;color: #333;line-height: 1;padding: .2rem 0 .21rem;position: relative;cursor: pointer;transition: color .3s;}
body.pc .j-tab:hover{color: #fa0;}
.j-tab.active{color: #fa0;}
.j-tab.active:after{content: "";display: block;width: 100%;height: .02rem;background-color: #fa0;position: absolute;left: 0;bottom: -1px;}
.j-list{font-size: 0;}
.j-item{display: inline-block;vertical-align: top;width: 31.25%;margin-right: 3.125%;margin-bottom: .57rem;}
.j-item:nth-child(3n){margin-right: 0;}
.j-box{width: 100%;padding-top: 62.22%;position: relative;overflow: hidden;cursor: pointer;background-color: #000;}
.j-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;opacity: .7;}
.j-play{width: .5rem;height: .5rem;background-image: url(/static/home/images/5.png);background-size: 100% 100%;position: absolute;left: 50%;top: 50%;margin-left: -0.25rem;margin-top: -0.25rem;z-index: 12;}
body.pc .j-box:hover .j-img{transform: scale(1.07);}
.j-text{padding-top: .23rem;}
.j-tit{color: #333;line-height: 1.5;margin-bottom: .13rem;}
.j-des{color: #999;line-height: 1;}
@media(max-width: 750px){
    .j-main{padding: .5rem .3rem;}
    .j-inner{max-width: 100%;}
    .j-title{margin-bottom: .2rem;}
    .j-tabs{margin-bottom: .3rem;}
    .j-tab{margin: 0 0.1rem;}
    .j-item{width: calc(50% - 0.15rem);margin-right: .3rem;margin-bottom: .3rem;}
    .j-item:nth-child(3n){margin-right: 0.3rem;}
    .j-item:nth-child(2n){margin-right: 0;}
    .j-text{padding-top: .15rem;}
}


.v-a{position: fixed;left: 50%;top: 110%;width: 9.6rem;margin-left: -4.6rem;z-index: 999999999;transition: all .5s ease-in-out;padding: .2rem;padding-top: .4rem;background-color: #fff;border-radius: 5px;box-shadow: 0 0 .1rem rgba(0,0,0,0.1);box-sizing: border-box;}
.v-a.show{top: 50%;}
.v-a *{box-sizing: border-box;}
.v-b{width: 100%;background-color: #000;}
.v-c{display: block;width: .4rem;height: .4rem;font-size: .26rem;text-align: center;line-height: .4rem;color: #131313;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.v-e{width: 100%;width: 100%;height: 5.18rem;}
.v-f{width: 100%;max-height: calc(100vh - 1rem);vertical-align: top;}
@media(max-width: 1920px){
    .v-c{width: 40px;height: 40px;line-height: 40px;top: 0;font-size: 26px;}
    .v-a{padding: 40px 20px 20px 20px;}
    .v-f{width: 100%;max-height: calc(100vh - 100px);}
}
@media(max-width: 900px){
    .v-a{padding: 40px 10px 20px 10px;width: 100%;left: 0;margin-left: 0;}
    .v-e{width: 100%;height: 56.25vw;}
    .v-f{width: 100%;}
}

.pg-main{text-align: center;font-size: 0;}
.pg-one{display: inline-block;vertical-align: top;min-width: .46rem;height: .46rem;line-height: .44rem;padding: 0 0.05rem;text-align: center;color: #888;border: 1px solid #eee;margin: 0 .1rem;cursor: pointer;background-color: #fff;transition: background-color .3s;}
.pg-one.active{background-color: #fa0;color: #fff;}
.pg-input{width: 1rem;height: .46rem;border: 1px solid #eee;background-color: #fff;text-align: center;color: #888;margin: 0 .12rem 0 .3rem;}
.pg-submit{width: auto;border: none;background-color: transparent;height: 1px solid transparent;line-height: .44rem;color: #888;cursor: pointer;padding: 0;}
.pg-prev,
.pg-next{background-image: url(/static/home/images/56.png);background-size: .444444em auto;background-repeat: no-repeat;background-position: center center;}
.pg-prev{transform: rotate(180deg);margin-left: 0;}
body.pc .pg-one:hover{background-color: #fa0;color: #fff;}
body.pc .pg-next:hover,
body.pc .pg-prev:hover{background-image: url(/static/home/images/57.png)}
@media(max-width: 750px){
    .pg-one{margin: 0 0.05rem;}
    .pg-input{margin-left: .1rem;margin-right: .1rem;}
}