.wlwmy-page{background: #fff; font-family:'SourceHanSansCN-Regular',"Microsoft YaHei",Arial,sans-serif;}
.wlwmy-page .row{margin-left:-7px;margin-right:-7px;}
.wlwmy-page [class*="col-"]{padding-left:7px;padding-right:7px;}

.banner{text-align: center;}
.nav{position:sticky;top:0;z-index:10;background:linear-gradient(110deg, #5f4ced 0%,#3e76e5 100%);font-family:'SourceHanSansCN-Regular';}
.navlist{text-align:center;white-space:nowrap;overflow-x:auto;display: flex;line-height: 70px;}
.navlist a{display:inline-block; color:#fefefe;font-size:20px;position: relative;flex: 1;}
.navlist a.active::after,.navlist a:hover::after{left: 0;bottom: 0; position: absolute;display: block;content: '';width: 100%;height: 4px;background-image: linear-gradient(0deg,#ff9844 0%,#f9e291 100%)}
.anchor-target{scroll-margin-top:70px;}


.intro{padding:54px 0 38px;}
/* .section{padding:54px 0 38px;} */
.news{padding:54px 0 38px;}

.note{padding:35px 40px;background:linear-gradient(-30deg,rgba(202, 238, 255, 0.24) 0%,rgba(239, 229, 255, 0.24) 100%);border:1px solid #d0c9ea;border-radius:16px;box-shadow:0px 7px 14px 2px rgba(125, 116, 214, 0.14);}
.note .note-title{margin:0 0 15px;padding-left: 58px;background: url(../../images/wlwmy/icon1.JPG) no-repeat left center;background-size: contain; color:#414b5a;font-size:24px;line-height: 36px; font-weight:700;font-family:'SourceHanSansCN-bold';}
.note .note-text{color:#444950;font-size:16px;line-height:30px;font-family:'SourceHanSansCN-Regular';}

.title{text-align:center;padding: 50px 0px;}
.title .tit{color:#414b5a;font-size:36px;font-weight:700;font-family:'SourceHanSansCN-bold';line-height:1;}
.title .titline{width:58%;height:1px;margin:30px auto 15px;background: rgba(222, 220, 255,0.65);position: relative; }
.title .titline::after{position: absolute;display: block;content: '';left: 0;right: 0;margin: auto;width: calc(100% - 90px);top: -7px;background: rgba(222, 220, 255,0.65);height: 1px;}
.title .titline::before{position: absolute;display: block;content: '';left: 0;right: 0;margin: auto;width: 126px;height: 3px;bottom: -1px; background-color: #aea9ff;}
.title .desc{color:#90959c;font-size:18px;font-family:'SourceHanSansCN-Regular';}

.subtit{margin:50px 0px;color:#414b5a;text-align:center;font-size:30px;font-weight:700;font-family:'SourceHanSansCN-bold';}
.moreLink{color:#6b7690;font-family:'SourceHanSansCN-Regular';font-size:16px;line-height:30px;white-space:nowrap;}
.moreLink:hover{color:#1f6edd;}
.righttit{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;color:#32373e;line-height:30px;}
.righttit .bName{min-width:0;font-size:20px;font-family:'SourceHanSansCN-Medium';}

.subtit1{margin:50px 0;text-align:center;}
.subtit1 .cataName{min-width:0;color:#414b5a;font-size:30px;font-weight:700;line-height:40px;font-family:'SourceHanSansCN-bold';}
.subtit1 .moreLink{line-height:40px;float: right;}

.light.title .tit{color:#ffffff;}
.light.title .desc{color:#ffffff;}
.light.title .titline{background: rgba(174, 169, 255,0.24);}
.light.title .titline::after{background: rgba(174, 169, 255,0.24);}
.light.title .titline::before{background: #aea9ff;}

.weblist{margin-bottom:44px;}
.weblist .picitem,.featurelist .featureitem,.lawlist .lawitem,.entrylist .entryitem,.newslist .newsitem{transition:transform .2s ease,box-shadow .2s ease;}
.weblist .picitem{display:block;min-height:285px;margin-bottom:15px;background:#fff;border: solid 1px #e7e7e7;border-radius:6px;overflow:hidden;}
.weblist .picitem:hover,.featurelist .featureitem:hover,.entrylist .entryitem:hover,.newslist .newsitem:hover{border: solid 1px #e7e7e7;box-shadow:0px 7px 14px 2px rgba(125, 116, 214, 0.24);}
.weblist .pic,.featurelist .pic{position:relative;width:100%;padding-top:56.25%;overflow:hidden;}
.weblist .pic img,.featurelist .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.weblist .pic .tagtext{font-family:'SourceHanSansCN-Regular';position:absolute;right:0;top:0;z-index:2;padding:0 12px;color:#fff;font-size:14px;line-height:26px;border-radius:0px 4px 0px 10px;}
.weblist .pic .tagtext1{background: #ff9024;}
.weblist .pic .tagtext2{background:#fd4a4e;}
.weblist .picitem:hover .pic img,.featurelist .featureitem:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.weblist .textbox{padding:16px 18px 18px;}
.weblist .name{color:#373c40;font-size:18px;font-family:'SourceHanSansCN-bold';font-weight:700;line-height:28px;}
.weblist .info{margin-top:7px;min-height: 48px; color:#8f8f8f;font-size:14px;line-height:24px;font-family:'SourceHanSansCN-Regular';}

.featurelist .featureitem{display:block;margin-bottom:20px;background:#fff;border: solid 1px #e7e7e7;border-radius:6px;box-shadow:0px 7px 14px 2px rgba(125, 116, 214, 0.24);overflow:hidden;}
.featurelist .textbox{padding:15px 20px 30px;}
.featurelist .name{color:#373c40;font-size:18px;font-family:'SourceHanSansCN-bold';font-weight:700;line-height:28px;}
.featurelist .info{margin-top:10px;color:#8f8f8f;font-size:14px;line-height:24px;min-height: 48px; font-family:'SourceHanSansCN-Regular';}


.iconlist{margin-bottom:44px;}
.iconlist [class*="col-"]{text-align:center;}
.iconitem{display:block;width:100%;margin-bottom:20px;text-align:center;}
.iconitem .icon{position:relative;width:100%;padding-top:56.25%;overflow:hidden;}
.iconitem .icon img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;object-fit:cover;}
.iconitem .name{margin:25px 0 10px;color:#414b5a;font-size:18px;line-height: 28px; font-weight:700;font-family:'SourceHanSansCN-bold';}
.iconitem .info{color:#7d8795;font-size:14px;font-family:'SourceHanSansCN-Regular';line-height: 24px;}


.bluebox{margin-bottom: 70px; padding:55px 40px 60px;background:linear-gradient(-30deg,#d1edff 0%,#f2efff 100%);border-radius:16px;}
.bluebox .boxtit{color:#35405a;margin-top: 38px; font-size:20px;line-height: 30px; font-weight:700;font-family:'SourceHanSansCN-bold';}
.bluebox .boxtext{font-family:'SourceHanSansCN-Regular';min-height: 90px; color:#32373e;font-size:16px;line-height:30px;margin: 20px 0px 45px;}
.bluebox .tags span{display:inline-block;font-family:'SourceHanSansCN-Regular';margin:0px 10px 10px 0;padding:0px 12px;background:#fff;border-radius:6px;font-size:14px;line-height:32px;}
.bluebox .tags span:nth-child(1){color:#288cfc;}
.bluebox .tags span:nth-child(2){color:#a762ed;}
.bluebox .tags span:nth-child(3){color:#2abe96;}
.bluebox .tags span:nth-child(4){color:#f7933a;}
.bluebox .tags span:nth-child(5){color:#a762ed;}
.bluebox .tags span:nth-child(6){color:#2abe96;}
.bluebox .tags span:nth-child(7){color:#f7933a;}
.bluebox .tags span:nth-child(8){color:#288cfc;}


.question{padding:40px 35px;background:rgba(255,255,255,1);border-radius:16px;box-shadow:0px 7px 14px 2px rgba(15, 106, 208, 0.14);}
.question .boxtit{margin:0 0 16px;color:#32373e;font-size:20px;line-height: 30px; font-family:'SourceHanSansCN-Medium';}
.question .item{border-bottom:1px solid #e1e3f7;}
.question .item:last-child{border: none;}
.question .item a{display:block;position:relative;font-family:'SourceHanSansCN-Regular';color:#6b7690;font-size:16px;line-height:26px;padding:15px 0px 15px 22px;}
.question .item a:before{content:"";position:absolute;left:0;top:26px;width:14px;height:1px;background:#6b7690;}
.question .item a:hover{color: #1f6edd;font-family:'SourceHanSansCN-Medium';}
.question .item a:hover::before{background: #1f6edd;}

.safety{background:#F0F1FE;}

.lawlist{margin-bottom:44px;}
.lawlist .lawitem{display:block;min-height:265px;margin-bottom:20px;padding:30px 25px;background:#fff;border-radius:20px;}
.lawlist .name{margin:5px 0;color:#414b5a;font-size:20px;line-height: 30px; font-weight:700;font-family:'SourceHanSansCN-bold';position: relative;padding-left: 18px;}
.lawlist .name::after{display: block;content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto; width: 3px;height: 20px;}
.lawlist .info{color:#88919d;font-size:16px;line-height:28px;min-height: 85px; font-family:'SourceHanSansCN-Regular';margin: 17px 0px 27px;}
.lawlist .lawtip{padding:0 18px;border-radius:10px;font-size:14px;line-height:44px;}
.lawlist .col-sm-4:nth-child(1) .lawitem{border-bottom:7px solid #fea655;}
.lawlist .col-sm-4:nth-child(2) .lawitem{border-bottom:7px solid #756ed6;}
.lawlist .col-sm-4:nth-child(3) .lawitem{border-bottom:7px solid #3b98ff;}
.lawlist .col-sm-4:nth-child(1) .lawtip{color:#fea655;background:#fff6ed;}
.lawlist .col-sm-4:nth-child(2) .lawtip{color:#756ed6;background:#f2f1ff;}
.lawlist .col-sm-4:nth-child(3) .lawtip{color:#3b98ff;background:#e8f5fe;}
.lawlist .col-sm-4:nth-child(1) .name::after{background: #fea655;}
.lawlist .col-sm-4:nth-child(2) .name::after{background: #756ed6;}
.lawlist .col-sm-4:nth-child(3) .name::after{background: #3b98ff;}


.quiz{display: flex;gap: 20px;}
.quizitem{margin-bottom: 50px;flex: 1;}
.quizitem a{display:block;overflow:hidden;}
.quizitem img{display:block;width:100%;height:auto;transition:transform .25s ease;}
.quizitem a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.wlwmBox{background:url(../../images/wlwmy/icon3.png) no-repeat center top;background-size: cover;}

.newspanel{padding:50px 70px;background:#ffffff;border-radius:16px;box-shadow:0px 7px 32px 4px rgba(239, 174, 89, 0.22);}

.newslist .newsitem{display:flex;align-items:center;min-height:150px;margin-bottom:18px;padding:20px 22px;border:1px solid #ced7e3;border-radius:10px;}
.newslist .datebox{flex:0 0 64px;text-align:center;}
.newslist .day{color:#4a5872;font-size:20px;font-weight:700;line-height:30px;}
.newslist .year{margin-top:10px;color:#7d8490;font-size:14px;line-height:1;}
.newslist .newstext{flex:1;min-width:0;padding-left:22px;}
.newslist .name{color:#34415d;font-size:18px;line-height:28px;font-family:'SourceHanSansCN-bold';font-weight:700;}
.newslist .summary{margin-top:15px;color:#8a94a8;font-size:14px;line-height:24px;min-height: 48px; font-family:'SourceHanSansCN-Regular';}

.entry{padding:58px 0 68px;background:url(../../images/wlwmy/icon4.png) no-repeat center ;background-size: cover;margin-bottom: 30px; overflow:hidden;}
.entrylist{display:flex;margin:0 -7px;justify-content:center;gap: 20px;}
.entrycell{width:20%;padding:0 7px;}
.entrylist .entryitem{display:flex;min-height:205px;margin-bottom:20px;padding:20px;text-align:center;border: solid 1px #efeeff;background:rgba(79,73,165,0.41) url(../../images/wlwmy/icon5.png) no-repeat center;background-size: cover; border-radius:16px;box-shadow:0px 7px 32px 4px rgba(79, 73, 165, 0.41);align-items:center;justify-content:center;flex-direction:column;}
.entrylist .entryicon{width:90px;height:90px;margin:0 auto;box-shadow:0px 7px 12px 1px rgba(79,73,165,0.24);border-radius:50%;overflow:hidden;}
.entrylist .entryicon img{display:block;width:100%;height:100%;object-fit:cover;}
.entrylist .entrytext{margin-top:20px;color:#30303c;font-size:18px;font-family:'SourceHanSansCN-Medium';}
.slidecontent{--slide-width:min(100% - 30px,1200px);--slide-side:calc((100% - var(--slide-width))/2);position:relative;margin:0 auto 60px;overflow:hidden;}
.slidecontent:before,.slidecontent:after{content:"";position:absolute;top:0;z-index:3;width:var(--slide-side);height:100%;pointer-events:none;}
.slidecontent:before{left:0;background:linear-gradient(90deg,rgba(18,22,90,.78) 0%,rgba(18,22,90,.45) 55%,rgba(18,22,90,0) 100%);}
.slidecontent:after{right:0;background:linear-gradient(270deg,rgba(18,22,90,.78) 0%,rgba(18,22,90,.45) 55%,rgba(18,22,90,0) 100%);}
.slidecontent .swiper-slide{width:var(--slide-width)!important;height:auto!important;}
.slidecontent .container{width:100%;padding:0!important;position:relative;}
.slidecontent a{display:block;position:relative;height:auto;aspect-ratio:16 / 9;overflow:hidden;color:#fff;}
.slidecontent .img,.slidecontent .img img{display:block;width:100%;height:100%;}
.slidecontent .img img{object-fit:cover;}
.slidecontent a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.78) 100%);}
.slidecontent .text{position:absolute;left:55px;right:55px;bottom:70px;z-index:2;color:#fff;font-size:24px;line-height:42px;font-family:'SourceHanSansCN-Regular';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slidecontent .swiper-button-next,.slidecontent .swiper-button-prev{width:96px;height:96px;margin-top:-48px;border-radius:50%;background-color:transparent;background-size:28px 44px;z-index:4;}
.slidecontent .swiper-button-prev{left:calc(var(--slide-side) - 76px);}
.slidecontent .swiper-button-next{right:calc(var(--slide-side) - 76px);}
.slidecontent .swiper-pagination{left:auto;right:calc(var(--slide-side) + 55px);bottom:22px;width:auto;height:24px;text-align:right;z-index:4;}
.slidecontent .swiper-pagination-bullet{display:inline-block;width:30px;height:4px;margin:0 6px;border-radius:0;background:#fff;opacity:1;vertical-align:middle;}
.slidecontent .swiper-pagination-bullet-active{background:#aea9ff;}



@media (max-width:1199px){
  .banner img{display:block;width:100%;height:auto;}
  .navlist{line-height:60px;}
  .navlist a{font-size:18px;}
  .anchor-target{scroll-margin-top:60px;}
  .newspanel{padding:36px 40px;}
  .entrylist{gap:0;}
  .entrylist .entryitem{min-height:190px;margin-left:5px;margin-right:5px;padding:16px 10px;}
}

@media (max-width:991px){
  .navlist{justify-content:flex-start;line-height:56px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .navlist::-webkit-scrollbar{display:none;}
  .navlist a{flex:0 0 16.666%;min-width:116px;font-size:16px;}
  .anchor-target{scroll-margin-top:56px;}
  .intro{padding:42px 0 30px;}
  .note{padding:28px 30px;}
  .title{padding:42px 0;}
  .title .tit{font-size:32px;line-height:40px;}
  .title .desc{font-size:16px;line-height:26px;}
  .subtit{margin:42px 0;font-size:26px;line-height:36px;}
  .subtit1{margin:42px 0;}
  .subtit1 .cataName{font-size:26px;line-height:36px;}
  .weblist .picitem{min-height:245px;}
  .weblist .textbox{padding:14px 14px 16px;}
  .weblist .name,.featurelist .name{font-size:16px;line-height:26px;}
  .bluebox{margin-bottom:55px;padding:40px 28px 45px;}
  .bluebox .boxtit{margin-top:20px;font-size:18px;line-height:28px;}
  .bluebox .boxtext{margin:16px 0 30px;font-size:15px;line-height:28px;min-height:84px;}
  .question{padding:28px 24px;}
  .question .item a{font-size:14px;}
  .lawlist .lawitem{min-height:250px;padding:24px 18px;}
  .lawlist .name{font-size:18px;}
  .lawlist .info{font-size:14px;line-height:26px;min-height:78px;}
  .lawlist .lawtip{padding:0 12px;font-size:13px;line-height:40px;}
  .newspanel{padding:26px 24px;}
  .newslist .newsitem{min-height:140px;padding:18px 16px;}
  .newslist .day{font-size: 16px;}
  .newslist .year{margin-top: 3px;}
  .newslist .datebox{flex-basis:58px;}
  .newslist .newstext{padding-left:16px;}
  .newslist .name{font-size:16px;line-height:26px;}
  .entry{padding:44px 0 50px;}
  .entrylist{flex-wrap:wrap;}
  .entrycell{width:33.333%;}
  .entrylist .entryitem{min-height:180px;}
}

@media (max-width:767px){
  .wlwmy-page .container{padding-left:15px;padding-right:15px;}
  .navlist{margin:0 -15px;padding:0 8px;line-height:50px;}
  .navlist a{flex:0 0 auto;min-width:96px;padding:0 12px;font-size:14px;}
  .anchor-target{scroll-margin-top:50px;}
  .intro,.news{padding:28px 0 22px;}
  .note{padding:22px 18px;border-radius:10px;}
  .note .note-title{margin-bottom:12px;padding-left:42px;font-size:20px;line-height:30px;}
  .note .note-text{font-size:14px;line-height:26px;}
  .title{padding:32px 0;}
  .title .tit{font-size:24px;line-height:32px;}
  .title .titline{width:82%;margin:22px auto 12px;}
  .title .titline::before{width:90px;}
  .title .titline::after{width:calc(100% - 60px);}
  .title .desc{font-size:14px;line-height:22px;}
  .subtit{margin:32px 0;font-size:21px;line-height:30px;}
  .righttit{margin-bottom:12px;line-height:26px;}
  .righttit .bName{font-size:18px;line-height:26px;}
  .righttit .moreLink,.subtit1 .moreLink{font-size:14px;line-height:30px;}
  .subtit1{justify-content:space-between;gap:12px;margin:32px 0;}
  .subtit1 .cataName{font-size:21px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .weblist{margin-bottom:24px;}
  .weblist .picitem{min-height:0;margin-bottom:14px;}
  .weblist .textbox{padding:12px 10px 14px;}
  .weblist .name,.featurelist .name{font-size:14px;line-height:24px;}
  .weblist .info,.featurelist .info{font-size:13px;line-height:22px;min-height:44px;}
  .weblist .pic .tagtext{padding:0 9px;font-size:12px;line-height:24px;}
  .iconlist{margin-bottom:24px;}
  .iconitem{margin-bottom:28px;}
  .iconitem .name{margin:16px 0 6px;font-size:16px;line-height:24px;}
  .iconitem .info{font-size:13px;line-height:22px;}
  .bluebox{margin-bottom:40px;padding:26px 18px 30px;border-radius:10px;}
  .bluebox .boxtit{margin-top:0;}
  .bluebox .boxtext{min-height:0;margin:12px 0 22px;}
  .question{margin-top:24px;padding:22px 18px;border-radius:10px;}
  .question .boxtit{margin-bottom:8px;font-size:18px;}
  .question .item a{padding:12px 0 12px 20px;line-height:24px;}
  .question .item a:before{top:24px;}
  .lawlist{margin-bottom:24px;}
  .lawlist .lawitem{min-height:0;margin-bottom:14px;padding:22px 18px;border-radius:12px;}
  .lawlist .info{min-height:78px;margin:12px 0 18px;}
  .quizitem{margin-bottom:18px;}
  .featurelist .featureitem{margin-bottom:16px;}
  .featurelist .textbox{padding:14px 16px 18px;}
  .newspanel{padding:14px;border-radius:10px;}
  .newslist .newsitem{min-height:120px;margin-bottom:14px;padding:14px 12px;}
  .newslist .datebox{flex-basis:52px;}
  .newslist .day{font-size:17px;line-height:26px;}
  .newslist .year{margin-top:6px;font-size:12px;line-height:18px;}
  .newslist .newstext{padding-left:12px;}
  .newslist .name{font-size:15px;line-height:24px;}
  .newslist .summary{margin-top:8px;font-size:13px;line-height:22px;min-height:44px;}
  .entry{padding:30px 0 34px;margin-bottom:20px;}
  .entrycell{width:50%;}
  .entrycell:last-child{margin-left:25%;margin-right:25%;}
  .entrylist .entryitem{min-height:160px;margin:0 4px 10px;padding:16px 8px;border-radius:10px;}
  .entrylist .entryicon{width:72px;height:72px;}
  .entrylist .entrytext{margin-top:14px;font-size:15px;line-height:22px;}
  .slidecontent{--slide-width:calc(100% - 30px);margin-bottom:34px;}
  .slidecontent:before,.slidecontent:after{display:none;}
  .slidecontent .text{left:18px;right:18px;bottom:20px;font-size:14px;line-height:26px;}
  .slidecontent .swiper-button-next,.slidecontent .swiper-button-prev{width:36px;height:36px;margin-top:-18px;background-size:12px 20px;}
  .slidecontent .swiper-button-prev{left:calc(var(--slide-side) + 8px);}
  .slidecontent .swiper-button-next{right:calc(var(--slide-side) + 8px);}
  .slidecontent .swiper-pagination{right:calc(var(--slide-side) + 18px);bottom:10px;height:14px;}
  .slidecontent .swiper-pagination-bullet{width:18px;height:3px;margin:0 3px;}
}

@media (max-width:480px){
  .banner img{min-height: 200px;object-fit: cover;}
  .navlist a{min-width:88px;padding:0 10px;font-size:13px;}
  .title .tit{font-size:22px;line-height:30px;}
  .title .desc{padding:0 8px;font-size:13px;}
  .subtit{font-size:19px;line-height:28px;}
  .subtit1{gap:8px;margin:28px 0;}
  .subtit1 .cataName{font-size:19px;line-height:28px;}
  .subtit1 .moreLink{font-size:13px;line-height:28px;}
  .weblist .col-xs-6{width: 100%;}
  .weblist .textbox{padding:10px 8px 12px;}
  .weblist .name{font-size:13px;}
  .weblist .info{font-size:12px;}
  .iconitem .name{font-size:14px;}
  .lawlist .lawtip{padding:0 10px;}
  .newslist .datebox{flex-basis:48px;}
  .newslist .newstext{padding-left:10px;}
  .newslist .day{font-size: 14px;}
  .entrylist .entryitem{min-height:145px;}
  .entrylist .entryicon{width:64px;height:64px;}
  .entrylist .entrytext{font-size:14px;}


  .quiz{flex-direction: column;gap: 0;}

}