ul, li { padding: 0; margin: 0; } /* banner */ .carousel-fade { position: relative; height: 4.02rem; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../assets/imgOurClients/banner.png); display: flex; flex-direction: column; align-items: center; /* justify-content: center; */ padding-top: 1.4rem; } .law-search-title{ font-size: .5rem; color: #fff; margin-bottom: .5rem; } /* 绛涢€ */ .law-search { background-color: #f8f8f8; } .country-list { display: flex; } .country-list .country-search-title { color: #004a7c; font-size: 0.18rem; line-height: 0.38rem; font-weight: bold; } .country-list .country-item { width: 1.28rem; height: 0.42rem; font-size: 0.18rem; line-height: 0.38rem; background-color: #f7fbfd; box-shadow: 0 0 4px 0px rgb(160 160 160 / 20%); text-align: center; border-radius: 0.1rem; margin-left: 0.41rem; color: #666666; cursor: pointer; } .country-list .country-item a{ text-decoration: none; color: #666666; width: 100%; height: 100%; display: block; } .country-list .active-item { background-image: linear-gradient(to bottom,#4ca5e1, #00497b); color: #f8fbfd; } .country-list .active-item a{ color: #f8fbfd; } .law-search .country-list { padding-top: 0.75rem; } /* 鍐呭 */ .law { background-color: #f8f8f8; } .law .law-box { padding: 0.75rem 0; display: grid; grid-template-columns: 2.63rem 1fr; } .law-box-left { width: 2.63rem; background-color: #e8f1f7; color: #666666; } .law-box-left .law-box-item { border-bottom: 0.01rem #ffffff solid; } .law-box-left .law-box-item .law-left-icon { float: right; } .law-box-left .law-box-item a{ font-size: 0.16rem; color: #656565; text-decoration: none; display: block; } .law-box-left .law-box-item .active > a { background-color: #004a7c; color: #ffffff; } .law-box-left .law-title-bar { /* height: 0.63rem; */ font-size: 0.18rem; /* line-height: 0.225rem; */ padding: 0.3rem 0.45rem 0.16rem 0.2rem; cursor: pointer; } .law-box-item > ul > li{ list-style: none; cursor: pointer; font-size: 0.16rem; } .law-box-item > ul > li > a{ padding-left: 0.2rem; line-height: 0.21rem; padding-top: 0.1rem; padding-bottom: 0.1rem; padding-right: 0.2rem; } .flfg-content { margin-top: .17rem; margin-bottom: .17rem; } .flfg-content li{ padding-left: .45rem; padding-right: .25rem; list-style: none; display: flex; } .flfg-content li.active{ background-color: #004a7c; } .flfg-content a{ font-size: 0.12rem; color: #656565; line-height: 0.19rem; padding-top: .13rem; padding-bottom: .13rem; } .law-box-right { padding: 0.6rem 0.4rem; background-color: white; } /* 鍒嗛〉 */ .bottom { margin-top: 0.64rem; } .paging { display: flex; float: right; } .paging .page-num { cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; width: 0.3rem; height: 0.3rem; font-size: 0.14rem; line-height: 0.14rem; border: 0.02rem solid #e2e2e2; margin-left: 0.1rem; text-decoration: none; color: #656565; } .paging .page-button { cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; width: 0.82rem; height: 0.3rem; font-size: 0.14rem; line-height: 0.14rem; border: 0.02rem solid #e2e2e2; text-decoration: none; color: #656565; } .paging .right-button { margin-left: 0.1rem; } .paging .page-num.page-active { background-color: #155f91; color: #ffffff; } .law-box-info { font-size: 0.14rem; } .search-box-out { padding: 0.1rem; background: rgb(255 255 255 / 51%); display: inline-block; border-radius: 0.16rem 0.16rem 0.16rem 0.16rem; width: 6.37rem; height: .82rem; } .search-box-out .search-box{ background: rgb(255 255 255 / 51%); border-radius: 0.16rem 0.16rem 0.16rem 0.16rem; border: 0.01rem solid #B3B5B7; box-sizing: border-box; display: flex; align-items: center; width: 6.17rem; height: 0.62rem; margin: unset !important; overflow: unset !important; } .search-box-out .search-box .search-box-icon { padding-left: .3rem; padding-right: .3rem; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .search-box-out .search-box img{ width: 0.35rem; height: 0.29rem; } .search-box-out .search-box .search-box-icon .line { width: 2px; margin-left: .3rem; } .search-box-out .search-box a{ width: 1.12rem; height: 0.38rem; background: #004a7c; border-radius: 0.4rem; font-size: 0.16rem; color: #FFFFFF; line-height: 0.38rem; text-align: center; display: block; text-decoration: none; margin-right: 0.13rem; } .search-box-out .search-box input{ border: unset; width: calc(100% - 1.12rem - 0.8rem); height: 100%; line-height: .62rem; background: unset; font-size: .16rem !important; text-indent: unset; color: unset; } .search-box-out .search-box input:focus{ outline: unset; } .law-box-info font{ color: #e72c1f; } @media screen and (max-width: 1000px){ .law-search-title{ font-size: 25px; } .search-box-out{ width: 50%; height: 30px; display: flex; justify-content: center; } .search-box-out .search-box{ width: 98%; height: 24px; } .search-box-out .search-box input{ font-size: 12px !important; } .search-box-out .search-box a{ width: 40px; height: 20px; border-radius: 5px; font-size: 12px; line-height: unset; } .law .law-box{ grid-template-columns: 80px 1fr; } .law-box-left{ width: 80px; } .law-box-left .law-title-bar{ font-size: 10px; } .law-box-left .law-box-item a{ font-size: 10px; line-height: unset; } .law-box-item > ul > li > a{ line-height: unset; } .law-box-info{ font-size: 10px; } .law-box-right{ overflow: auto; } .paging .page-num{ font-size: 10px; width: 20px; height: 20px; line-height: unset; border-width: 1px; margin-left: 5px; } }