@charset "utf-8";

.nyArc .wp{background: linear-gradient(to bottom,#fff 70%,rgba(255,255,255,0) 100%);border-top: .05rem solid #d2b65a;padding: .5rem 5%}


.nyarc{background:linear-gradient(to bottom,#fff4e7 60%,rgba(255,255,255,0) 100%);min-height: 3rem;border-top: 4px solid #630108;padding: .4rem .8rem .5rem;z-index: 5;position: relative;}

.uarc-con{line-height: 1.8em;color: #333;text-align: justify; font-size: .18rem}
.uarc-con p{margin-bottom: .2rem;line-height: 1.8 !important;font-size: .18rem !important;word-break: break-all;}

.arcCon{line-height: 1.8em;color: #333;text-align: justify;padding-bottom: .2rem;font-size: .18rem}
.arcCon p{margin-bottom: .2rem;line-height: 1.8em;}

.uarc-con img{margin: .1rem auto;max-width: 8rem;width: auto;height: auto!important;border: 0 !important;}


.uarc-con table{/* border: 1px solid #ddd; */min-width: 640px;margin:0 auto;width: 100%;background: #fff}
.uarc-con table p{margin-bottom: 0}
.uarc-con table tr th,.uarc-con table tr td{/* border: 1px solid #ddd; */padding:.1rem .15rem;text-align: center;}
/*.uarc-con table tr:nth-child(2n){background: #EEEEEE}*/
.tbsc{overflow: auto;padding: 15px 0;width: 100%}
.tbsc::-webkit-scrollbar{height:4px}
.tbsc::-webkit-scrollbar-thumb{border-radius:10px;background:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.tbsc::-webkit-scrollbar-track{border-radius:10px;background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.uarc-con video{max-width: 100%!important;height: auto!important;display: block;margin:0 auto .2rem;}
.arc-tit{margin-bottom: .2rem;}
.arc-tit h1{font-size: .28rem;text-align: center;line-height: 1.4em;}
.arc-info{text-align: center;padding-bottom: .2rem;font-size: .16rem;color: #666;border-bottom: 1px solid #ddd;margin-bottom: .3rem}
.arc-info span{display: inline-block;margin: 0 .1rem;padding: 4px 0 2px}
.arc-info span i{color: #d2b65a;margin-right: 5px}
#resize a{margin: 0 .05rem}
.arc-sibs{}
.arc-sib{border-top: 1px solid #ddd;padding-top: .26rem;font-size: .18rem;line-height: 1.6em}
.arc-sib div{padding: .08rem 0;}
.arc-sib div:hover{color: #3f82ff;}
.arc-sib div:hover a{color: #3f82ff;}
.arc-back{margin-left: .3rem}
.arc-back a{display: flex;border-radius: 5px;color:#d2b65a;text-align: center;width: 1.2rem;height: .38rem;line-height: .38rem;justify-content: center;align-items: center;background-size: cover;border-radius: 5px;margin: 0 auto}
.arc-back a span{display: block;margin-left: 5px}
.arc-back a img{width: .24rem}
.arc-tool a{display: flex;align-items: center;margin-left: .3rem;font-size: .18rem;color: #888}
.arc-tool a img{height: .21rem;margin-right: .05rem}

@media (max-width: 992px){
.uarc-con img{width: auto!important;height: auto!important;max-width: 100%;}
.arc-tit h1{font-size: .32rem}
.arc-info{font-size: .22rem}
.uarc-con,.arc-sib{font-size: .24rem}
}
@media (max-width: 576px){
.uarc-con img{width: auto!important;height: auto!important}
.arc-tit h1{font-size: .36rem}
.arc-info{font-size: .24rem}
.uarc-con,.arc-sib{font-size: .28rem}
}


.pages{}
.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin:.02rem}
.pages ul li a{height: .36rem;text-align: center;line-height: .34rem;padding: 0 8px;min-width: .36rem;
display: block;border: 1px solid #ededed;border-radius: 3px;background: #fff}
.pages ul li.cur{background:#3f82ff;padding: 0 8px;min-width: .36rem;height: .36rem;line-height: .34rem;
border: 1px solid #3f82ff;border-radius: 3px;color:#fff; }
.pages ul li.page-count{line-height: .34rem}
.page-form {line-height: .38rem}
.page-form input{border:1px solid #ddd;width: .36rem;height: .36rem;float: left;text-align: center;padding: 0 3px;background: #fff;border-radius: 3px;margin: 0 5px}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: 52px;height: .36rem;line-height: .36rem;text-align: center;margin-left: 3px;float: left;background: #3f82ff;color: #fff;border-radius: 3px;margin-left: 5px}

@media (max-width: 992px){
.pages ul li{padding: 0}
.pages ul li.pageitem{display: none}
.pages ul li.page-form{padding-left: .1rem}

.pages ul li{font-size: .22rem;margin:.02rem}
.pages ul li a{height: .46rem;line-height: .44rem;min-width: .46rem;}
.pages ul li.cur{padding: 0 8px;min-width: .46rem;height: .46rem;line-height: .44rem; }
.pages ul li.page-count{line-height: .44rem}
.page-form {line-height: .46rem}
.page-form input{width: .46rem;height: .46rem;}
.page-form button{width: 52px;height: .46rem;line-height: .46rem;}
}
@media (max-width: 576px){
.pages ul li ,.page-form button{border-left: 0}
}


.nyMain .wp{align-items: flex-start;}
.nyLeft{width: 2.8rem;position: relative;z-index: 3;background-size: 100% auto ;min-height: 3rem;border-radius: .3rem 0 .3rem 0;overflow: hidden; }
.nyLeft .leftslog img{width: 100%}
.nyLeft .nyLeftBtn{ position: relative;padding: .2rem .15rem .15rem .3rem;position: relative;z-index: 10;align-items: center;min-height: .96rem;color: #fff;background: #3f82ff }
.nyLeft .nyLeftBtn .en{text-transform:capitalize;font-size:.14rem; color: rgba(255,255,255,.6);position: relative; margin-left: .25rem}
.nyLeft .nyLeftBtn .cn{font-size:.36rem;font-weight:700;font-weight: bold;position: relative;padding-left: .16rem;padding-right: .3rem;line-height: 1em}
.nyLeft .nyLeftBtn .cn:after{content: '';width: .22rem;height: .06rem;background: #fff;border-radius: .1rem;position: absolute;right: 0;bottom: .1rem}
.nyLeft .nyLeftBtn .cn:before{content: '';width: .1rem;height: .06rem;background: #fff;border-radius: .1rem;position: absolute;left: 0;bottom: .1rem}
.nyLeft .nyLeftBtn .cn span{font-size: .48rem;font-weight: normal;display: inline-block;line-height: 1em}
 
.nyLeft .nyLeftBtn i.plus{width: .6rem;display: none}
.nyLeft .nyLeftBtn i.plus:before{background: #fff}
.nyLeft .nyLeftBtn i.plus:after{background: #fff}
.nyLeft  i.plus.show:after{transform:rotate(90deg);}
.nyLeft  i.plus{display: block;width: .5rem;height: 100%;position: absolute;right:0;top: 0;z-index: 5}
.nyLeft  i.plus:before{content: '';position: absolute;left: 50%;height: 2px;top: 50%;margin-top: -1px;width: .16rem;margin-left: -.08rem;background: #fff}
.nyLeft  i.plus:after{content: '';position: absolute;left: 50%;height: .16rem;top: 50%;margin-top: -.08rem;width: 2px;margin-left: -1px;background: #fff;transition: .3s}
.nyLeft .subNavs{padding: 0 0  .8rem;background: url(../images/nylefbg.jpg) #0962da no-repeat bottom center;background-size: 100% auto; }
.nyLeft .subNavs .li{position: relative;}
.nyLeft .subNavs .li:nth-child(1){border-top:1px solid rgba(255,255,255,.6) }
.nyLeft .subNavs .li{border-bottom: 1px solid rgba(255,255,255,.6)}
.nyLeft .subNavs .li>a{padding:.25rem .45rem .25rem .25rem;display:block;position:relative;font-size:.22rem ;color: #fff}
.nyLeft .subNavs .li>a span{position: relative;z-index: 3}
.nyLeft .subNavs .subNav{padding: 0 .2rem .2rem;display: none;}
.nyLeft .subNavs .on .subNav{padding: .15rem .2rem .2rem;}
.nyLeft .subNavs .subNav .lis>a{padding:.1rem 0 .1rem .1rem;display:block;position:relative;font-size: .18rem}
.nyLeft .subNavs .subNav .liss>a{padding:.06rem 0;display:block;position:relative;font-size: .16rem}
.nyLeft .subNavs .li.on .subNav{display: block;}
.nyLeft .subNavs .li.on>a{color: #0962d9;position: relative;}
/*.nyLeft .subNavs .li.on{border-bottom: 1px solid #3f82ff}*/
/*.nyLeft .subNavs .li.on:after{content: '';position: absolute;width: .2rem;height: .19rem;background: url(../images/ny/star.png) no-repeat center;background-size: 100% 100%;left: 50%;margin-left: -.1rem;bottom: -.1rem;z-index: 1;pointer-events: none}*/
.nyLeft .subNavs .li.on>a:before{position: absolute;right: 0;top:0;bottom: 0;left: .1rem;background: url(../images/lefton.png) no-repeat center;background-size: 100% 100%;z-index: 0;content: ''}
 
.nyLeft .subNavs .li.has>a:after{display: none}
.nyLeft .subNavs .subNav .lis.on>a{color: #fff}

.nyLeft .subNavs .subNav a{margin-left: .2rem;color: rgba(255,255,255,.7)}

.nyRight{width: calc(100% - 3.5rem);position: relative;z-index: 2;  }
 
.nyRight .nyArc.nyrCon{padding: .4rem .4rem .6rem;background: #fff}
 
@media (max-width: 992px){
.nyLeft  i.plus:before{width: .24rem;margin-left: -.12rem;}
.nyLeft  i.plus:after{height: .24rem;margin-top: -.12rem;}

.nyLeft{width: 100%;min-height: inherit;border-bottom: 0;margin-top: 0} 
.nyRight{width: 100%; margin-top: .4rem}
.nyLeft .subNavs{display:none;border-top: 0;background:#0962da;padding: .3rem .2rem .5rem;margin-top: 0;min-height: inherit; }
.nyLeft .subNavs .li>a{font-size: .24rem;padding: .25rem }
.nyLeft .nyLeftBtn{padding:  .2rem .3rem;height: auto; display: flex; }
 
.nyLeft .nyLeftBtn .en{font-size: .22rem}
.nyLeft .nyLeftBtn i.plus{width: .7rem;display: block;}
.nyRight .nyrtit{}
.nyRight .nyrtit .tit{font-size: .4rem}
.nyLeft .subNavs .li.on>a:after{font-size: .22rem}
.nyLeft .subNavs .subNav .lis>a{padding:.15rem 0 .15rem .15rem;font-size: .22rem}
.nyLeft .subNavs .subNav .liss>a{padding:.06rem 0;font-size: .2rem}
.nyLeft .subNavs .li.on:after{width: .3rem;height: .29rem;margin-left: -.15rem;bottom: -.15rem;}

}
@media (max-width: 576px){
.nyLeft .nyLeftBtn{padding: .2rem .25rem; }
.nyLeft .nyLeftBtn span{font-size: .36rem;text-align: left;}
.nyLeft .subNavs .li>a{font-size: .28rem;padding: .22rem .45rem .22rem .2rem;}
.nyLeft .nyLeftBtn i.plus{width: .8rem}
.nyLeft .subNavs .subNav .lis>a{padding:.15rem 0 .15rem .15rem;font-size: .26rem}
.nyRight .nyrtit .tit{order: 2}
.nyRight .nyrtit .posi{order: 1;width: 100%;margin-bottom: .2rem}
}

.nyMain{background: url(../images/nybg.jpg) #ecf4ff no-repeat bottom center ;background-size: 100% auto;min-height: 4rem;padding: .6rem 0 .8rem;position: relative;}
 
.nyMain .wp{position: relative;z-index: 5}
/*.nypage{background: transparent;}
.nypage #app{position: relative;z-index: 2}
.nypage:before{content: '';position: absolute;left: 0;top: 0;z-index: 1;height: 3.49rem;width: 4.12rem; background: url(../images/ny/topslog.png) no-repeat top left;background-size: 100% 100%;}
.nypage:after{content: '';position: absolute;left: 0;right: 0;top:1rem;bottom: 0; background: url(../images/ny/ny/nytop.png) no-repeat top center;background-size: 100% auto;z-index: 0}*/
.posi a+a:before{content: '>';margin: 0 .1rem;color: #888}
.posi a{color: #888}
.posi a:hover{color: #3f82ff}
.posi{display: block;background: url(../images/cur.png) no-repeat left .03rem;background-size: .18rem .17rem;padding-left: .25rem;position: relative;padding-bottom: .25rem;border-bottom: 1px solid #b6bfce;margin-bottom: .3rem }
.nyba{position: relative;overflow: hidden;}
.nyba:before{content:'';position:absolute;left:0;bottom: 0;height:.24rem;background:#f0f6ff;z-index:2;width: 40%;pointer-events: none;transform: skewX(50deg);transform-origin: right bottom; display: none }
.nyba .img{position: relative;height: 5rem;overflow: hidden;}
.nyba .img img{width: 100%;height: 100%;object-fit: cover}
 
.nyba .nysubtxt{position: absolute;left: 2rem;right: 0;background: rgba(0,22,80,.85);z-index: 4;bottom: 0;height: 1.3rem;border-left: .3rem solid #c7002f;border-radius:1.2rem 0 0 0;display: flex;align-items: center;padding-left: 1rem;padding-right: 5.4rem}
.nyba .nysubtxt .tit{font-size: .46rem;color: #ffffff;font-weight: bold;}
.nyba .nysubtxt .slog{position: absolute;width: 3.63rem;right: 1.3rem;bottom: .45rem;max-height: inherit;}
.nyba .nysubtxt .posi{flex:1;overflow: hidden;margin-left: .6rem}
.nyba .nysubtxt .posi a{color: #fff}
.nyba .nysubtxt .posi a:before{color:rgba(255,255,255,.5)}

.nyRight  .nyArc{ }
@media (max-width: 992px){
.nypage:before{display: none}
.nyMain{padding: .4rem 0 1rem;min-height:450px;}

.nyba{padding-left: 0}
.nyba .nysubtxt{display: none}	
.nyba .img{height: 40vw}
.nyLeft .leftslog{display: none}
.posi{background-size: .24rem .23rem;padding-left: .35rem;top: 0;margin-bottom: .4rem}
.nyRight .nyrCon{background: transparent;}
	.nyRight .nyrCon div{max-width:100%;overflow-x:auto;}
}
@media (max-width: 597px){

.posi{background-size: .28rem .26rem;padding-left: .4rem}
.nyRight .nyArc{padding-left: 0;padding-right: 0}
}
/**/
 
.picList:after{content: '';display: inline-block;width: 3.45rem}
.picList li{width: 3.55rem;margin-bottom: .3rem;padding: .1rem;background: #fff;border-radius: .15rem;overflow: hidden;transition: .3s}
.picList li .img{height: 2.3rem;border-radius: .1rem}
.picList li .txt{text-align: center;padding:.15rem .2rem; transition: .3s}
.picList li .txt h4{font-weight: normal;}

@media (min-width: 993px){
.picList li:hover{background: #3f82ff}
.picList li:hover .txt h4{color: #fff}
}
@media (max-width: 992px){
.picList{padding:0 }
.picList li{width: calc(50% - .2rem);margin-bottom: .4rem}  
.picList li .img{height: 27vw}
.picList li .txt h4{font-size: .26rem;font-weight: normal;}
}
@media (max-width: 576px){
.picList li{width: 100%;margin-bottom: .3rem;padding: .2rem;border-radius: .2rem}  
.picList li .img{height: 52vw}
.picList li .txt h4{font-size: .28rem;font-weight: normal;}
}

/**/
.djList {margin-bottom: .5rem}
.djList li{position: relative;background: #fff;border-radius: 0 .2rem 0 .2rem}
.djList li+li{margin-top: .28rem}
.djList li a{padding: .3rem 0 .3rem .3rem;position: relative;z-index: 4}
.djList li .img{width: 3.4rem;height: 2rem;border-radius: .1rem}
.djList li .txt{flex:1;overflow: hidden;margin-left: .3rem;margin-right: .3rem}
.djList li.nopic .txt{margin-left: 0;padding-left: 1.2rem}
.djList li .txt h4{font-size: .2rem;line-height: 1.4em}
.djList li .txt .desc{margin: .2rem 0 .2rem;color: #888;line-height: 1.6em;text-align: justify;font-size: .15rem;height: .48rem}
/*.djList li .txt time{color: #666;font-size: .16rem}*/
.djList li .txt .mor{border-radius: .3rem;line-height: .38rem;width: 1.3rem;color:#3f82ff;border:1px solid #3f82ff;text-align: center;font-size: .15rem}
 
.djList li time.sp{background:linear-gradient(to bottom,#c0203a,#f3eb8b);color:#fff;display:flex;align-items: center;justify-content: center;text-align: center; transition: .3s;position: relative;z-index: 3;width: .8rem;height: .8rem;flex-direction: column;}
.djList li time.sp span{font-size: .38rem;display: block;line-height: 1em;font-weight: bold;}
.djList li time{background: #3f82ff;color:#fff;display:flex;align-items: center;justify-content: center;text-align: center; transition: .3s;position: relative;z-index: 3;width: .76rem;height: .7rem;flex-direction: column;border-radius: 0 0 0 .1rem;font-size: .14rem;position: absolute;top: 0;left: .5rem;z-index: 4}
.djList li time span{font-size: .36rem;display: block;line-height: 1em;}
@media (min-width: 993px){
.djList li:hover:after{opacity: 1;visibility: visible;} 
.djList li:hover .txt h4{color: #fff}
.djList li:hover .txt .mor{color: #fff;border-color: #fff;}
.djList li:hover .txt .mor i{background: #90b749}
.djList li:hover .txt .info{color: #fff}
.djList li:hover   time{color: #fff;background: #e8bc8a}
.djList li:hover .txt .desc{color: rgba(255,255,255,.7)}
.djList li:after{content: '';position: absolute;top: 0;left: 0;bottom:0;right: 0;background:linear-gradient(to right,#3392b4,#3f82ff);z-index: 0;pointer-events: none;opacity: 0;visibility: hidden;transition: .3s;border-radius: 0 .2rem 0 .2rem}
}
@media (max-width: 992px){
.djList li .txt h4{font-size: .28rem;}
.djList li a{padding: }
.djList li .txt time{display: block;}
.djList li time.sp,.djList li .txt .mor{display: none}
.djList li .txt .desc{font-size: .2rem;height: auto;-webkit-line-clamp: 2;}


.djList li .txt time{color: #666;font-size: .22rem}
}
@media (max-width: 597px){

.djList li .txt h4{font-size: .28rem;margin-bottom: .15rem;font-weight: normal;line-height: 1.3em;}
.djList li .txt .desc{display: none}
.djList li .txt time{font-size: .24rem;}
 
.djList li .img{width: 2.8rem;height: 1.9rem}
}
/**/
.txtList{padding-bottom: .4rem}
.txtList li{border-bottom: 1px dashed #d8dff2}
.txtList li a{padding: .2rem .3rem;transition: .3s;position: relative;}
.txtList li time{background: #3f82ff;color:#fff;display:flex;align-items: center;justify-content: center;text-align: center; transition: .3s;position: relative;z-index: 3;width: .8rem;height: .8rem;flex-direction: column;border-radius: 0 .1rem 0 .1rem}
.txtList li time span{font-size: .38rem;display: block;line-height: 1em;}
.txtList li h4{flex:1;overflow:hidden;margin-left: .25rem;font-size: .2rem;line-height: 1.4em;position: relative;z-index: 3;font-weight: normal;}
@media (min-width: 993px){
.txtList li a:after{content: '';position: absolute;top: -1px;left: 0;bottom:0;right: 0;background: linear-gradient(to right,#3392b4,#3f82ff);z-index: 0;pointer-events: none;opacity: 0;visibility: hidden;transition: .3s;border-radius: 0 .15rem 0 .15rem}
.txtList li:hover time{background:#fff;color: #3f82ff;}
.txtList li:hover a{color: #fff }
.txtList li:hover a:after{opacity: 1;visibility: visible; }
}
@media (max-width: 992px){
.txtList li a{padding: .3rem 0}
.txtList li h4{font-size: .26rem}
.txtList li time {width: 1rem;height: 1rem;font-size: .22rem}
.txtList li:nth-child(1) a{padding-top: 0}
}
@media (max-width: 597px){
.txtList li time {width: 1.2rem;height: 1.2rem}
.txtList li a{align-items: flex-start;}
.txtList li h4{font-size: .28rem;}
.txtList li time{}
.txtList li time span{font-size: .46rem}
}
.tlist{margin-bottom: .4rem}
.tlist a{display: flex;align-items: center;padding: .15rem 0;border-bottom: 1px solid #eaecee;position: relative;z-index: 4}
.tlist a:after{content: '';position: absolute;left: 0;width: .8rem;bottom: -1px;height: 1px;background: #c9ccd1;transition: .3s;}
.tlist li{ position: relative;padding: .1rem .2rem .12rem}
.tlist li:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 0;background: url(../images/838.png) no-repeat right center;background-size: cover;transition: .3s;z-index: 0}
.tlist li:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;background: #7dadec;transition: .3s;z-index: 1;height: 0}
.tlist li time{text-align: center;padding-right: .2rem;position: relative;color: #4a4b4c}
.tlist li time:after{content: '';position: absolute;right: 0;top: 6%;bottom: 6%;width: 1px;background: #c9ccd1;transition: .3s;}
.tlist li time span{font-size: .36rem;display: block;line-height: 1em;font-weight: bold;}
.tlist li h4{flex:1;overflow: hidden;margin-left: .2rem;font-size: .18rem;line-height: 1.5em;max-height: .54rem\0;}
@media (min-width: 993px){
.tlist li:hover:after{width: 100%}
.tlist li:hover:before{height: 100%}
.tlist li:hover time span{color: #0962d9}
.tlist li:hover a:after{background: #0962d9}
.tlist li:hover a{border-bottom-color: #bbd7f7}
.tlist li:hover time:after{background: #bbd7f7}

}
@media (max-width: 992px){
.tlist li h4{font-size: .26rem;max-height: inherit;margin-left: .3rem;}
.tlist li a:after{width: 1.2rem;background: #0962d9}
.tlist li time{padding-right: .3rem}
.tlist li time span{font-size: .46rem}

} 
@media (max-width: 597px){
.tlist li:nth-child(1){padding-top: 0}
.tlist li h4{font-size: .28rem}
.tlist li a{padding: .2rem 0}
	
} 
  
.nlist{margin-bottom: .4rem}
.nlist li{ padding: .3rem .2rem;border-bottom: 1px dashed #cdd5d5;position: relative; }
.nlist li:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 0;background: url(../images/838.png) no-repeat right center;background-size: cover;transition: .3s;z-index: 0}
.nlist li a{display: flex;align-items: center;position: relative;z-index: 5}
.nlist li .txt h4{font-size: .2rem;line-height: 1.5em; }
.nlist li .txt{flex:1;margin-left: .3rem;overflow: hidden}
.nlist li .txt p{font-size: .15rem;color: #777;line-height: 1.6em;margin-top: .15rem;max-height: .48rem\0;}
.nlist li .txt time{color: #3f82ff; display: block;margin-top: .1rem}
.nlist li .img{width: 2.3rem;height: 1.45rem;border-radius: .1rem}
.nlist li.nopic .txt{flex:inherit;margin-left: 0}
@media (min-width: 993px){
	.nlist li:hover:after{width: 100%}
}
@media (max-width: 992px){
.nlist li .txt h4{font-size: .26rem; }
.nlist li .txt p{display: none}
}
@media (max-width: 597px){
.nlist li .txt h4{font-size: .28rem}
}

.reList{padding-bottom: .4rem}
.reList li{display: flex;padding: .18rem;align-items: center}
.reList li.head{font-size: .18rem}
.reList li:nth-child(2n){background: #fff}
.reList li .num{width: .8rem;text-align: center}
.reList li .tit{flex: 1;overflow: hidden;padding: 0 .2rem}
.reList li .type{width: 1.8rem;padding: 0 .1rem}
.reList li .collect{width: 1.2rem;text-align: center}
.reList li .collect .colBtn{width: .24rem;height: .24rem;background: url(../images/wjx.png) no-repeat center;background-size: 100% 100%;display: block;margin: 0 auto;cursor: pointer;}
.reList li .collect .colBtn.on{background: url(../images/wjxon.png) no-repeat center;background-size: 100% 100%;display: block; }
@media (max-width: 992px){
 .reList li.head{font-size: .26rem} 
 .reList li .collect .colBtn{width: .3rem;height: .3rem;}
 .reList li{display: flex;padding: .22rem}
}
@media (max-width: 597px){
 .reList li.head{font-size: .28rem} 
 .reList li .collect .colBtn{width: .3rem;height: .3rem;}
 .reList li{display: flex;padding: .22rem}
 .reList li{font-size: .24rem}
 .reList li .collect{width: 1rem; }
 .reList li .type{width: 1.6rem;padding: 0 .1rem}
}

.bokList li{width: 22%;margin-right: 4%;margin-bottom: .3rem}
.bokList li:nth-child(4n){margin-right: 0}
.bokList li .imgp{padding: 0 .1rem .1rem 0;position: relative;}
.bokList li .imgp:after{content: '';position: absolute;left: .1rem;top: .1rem;right: 0;bottom: 0;background: #a9c8f2;z-index: 0;transition: .3s}
.bokList li .img{height: 3.35rem;z-index: 5;box-shadow: .05rem .05rem .1rem rgba(0,0,0,.2)}
.bokList li .txt{text-align: center;font-size: .2rem;padding: .2rem 0}
@media (min-width: 993px){
.bokList li:hover .imgp:after{background: #085bd1}  
}
@media (max-width: 992px){
.bokList li{width: 30.66666%;margin-right: 4%;margin-bottom: .3rem}
.bokList li:nth-child(4n){margin-right: 4%}
.bokList li:nth-child(3n){margin-right: 0}
.bokList li .img{height: 39vw}
.bokList li .txt{font-size: .26rem}
}
@media (max-width: 597px){
.bokList li{width: 48%;margin-right: 4%;margin-bottom: .3rem}
.bokList li:nth-child(4n){margin-right: 4%}
.bokList li:nth-child(3n){margin-right: 4%}
.bokList li:nth-child(2n){margin-right: 0}
.bokList li .img{height: 55vw}
.bokList li .txt{font-size: .28rem}
}