@charset "utf-8"; /* 公共模块 */ @import "/2022/src/assets/css/animate.min.css"; @import "/2022/src/assets/css/nav/header.css"; @import "/2022/src/assets/css/nav/footer.css"; @import "/2022/src/assets/css/nav/common-module.css"; @import "/2022/src/assets/css/nav/tool-right.css"; #cookie-pop { position: relative; } .color { color: #eb0a1e !important; } .icon-sanjiao { margin-left: 0.24rem; width: 0; height: 0; border-style: solid; border-width: 0.07rem; border-color: transparent transparent transparent #eb0a1e; } .content-body { padding: 0.3rem 1rem 1rem; font-size: 0.24rem; line-height: 0.27rem; } .content-body .link-tab { font-size: 0.16rem; line-height: 0.18rem; } .content-body .title { margin: 0.36rem 0; font-size: 0.48rem; line-height: 0.53rem; letter-spacing: 1px; padding-left: 0.2rem; border-left: 2px solid #eb0a1e; } .content-body .title .desc { font-size: 0.3rem; color: #909090; line-height: 0.33rem; margin-top: 0.06rem; letter-spacing: 0px; } .content-body .notice-swiper { height: 0.77rem; border-radius: 0.08rem; border: 1px solid #909090; color: #909090; padding: 0 1.6rem 0 1rem; } .content-body .notice-swiper .swiper-slide { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .content-body .notice-swiper .swiper-slide .text { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: #000; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .content-body .notice-swiper .tit { color: #eb0a1e; position: absolute; top: 50%; left: 0.28rem; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); background-color: #ffffff; z-index: 2; } .content-body .notice-swiper .more-btn { font-size: 0.22rem; line-height: 0.77rem; height: 100%; position: absolute; top: 0; right: 0.35rem; z-index: 2; cursor: pointer; background-color: #ffffff; } .content-body .tab-list { border-bottom: 1px solid #dadada; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 0.8rem; line-height: 0.8rem; margin-top: 0.2rem; gap: 0.4rem; } .content-body .tab-list .flex { padding: 0 0.4rem; cursor: pointer; } .content-body .tab-list .cur { border-bottom: 2px solid #eb0a1e; } .content-body .car-box { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4%; } .content-body .car-box .car-list { margin-top: 0.68rem; width: 30.6%; text-align: center; } .content-body .car-box .car-list img { width: 93%; margin: 0.3rem auto; } .content-body .car-box .car-list a { width: 37.7%; display: inline-block; height: 0.46rem; line-height: 0.46rem; border-radius: 0.23rem; font-size: 0.2rem; border: 1px solid #000000; } .content-body .car-box .car-list a:hover { background-color: #000; color: #ffffff; } .noticepop .main { width: 70%; height: 6.4rem; background: #ffffff; border-radius: 0.16rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0.22rem; line-height: 0.25rem; padding: 0.54rem 0.3rem 0.54rem 0.54rem; } .noticepop .main .title { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.24rem; color: #eb0a1e; } .noticepop .main .title img { width: 0.5rem; height: 0.5rem; padding: 0.12rem; margin: 0; } .noticepop .main .item-box { margin-top: 0.3rem; padding-right: 0.3rem; height: 83%; overflow: auto; } .noticepop .main .item-box .flex { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #909090; margin-bottom: 0.29rem; } .noticepop .main .item-box .flex .text { color: #000; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .noticepop .main .item-box .flex .icon-sanjiao { margin-top: 0.05rem; } @media (max-width: 1024px) { .content-body { padding-top: 0.8rem; } .content-body .title { margin: 0.6rem 0; } .noticepop .main { width: 80%; height: 7rem; font-size: 0.24rem; line-height: 0.36rem; } } @media (max-width: 750px) { .common-pop .app-btn { top: 25vw; } .icon-sanjiao { margin-left: 0; border-width: 0.1rem; } .content-body { padding: 0.35rem 0; } .content-body .link-tab { display: none; } .content-body .title { margin: 0 0.24rem; } .content-body .notice-swiper { height: 1.23rem; padding: 0 0.28rem; margin: 0.64rem 0.24rem 0; } .content-body .notice-swiper .swiper-slide { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin-top: 0.24rem; } .content-body .notice-swiper .swiper-slide .time { width: 100%; padding-left: 0.7rem; margin-bottom: 0.2rem; } .content-body .notice-swiper .tit { top: 0.24rem; -webkit-transform: translatey(0%); -moz-transform: translatey(0%); -ms-transform: translatey(0%); -o-transform: translatey(0%); transform: translatey(0%); } .content-body .notice-swiper .more-btn { font-size: 0.24rem; line-height: 0.27rem; height: auto; top: 0.24rem; } .content-body .tab-list { padding: 0 0.24rem; height: 0.84rem; line-height: 0.84rem; margin-top: 0.28rem; gap: 0; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content-body .tab-list .flex { padding: 0; } .content-body .car-box { gap: 0; padding: 0 0.24rem; } .content-body .car-box .car-list { margin-top: 0.8rem; width: 50%; font-size: 0.22rem; line-height: 0.24rem; } .content-body .car-box .car-list img { width: 100%; margin: 0.2rem auto; } .content-body .car-box .car-list a { width: 67.5%; height: 0.54rem; line-height: 0.54rem; border-radius: 0.32rem; font-size: 0.22rem; } .noticepop .main { width: 88%; height: 6.2rem; padding: 0.4rem 0.2rem 0.4rem 0.4rem; } .noticepop .main .title { font-size: 0.28rem; } .noticepop .main .item-box { padding-right: 0.2rem; } .noticepop .main .item-box .flex .icon-sanjiao { margin-top: 0.1rem; margin-left: 0.2rem; } }