@charset "UTF-8";
.H-main01{ padding-bottom: 0.2rem; background: url(../images/y_ywdt_bg01.png) no-repeat top center #fcfdff; background-size: 100%; overflow: hidden;}
.H-main02{ margin-bottom: -0.3rem; padding: 0.1rem 0 0.4rem 0; background: url(../images/y_ywdt_bg02.png) no-repeat top center #fcfdfe; background-size: 100%; overflow: hidden;}

.zdzz{ padding-top: 0.44rem;}
.zdzz .lf{ width:1.62rem; position: relative;}
.zdzz .lf .box{ width: calc(100% - 0.15rem); height: 0.84rem; border-radius: 0.08rem; background: url(../images/y_ywdt_zdzz_bg.png) no-repeat center center; background-size: cover; display: block; position: relative; z-index: 1;}
.zdzz .lf .box img { height: 0.35rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.zdzz .lf .triangle { width: 0; height: 0; border-top: 0.15rem solid transparent; border-left: 0.13rem solid #568fe7; border-bottom: 0.15rem solid transparent; display: block; position: absolute; top: 50%; left: calc(100% - 0.15rem); transform: translate(0,-50%);}
.zdzz .rf{ width:calc(100% - 1.62rem); padding-left: 0.25rem;}
.zdzz .rf .first{ font-size: 0.34rem; font-weight: bold; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.zdzz .rf .first:hover{ color: #568fe7;}
.zdzz .rf #scroll_div { margin-top: 0.15rem; height: 0.26rem; white-space: nowrap; overflow: hidden; font-size: 0;}
.zdzz .rf #scroll_div ul,.zdzz .rf #scroll_div ul li { width: auto; display: inline-block; white-space: nowrap; *zoom: 1; vertical-align: middle;}
.zdzz .rf #scroll_div .infos li a { margin: 0 0 0 0.1rem; padding-right: 0.1rem;}

.tpxw{ width: calc(100% + 0.57rem); margin-left: -0.29rem; padding-bottom: 0.3rem; position: relative;}
.tpxw a{ margin: 0.19rem; border-radius: 0.05rem; box-shadow: 0 0 0.1rem #d8e9f7; display: block;}
.tpxw a .img-box{ height: 3rem; overflow: hidden; position: relative;}
.tpxw a .img-box img{ height: 100%; border-top-left-radius: 0.05rem; border-top-right-radius: 0.05rem;}
.tpxw a .img-box .date{ padding: 0.1rem 0.2rem; font-size: 0.17rem; color: #fff; border-top-right-radius: 0.15rem; background-color: rgba(86,143,231,0.9); position: absolute; left: 0; bottom: 0;}
.tpxw .fonts { padding: 0.2rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.tpxw a:hover .img-box img { transform: scale(1.1, 1.1);}
.tpxw a:hover .fonts{ font-weight: bold;}
.tpxw .swiper-container{ padding: 0.1rem; position: static;}
.tpxw .swiper-slide{ width: calc(100% / 3);}
.tpxw .swiper-pagination {}
.tpxw .swiper-pagination .swiper-pagination-bullet { width:0.11rem; height: 0.11rem; margin: 0 0.03rem; background-color: #d7e4f8; border-radius: 0.055rem; opacity: 1;}
.tpxw .swiper-pagination .swiper-pagination-bullet-active { width:0.26rem; background: #fabc00;}

.lm{ margin-top: 0.25rem; padding-bottom: 0.2rem; line-height: 0.24rem; border-bottom: 1px solid #d0e0ec; position: relative;}
.lm .hd{ padding:0 0.15rem 0 0.18rem; display: inline-block; position: relative;}
.lm .hd01{ background-color: #fcfeff;}
.lm .hd02{ background-color: #f5f9fd;}
.lm .hd .s-line{ width:0.06rem; position: absolute; left: 0;}
.lm .hd .s-line em{ height: 0.12rem; display: block;}
.lm .hd .s-line .em01{ background-color: #568fe7; top: 0;}
.lm .hd .s-line .em02{ background-color: #df5636; top: 0.12rem;}
.lm .hd .wz-box{ display: inline-block;}
.lm .hd .wz-box span{ font-size: 0.23rem; font-weight: bold;}
.lm .hd .wz-box .span01{ color: #568fe7;}
.lm .hd .wz-box .span02{ color: #df5636;}
.lm .hd ul li{ display: inline-block;}
.lm .hd ul li a{ margin-right: 0.55rem; display: inline-block;}
.lm .hd ul li a span{ font-size: 0.23rem; font-weight: bold;}
.lm .hd ul li a .span01,.lm .hd ul li a .span02{ color: #454545;}
.lm .hd ul li:hover a .span01,.lm .hd ul li.active a .span01{ color: #568fe7;}
.lm .hd ul li:hover a .span02,.lm .hd ul li.active a .span02{ color: #df5636;}

.lf-boxs{ width: calc(100% - 5.1rem); padding-right: 0.34rem;}
.rf-boxs{ width:5.1rem;}
.yw-infos-01{ margin-right: -0.24rem;}
.yw-infos-01 li{ width: calc(100% / 2); float: left;}
.yw-infos-01 li a{ margin: 0.24rem 0.24rem 0 0; padding: 0.15rem; border: 1px dashed #e0dddd; display: block; position: relative;}
.yw-infos-01 li a .box{ height: 0.6rem; line-height: 0.3rem; text-align: justify; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.yw-infos-01 li a span{ color: #999999; line-height: 0.3rem; position: absolute; bottom: 0.14rem; right: 0.15rem;}
.yw-infos-01 li a:hover{ background-color: #f1f6fb; border:1px dashed #cbd9e8;}

.yw-infos-02{}
.yw-infos-02 li{ padding: 0.2rem 0; border-bottom:1px dashed #e0dddd; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.yw-infos-02 li:nth-last-of-type(1){ border-bottom:1px dashed #fbfdff;}
.yw-infos-02 li a{ display: block;}
.yw-infos-02 li a .title{ position: relative;}
.yw-infos-02 li a .title .span01{ margin-right: 1.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.yw-infos-02 li a .title .span02{ position: absolute; top: 0; right: 0;}
.yw-infos-02 li a .nr{ height: 0.52rem; margin-top: 0.06rem; font-size: 0.16rem; color: #a8a8a8; line-height: 0.26rem; text-align: justify; letter-spacing: 0.01rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.yw-infos-02 li:hover{ padding: 0.2rem; background-color: #f1f6fb; border:1px dashed #cbd9e8; border-top: 0;}
.yw-infos-02 li:hover a .title .span01{ font-weight: bold;}
.yw-infos-02 li:hover a .title .span02{ color: #333;}

.tz-infos ul{ margin-top: 0.09rem;}
.tz-infos ul li{ margin-top: 0.16rem; padding: 0.2rem 0.15rem; background-color: #f1f6fb; border-radius: 0.03rem; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; position: relative;}
.tz-infos ul li a{ height: 0.6rem; line-height: 0.3rem; text-align: justify; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tz-infos ul li span{ color: #999999; line-height: 0.3rem; position: absolute; bottom: 0.2rem; right: 0.15rem;}
.tz-infos ul li:hover{ background-color: #568fe7;}
.tz-infos ul li:hover a, .tz-infos ul li:hover span{ color: #fff;}

.spxw-infos{}
.spxw-infos ul{ margin-top: 0.09rem;}
.spxw-infos ul li{ width:3.17rem; margin-top: 0.18rem; float: left;}
.spxw-infos ul li a{ height: 1.73rem; display: block; overflow: hidden; position: relative;}
.spxw-infos ul li a img{ width:100%; height: 100%; border-radius: 0.03rem; object-fit: cover;}
.spxw-infos ul li a span{ width:100%; padding: 0.1rem 0.15rem; color: #fff;background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); position: absolute; left: 0; bottom: 0; right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.spxw-infos ul li a:hover img{ transform: scale(1.1, 1.1);}
.spxw-infos ul li:nth-of-type(1){ width: calc(100% - 3.17rem); padding-right: 0.18rem;}
.spxw-infos ul li:nth-of-type(1) a{ height: 3.64rem;}

.psrb-infos{ margin-top: 0.27rem; padding: 0.3rem; box-shadow: 0 0 0.05rem #deedfc; background-color: #fdfeff;}
.psrb-infos a{ height: 3.03rem; display: block;}
.psrb-infos a img{ width:100%; height: 100%; object-fit: cover;}
/* .psrb-infos ul{ margin-right: -0.2rem;}
.psrb-infos ul li{ width: calc(100% / 2); float: left;}
.psrb-infos ul li a{ height: 3.47rem; margin-right: 0.2rem; border: 1px solid #e9f0fa; display: block;}
.psrb-infos ul li a img{ width:100%; height: 100%; border-radius: 0.03rem; object-fit: cover;} */