/* 轮播图样式 */ .header_box { /* width: 100%; */ /* padding:16rpx; */ box-sizing: border-box; position: relative; z-index: 2; margin: 16rpx; border-radius: 16rpx; overflow: hidden; position: relative; background-color: #ffffff; box-shadow: 0px 2px 12px 0px rgba(25, 27, 38, 0.1); } .header_container{ position: relative; overflow: hidden; z-index: 1; } .header_container::after{ content: ''; width: 100%; position: absolute; z-index: -1111; background-color: #000000; height: 400rpx; border-radius: 0px 0px 18rpx 18rpx; top: 0; left: 0; } .header_box swiper { position: relative; height: 720rpx; } .header_box image { height: 488rpx; width: 100%; overflow: hidden; } .img_footer { height: 212rpx; display: flex; align-items: center; padding: 0 52rpx; justify-content: space-around; flex-wrap: wrap; } .img_footer>view { width: 50%; display: flex; align-items: center; font-size: 32rpx; color: #80838F; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .img_footer view>image { width: 44rpx; height: 44rpx; margin-right: 18rpx; } .img_footer .envitem text { font-size: 28rpx; margin-left: 4rpx; } .img_footer .envitem { color: #191B26; margin-left: 16rpx; } .fixed_box { top: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; height: 488rpx; padding: 32rpx 48rpx 32rpx; width: 100%; position: absolute; color: #ffffff; } .fixed_box>.roombg text{ display: inline-block; background-color: rgba(6, 9, 25, 0.5); padding: 10rpx 30rpx; font-size: 32rpx; border-radius: 48rpx; } .fixed_dec { display: flex; color: #FFFFFF; font-size: 28rpx; align-items: center; } .envshow { display: flex; flex-direction: row; justify-content: space-between; padding: 20rpx 48rpx; border-radius: 48rpx; background-color: rgba(6, 9, 25, 0.5); } .envshow>view:nth-child(1) { display: flex; align-items: center; } .envshow image { width: 40rpx; height: 40rpx; margin-right: 8rpx; } /* 三个按钮盒子 */ .btn_list { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 8px; box-sizing: border-box; } /* 单个按钮样式 */ .btn_item { width: 100%; height: 176rpx; margin-bottom: 24rpx; display: flex; align-items: center; justify-content: space-around; border-radius: 16rpx; box-shadow: 0px 2px 12px 0px rgba(25, 27, 38, 0.1); } .btn_item:nth-child(1) { margin-top: 48rpx; } .btn_item>view:nth-child(2) { width: 336rpx; } .item_img { height: 100rpx; width: 100rpx; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #e8e8e9; } .item_img image { width: 60rpx; height: 60rpx; } .item_img image:nth-child(1) { width: 44rpx; height: 44rpx; } .item_img image:nth-child(2) { width: 56rpx; height: 56rpx; } .item_title { display: block; font-size: 36rpx; line-height: 50rpx; color: #191B26; } .item_des { color: #80838F; font-size: 28rpx; } /* 弹框样式 */ .spacedetail { padding: 25rpx 32rpx 0; } .spacedetail swiper { height: 210rpx; } .space_title { text-align: center; } .item_list { display: flex; height: 210rpx; flex-direction: row; justify-content: space-around; align-items: center; } .list_item { font-size: 35rpx; text-align: center; } .list_item view:nth-child(2) { color: rgba(128, 131, 143, 1); font-size: 28rpx; margin-top: 8rpx; } .noticbox_text{ text-align: center; } .envstate { display: flex; justify-content: center; align-items: center; height: 64rpx; margin-top: 16rpx; font-size: 20px; color: #191B26; } .envstate image { width: 40rpx; height: 40rpx; margin-right: 20rpx; } /* 反馈列表 */ .feedback_list { overflow: hidden; } .feedback_title { font-size: 32rpx; color: rgba(25, 27, 38, 1); line-height: 38rpx; margin-bottom: 38rpx; } .type_title { font-size: 32rpx; color: rgba(128, 131, 143, 1); line-height: 38rpx; margin-bottom: 16rpx; } .typelist { display: flex; flex-direction: row; /* justify-content: space-between; */ flex-wrap: wrap; margin-bottom: 40rpx; overflow: hidden; } .typelistlast { margin-bottom: 0; } .typelist>view { width: 220rpx; height: 84rpx; display: flex; font-size: 28rpx; align-items: center; justify-content: center; background-color: #f4f4f5; border-radius: 16rpx; margin-bottom: 12rpx; } .typelist>view image { width: 40rpx; height: 40rpx; margin-right: 12rpx; } .typelistlast>view { margin-bottom: 0; } .typelist>view:nth-child(3n-1) { margin: 0 12rpx; } .typelist>.typelistactive { background-color: #5575FF; color: white; } .submitbtn { height: 80rpx; background: rgba(85, 117, 255, 1); border-radius: 20px; text-align: center; color: white; line-height: 80rpx; margin: 60rpx 0 64rpx; opacity: 0.5; overflow: hidden; box-sizing: border-box; } .submitbtnactive { opacity: 1; } .colsebtn { margin: 40rpx 0 64rpx; border: 1px solid rgba(218, 218, 218, 1); background: #ffffff; color: #191B26; opacity: 1; } .canvas { /* width: 100%; */ display: flex; justify-content: center; align-items: center; } .canvashidden canvas{ height: 0; } .canvas canvas{ width: 340px; } .canvascenter { width: 90%; height: 90%; display: flex; font-size: 14px; color: #cccc; justify-content: center; align-items: center; flex-direction: column; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10rpx auto; } .feedtext { display: flex; justify-content: center; align-items: center; flex-direction: column; } .feedimgbox { display: flex; justify-content: center; align-items: center; flex-direction: row; margin-bottom: 24rpx; } .feedimgbox image { width: 40rpx; height: 40rpx; margin-right: 8rpx; } .feedtext_title { font-size: 40rpx; color: #191B26; } .feedtext_desc { font-size: 28rpx; } .noticbox { width: 100%; height:65rpx; font-size: 28rpx; margin-top: 38rpx; } .noticbox swiper{ height: 45rpx; } .radiobox { margin-top: 56rpx; } /* .opencontent{ display: flex; justify-content: center; align-items: center; flex-direction: column; } */ .opencontent_text { color: #80838F; margin-top: 84rpx; text-align: center; } .opencontent_openbtn { background: rgba(85, 117, 255, 1); margin: 32rpx 0 64rpx; opacity: 1; } .lottie{ width: 50rpx; height: 50rpx; } .secondtxt{ display: flex; justify-content: center; align-items: center; font-size: 14px; margin-bottom: 16rpx; } .secondtxt_title{ font-size: 20px; margin-bottom: 22rpx; } .custom_button{ box-sizing: content-box; padding: 24rpx 32rpx; height: 40rpx; display: flex; margin-top: 54rpx; justify-content: center; text-align: center; align-items: center; background-color: #5575FF; color: #ffffff; font-size: 16px; border-radius:40rpx; } .header_box .before-load { width: 0; height: 0; opacity: 0; }