:root{
	--ycolor:#666666;
	--nav-bgcolor:#8e48e390;
	--titlecolor:#7010e3c7;
	--title-bgcolor:#d4c4e8;
	--title2color:/* #6d05eae3 */#8f44e9;
	--navhove-a:#ffffff;
	--pagebgcolor:#ebdbf491;
	--bgcolor1:#d4c4e8;
	--color1:#7010e3c7;
	--color2:#8f44e9;
	--arccolor3:#8f44e9;
	
	/* 以后开发项目建议用颜色序号来代替颜色的深浅 */
}
body{width: 100%;margin:0px;text-align: center;}

/* 文章内容页面 */
.arc-box{display: flex;justify-content: space-between;margin: 30px auto;}
.arc-box-l{width: 70%;padding-left: 30px;text-align: left;}
.arc-box-l h2{text-align: center;}
.arc-box-r{width: 27%;}
.arc-info{font-size: 13px;color: #999999;text-align: center;}
.arc-description{color: #777777;text-indent: 2em;padding: 20px;border: 1px solid #dedede;line-height: 1.5;}
.arc-con{margin: 79px auto;text-align: center;}
.arc-con p{text-align: left;text-indent: 2em;line-height: 1.6;}
.arc-con img{width: 80%;}
.arc-box-r ul{list-style-type: none;}
.arc-box-r ul li{list-style-type: none;text-align: left;width: 90%;overflow: hidden;height: 30px;line-height:2;}
.arc-box-r ul li a{color: var(--ycolor);}
.arc-box-r ul li a:hover{color: var(--arccolor3);background-color: var(--bgcolor1);}