* { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
a, img { border: 0; }
img { vertical-align: top; }
body { font-size: 14px; font-family: '微软雅黑','Arial',"Microsoft YaHei",; color: #313131; min-width: 1280px; margin: 0px; }
input { outline: none; }
a { color: #313131; text-decoration: none; outline: none; }
li { list-style-type: none; }
a:hover { color: var(--main_color); }
.w { width: 1280px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.box { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
.clear:after { content: ''; display: block; clear: both; }
/*单行文字隐藏*/
.text-truncate { word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
input::-webkit-input-placeholder { color: #999; letter-spacing: 1px; }
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; letter-spacing: 1px; }
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; letter-spacing: 1px; }
input.error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #e53939; letter-spacing: 1px; }
input.error::-webkit-input-placeholder { color: #e53939; letter-spacing: 1px; }
input.error::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e53939; letter-spacing: 1px; }
input.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e53939; letter-spacing: 1px; }
input.error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #e53939; letter-spacing: 1px; }

/*距离上*/
.mt5 { margin-top: 5px; }
.mt12 { margin-top: 12px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt31 { margin-top: 31px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt46 { margin-top: 46px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt243 { margin-top: 243px; }
/*距离下*/
.mb10 { margin-bottom: 10px; }
.mb12 { margin-bottom: 12px; }
.mb19 { margin-bottom: 19px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px; }
/*距离左*/
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml150 { margin-left: 150px; }
.ml185 { margin-left: 185px; }
/*距离右*/
.mr15 { margin-right: 15px; }
.mr25 { margin-right: 25px; }
/*内边距上 */
.pt30 { padding-top: 30px; }
.pt25 { padding-top: 25px; }
.pt60 { padding-top: 60px; }
.pt20 { padding-top: 20px; }
/*内边距下*/
.pb20 { padding-bottom: 20px; }
.pb78 { padding-bottom: 78px; }
/*内边距左*/
.pl30 { padding-left: 30px; }
.zz20 { padding: 0 10px; }
/*空白高度*/
.blank60 { height: 60px; }

/*栅格网络*/
[class *= 'col-'] { float: left; min-height: 1px; padding: 12px; /* 设置间距 */ }
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }