ul,
ol {
	list-style: none;
}
* {
	margin: 0;
	padding: 0;
}
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
#xxx {
	display: block;
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}
body {
	overflow: hidden;
}
.actions {/*最上排，按钮*/
	position: fixed;
	top: 0;
	left: 30px;
	padding:10px 20px;
	z-index: 9999;
}
.actions svg {
	width: 1.4em;
	height: 1.4em;
	transition: all 0.2s;
	margin: 0 10px;
	cursor: pointer;
}
.actions svg.active {
	fill: red;
	transform: scale(1.2);
}
.colors {/*最左边，选颜色*/
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
}
.colors>li {
	width: 25px;
	height: 25px;
	border-radius: 5%;
	/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);*/
	margin: 10px 0;
	transition: all 0.2s;
	cursor: pointer;
}
.colors>li.red {
	background: red;
}
.colors>li.meihong {
	background: #FF47AB;
}
.colors>li.zise {
	background: #8F21FF;
}
.colors>li.green {
	background: #85E53E;
}
.colors>li.huang {
	background: #F9EA00;
}
.colors>li.cheng {
	background: #FF861A;
}
.colors>li.blue {
	background:#18ABFF;
}
.colors>li.heise {
	background:#000;
}
.sizes {/*最左边，笔刷大小*/
	position: fixed;
	width: 23px;
	height: 23px;
	left: 10px;
	top: 300px;
	z-index: 9999;
}
.sizes>li {
	margin: 20px 0;
	cursor: pointer;
}
.sizes>.bishua0 {
	height: 5px;
	width: 23px;
	border-top: 6px solid black;
}
.sizes>.bishua1 {
	height: 5px;
	width: 23px;
	border-top: 8px solid black;
}
.sizes>.bishua2 {
	height: 5px;
	width: 23px;
	border-top: 10px solid black;
}
.sizes>.bishua3 {
	height: 5px;
	width: 23px;
	border-top: 12px solid black;
}
.sizes>.bishua4 {
	height: 5px;
	width: 23px;
	border-top: 14px solid black;
}
.sizes>.bishua5 {
	height: 5px;
	width: 23px;
	border-top: 16px solid black;
}
#backbtn {
	position: fixed;
	left: 0;
	top: 10px;
	z-index: 9999;
}