.header{position: fixed;top: 0;left: 0;z-index: 188; width: 100%; }
.h-a{width: 100%;}
.h-cont{width:100%;margin: 0 auto;padding: 0 .9rem;}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left; } 
.h-logo{display: inline-block;vertical-align: middle; cursor: pointer;height:1rem;line-height:1rem; }
.h-logo img{max-width: none;height:40%; }
.h-name{display: inline-block;vertical-align: middle;margin-left: .1rem;font-weight: bold; color: #ffffff;}
 
.h-right{float: right;}
.h-h{display: inline-block;vertical-align: middle;  font-size: 0;}
.h-i{display: inline-block;cursor: pointer; padding: 0 .55rem; position: relative;}
.h-j{display: inline-block;position: relative; color: #ffffff;line-height:1rem;position: relative;} 
.h-j:after{content: '';position: absolute;bottom: 0;left: 0;transition: all ease .5s; width: 0; height: .02rem;background-color: #ffffff;border-radius: .01rem;}


/* .h-sub{position: absolute;top:1rem;left: 0;width: 100%; z-index: 1000; display: none; background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hs-cont{width: 100%;text-align: center;padding: .6rem .9rem 1.2rem;font-size: 0;}
.hs-left{display: inline-block;vertical-align: top;width:calc(100% - 5rem);text-align: left;}
.hs-titles{display: block;color: #222222;margin-bottom: .3rem;}
.hs-textbox{color: #777777;line-height: 1.7;margin-bottom: .2rem;}
.hs-textbox *{line-height: inherit;}
.hs-links{width: 100%;}
.hs-link{display: inline-block;vertical-align: top;position: relative; width: calc(33.33% - .37rem);padding: .18rem 10px .18rem 0;color: #222222;line-height: 1.4; margin-right: .55rem;border-bottom: .02rem solid #eeeeee;}
.hs-link:nth-child(3n){margin-right: 0;}
.hs-link:before{content: '';position: absolute;bottom: -.02rem;left: 0;width: 0;height: .02rem;transition: all ease .5s;background-color: #1a63dc;}
.hs-link:after{content: '/';transition: all ease .5s; position: absolute;top: 50%;right: 0;transform: translate(0,-50%); color: #777777;}
.hs-link.active{color: #1a63dc; }
.hs-link.active:before {  width: 100%;}
.hs-link.active:after{content: '>';right: 3px; color: #1a63dc; }
.hs-right{display: inline-block;vertical-align: top;width: 5rem;padding-left: 1.85rem;}
.hs-img{display: none;width: 100%;}
.hs-img.show{display: block;} */
.h-sub{position: absolute;top:1rem;left: 0;width: 100%; z-index: 1000; display: none; background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); padding: .1rem 0;}
.h-sub .hs-link{ display: block; line-height: 2; color: #333; text-align: center; margin: .5em 0; }
.hs-link:hover{ color: #1a63dc; }
/* 搜索 */ 
.h-k{display: inline-block;vertical-align: middle;margin-left: .45rem;}
.h-search{display: block;cursor: pointer; width: 1em;height: 1rem;background-image: url('../images/r2.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat; }
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #1a63dc;background-image: url('../images/r2.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}

.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;} 
 
 
.h-menu {display: none; position: absolute;cursor: pointer; top: 0;right:0; width: 1rem;height: 1rem;background-image: url('../images/c-menu.png');background-size: .6rem auto;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}
  
@media(min-width: 1200px) {  
    .header.fixed{background-color: #1a63dc;}  
    .h-i.active .h-j:after{width: 100%;}
    .h-i:hover .h-j:after{width: 100%;} 
} 

@media(max-width: 1200px) {    
    body{padding-top: 1rem !important;}
    .header{background-color: #1a63dc;}   
    .h-cont{width: 100%;padding-left: 10px;padding-right: 10px;}  

    .h-h {width: 260px;position: fixed;text-align: left; right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-i {width: 100%;position: relative; padding: 0 !important;margin: 0 !important;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
    .h-i.has-links:after {content: "";background-image: url('../images/c-right.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-i.has-links.show:after {transform: rotate(90deg); background-image: url('../images/c-right2.png');}
    .h-i.active .h-j{color: #1a63dc; } 
    .hs-titles{display: none;}
    .hs-textbox{display: none;}

    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .hs-cont{padding: 20px 30px;}
    .hs-left{width: 100%;}
    .hs-right{display: none;}
    .hs-link{width: 100%;margin-right: 0;padding: 15px 10px 15px 0;}

    .h-right{margin-right: 1rem;}  
    .h-k{margin-left: 0;}   
 
    /* 菜单 */
    .h-menu {display: block; }
    .header.menu-state .h-h {transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}
}

@media(max-width: 750px){  
    .hs-text{width: 5rem;height: 35px;}
    .hs-submit{height: 35px;} 
}

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

.pd-a{width: 100%;padding-bottom: 1rem; padding-top: 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{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;margin: 0 auto;}
.pd-img{position: absolute;bottom: 50%;left: 0;width: 7.8rem; transform: translateY(50%);}
.pd-img .img{width: 100%;}
.pd-img .btn-play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.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;}
}

.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;}
}

.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;}
}