@import "../../../static/css/search.wxss"; .content { padding-top: 110rpx; position: relative; z-index: 10; } .search_con { width: 100%; position: fixed; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 1; overflow: auto; -webkit-overflow-scrolling: touch; } .search_con_inner { width: 100%; background-color: #fff; padding: 0 0 10rpx 30rpx; } .search_con_list { overflow: auto; padding-top: 110rpx; -webkit-overflow-scrolling: touch; } .search_con_list_inner { width: 100%; display: inline-block; margin-top: -1px; } .search_con_item { font-size: 32rpx; padding: 36rpx 0; color: #222326; } .public_right_img{ right: 30rpx; } /* =============== */ .img_box { width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:10rpx 30rpx 30rpx; background-color: #fff; } .img_item { width: 333rpx; height: 160rpx; position: relative; align-items: flex-start; padding:0 30rpx; } .img_item .img{ position: absolute; top: 0; left: 0; } .img_item .text{ position: relative; font-size: 32rpx; font-family: PingFang SC; font-weight: 800; color: #FFFFFF; } /* =============== */ .dept_list { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 95%; padding: 330rpx 30rpx 0; } .dept_list_inner { display: flex; align-items: center; justify-content: space-between; overflow: hidden; border-radius: 24rpx ; height: 100%; } .dept_list_fir { height: 100%; overflow: auto; width: 100%; -webkit-overflow-scrolling: touch; background-color: #fff; } .dept_list_fir_short { max-width: 316rpx; } .dept_list_fir_short .dept_item { background: #F7F7FC; } .dept_list_sec { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; width: 410rpx; background-color: #fff; } .dept_list_sec .dept_item { text-indent: 30rpx; display: flex; align-items: center; justify-content: start; padding: 34rpx 0 34rpx 30rpx; line-height: 44rpx; } .dept_item { font-size: 28rpx; position: relative; color: #222326; padding-left: 30rpx; padding-right: 30rpx; } .dept_item_inner { padding: 34rpx 0; line-height: 44rpx; } .dept_item_active { font-size: 32rpx; font-weight: bold; } .dept_list_fir_short .dept_item_active { background-color: #fff; } .dept_list_fir_short .dept_item_active + .dept_item { border-radius: 0 30rpx 0 0 ; } .toBoderRadio{ border-radius: 0 0 30rpx 0; }