.cg-flex{display: flex;}

/*文本颜色*/
.cg-color-red{color: #d9534f;}
.cg-color-blue{color: #337ab7;}
.cg-color-green{color: #5cb85c;}
.cg-color-white{color: white;}

/*背景颜色*/
.cg-bg-white{background-color:  white;}
.cg-bg-red{background-color: #d9534f;}

/*文本大小*/
.cg-fz-12{font-size: 12px;}
.cg-fz-16{font-size: 16px;}
.cg-fz-24{font-size: 24px;}


/*文本加粗*/
.cg-fw{font-weight: bold;}

/*文本位置*/
.cg-align-center{text-align: center;}

/*浮动*/
.cg-f-l{float: left;}
.cg-f-r{float: right;}

/*宽度比例*/
.cg-width-10{width: 10%;}
.cg-width-20{width: 20%;}
.cg-width-30{width: 30%;}
.cg-width-40{width: 40%;}
.cg-width-50{width: 50%;}
.cg-width-60{width: 60%;}
.cg-width-70{width: 70%;}
.cg-width-80{width: 80%;}
.cg-width-90{width: 90%;}
.cg-width-100{width: 100%;}

/*宽度比例*/
.cg-height-100{height: 100%;}

/*内边距*/
.cg-p-5{padding: 5px;}
.cg-p-10{padding: 10px;}
.cg-p-15{padding: 15px;}
.cg-p-20{padding: 20px;}
.cg-p-x-5{padding-left: 5px; padding-right: 5px;}
.cg-p-x-10{padding-left: 10px; padding-right: 10px;}
.cg-p-x-20{padding-left: 20px; padding-right: 20px;}
.cg-p-y-5{padding-top: 5px; padding-bottom: 5px;}
.cg-p-y-10{padding-top: 10px; padding-bottom: 10px;}

.cg-p-t-5{padding-top: 5px;}
.cg-p-t-10{padding-top: 10px;}
.cg-p-t-15{padding-top: 15px;}
.cg-p-t-20{padding-top: 20px;}

.cg-p-b-5{padding-bottom: 5px;}
.cg-p-b-10{padding-bottom: 10px;}

.cg-p-l-10{padding-left: 10px;}

.cg-p-r-10{padding-right: 10px;}



/*外边距*/
.cg-m-5{margin: 5px;}
.cg-m-10{margin: 10px;}
.cg-m-x-5{margin-left: 5px;margin-right: 5px;}
.cg-m-x-10{margin-left: 10px;margin-right: 10px;}

.cg-m-t-5{margin-top: 5px;}
.cg-m-t-10{margin-top: 10px;}
.cg-m-t-20{margin-top: 20px;}
.cg-m-t-30{margin-top: 30px;}
.cg-m-b-20{margin-bottom: 20px;}
.cg-m-b-10{margin-bottom: 10px;}

.cg-m-l-20{margin-left: 20px;}
.cg-m-r-10{margin-right: 10px;}

/*边框*/
.cg-b{border: 1px solid #999}
.cg-b-white{border: 1px solid white}

.cg-b-radius-5{border-radius: 5px}