* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			.main {
				width: 100vw;
				height: 100vh;
				background: #FFF;
				display: flex;
			}

			.left {
				width: 200px;
				overflow: auto;
				padding: 0 10px;
				border-right: 1px solid gray;
			}

			.icons-item {
				width: calc(50% - 2.5px);
				/* height: 120px; */
				float: left;
				user-select: none;
			}

			.icons-item:nth-of-type(2n-1) {
				margin-right: 5px;
			}

			.icons-item .img {
				height: 85px;
				border: 1px solid #ccc;
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
			}

			.icons-item .img img {
				max-width: 60px;
				max-height: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}

			.icons-item p {
				line-height: 1.5;
				font-size: 14px;
				text-align: center;
			}

			.container {
				width: calc(100% - 200px);
				overflow: auto;
				position: relative;
			}

			#container {
				transform: scale(1);
				position: absolute;
				top: 0;
				left: 0;
			}

			.container::-webkit-scrollbar {
				display: none;
				/* Chrome Safari */

			}

			.menu {
				position: absolute;
				top: -999px;
				left: -999px;
				background: #FFF;
				border: 1px solid grey;
				font-size: 14px;
				width: 80px;
				text-align: center;
			}

			.menu>div:hover {
				background: #eeeeee;
				color: #db5d4d;
			}

			.title {
				text-align: center;
				line-height: 50px;
				float: left;
				width: 100%;
			}

			.choose-item {
				cursor: pointer;
			}

			.choose-item.active .img {
				border: 1px solid orange;
				color: orange;
			}