/*@import "iconfont.css";*/
html,body{margin:0; padding: 0; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:100vw; height: 100vh; overflow: auto; color:#555555; background: #FFFFFF;}
a{text-decoration: none; color: #333;}
li{list-style: none;}
div,ul,li,p{margin: 0; padding: 0; box-sizing:border-box}

.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-66{width: 66.66666666%;}  .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%;}
@media (max-width: 767px) { /*touch sm */
    .show-lg{display: none;}
    .col-sm-10{width: 10%;}.col-sm-15{width: 15%;}.col-sm-20{width: 20%;}.col-sm-25{width: 25%;}
    .col-sm-30{width: 30%;}.col-sm-33{width: 33.33333333%;}.col-sm-35{width: 35%;}.col-sm-40{width: 40%;}
    .col-sm-45{width: 45%;}.col-sm-50{width: 50%;}.col-sm-55{width: 55%;}.col-sm-60{width: 60%;}.col-sm-65{width: 65%;}
    .col-sm-66{width: 66.66666666%;}.col-sm-70{width: 70%;}.col-sm-75{width: 75%;}.col-sm-80{width: 80%;}
    .col-sm-85{width: 85%;}  .col-sm-90{width: 90%;}.col-sm-95{width: 95%;}.col-sm-100{width: 100%;}

}
@media (min-width: 768px) { /*PC lg*/
    .show-sm{display: none;}
    .col-lg-10{width: 10%;}.col-lg-15{width: 15%;}.col-lg-20{width: 20%;}.col-lg-25{width: 25%;}
    .col-lg-30{width: 30%;}.col-lg-33{width: 33.33333333%;}.col-lg-35{width: 35%;}.col-lg-40{width: 40%;}
    .col-lg-45{width: 45%;}.col-lg-50{width: 50%;}.col-lg-55{width: 55%;}.col-lg-60{width: 60%;}.col-lg-65{width: 65%;}
    .col-lg-66{width: 66.66666666%;}.col-lg-70{width: 70%;}.col-lg-75{width: 75%;}.col-lg-80{width: 80%;}
    .col-lg-85{width: 85%;}  .col-lg-90{width: 90%;}.col-lg-95{width: 95%;}.col-lg-100{width: 100%;}
}
.cc-flex{display:flex;}
.cc-rows{display:flex; flex-direction:row;} /* 横向布局 */
.cc-columns{display:flex; flex-direction:column;}/* 纵向 */
.cc-wrap{ flex-direction:row; flex-wrap:wrap;}
.cc-nowrap{flex-direction:row; flex-wrap:nowrap;}
.cc-space-around{ justify-content:space-around;}
.cc-space-between{justify-content:space-between;}
.cc-flex-center{justify-content:center;}
.cc-flex-end{display:flex; flex-direction:row; 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-no-scale{flex-shrink:0;}
.cc-flex1{flex:1;}
.cc-flex-v1{display:flex; flex-direction:column; flex:1;}
.border-box{box-sizing: border-box}


/*边距*/
.padding-5{padding:5px;}  .padding-10{padding:10px;} .padding-15{padding: 15px;}  .padding-20{padding:20px;}  .padding-30{padding:30px;}
.padding-h5{padding:0 5px;} .padding-h10{padding:0 10px;}  .padding-h20{padding:0 20px;}  .padding-h30{padding:0 30px;}
.padding-v5{padding:5px 0;} .padding-v10{padding:10px 0;} .padding-v20{padding:20px 0;}  .padding-v30{padding:30px 0;}.padding-v40{padding:40px 0;}.padding-v50{padding:50px 0;}
.padding-l10{padding-left:10px;} .padding-l20{padding-left:20px;} .padding-l30{padding-left:30px;}
.padding-b5{padding-left:5px;} .padding-b10{padding-left:10px;} .padding-b20{padding-left:20px;} .padding-b30{padding-left:30px;}

.margin-0{margin:0!important;} .margin-5{margin:5px;} .margin-10{margin:10px;} .margin-20{margin:20px;}  .margin-30{margin:30px;}
.margin-h5{margin:0 5px;} .margin-h10{margin:0 10px;}   .margin-h20{margin:0 20px;} .margin-h30{margin:0 30px;} .margin-h50{margin:0 50px;}
.margin-v5{margin:5px 0;}.margin-v10{margin:10px 0;}  .margin-v20{margin:20px 0;} .margin-v30{margin:30px 0;}.margin-v50{margin:50px 0;}.margin-hauto{margin: auto;}
.margin-t5{margin-top: 5px;} .margin-t10{margin-top: 10px;}  .margin-t20{margin-top: 20px;}  .margin-t30{margin-top: 30px;}.margin-t40{margin-top: 40px;}
.margin-b5{margin-bottom:5px;}  .margin-b10{margin-bottom: 10px;} .margin-b15{margin-bottom: 15px;} .margin-b20{margin-bottom: 20px;}
.margin-b30{margin-bottom: 30px;}.margin-b40{margin-bottom: 40px;}.margin-b50{margin-bottom:50px;}
.margin-r5{margin-right:5px;}.margin-r10{margin-right:10px;}  .margin-r20{margin-right:20px;}  .margin-r30{margin-right:30px;}.margin-r50{margin-right:50px;}
.cc-size-9{font-size: 9px;}  .cc-size-10{font-size: 10px;}  .cc-size-12{font-size: 12px;}.cc-size-14{font-size: 14px;}  .cc-size-15{font-size: 15px;}.cc-size-16{font-size: 16px;}
.cc-size-18{font-size: 18px;} .cc-size-20{font-size: 20px;}  .cc-size-22{font-size: 22px;}  .cc-size-24{font-size: 24px;}  .cc-size-28{font-size: 28px;}
.cc-size-30{font-size: 30px;}.cc-size-32{font-size: 32px;}  .cc-size-36{font-size: 36px;}.cc-size-48{font-size: 48px;}

.border-radius-2{border-radius:2px;}
.border-radius-4{border-radius:4px;}
.border-radius-6{border-radius:6px;}
.border-radius-8{border-radius:8px;}
.border-radius-10{border-radius:10px;}
.border-radius-16{border-radius:16px;}
.border-radius-20{border-radius:20px;}
.cc-height-20{height:20px;}
.cc-height-24{height:24px;}
.cc-height-30{height:30px;}
.cc-height-35{height:35px;}
.cc-height-40{height:40px;}
.cc-height-45{height: 45px;}
.cc-height-50{height:50px;}
.cc-height-60{height:60px;}
.cc-height-70{height:70px;}
.cc-height-auto{height:auto;}
.cc-lineHeight-20{line-height:20px;}
.cc-lineHeight-24{line-height:24px;}
.cc-lineHeight-30{line-height:30px;}
.cc-lineHeight-40{line-height:40px;}
.cc-lineHeight-50{line-height:50px;}
.cc-lineHeight-60{line-height:60px;}


.cc-wh-30{width:30px;height: 30px}
.cc-wh-50{width: 50px;height: 50px}
.cc-wh-60{width: 60px; height: 60px;}
.cc-wh-80{width: 80px; height: 80px;}
.cc-wh-100{width: 100px; height: 100px;}
.cc-wh-120{width: 120px; height: 120px;}
.cc-wh-140{width: 140px; height: 140px;}
.cc-wh-160{width: 160px; height: 160px;}
.cc-wh-180{width: 180px; height: 180px;}
.cc-wh-200{width: 200px; height: 200px;}
.cc-avatar-40{width:40px; height: 40px; border-radius:20px;}
.cc-avatar-60{width:60px; height: 60px; border-radius:30px;}
.cc-avatar-80{width:80px; height: 80px; border-radius:40px;}
.cc-avatar-100{width:100px; height: 100px; border-radius: 50px;}
.cc-avatar-120{width:120px; height: 120px; border-radius: 60px;}
.cc-avatar-140{width:140px; height: 140px; border-radius: 70px;}
.cc-avatar-160{width:160px; height: 160px; border-radius:80px;}
.cc-avatar-200{width:200px; height: 200px; border-radius:100px;}



/*主题颜色*/
/* 颜色 */
.cc-color-main{color: #00D5BB;}
.cc-color-sub{color: #0176fe;}
.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-666{color:#666666;}
.cc-color-888{color:#888888;}
.cc-color-999{color:#999999;}
.cc-color-f66{color: #FF6666;}
.cc-color-blue{color: #00469c;}

.cc-color-warning{color:#FFC72C;}
.cc-color-orange{color:#FF4E00;}
.cc-color-green{color:#1CC600;}
.cc-color-success{color:#67C23A;}
.cc-color-danger{color:#F56C6C;}
.cc-color-c5{color: #C0BFC5;}
.cc-color-005{color: #00D5BB}
.cc-color-505{color: #505861;}
.cc-color-12c{color: #12CAB3;}
.cc-color-bc{color: #BCBCBC;}
.cc-color-l{color: #949494;}


/* 背景 */
.cc-bg-main{background-color: #00D5BB;}
.cc-bg-main-ee{background-color: #F4F4F4;}
.cc-bg-sub{background-color: #1ca4e5;}
.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-f6{background-color: #f6f6f6;}
.cc-bg-blue{background-color: #00469c;}
.cc-bg-orange{background-color: #FF4E00;}
.cc-bg-green{background-color: #1CC600;}
.cc-bg-gray{background: #cccccc}
.cc-bg-warning{background-color: #FFC72C;}
.cc-bg-333{background-color: #333333;}
.cc-bg-ef7{background-color: #E9FEF7;}
.cc-bg-bff{background-color: #E6FBFF;}
.cc-bg-005{background-color: #00D5BB;}

/* 其他*/
.cc-pointer{cursor: pointer}
.img-auto{max-width: 100%; height: auto; display: block;}
/*字体*/
.cc-txt-bold{font-weight: bold;}
.cc-txt-through{text-decoration: line-through;}
.cc-txt-right{text-align: right;}
.cc-txt-center{text-align: center;}
.cc-txt-justify{text-align: justify;}
/*文字截断*/
.cc-txt-truncate{text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; white-space:nowrap; }
/*文字超出2行截断*/
.cc-txt-line-2{overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*边框*/
.border{border: 1px solid #00D5BB;}
.border-bottom{border-bottom: 1px solid #eeeeee;}
.border-left{border-left: 1px solid #eeeeee;}
.border-right{border-right: 1px solid #eeeeee;}
.border-top{border-top: 1px solid #eeeeee;}

/*公共定义*/
.cc-input{width: 100%;outline: none; border: 0; height: 36px; line-height: 36px;padding: 0;}