/* ====== Reset ====== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, small, strong, dl, dt, dd, ol, ul, li{margin: 0; padding: 0; font-size: 100%;}
em, strong, i{display: inline-block; font-style: normal;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
input, button,textarea{padding: 0; border: none; outline: none; background: none;font-family: "Microsoft Yahei",Helvetica,Arial,"微软雅黑";}
img{vertical-align: middle;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture {display: block;}/*html5 fix*/

/* ====== General ====== */
.clearfix:after{content: "."; display: block;  clear: both; }
.clearfix{zoom:1;}
.f-l,.fl{float: left;}
.f-r,.fr{float: right;}
.clear{clear: both;}
.t-l{text-align: left}
.t-r{text-align: right}
.t-c{text-align: center}
.t-j{text-align: justify}
.t-hd{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.t-of{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hide{display: none;}
.show{display: block;}
.img-mid{display: inline-block; max-width: 100%;vertical-align: middle;}
.com-table{display: table;height: 100%;}
.com-cell{display: table-cell;vertical-align: middle;}
.com-width{margin-right: auto; margin-left: auto; width: 1400px;}
.in-width{margin-right: auto; margin-left: auto; width: 1200px;}
.box{display: block; width: 100%; height: 100%;}
.bd-none{border: none !important;}
.fw-600{font-weight: 600;}
.mw-100{max-width: 100%;}

.mt-5{margin-top: 5px !important}
.mt-10{margin-top: 10px !important}
.mt-15{margin-top: 15px !important}
.mt-20{margin-top: 20px !important}
.mt-30{margin-top: 30px !important}
.mt-40{margin-top: 40px !important}
.mt-50{margin-top: 50px !important}
.mt-60{margin-top: 60px !important}
.mt-70{margin-top: 70px !important}
.mt-80{margin-top: 80px !important}
.mt-100{margin-top: 100px !important}

.ml-20{margin-left: 20px !important}

.mb-5{margin-bottom: 5px !important}
.mb-10{margin-bottom: 10px !important}
.mb-15{margin-bottom: 15px !important}
.mb-20{margin-bottom: 20px !important}
.mb-30{margin-bottom: 30px !important}
.mb-40{margin-bottom: 40px !important}
.mb-50{margin-bottom: 50px !important}
.mb-60{margin-bottom: 60px !important}
.mb-70{margin-bottom: 70px !important}
.mb-80{margin-bottom: 80px !important}
.mb-100{margin-bottom: 100px !important}


.fs-28{font-size: 28px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-30{font-size: 30px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-0{font-size: 0;}
.lh-18{line-height: 1.8;}
.lh-2{line-height: 2;}
.mb-15{margin-bottom: 15px;}
.pl-18{padding-left: 18px;}
.pd-80{padding-bottom: 80px;}
.pd-60{padding-bottom: 60px;}
.c-999{color: #999;}
.c-333{color: #333;}
.c-888{color: #888;}
.c-939393{color: #939393;}
.c-ba2523{color:#ba2523;}
.c-df{color: #2b388f;}
.c-fff{color:#fff !important;}
.bg-fff{background: #fff !important;}

.m-0{margin:0 !important;}

/*浏览器更新提示*/
.browserupgrade{margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px;}
.browserupgrade a{font-weight: 600; color: red; text-decoration: underline;}

/*返回顶部*/
#to-top{display: inline-block; width: 45px; height: 45px;border-radius: 3px; background: #ccc url(../images/common/top_icon.png) no-repeat center;text-align: center; text-decoration: none; line-height: 30px; z-index: 999; right: 20px;opacity: 0.5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
#to-top:hover{opacity: 1;}

/* 滚动条 */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color:#fff;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #666;
}