/* base */
@charset "utf-8";
* {-webkit-tap-highlight-color: transparent;}
html, body, div, h1, h2, h3, h4, h5, h6, form, input, ul, ol, li, p, dd, dt, dl, p {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, ol, li {list-style: none;}
main,div,section,article {position: relative;}
img {border: 0;vertical-align: top;}

.pr {position: relative !important;width: 100%;min-height: 100%;}
.pr.aa>div{position: absolute;}
.pr>.pa{position: absolute;}

.fr {float: right;}
.fl {float: left;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.l10 {float: left; width:10%;}
.l25 {float: left; width:25%;}
.l33 {float: left; width:33.333%;}
.l50 {float: left; width:50%;}

.clearfix {*height: 1%;clear: both;zoom: 1;}
.clearfix:before, .clearfix:after {content: " ";display: block;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}

.boxs {display: inline-flex;width: 100%;flex-wrap: wrap;}
.boxs .item{display: flex;}

/* body */
body {font-family: "PingFang SC", "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 16px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;color: #666;-webkit-text-size-adjust: none;font-size: 14px;background-color: #f5f5f5;}
* {text-decoration: none;}
*:hover {text-decoration: none;}
*:focus {outline: none;}
* {transition: all .2s linear;-webkit-transition: all .2s linear;}

a:hover{color: #333;}
a:active{color: unset;}
a:-webkit-any-link{color: #FFF;}
h1,h1 *{color: #000;}
h2,h2 *{color: #333;}
h3,h3 *{color: #333;}
h5,h5 *{color: #666;}

.main {min-height: 300px;}
.bl-auto {width: 100%;margin: 0 auto;display: block;}
.bl-1200 {width: 1200px;margin: 0 auto;}
.thumbnail {width:100%;}
.thumbnail>div{padding: 10px;}
img.v100{
    width:100%;
    height:100%;
}
.t-r{
    text-align: right;
}
.t-l{
    text-align: left;
}