﻿@charset "utf-8";
/*global*/
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, th, td, button, iframe, pre { margin: 0; padding: 0; }
body { font-family: Arial,Microsoft YaHei; font-size: 12px; line-height: 1.5; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; }
table th, table td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
fieldset, img { border: 0; }
img, input, select { vertical-align: middle; }
a { text-decoration: none; background: transparent; }
a:focus, a:active { text-decoration: none; outline: 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/*显示*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f8f8f8 inset; }
input::-ms-clear { display: none; }
input::-ms-reveal { display: none; }
.hide { display: none !important; }
.show { display: block !important; }
.show-inline-block { display: inline-block !important; }
.word-break, .break-all { word-break: break-all; }
.break { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*文字*/
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.f40 { font-size: 40px; }
.fb { font-weight: bold; }
.t2 { text-indent: 2em; }
.no-bold { font-weight: normal; }
.underline { text-decoration: underline; }

/*位置*/
.bc { margin-left: auto; margin-right: auto; }
.pos-r, .pos-rel { position: relative; }
.pos-a, .pos-abs { position: absolute; }
.align-center, .tc { text-align: center; }
.align-left, .tl { text-align: left; }
.align-right, .tr { text-align: right; }
.align-sub { vertical-align: sub; }
.align-super { vertical-align: super; }
.align-middle { vertical-align: middle; }
.align-top { vertical-align: top; }
.align-bottom { vertical-align: bottom; }
.align-text-top { vertical-align: text-top; }
.align-text-bottom { vertical-align: text-bottom; }

/*浮动*/
.float-l, .float-left { float: left; display: inline; }
.float-r, .float-right { float: right; display: inline; }
.clear-both { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*边距*/
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }

.padding-lr15 { padding: 0 15px; }
.padding-lr20 { padding: 0 20px; }

.margin-t10 { margin-top: 10px; }
.margin-r10 { margin-right: 10px; }
.margin-b10 { margin-bottom: 10px; }
.margin-l10 { margin-left: 10px; }

.margin-t12 { margin-top: 12px; }
.margin-r12 { margin-right: 12px; }
.margin-b12 { margin-bottom: 12px; }
.margin-l12 { margin-left: 12px; }

.padding-t10 { padding-top: 10px; }
.padding-r10 { padding-right: 10px; }
.padding-b10 { padding-bottom: 10px; }
.padding-l10 { padding-left: 10px; }

.padding-t12 { padding-top: 12px; }
.padding-r12 { padding-right: 12px; }
.padding-b12 { padding-bottom: 12px; }
.padding-l12 { padding-left: 12px; }

.no-margin { margin: 0 !important; }
.no-margin-t { margin-top: 0 !important; }
.no-margin-r { margin-right: 0 !important; }
.no-margin-b { margin-bottom: 0 !important; }
.no-margin-l { margin-left: 0 !important; }

.no-padding { padding: 0 !important; }
.no-padding-t { padding-top: 0 !important; }
.no-padding-r { padding-right: 0 !important; }
.no-padding-b { padding-bottom: 0 !important; }
.no-padding-l { padding-left: 0 !important; }

/*边框*/
.no-border { border: 0 !important; }
.no-border-t { border-top: 0 !important; }
.no-border-r { border-right: 0 !important; }
.no-border-b { border-bottom: 0 !important; }
.no-border-l { border-left: 0 !important; }
.no-radius { border-radius: 0 !important; }

/*宽度*/
.width-fit { width: 100%; }
/*高度*/
.height-fit { height: 100%; }
/*白色背景*/
.bg-white { background-color: #fff !important; }
