/* ====== Reset ====== */
*{box-sizing: border-box;}
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{font-style: normal;}
i{display: inline-block;vertical-align: middle;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
body{font:14px/1.5 Arial,"helvetica","Microsoft Yahei","微软雅黑",sans-serif; color: #666; background-color: #f5f5f5;overflow-x:hidden;}
ul,ol,li{list-style: none;}
a{color: #666; text-decoration: none;}
a:hover{color: #C70009; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s;}
button{padding: 0; border: none; outline: none; background: none;}
input{padding: 0; border: none; background: none;}
textarea{border: none;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{vertical-align: middle;max-width: 100%;max-height: 100%;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture {display: block;}/*html5 fix*/

/* ====== General ====== */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
.f-l{float: left;}
.f-r{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-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.en-big{text-transform: uppercase;}
.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: 1200px;}
.box{display: block; width: 100%; height: 100%;}
.fw-600{font-weight: 600;}
.fw-300{font-weight: 300;}
.mw-100{max-width: 100%;}


.fs-30{font-size: 30px;}
.fs-28{font-size: 28px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-12{font-size: 12px;}
.fs-0{font-size: 0;}
.lh-18{line-height: 1.8;}
.lh-2{line-height: 2;}
.m-0{margin: 0!important;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mb-15{margin-bottom: 15px;}
.mb-80{margin-bottom: 80px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}

.pl-18{padding-left: 18px;}
.pd-100{padding-bottom: 100px;}
.pd-80{padding-bottom: 80px;}
.pd-60{padding-bottom: 60px;}
.pd-50{padding-bottom: 50px;}
.pd-20{padding-bottom: 20px;}
.pt-50{padding-top: 50px;}
.c-999{color: #999;}
.c-333{color: #333;}
.c-555{color: #555;}
.c-888{color: #888;}
.c-939393{color: #939393;}
.c-c0c{color: #c0c0c0;}
.c-df{color: #E51522;}
.c-fff{color: #fff;}
.bg-gray{background: #f9f9f9;}
.bg-fff{background: #fff;}
.bg-f1f1{background: #F1F1F1;}
.bg-f3f3{background: #f3f3f3;}
.bg-f6f6{background: #f6f6f6;}


/*浏览器更新提示*/
.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;}