@charset "utf-8";
/* reset css*/
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {margin:0; padding:0;}
body, button, input, select, textarea {font:12px/1.5 tahoma,arial,Arial,sans-serif;outline: 0;}
address, cite, dfn, em, var, i{font-style:normal;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
code, kbd, pre, samp, tt {font-family:"Courier New", Courier, monospace;}
small{font-size:12px;}
ul, ol{list-style:none;}
abbr[title], acronym[title] {border-bottom:1px dotted; cursor:help;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
q:before, q:after {content:'';}
legend{color:#000;}
fieldset, img{border:none;vertical-align:middle;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
hr{border:none; height:1px;}
html {overflow-y:scroll;font-size:100px;}
h1{font-size:18px;font-weight:400;}
h2{font-size:16px;font-weight:400;}
h3{font-size:14px;font-weight:400;}
h4, h5, h6{font-size:100%;font-weight:400;}
p{ margin:0;padding:0;}
a{text-decoration:none;color:#333;outline:none;cursor:pointer;background-color:transparent;}
a:hover{text-decoration:none;color:#3ca5f6}
.yahei{font-family:'Microsoft Yahei', '微软雅黑';}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
.dp-block{display:block!important;}
.dp-none{display:none!important;}
.dp-in-block{display:inline-block!important;}
.dp-flex{display:flex;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;-webkit-font-smoothing:antialiased;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;-webkit-font-smoothing:antialiased;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;-webkit-font-smoothing:antialiased;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999;-webkit-font-smoothing:antialiased;}
.fl{float: left;}
.fr{float: right;}

.t-a-l{text-align:left!important;}
.t-a-c{text-align:center!important;}
.t-a-r{text-align:right!important;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.pd5{padding:5px}
.pd10{padding:10px}
.pd20{padding:20px}
.m5{margin:5px;}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.br2{border-radius:2px;}
.br5{border-radius:5px;}
.br10{border-radius:10px;}
.br15{border-radius:15px;}
.br20{border-radius:20px;}
.bgc-white{background-color:#fff;}
.red{color:#f00;}

.w1200,.w{width:1200px;margin:0 auto;}
.w1000{width:1000px;margin:0 auto;}
