@charset "UTF-8";
/*导入的mixin 样式*/
* { margin: 0; padding: 0; border: 0; outline: none; box-sizing: border-box; }

html, body { height: 100%; width: 100%; font-size: 625%; background-color: #F5F5F5; }

body { width: 100%; height: 100%; font-family: sans-serif; overflow-x: hidden; }

body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption { padding: 0; margin: 0; list-style: none; font-style: normal; text-decoration: none; border: none; color: #333; font-size: 0.14rem; font-weight: normal; font-family: "Microsoft Yahei"; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; outline: 0; }
body:hover, div:hover, span:hover, header:hover, footer:hover, nav:hover, section:hover, aside:hover, article:hover, ul:hover, dl:hover, dt:hover, dd:hover, li:hover, a:hover, p:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, i:hover, b:hover, textarea:hover, button:hover, input:hover, select:hover, figure:hover, figcaption:hover { outline: none; text-decoration: none; }

.marginT15 { margin-top: 0.15rem; }

.marginT30 { margin-top: 0.3rem; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar { width: 0; height: 0; background-color: #F5F5F5; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); border-radius: 10px; background-color: #F5F5F5; }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; }

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

.clearf { overflow: auto; }

.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

.clearfloat { zoom: 1; }

.back_img { background-repeat: no-repeat; background-size: 100% 100%; }

.margin { margin: 0 auto; }

.left { float: left; }

.right { float: right; }

.hide { display: none; }

.show { display: block; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*单行溢出*/
.overElli { width: 100%; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*  多行溢出 */
.overMoreElli { display: block; width: 100%; height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.paddingTop { padding-top: 1.95rem; }

@keyframes backOpacity { 0% { opacity: 1; }
  25% { opacity: 0.5; }
  50% { opacity: 1; }
  75% { opacity: 0.5; }
  100% { opacity: 1; } }
.animation_opactiy { animation: backOpacity 2s ease-in-out infinite; }

.width1200 { width: 96%; margin: 0 auto; }

@media screen and (min-width: 1200px) and (max-width: 1920px) { .width1200 { width: 1200px; } }
@media screen and (min-width: 1920px) { .width1200 { width: 1200px; } }