/*
 * @Author: dminyi 1301963064@qq.com
 * @Date: 2023-07-31 11:17:00
 * @LastEditors: dminyi 1301963064@qq.com
 * @LastEditTime: 2024-01-03 14:22:54
 * @FilePath: \hztSsim\mobile\src\components\ModalLContent\index.less
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.ModalLContent {
	position: fixed;
	overflow-y: auto;
	border-radius: 10px;

	&-main {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	&-head {
		background-color: #007fff;
		color: #fff;
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		padding: 12px 12px;
	}
	&-content {
		flex: 1;
		overflow: auto;
		// min-height: 302px;
		max-height: 440px;
		// border-radius: 0 0 10px 10px;
		background: #f2f2f2;
		& :focus-visible {
			outline: -webkit-focus-ring-color auto 0px;
		}
	}
	&-bottom {
		// position: absolute;
		// bottom: -40px;
		margin-top: 16px;
		width: 100%;
		display: flex;
		justify-content: center;
		&-img {
			width: 24px;
			height: 24px;
		}
	}

	&-item {
		padding: 8px;
		margin-bottom: 4px;
		font-size: 15px;
		line-height: 23px;
	}

	&-item:last-child {
		margin-bottom: 0;
	}
}