.reportForm-container { background-color: $uni-bg-color; .index-fixed { width: 750rpx; position: fixed; left: 0; top: 0; z-index: 999; .index-header { background-color: #fff; padding: 32rpx 34rpx 0; position: relative; .sea_ipt_placeholder { color: #8d8d8d; opacity: 0.7; } .sea_ipt { width: 100%; height: 70rpx; font-size: 30rpx; color: #707070; background: #f9f9f9; padding: 0 34rpx 0 70rpx; border-radius: 70rpx; } .search_ico { display: block; position: absolute; color: #8d8d8d; left: 60rpx; top: 50%; z-index: 100; } } .limit-box { position: absolute; text-align: center; display: inline-block; padding-right: 50rpx; top: 8rpx; margin-left: -38rpx; right: -85rpx; image { width: 46rpx; height: 26rpx; } } .tab-cont { padding: 0 26rpx; height: 115rpx; background-color: #fff; font-size: 32rpx; .scroll-tab { position: relative; width: 100%; white-space: nowrap; display: flex; justify-content: space-between; } .scroll-tab-item { text-align: center; display: inline-block; padding: 32rpx 8rpx 30rpx 8rpx; margin-right: 35rpx; border-bottom: 8rpx solid transparent; position: relative; &:last-child { margin-right: 0; } &.active { border-bottom: none; color: #2c83ff; font-weight: 700; } .border_act { width: 100%; height: 8rpx; position: absolute; bottom: 0; left: 0; } } } } .forindustry { margin-bottom: 10rpx; background-color: #fff; .image-box { display: block; width: 106rpx; height: 48rpx; margin: -22rpx 0 20rpx -20rpx; } } .industrial_eport_one { padding: 0 25rpx 10rpx; } .report_formcard_content { padding: 0 !important; } .strategy { background-color: #fff; .row { height: 10rpx; background-color: #f7f7f7; } .tab-cont-two { position: sticky; top: 270rpx; left: 0; width: 100%; z-index: 99; background-color: #fff; padding: 15rpx 20rpx 0; .scroll-tab-box { width: 100%; padding-top: 10rpx; } .scroll-tab-item { position: relative; display: inline-block; height: 54rpx; line-height: 54rpx; padding: 0 23rpx; background: #f8f8fa; border-radius: 150px; color: #999999; margin: 0rpx 20rpx 20rpx 0; font-size: 24rpx; flex-shrink: 0; .reg-text { position: absolute; top: -6rpx; right: -8rpx; width: 14rpx; height: 14rpx; background-color: #ff0000; border-radius: 50%; } } .active { color: #ffffff !important; background-color: $uni-color-new !important; } } } .industry { margin-top: 20rpx; .industry-sticky { background-color: $uni-bg-color; position: sticky; top: 260rpx; z-index: 90; width: calc(100% + 60rpx); margin-left: -30rpx; padding-left: 60rpx; } .industry-box { margin-top: 5rpx; background-color: #fff; height: 90rpx; line-height: 90rpx; padding: 0 30rpx; display: flex; justify-content: space-between; color: #000000; font-size: 30rpx; .box-left { position: relative; padding-right: 30rpx; height: 90rpx; text { position: absolute; top: 20rpx; right: 5rpx; width: 14rpx; height: 14rpx; background-color: #f00; border-radius: 50%; } } .box-right { color: #999999; font-size: 26rpx; display: flex; justify-content: flex-end; text-align: right; align-items: right; u-icon { padding-left: 15rpx; } } } .industry-content { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15rpx; .industry-box-left { display: flex; align-items: center; .follw { color: #fff; border-radius: 4rpx; font-size: 24rpx; width: 110rpx; height: 42rpx; margin-right: 10rpx; background-color: $uni-color-new; } .cancel-follw { background-color: #e5efff; color: $uni-color-new; } } .ndustry-box-tiem { font-size: 24rpx; color: #999; .read { width: 14rpx; height: 14rpx; background-color: #ff0000; border-radius: 50%; margin-right: 10rpx; } .ndustry-box-text { margin: 0 10rpx; } } } .content-box { background-color: #fff; padding: 20rpx 0; .img-box { display: flex; height: 90rpx; line-height: 90rpx; box-sizing: border-box; width: 100%; vertical-align: middle !important; image { padding-top: 18rpx; width: 44rpx; height: 44rpx; vertical-align: middle; } text { display: inline-block; padding-left: 16rpx; vertical-align: middle !important; } } } } .industry-top { display: flex; justify-content: space-between; height: 90rpx; padding: 0 35rpx 0 30rpx; color: #333333; font-weight: 600; font-size: 32rpx; line-height: 90rpx; overflow: hidden; .img-top-box { display: flex; align-items: center; image { width: 44rpx; height: 44rpx; margin-right: 16rpx; } } .menu-items { background-color: #f8f8fa; display: flex; padding: 0rpx 30rpx 20rpx; .menu-items-box { flex: 1; display: flex; font-size: 28rpx; font-weight: 400; .items-box { width: 40rpx; } } } .checkbox-content { display: flex; align-items: center; .item { display: flex; align-items: center; justify-content: center; width: 130rpx; height: 52rpx; border-radius: 150rpx; font-size: 24rpx; color: #999999; margin-left: 15rpx; background-color: #f0f1f3; } .act-item { background-color: $uni-color-new; color: #fff; } } .checkbox-ui { display: flex; align-items: center; } .menu-items-tow { display: flex; padding: 30rpx 30rpx 20rpx; font-size: 28rpx; color: #333333; font-weight: 400; background-color: #f8f8fa; .items-tow { display: flex; flex: 100%; view { width: 40rpx; } } .items-act { font-weight: bold; } } .replacement-box { background-color: #f8f8fa; } .replacement { margin: 0rpx 30rpx 20rpx; display: flex; background-color: $uni-color-new; opacity: 1; height: 60rpx; line-height: 58rpx; font-size: 28rpx; font-weight: 400; color: #ffffff; border-radius: 30rpx; text { flex: 1; text-align: center; } .replacement-box { border: 1rpx solid $uni-color-new; opacity: 1; color: $uni-color-new; background: #ffffff; border-radius: 28rpx 0rpx 28rpx 28rpx; } } } .read-more { display: flex; flex-wrap: wrap; .industry-video-item { height: 106rpx; width: 150rpx; margin: 0 10rpx 10rpx 0; border-radius: 8rpx; background-size: cover; background-position: center; background-repeat: no-repeat; font-weight: 500; font-size: 24rpx; color: white; line-height: 45rpx; padding: 20rpx; position: relative; overflow: hidden; .industry-video-icon { height: 0rpx; width: 0rpx; border-style: solid; border-color: #376cbb #376cbb transparent transparent; border-width: 28rpx; position: absolute; right: 0; top: 0; image { position: absolute; right: -24rpx; bottom: 0; height: 20rpx; width: 20rpx; } } } .text-box { padding: 0; margin: 0 10rpx 10rpx 0; font-size: 24rpx; color: $uni-color-new; width: 150rpx; height: 48rpx; text-indent: 0em; line-height: 48rpx; text-align: center; background-color: #f8f8fa; border-radius: 200rpx; } } } .text-bottom-none { width: 100%; text-align: center; } .follw-image { width: 32rpx; height: 32rpx; margin-right: 10rpx; }