.flexcolbetween{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}.flexcolcenter{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flexcolevenly{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}
.flexcolstart{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.flexcolend{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

/* ==================================================================== */

.flexrowbetween{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.flexrowevenly{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.flexrowcenter{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.flexrowend{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.flexrowstart{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.flexrowcolend{
	display:flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-end;
}

/* ================================================================== */

.flexviewstart{
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

/* ================================================================== */

.redborder{
	border:1px solid red
}

.blueborder{
	border:1px solid blue
}

.greenborder{
	border:1px solid green
}

/* =========================================================== */

.fullview{
	width:100%;
	height:100%;
}

.fullwidth{
	width:100%;
}

.fullheight{
	height:100%;
}
.p95view{
	width:95%;
	height:95%;
}

.p95width{
	width:95%;
}

.p95height{
	height:95%;
}

.p90view{
	width:90%;
	height:90%;
}

.p90width{
	width:90%;
}

.p90height{
	height:90%;
}

.p80view{
	width:80%;
	height:80%;
}

.p80width{
	width:80%;
}

.p80height{
	height:80%;
}

/* ======================================================== */

.pfixed{
	position: fixed;
}

/* ======================================================== */

.radius5{
	border-radius: 5px;
}

.radius20{
	border-radius: 20px;
}

.radiusp50{
	border-radius: 50%;
}

/* =================================================== */

.fontbold{
	font-weight:bold;
}

.font9{
	font-size: 9px;
}

.font10{
	font-size: 10px;
}

.font12{
	font-size: 12px;
}

.font15{
	font-size: 15px;
}

.font18{
	font-size: 18px;
}

.font20{
	font-size: 20px;
}

.font25{
	font-size: 25px;
}

.font30{
	font-size: 30px;
}

.font50{
	font-size: 50px;
}

.font60{
	font-size: 60px;
}

.font70{
	font-size: 70px;
}

.font80{
	font-size: 80px;
}

/* ==================================================== */

.margtop15{
	margin-top: 15px;
}

.margleft15{
	margin-left: 15px;
}

.margright15{
	margin-right: 15px;
}

/* ================================================================= */

.topgrayborder{
	border-top:1px solid gray
}

.btmgrayborder{
	border-bottom:1px solid gray
}

.grayborder{
	border:1px solid gray
}

.goldborder{
	border:1px solid gold
}

.borderjingdianlan{
	border:1px solid #1e9fff;
}

/* ===================================================== */

.bg-gold{
	background-color: gold;
}

.bg-orange{
	background-color: orange;
}

.bg-orangered{
	background-color: orangered;
}

.bg-darkgreen{
	background-color: green;
}

.bg-darkblue{
	background-color: blue;
}

.bg-darkgray{
	background-color: darkgray;
}

.bg-gray{
	background-color: gray;
}

.bg-black{
	background-color: black;
}

.bg-softblue{
	background-color:#eaeeff;
}

.bg-mihuang{
	background-color: #fcf8e3;
}

.bg-white{
	background-color: white;
}

.bg-graydictionery{
	background-color: #393d49;
}

.bg-grayfunction{
	background-color: #282b33;
}

/* ===================================================== */

.bg-lanlv{
	background-color:#16baaa;
}

.bg-qingxinlv{
	background-color:#16b777;
}

.bg-jingdianlan{
	background-color:#1e9fff;
}

.bg-cuowu{
	background-color:#ff5722;
}

.bg-jingshi{
	background-color:#ffb800;
}

.bg-chenggong{
	background-color:#16b777;
}

.bg-yindao{
	background-color:#31bdec;
}

.bg-anniu{
	background-color:#009688;
}

.bg-lishizi{
	background-color:#d800a9;
}

.bg-goldenrod{
	background-color:goldenrod;
}

.bg-royalblue{
	background-color:royalblue;
}

/* =============================== */

.text-orangered{
	color:orangered
}

.text-darkgreen{
	color:green
}

.text-darkblue{
	color:blue
}

.text-gold{
	color:gold
}

.text-goldenrod{
	color:goldenrod
}

.text-white{
	color:white
}

.text-jingdianlan{
	color:#1e9fff;
}