/*css重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
ul{margin-bottom:0!important;list-style: none;padding:0;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#fff;}
a:active{text-decoration:none;}
input[type="button"], input[type="submit"], input[type="reset"] ,input[type="text"],input[type="tel"],input[type="password"],textarea,button{
    -webkit-appearance: none;
    outline: none;
}
[readonly="readonly"] {
    pointer-events: none;
}


label{margin-bottom:0;}


.fw{font-weight: bold;}
.fz10{font-size:10px;}
.fz2{font-size:12px;}
.fz3{font-size:13px;}
.fz4{font-size:14px;}
.fz5{font-size:15px;}
.fz6{font-size:16px;}
.fz8{font-size:18px;}
.fz20{font-size:20px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz30{font-size:30px;}
.fz36{font-size:36px;}
.fz50{font-size:50px;}
.fz60{font-size:60px;}
.fz72{font-size:72px;}
.fz100{font-size:100px;}
.fl{float: left;}
.fr{float: right;}
.padding_0{padding:0;}
.pd15{padding-top:15px;padding-bottom:15px;}
.padding_10{padding: 15px 10px;}
.pl0{
    padding-left: 0px!important;}
.pr0{padding-right:0px;}
.pr20{padding-right:20px;}
.pl25{padding-left:25px;}
.pl15{padding-left:15px;}
.padding_0_10{padding:0 10px;}
.padding_0_15{padding:0 15px;}
.padding_0_5{padding:0 5px;}
.p10{padding:10px!important;}
.padding_0_0_0_10{padding:0 0 0 10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mr5{margin-right:5px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.ml10{margin-left:10px;}
.mr15{margin-right:15px;}
.mr30{margin-right:30px;}
.mr100{margin-right:100px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb110{margin-bottom:110px;}
.mb60{margin-bottom:60px;}
.mb10{margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mt_7{margin-top:7%;}
.mt_8{margin-top:10%;}
.mt50{margin-top:50px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.lh20{line-height:20px!important;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh45{line-height:45px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh75{line-height:75px;}
.over{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.over2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.over4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.bg-grey{background: #f0f0f0;}
.bg-cf{background: #cfcfcf;}
.bg-6{background: #666;}
.bg-black{background: #000;}
.bg-yellow{background:#ffd100; }
.bg-grey-2{background: #36363d;}
.bg-grey-3{background: #4f4f4f;}
.bg-grey-4{background: #171717;}
.bg-white{background: #fff;}
.bg-blue{background:#0076b2;}
.black{color:#333333;}
.grey{color:#666666;}
.green{color:#019B39;}
.white{color:#fff;}
.yellow{color:#ffd100;}
.blue{color:#0076b2!important;}
.cl0{color:#333;}
.cl9{color:#999;}
.red{color:#d80b0b;}
.clc{color:#ccc;}
.clf8{color:#f8f8f8;}
.cld{color:#ddd;}
.cla3{color:#a3a3a3;}
.cl5c{color:#5c5c5c;}
.red2{color:#BA0101;}
.cl-white{color:#aaacb8;}
.text-m{text-decoration:line-through}
.b-border{border-bottom:1px solid #f0f0f0!important;}
.r-border{border-right:1px solid #f0f0f0!important;}
.b-none{border:none!important;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex.ar{justify-content: space-around;}
.flex-col{display: flex;flex-direction: column;justify-content: space-between;flex-wrap: nowrap;}
.clear{clear: both;}
a.block{display: block;width:100%;overflow: hidden;}
.text-indent{text-indent: 30px;}
/*@keyframes moveCLass {*/
    /*from {background: red;}*/
    /*to {background: yellow;}*/

/*}*/