| | |
| | | @import "./home.skeleton.wxss"; |
| | | |
| | | .background { |
| | | width: 100%; |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | height: 80rpx; |
| | | line-height: 80rpx; |
| | | line-height: 88rpx; |
| | | z-index: 3; |
| | | text-align: center; |
| | | padding-top: 110rpx; |
| | | color: #fff; |
| | | font-size: 36rpx; |
| | | font-size: 34rpx; |
| | | } |
| | | |
| | | .white { |
| | |
| | | padding-top: 180rpx; |
| | | } |
| | | |
| | | .home-page-header .bg { |
| | | .bg { |
| | | height: 680rpx; |
| | | position: absolute; |
| | | top: 0; |
| | |
| | | z-index: -1; |
| | | } |
| | | |
| | | .home-page-header .bg .image { |
| | | .bg .image { |
| | | height: 100%; |
| | | } |
| | | |
| | | .home-page-header .search { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .home-page-header .search .t-search__input-container { |
| | | height: 96rpx; |
| | | background: #fff !important; |
| | | font-size: 28rpx !important; |
| | | flex: 1; |
| | | width: 85vw; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | .home-page-header .search .icon { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | |
| | | } |
| | | |
| | | .home-page-header .t-search__input { |
| | |
| | | .home-page-header .swiper-wrap { |
| | | margin-top: 30rpx; |
| | | margin-bottom: 10rpx; |
| | | height: 380rpx; |
| | | width: 100%; |
| | | border-radius: 18rpx; |
| | | overflow: hidden; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | background: #f6f6f6; |
| | | } |
| | | |
| | | .swiper { |
| | | height: 380rpx; |
| | | width: 100%; |
| | | } |
| | | |
| | | .swiper-item { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .swiperItem { |
| | | position: relative; |
| | | height: 380rpx; |
| | | width: 100%; |
| | | } |
| | | |
| | | .swiper .img { |
| | | max-width: 100% !important; |
| | | /* max-height: 100% !important; */ |
| | | width: auto !important; |
| | | /* height: auto !important; */ |
| | | position: absolute !important; |
| | | top: 0 !important; |
| | | left: 0 !important; |
| | | right: 0 !important; |
| | | bottom: 0 !important; |
| | | margin: auto !important; |
| | | } |
| | | |
| | | |
| | | .home-page-menu .t-grid--card { |
| | | margin: 0; |
| | |
| | | color: #ff6d00; |
| | | font-size: 30rpx; |
| | | background-repeat: no-repeat; |
| | | background-size: 40% 64%; |
| | | background-size: 40%; |
| | | background-position: right; |
| | | background-image: url(http://182.92.203.7:3007/jsek/website/image/click-icon.png); |
| | | background-image: url(https://jsek.bnuic.com/home/image/click-icon.png); |
| | | } |
| | | |
| | | .t-tabs .t-tabs__track { |
| | |
| | | width: 336rpx; |
| | | height: 205rpx; |
| | | flex: 1; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .listBox1 .body-info { |
| | |
| | | |
| | | .classHours { |
| | | font-size: 26rpx; |
| | | } |
| | | |
| | | .listBox .empyt { |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .listBox2 .empyt { |
| | |
| | | |
| | | .t-loading__circular { |
| | | color: #ff6d00 !important; |
| | | } |
| | | |
| | | .block { |
| | | position: relative; |
| | | width: 60vw; |
| | | height: auto; |
| | | padding: 20rpx; |
| | | background: var(--td-bg-color-container); |
| | | border-radius: 16rpx; |
| | | } |
| | | |
| | | .close-btn { |
| | | position: absolute; |
| | | left: 50%; |
| | | transform: translateX(-80%); |
| | | bottom: calc(-1 * (48rpx + 64rpx)); |
| | | } |
| | | |
| | | .block view { |
| | | text-indent: 2em; |
| | | font-size: 28rpx; |
| | | line-height: 42rpx; |
| | | } |
| | | |
| | | .al-right { |
| | | text-align: right; |
| | | } |
| | | |
| | | .ti-0 { |
| | | text-indent: 0em !important; |
| | | } |
| | | |
| | | .mt-20 { |
| | | margin-top: 20rpx; |
| | | } |