*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Microsoft YaHei", "微软雅黑","PingFang SC", "Hiragino Sans GB", Arial, sans-serif;font-size:12px;font-weight:400;min-width:1200px;overflow-x:auto;}
img{border:0;}
ul,li{list-style:none}
em,i{font-style:normal}
a,a:link{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0;text-decoration:none}
.clear{clear:both}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
select {outline: none}
input,button,textarea{border:0;outline:0;font-family:inherit;font-size:inherit}
:-ms-input-placeholder{font-size:inherit;color:rgba(0,0,0,.4)}
/* flex */
.flex{display:flex}
.flex-a{flex:1;overflow: hidden;}
.flex-b{display:flex;justify-content:space-between}
.flex-c{display:flex;justify-content:center}
.flex-e{display:flex;justify-content:flex-end}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-wb{display: flex;flex-wrap: wrap; justify-content:space-between}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between}
.flex-cc{display:flex;align-items:center;justify-content:center}
.flex-ce{display:flex;align-items:center;justify-content:flex-end}
.flex-ae{display:flex;align-items:flex-end;justify-content:flex-start}
.flex-cs{display:flex;align-items:center;justify-content:flex-start}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}
::-webkit-scrollbar{width:8px;height:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{background:#333}

.shadow-list ul li { box-shadow: 0 2px 4px rgba(0, 0, 0, .22), 0 0 6px rgba(0, 0, 0, .04);overflow: hidden;border-radius: 10px}
.shadow {box-shadow: 0 2px 4px rgba(0, 0, 0, .22), 0 0 6px rgba(0, 0, 0, .04)}
.transform-img{transition:1s;-moz-transition:1s;-webkit-transition:1s;width:100%;height:100%;object-fit:fill;}
.transform-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transform:scale(1.1)}
.single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multi-line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.multi-line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.multi-line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}
.multi-line5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}
.multi-line6{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis}
.btn-hover:hover {opacity:0.9}
.width100 {width:100%;background:#ffffff}
.wp,.width1200{width:1200px;margin:0 auto}

/*colors*/
.c333{color:#333333}
.c666{color:#666666}
.c999{color:#999999}
/* fonts */
.fb{font-weight: bold;}
.f80{font-size:80px;}
.f60{font-size:60px}
.f56{font-size:56px;}
.f50{font-size:50px;}
.f48{font-size:48px}
.f46{font-size:46px}
.f45{font-size:45px}
.f42{font-size:42px;}
.f40{font-size:40px}
.f38{font-size:38px}
.f36{font-size:36px}
.f34{font-size:34px}
.f32{font-size:32px}
.f30{font-size:30px}
.f28{font-size:28px}
.f26{font-size:26px}
.f24{font-size:24px}
.f22{font-size:22px}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}
.f14{font-size:14px;}
/*@font-face {
    font-family:'DIN';
    src: url('../fonts/DINCond-Medium.otf');
}*/