body{padding: 0; margin: 0; font-size: 14px;}
.cc-flex{display: flex;}
.cc-rows{flex-direction:row;}
.cc-columns{flex-direction:column;}
.cc-wrap{flex-direction:row; flex-wrap:wrap;}
.cc-nowrap{flex-direction:row; flex-wrap:nowrap;}
.cc-space-between{ justify-content:space-between;}
.cc-space-around{ justify-content:space-around;}
.cc-flex-center{ justify-content:center;}
.cc-flex-end{justify-content:flex-end;}
.cc-flex-vtop{align-items:flex-start;}
.cc-flex-vcenter{align-items:center;}
.cc-flex-vbottom{align-items:flex-end;}
.cc-flex1{flex: 1;}

/* 公共样式 */
.container{width: 1200px;margin:auto;}
/* 高度 */
.cc-blank-20{height:20px;}
.cc-blank-40{height:40px;}
.cc-blank-60{height:60px;}
.cc-avatar-40{width:40px; height: 40px; border-radius:20px;}
.cc-avatar-60{width:60px; height: 60px; border-radius:30px;}
.cc-avatar-100{width:100px; height: 100px; border-radius: 50px;}
.cc-avatar-120{width:120px; height: 120px; border-radius: 60px;}
.cc-avatar-160{width:160px; height: 160px; border-radius:80px;}
.cc-avatar-200{width:200px; height: 200px; border-radius:100px;}


/* 布局宽度 */
.col-10{width: 10%;}  .col-15{width: 15%;}  .col-20{width: 20%;}
.col-25{width: 25%;}  .col-30{width: 30%;}  .col-33{width: 33.33333333%;}  .col-35{width: 35%;}
.col-40{width: 40%;}  .col-45{width: 45%;}  .col-50{width: 50%;}  .col-55{width: 55%;}  .col-60{width: 60%;}
.col-65{width: 65%;}  .col-70{width: 70%;}  .col-75{width: 75%;}  .col-80{width: 80%;}
.col-85{width: 85%;}  .col-90{width: 90%;}  .col-95{width: 95%;}  .col-100{width: 100%;}

.margin-v10{margin:10px 0;}.margin-v20{margin:20px 0;}.margin-v30{margin:30px 0;}.margin-v40{margin:40px 0;}.margin-v50{margin:50px 0;}.margin-v60{margin:60px 0;}
.margin-h10{margin:0 10px;}.margin-h20{margin:0 20px;}.margin-h30{margin:0 30px;}.margin-h40{margin:0 40px;}.margin-h50{margin:0 50px;}.margin-h60{margin:0 60px;}
.margin-b10{margin-bottom: 10px;}.margin-b20{margin-bottom: 20px;}.margin-b30{margin-bottom: 30px;}.margin-b40{margin-bottom: 40px;}.margin-b50{margin-bottom: 50px;}.margin-b60{margin-bottom: 60px;}
.margin-r5{margin-right:5px;}.margin-r10{margin-right: 10px;}.margin-r20{margin-right: 20px;}.margin-r30{margin-right: 30px;}.margin-r40{margin-right: 40px;}.margin-r50{margin-right: 50px;}.margin-r60{margin-right: 60px;}
.margin-l5{margin-left:5px;}.margin-l10{margin-left: 10px;}.margin-l20{margin-left: 20px;}.margin-l30{margin-left: 30px;}.margin-l40{margin-left: 40px;}.margin-l50{margin-left: 50px;}.margin-l60{margin-left:60px;}
.padding-10{padding:10px} .padding-20{padding:20px} .padding-30{padding:30px} .padding-40{padding:40px} .padding-50{padding:50px} .padding-60{padding:60px}


.padding-v10{padding:10px 0}
.padding-v20{padding-top:20px;padding-bottom: 20px;}
.padding-v30{padding-top:30px;padding-bottom: 30px;}
.padding-v40{padding:40px 0}
.padding-v50{padding:50px 0}
.padding-v60{padding:60px 0}
.padding-h10{padding:0 10px}
.padding-h20{padding-left: 20px;padding-right: 20px;}
.padding-h30{padding-left: 30px;padding-right: 30px;}
.padding-h40{padding:0 40px}
.padding-h50{padding:0 50px}
.padding-h60{padding:0 60px}

/* 边框 */
.border-bottom{border-bottom: 1px solid #EEEEEE;}
.border-top{border-top: 1px solid #EEEEEE;}
.border-right{border-right: 1px solid #EEEEEE;}
.border-left{border-left: 1px solid #EEEEEE;}
.border{border:1px solid #eeeeee;}
.border-radius4{border-radius: 4px;}
.border-radius6{border-radius: 6px;}
.border-radius8{border-radius: 8px;}
.border-radius10{border-radius: 10px;}
/* 文字样式 */
.cc-size-10{font-size:10px;}
.cc-size-12{font-size:12px;}
.cc-size-14{font-size:14px;}
.cc-size-16{font-size:16px;}
.cc-size-18{font-size:18px;}
.cc-size-20{font-size:20px;}
.cc-size-24{font-size:24px;}
.cc-size-28{font-size:28px;}
.cc-size-32{font-size:32px;}
.cc-size-36{font-size:36px;}
.cc-size-41{font-size:41px;}
.cc-size-48{font-size:48px;}
.cc-size-60{font-size:60px;}
.cc-size-72{font-size:72px;}
.cc-txt-bold{font-weight: bold;}



/* 行高 */
.lineHeight-40{line-height: 40px;}
.lineHeight-48{line-height: 48px;}
.lineHeight-60{line-height: 60px;}
.lineHeight-80{line-height: 80px;}
.lineHeight-100{line-height: 100px;}
/* 文字对齐 */
.cc-txt-center{text-align: center;}
.cc-txt-right{text-align:right;}
.cc-txt-line-1{lines:1;text-overflow:ellipsis;}
.cc-txt-line-2{lines:2;text-overflow:ellipsis;}
.cc-txt-line-3{lines:3;text-overflow:ellipsis;}
.cc-txt-line-4{lines:4;text-overflow:ellipsis;}
.cc-txt-line-5{lines:5;text-overflow:ellipsis;}
/* 颜色 */
.cc-color-02{color: #02B386;}
.cc-color-eee{color: #EEEEEE;}
.cc-color-main{color: #00CA97;}
.cc-color-sub{color: #d6f6ee;}
.cc-color-white{color: #FFFFFF;}
.cc-color-eee{color: #EEEEEE;}
.cc-color-ccc{color: #CCCCCC;}
.cc-color-222{color:#222222;}
.cc-color-333{color:#333333;}
.cc-color-888{color:#888888;}
.cc-color-999{color:#FFFFFF;}
.cc-color-f66{color: #FF6666;}
.cc-color-blue{color: #1577ff;}
.cc-color-warning{color:#FFC72C;}
.cc-color-green{color:#1CC600;}

/* 背景 */
.cc-bg-main{background-color: #00ca97;}
.cc-bg-sub{background-color: #d6f6ee;}
.cc-bg-white{background-color: #ffffff;}
.cc-bg-f66{background-color: #FF6666;}
.cc-bg-f0{background-color: #F0F0F0;}
.cc-bg-f6{background-color: #f6f6f6;}
.cc-bg-blue{background-color: #7BCDF7;}
.cc-bg-green{background-color: #1CC600;}
.cc-bg-gray{background-color: #F8F8F8;}
.cc-bg-warning{background-color: #FFC72C;}