/*重置样式*/
*{margin:0;padding:0; user-select: none; font-family: PingFangSC-Regular, PingFang SC;}
html,body{background: rgb(241, 241, 241); color:#333;width:100%;font-family: "Helvetica Neue", Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma, Arial;}
ul,ol{list-style-type:none;}
p{margin:0;}
input,select,textarea{outline:none;appearance:none;-webkit-appearance:none; border-radius:0;resize:none;}
input[type=checkbox]:focus{outline:none;}
a{color:#666666;}
a:hover,a:visited,a:link,a:active{text-decoration:none; }
.flex {display: flex;}
.flex__item{-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1; -ms-flex: 1;flex: 1; }

.text-center {text-align: center;}
.text-right {text-align: right;}
.c-width {width: 59rem; margin: 0 auto;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
/* 文本溢出隐藏 */
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis-2 {overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3 {overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/*help*/
.help{ width: 30px; height: 30px; border: 1px #fff solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in-out infinite; -moz-animation: rotation 1s ease-in-out infinite; animation: rotation 1s ease-in-out infinite; margin: 25px auto; }
.help:after{ width: 5px; height: 5px; background-color: rgba(255,255,255,1); border-radius: 100%; position: absolute; content: "";}
@-webkit-keyframes rotation{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    0%{-moz-transform: rotate(0deg);}
    100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

@media screen and (max-width: 414px) {
.c-width {width: 100%;}
}