.pa-a{width: 100%;position: relative;}
.pa-main{width: 100%;position: relative;}
.pa-b{width: 100%;}
.pa-item{width: 100%;}
.pa-link{display: block;cursor: pointer; width: 100%;}
.pa-img{width: 100%;}
.pa-img img{width: 100%;}
.pa-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15.6rem;}
.pa-titles{color: #0152d8;line-height: 1.2;font-weight: bold;} 
.pa-more{display: inline-block;cursor: pointer;margin-top: .5rem; padding: .16rem .25rem .16rem .4rem;color: #ffffff; background-color: #0152d8;}
.pa-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .4rem;width: 1.55em;height: 1.55em;background-image: url('../images/r22.png'); background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}

.pa-titles,.pa-more{opacity:0;transform:translate3d(0,-100px,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.pa-item.swiper-slide-active .pa-titles{opacity:1;transform:translate3d(0,0,0);} 
.pa-item.swiper-slide-active .pa-more{opacity:1;transform:translate3d(0,0,0);}  
.pa-titles {transition-delay: .4s;}

.pa-prev{left: .5rem; margin-top: -.3rem; width: .2rem;height: .6rem;background-image: url('../images/r25.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.pa-next{transform: rotate(-180deg); right: .5rem; margin-top: -.3rem; width: .2rem;height: .6rem;background-image: url('../images/r25.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.pa-pagination{display: none; bottom: 10px;z-index: 88;  width: 100%;font-size: 0;text-align: center;}
.pa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .12rem; opacity: 0.2;transition: all ease .5s;border-radius: 0;width: 10px;height: 2px;background-color: #fff;}
.pa-pagination .swiper-pagination-bullet-active{opacity: 1;}


.pa-bottom{display: none;position: absolute;left: 1.8rem;bottom: .4rem;z-index: 88; width: 5rem;}
.pa-c{width: 100%;height: 6em;}
.pa-c:before{content: '';position: absolute;top: .5em;left: .01rem; width: .01rem;height: calc(100% - 1em); background-color: #dddddd;opacity: 0.3;}
.pa-nav{width: 100%;position: relative;padding-left: .2rem; display: flex;align-items: center;cursor: pointer; height: 2em;}
.pa-nav:before{opacity: 0; content: '';position: absolute;top: .5em;left: 0;display: block; height: 1em;width: .03rem; background-color: #ffffff;}
.pa-name{font-size: 1em;color: rgba(255,255,255,.5); }
.pa-nav.swiper-slide-active:before{opacity: 1;}
.pa-nav.swiper-slide-active .pa-name{color: #ffffff;font-size: 1.125em;}

@media(max-width: 900px){  
    .pa-text{width: 100%; padding-left: 10px;padding-right: 10px;}
    .pa-img img{min-height: 200px;object-fit: cover;}
    .pa-bottom{display: none;}
    .pa-prev{display: none;}
    .pa-next{display: none;}
    .pa-pagination{display: block;}
}

.pb-a{width: 100%;padding-top: 1.2rem;padding-bottom:  1.15rem;}
.pb-main{width: 18rem;margin: 0 auto;}
.pb-top{width: 100%;padding: 0 1.2rem;  display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.pb-lt{font-size: 0;padding-left: .18rem;}
.pb-titles{display: inline-block;vertical-align: bottom;position: relative; margin-bottom: .2rem;color: #13202c;font-weight: bold;margin-right: .25rem;}
.pb-titles:before{content: '';position: absolute;top: 0;left: -.18rem; width: .08rem;height: .08rem;background-color: #0152d8;}
.pb-titles:after{content: '';position: absolute;top: .08rem;left: -.18rem; width: .08rem;height: .08rem;background-color: #e3e4eb;}
.pb-synopsis{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; color: #666666;}
.pb-rt{font-size: 0;}
.pb-navbox{display: inline-block;vertical-align: middle;}
.pb-nav{display: inline-block;vertical-align: middle;cursor: pointer; margin-bottom: .2rem; min-width: 1.8rem;line-height: 0.54rem;padding: 0 .15rem;text-align: center;color: #13202c;background-color: #f6f7f8;}
.pb-nav.active{color: #fff;background-color: #1a63dc;}

.pb-bottom{width: 100%;position: relative;overflow: hidden;}
.pb-bottom:before{content: '';position: absolute;top: .45rem;left: 1.2rem;width: calc(100% - 2.4rem);height: calc(100% - .9rem); background-color: #f3f4f8;}
.pb-one{position: absolute;top: 0;left: -29rem;width: 100%;}
.pb-one.show{position: relative;left: 0;}
.pb-b{width: 100%;padding: .45rem 1.2rem ;}
.pb-b:before{content: '';position: absolute;top: -1%;left: 0;z-index: 58; width: 1.2rem;height: 102%;background-color: #fff;}
.pb-b:after{content: '';position: absolute;top: -1%;right: 0;z-index: 58; width: 1.2rem;height: 102%;background-color: #fff;}

.pb-item{width: 100%;}
.pb-link{cursor: pointer;width: 100%; display: flex;align-items: center;flex-direction: row-reverse; justify-content: space-between;flex-wrap: wrap;}
.pb-text{width: 50%;padding: .3rem 1rem;}
.pb-nub{color: #0152d8;margin-bottom: .2rem;}
.pb-name{color: #191919;font-weight: bold;line-height: 1.27;margin-bottom: .3rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pb-intro{color: #333333;line-height: 1.5;margin-bottom: .5rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pb-more{display: inline-block;cursor: pointer;padding: .16rem .25rem .16rem .4rem;color: #ffffff; background-color: #0152d8;}
.pb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .4rem;width: 1.55em;height: 1.55em;background-image: url('../images/r22.png'); background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}

.pb-img{width: 50%; position: relative;overflow: hidden;height: 5.8rem;}
.pb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
 

.pb-nub,.pb-name,.pb-intro,.pb-more{opacity:0;transform:translate3d(0,100px,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.pb-item.swiper-slide-active .pb-nub{opacity:1;transform:translate3d(0,0,0);} 
.pb-item.swiper-slide-active .pb-name{opacity:1;transform:translate3d(0,0,0);} 
.pb-item.swiper-slide-active .pb-intro{opacity:1;transform:translate3d(0,0,0);} 
.pb-item.swiper-slide-active .pb-more{opacity:1;transform:translate3d(0,0,0);} 

.pb-name {transition-delay: .2s;}
.pb-intro  {transition-delay: 0.4s;}
.pb-more  {transition-delay: 0.6s;}

.pb-img{opacity:0; transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.pb-item.swiper-slide-active .pb-img{opacity:1; } 
.pb-img {transition-delay: 1s;}

.pb-b .pb-pagination{bottom: 0;z-index: 88;padding: 0 1.2rem; width: 100%;font-size: 0;text-align: center;}
.pb-b .pb-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .12rem; opacity: 0.2;transition: all ease .5s;border-radius: 0;width: .2rem;height: .03rem;background-color: #0152d8;}
.pb-b .pb-pagination .swiper-pagination-bullet-active{opacity: 1;}

.pb-b .pb-prev{z-index: 88;left: 0; margin-top: -.35rem; width: .7rem;height: .7rem;border: 1px solid #e7e7e7;background-image: url('../images/r24.png'); background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.pb-b .pb-prev:hover{background-image: url('../images/r24-b.png');} 
.pb-b .pb-next{transform: rotate(-180deg); z-index: 88;right: 0; margin-top: -.35rem; width: .7rem;height: .7rem;border: 1px solid #e7e7e7;background-image: url('../images/r24.png'); background-size: .15rem auto;background-position: center center;background-repeat: no-repeat;}
.pb-b .pb-next:hover{background-image: url('../images/r24-b.png');}


@media(max-width: 900px){  
    .pb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .pb-top{padding: 0 0;}
    .pb-titles{display: block;margin-right: 0;}
    .pb-synopsis{display: block;line-height: 1.3;}
    .pb-rt{width: 100%;margin-top: .3rem;}
    .pb-navbox{width: 100%;text-align: center;}
    .pb-nav{line-height: 30px;}

    .pb-bottom:before{left: 0;width: 100%;}
    .pb-b{padding: .45rem 0;}
    .pb-b:before{display: none;}
    .pb-b:after{display: none;}
    .pb-b .pb-prev{display: none;}
    .pb-b .pb-next{display: none;}
    .pb-img{width: 100%;height: auto;padding-top: calc(580/780*100%);}
    .pb-text{width: 100%;padding: .3rem ;} 
    .pb-b .pb-pagination{padding: 0;}
}

.pc-a{width: 100%;padding-top: 1rem;padding-bottom:  .77rem; background-color: #f3f4f8;}
.pc-main{width: 15.6rem;margin: 0 auto;}
.pc-top{width: 100%;margin-bottom:  .4rem; display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.pc-lt{font-size: 0;padding-left: .18rem;}
.pc-titles{display: inline-block;vertical-align: bottom;position: relative; margin-bottom: .2rem;color: #13202c;font-weight: bold;margin-right: .25rem;}
.pc-titles:before{content: '';position: absolute;top: 0;left: -.18rem; width: .08rem;height: .08rem;background-color: #0152d8;}
.pc-titles:after{content: '';position: absolute;top: .08rem;left: -.18rem; width: .08rem;height: .08rem;background-color: #ffffff;}
.pc-synopsis{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; color: #666666;}
.pc-rt{font-size: 0;}
.pc-mores{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; cursor: pointer;color: #666666;}
.pc-mores:after{content: '';display: inline-block;vertical-align: middle;margin-left: .14rem; border-left: .4em solid #666666;border-top: .4em solid transparent;border-bottom: .4em solid transparent;}
.pc-mores:hover{color: #0152d8; }
.pc-mores:hover:after{border-left: .4em solid #0152d8;}

.pc-bottom{width: 100%;position: relative;}
.pc-b{width: 100%;}
.pc-item{display: block;width: 5rem;margin-right: .3rem;}
.pc-item:last-child{margin-right: 0;}
.pc-link{display: block;cursor: pointer; width: 100%;}
.pc-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(360/500*100%);}
.pc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.pc-text{width: 100%;padding-top: .35rem;text-align: center;}
.pc-name{color: #131415;line-height: 1.41;margin-bottom: .1rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pc-intro{width: 100%;max-width: 21em;margin: 0 auto; color: #717273;line-height: 1.2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.pc-link:hover .pc-img img{transform: scale(1.05);}
.pc-link:hover .pc-name{color: #0152d8; }

.pc-pagination{position: static;margin-top: .65rem; width: 100%;font-size: 0;text-align: center;}
.pc-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .12rem; opacity: 0.2;transition: all ease .5s;border-radius: 0;width: .2rem;height: .03rem;background-color: #0152d8;}
.pc-pagination .swiper-pagination-bullet-active{opacity: 1;}

@media(max-width: 900px){  
    .pc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .pc-titles{display: block;margin-right: 0;}
    .pc-synopsis{display: block;}
    .pc-item{width: calc(50% - 5px);margin-right: 10px;}
}

.pd-a{width: 100%;padding-bottom: 1rem;}
.pd-top{width: 100%;padding-top: .97rem;padding-bottom: 7.1rem; position: relative;}
.pd-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.pd-b{position: relative;z-index: 8; width: 15.6rem;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.pd-lt{font-size: 0;padding-left: 0.18rem;}
.pd-titles{display: inline-block;vertical-align: bottom;position: relative; margin-bottom: .2rem;color: #ffffff;line-height: 1.19; font-weight: bold; }
.pd-titles:before{content: '';position: absolute;top: .05rem;left: -.18rem; width: .08rem;height: .08rem;background-color: #1a63dc;}
.pd-titles:after{content: '';position: absolute;top: .13rem;left: -.18rem; width: .08rem;height: .08rem;background-color: #ffffff;}

.pd-rt{display: none; font-size: 0;}
.pd-item{display: inline-block;vertical-align: bottom;margin-right: 1.3rem;text-align: center;}
.pd-item:last-child{margin-right: 0;}
.pd-c{display: block;}
.pd-nub{display: inline-block;vertical-align: middle;margin-right: .07rem; letter-spacing: .01rem;color: #ffffff;font-weight: bold;}
.pd-add{display: inline-block;vertical-align: middle;color: #ffffff;font-weight: bold;}
.pd-tip{margin-top: .15rem;color: #ffffff;line-height: 1.5;}

.pd-bottom{width: 100%;}
.pd-cont{position: relative;z-index: 18;padding: .3rem .95rem  .3rem 8.95rem;display: flex;align-items: center;flex-wrap: wrap;  width: 15.6rem; margin: -5.25rem auto 0;min-height: 6.5rem; background-color: #f7f7f7;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.pd-img{position: absolute;bottom: 0;left: 0;width: 7.8rem;}
.pd-img img{width: 100%;}
.pd-text{width: 100%;}
.pd-name{position: relative; color: #000000;font-weight: bold;padding-bottom: .35rem;margin-bottom: .5rem;}
.pd-name:before{content: '';position: absolute;bottom: 0;left: 0;width: .2rem;height: .04rem;background-color: #0152d8;}
.pd-textbox{color: #717273;line-height: 1.6;padding-bottom: .3rem;}
.pd-textbox *{line-height: inherit;}
.pd-textbox P{margin-bottom: .3rem;}
.pd-more{display: inline-block;cursor: pointer;padding: .16rem .25rem .16rem .4rem;color: #ffffff; background-color: #0152d8;}
.pd-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .4rem;width: 1.55em;height: 1.55em;background-image: url('../images/r22.png'); background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}


@media(max-width: 900px){  
    .pd-top{padding-bottom: 1.2rem;}
    .pd-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .pd-rt{width: 100%;font-size: 0;margin-top: .3rem;}
    .pd-item{display: inline-block;vertical-align: top;width: 50%;margin: 0 0 .3rem 0;padding: 0 .15rem;}
    .pd-cont{width: 96%;max-width: 500px; margin: -.8rem auto 0;padding:.5rem .3rem ;}
    .pd-img{position: relative; width: 100%;}
    .pd-text{margin-top: .5rem;}
}

.pe-a{display: none;width: 100%;  padding-bottom: 1rem; }
.pe-main{width: 100%; margin: 0 auto;}
.pe-top{width: 15.6rem;margin: 0 auto; margin-bottom:  .65rem; display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.pe-lt{font-size: 0;padding-left: .18rem;}
.pe-titles{display: inline-block;vertical-align: bottom;position: relative; margin-bottom: .2rem;color: #13202c;font-weight: bold;margin-right: .25rem;}
.pe-titles:before{content: '';position: absolute;top: 0;left: -.18rem; width: .08rem;height: .08rem;background-color: #0152d8;}
.pe-titles:after{content: '';position: absolute;top: .08rem;left: -.18rem; width: .08rem;height: .08rem;background-color: #e3e4eb;}
.pe-synopsis{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; color: #666666;}

.pe-bottom{position: relative;min-height: 3.8rem;}
.pe-bottom:before{content: '';position: absolute;top: 0;left: 0;z-index: 1;opacity: .5; width: 8.98rem;height: 3.8rem;background-color: #fff4e5; background-image: linear-gradient(-90deg, #fff4e5 0%, #ffffff 100%), linear-gradient(#eeeeee, #eeeeee); border-radius: 0px 1.9rem 1.9rem 0px;}
.pe-bottom:after{content: '';position: absolute;top: 0;right: 0;z-index: 1;opacity: .5; width: 8.98rem;height: 3.8rem;background-color: #fff4e5;background-image: linear-gradient(90deg, #fff4e5 0%, #ffffff 100%), linear-gradient( #eeeeee,  #eeeeee);border-radius: 1.9rem 0px 0px 1.9rem;}
.pe-bg{position: absolute;top: -.8rem; left: 50%;transform: translate(-50%,0); width: 15.6rem;}
.pe-bg img{width: 100%;}
.pe-logo{  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10; border-radius: 50%; width: 3.2rem;height: 3.2rem;text-align: center;line-height: 3.2rem; background-color: #ffffff;box-shadow: .03rem .1rem .2rem 0px rgba(48, 49, 50, 0.06);border: solid 1px #f8f8f8;}
.pe-logo img{max-width: 50%;max-height: 50%;}

.pe-wrapbox{width: 100%;z-index: 8;position: relative;padding: .22rem 0; }
.pe-wrapbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.pe-wrap{float: left; position: relative;width: 8.98rem; overflow: hidden;}
.pe-wrap:nth-child(2n){float: right;}
.pe-inner{position: relative;white-space: nowrap;width: 100%;font-size: 0;}
.pe-list{display: inline-block;font-size: 0;}
.pe-item{display: inline-block;vertical-align: middle;padding: .2rem;}
.pe-img{display: block;cursor: pointer; width: 1.6rem;text-align: center;height: .72rem; line-height: .72rem;background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(48, 49, 50, 0.06);border-radius: .36rem;}
.pe-img img{max-width: 80%;max-height: 80%;}

.pe-wrap:nth-child(3){padding-left: 1rem;}
.pe-wrap:nth-child(4){padding-left: 1rem;}

@media(max-width: 900px){  
    .pe-a{padding-bottom: .8rem;}
    .pe-top{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .pe-bg{top: 50%;transform: translate(-50%,-50%);width: 100%;}
    .pe-logo{width: 120px;height: 120px;line-height: 120px;}
    .pe-wrap{width: calc(50% - 60px);}
    .pe-wrap:nth-child(2n){margin-left: 30px;}

    .pe-bottom:before{width: calc(50% - 30px);}
    .pe-bottom:after{width: calc(50% - 30px);}
}

.pf-a{width: 100%;position: relative;z-index: 8;padding-top: .4rem; padding-bottom:  1.1rem;  }
.pf-main{width: 15.6rem;margin: 0 auto;}
.pf-top{width: 100%;margin-bottom:  .4rem; display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.pf-lt{font-size: 0;padding-left: .18rem;}
.pf-titles{display: inline-block;vertical-align: bottom;position: relative; margin-bottom: .2rem;color: #13202c;font-weight: bold;margin-right: .25rem;}
.pf-titles:before{content: '';position: absolute;top: 0;left: -.18rem; width: .08rem;height: .08rem;background-color: #0152d8;}
.pf-titles:after{content: '';position: absolute;top: .08rem;left: -.18rem; width: .08rem;height: .08rem;background-color: #e3e4eb;}
.pf-synopsis{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; color: #666666;}
.pf-rt{font-size: 0;}
.pf-mores{display: inline-block;vertical-align: bottom;margin-bottom: .2rem; cursor: pointer;color: #666666;}
.pf-mores:after{content: '';display: inline-block;vertical-align: middle;margin-left: .14rem; border-left: .4em solid #666666;border-top: .4em solid transparent;border-bottom: .4em solid transparent;}
.pf-mores:hover{color: #0152d8; }
.pf-mores:hover:after{border-left: .4em solid #0152d8;}

.pf-bottom{width: 100%;}
.pf-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.pf-left{float: left;position: relative;width: 10.6rem; padding-right: 7.2rem; min-height: 5.4rem;background-color: #f4f5fa;}
.pf-item{display: block;cursor: pointer;}  
.pf-item .pf-img{position: absolute;top: 0;right: 0;z-index: -1;opacity: 0;transition: all ease .5s; width: 7.2rem; height: 100%; overflow: hidden; }
.pf-item .pf-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.pf-item .pf-text{position: relative; display: flex;align-items: center;align-content: center;flex-wrap: wrap;padding: .2rem .4rem; min-height: 1.8rem;}
.pf-item .pf-text:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .01rem;background-color: #e8e8e8;}
.pf-item .pf-name{color: #1b1f25;line-height: 1.5;font-weight: bold; margin-bottom: .4rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pf-item .pf-time{width: 100%; color: #717273;position: relative;}
.pf-item .pf-time:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .3rem;height: .3rem;border: solid 1px #eeeeee;background-image: url('../images/r23.png'); background-size: .285em auto;background-position: center center;background-repeat: no-repeat;}



.pf-right{float: right;width: 4.8rem;}
.pf-one{display: block;cursor: pointer; width: 100%;background-color: #f4f5fa;}
.pf-one .pf-text{width: 100%;display: flex;align-items: center;align-content: center;flex-wrap: wrap; min-height: 2.2rem;padding: .2rem .4rem;}
.pf-one .pf-name{color: #1b1f25;font-weight: bold;line-height: 1.45;margin-bottom: .1rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pf-one .pf-intro{color: #666666;line-height: 1.8;margin-bottom: .4rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pf-one .pf-time{width: 100%; color: #717273;position: relative;}
.pf-one .pf-time:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .3rem;height: .3rem;border: solid 1px #eeeeee;background-image: url('../images/r23.png'); background-size: .285em auto;background-position: center center;background-repeat: no-repeat;}
.pf-one .pf-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/480*100%);}
.pf-one .pf-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.pf-one:hover .pf-name{color: #0152d8;}
.pf-one:hover .pf-img img{transform: scale(1.05);}
.pf-one:hover .pf-time:after{border: solid 1px #0152d8;background-color: #0152d8; background-image: url('../images/r23-b.png');}
 

@media(min-width: 900px){  
    .pf-one .pf-name{padding-right: .9rem;}
    .pf-one .pf-intro{padding-right: .9rem;}
    .pf-item .pf-img:hover img{transform: scale(1.05);}
    .pf-item.active .pf-img{opacity: 1;z-index: 8;}
    .pf-item.active  .pf-text:after{height: .02rem;background-color: #0152d8;}
    .pf-item.active  .pf-name { color: #0152d8;}
    .pf-item.active  .pf-time:after{border: solid 1px #0152d8;background-color: #0152d8; background-image: url('../images/r23-b.png');}
 
}


@media(max-width: 900px){  
    .pf-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .pf-titles{display: block;margin-right: 0;}
    .pf-synopsis{display: block;}
    .pf-left{width: 100%;background-color: transparent;padding-right: 0;}
    .pf-item{position: relative;margin-bottom: .5rem;} 
    .pf-item  .pf-img{opacity: 1;z-index: 8; width: 100%; position: relative;height: auto;padding-top: calc(540/720*100%);}
    .pf-item:hover .pf-img img{transform: scale(1.05);}
    .pf-item:hover .pf-text:after{height: .02rem;background-color: #0152d8;}
    .pf-item:hover .pf-name { color: #0152d8;}
    .pf-item:hover .pf-time:after{border: solid 1px #0152d8;background-color: #0152d8; background-image: url('../images/r23-b.png');}
  
    .pf-right{width: 100%;}
    .pf-one .pf-text{padding: .4rem .5rem;}
}