@charset 'utf-8';
/* reset css */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
/* css3盒模型 */
* {
  box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
 h1,h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{padding:0;margin:0;outline: 0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align: baseline;background: transparent;}
caption, th, td {text-align:left;font-weight:normal;}
table { border-collapse:collapse; border-spacing:0 }
table, td, th {vertical-align:middle;}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";
content: none;
}
address,caption,cite,code,dfn,em,strong,th,var { font-size:normal; font-weight:normal }
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
ul,ol{list-style: none;}
i, em {
  font-style: normal;
}
input,textarea,button,optgroup,select{margin: 0;padding: 0;border:0;outline:none;vertical-align:baseline;font-family: inherit;font-size: 100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
textarea {
  resize: none;
}
progress {
  vertical-align: baseline; }


[type=checkbox], [type=radio] {
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }
img {
  display: inline-block;
  vertical-align: middle;
  max-width:100%;
  border:0;
}
svg:not(:root) {overflow: hidden;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]) {display: none;height: 0;}

/*vue加载中不要出现{{}}*/
[hidden],template,[v-cloak] {
  display: none;
}
/* ======================css初始化结束=========================== */
/* 基础字号,结合rem.js实现响应式1ren=100px */
html {
  font-size: 100px;
  --weiwang-color-light:#7cc465;
  --weiwang-color:#32b16c;
  --weiwang-color-deep:#009944;
	min-height: 100%;
}
h1{
	font-size: 0.36rem;
	font-weight: bold;
	color: #333333;
}
h2{
	font-size: 0.32rem;
	font-weight: bold;
	color: #333333;
}
h3{
	font-size: 0.28rem;
	font-weight: bold;
	color: #333333;
}
h4{
	font-size: 0.24rem;
	font-weight: bold;
	color: #333333;
}
h5{
	font-size: 0.2rem;
	font-weight: bold;
	color: #333333;
}
h6{
	font-size: 0.18rem;
	font-weight: bold;
	color: #333333;
}
.fs28{
	font-size: 0.28rem;
}
.fs24{
	font-size: 0.24rem;
}
.fs20{
	font-size: 0.2rem;
}
.fs18{
	font-size: 0.18rem;
}
.fs16{
	font-size: 0.16rem;
	color: #666;
}
.fs14{
	font-size: 0.14rem;
	color: #999999;
}
* 美化 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-shadow: rgba(0,0,0,.15) 0 0 1px;}
input,button, b, h1, strong, p, a, i, span, *:after, *:before{
    /* -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); */
}
/* 鼠标滑过渡动画 */
:hover {
 -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
a,a:hover,a:link,a:active,a:visited {
  color: #333333;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #932024;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
/* 输入框文字颜色 */
::-webkit-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}
/* 滚动条 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::-webkit-scrollbar { width: 5px; height: 8px; }
    ::-webkit-scrollbar-track:enabled { background-color: #eee; }
    ::-webkit-scrollbar-thumb:vertical { background-color: var(--weiwang-color); border-radius: 30px;}
    ::-webkit-scrollbar-thumb:horizontal { background-color: var(--weiwang-color); border-radius: 30px;}
	::-webkit-scrollbar-thumb:hover{background-color: var(--weiwang-color);}
}
/* 文字鼠标选中 */
::selection {background: var(--weiwang-color);color: #ffffff;}
::-moz-selection {background: var(--weiwang-color);color: #ffffff;}
::selection {	background: var(--weiwang-color);color: #ffffff;}
::-moz-selection {background: var(--weiwang-color);color: #ffffff;}
body {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
  font-size: 0.18rem;
  line-height: 1;
  font-family:'微软雅黑','微软雅黑 Light', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: #333;
  background-color: #F2F2F2;
  overflow-x: hidden;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
  min-height: 100%;
}
/* 文字主要颜色 */
.main-color {
  color: #333333;
  color: var(--weiwang-color);
}

.fa {
  /* margin-right: 0.1rem;
  font-size: inherit;
  vertical-align: middle; */
}
.iconfont{font-size: inherit;vertical-align: middle;}
/* 版心宽度 */
.weiwang-w1400{max-width:1400px;margin:0 auto;}
.weiwang-w1200{max-width:1200px;margin:0 auto;}
.weiwang-w750{max-width:750px;margin:0 auto;}
.weiwang-w640{max-width:640px;margin:0 auto;}
/* 引入自定义字体图标 */
@font-face {
	font-family: wjs;
	src: url(../fonts/MiFie-Web-Font.svg) format('svg'),
    url(../fonts/MiFie-Web-Font.eot) format('embedded-opentype'),
    url(../fonts/MiFie-Web-Font.ttf) format('truetype'),
    url(../fonts/MiFie-Web-Font.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
.wjs_icon {
  font-family: wjs;
}
.wjs_icon_phone::before {
  content: '\e908';
}
.wjs_icon_tel::before {
  content: '\e909';
}