@charset "utf-8";
:root{
  font: 16px/1.5  'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  --primary: #131d40;
  --secondary: #222f52;
  --tertiary: #ff9000;
  --fourth: #EAF0F4;
  --rounded: 290486px;
  --w: #fff;
  --w1: rgba(255,255,255,.1);
  --w2: rgba(255,255,255,.2);
  --w3: rgba(255,255,255,.3);
  --w5: rgba(255,255,255,.5);
  --d: #191919;
  --d2: #363636;
  --d3: #696969;
  --d5: #9c9c9c;
  --swiper-theme-color: #DCB572;
  --anic: 0.6s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

::-webkit-scrollbar{ width: 4px; }
::-webkit-scrollbar-thumb{ width: 3px; border-radius: 3px; background: var(--primary);}
::-webkit-scrollbar-track{ background: transparent;}
::-webkit-scrollbar-corner{ background: transparent;}

*,
*::before,
*::after{ box-sizing: border-box; margin: 0; padding: 0; outline: none;}

html,
body{ width: 100%; overflow-x: hidden; color: var(--d);}

button,
input,
select,
textarea{ all: unset; font-size: 1rem; border: 1px solid var(--d); border-radius: var(--rounded);}

h1,h2,h3,h4,h5,h6{ line-height: 1.75; font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;}

h1{ font-size: 2rem;}
h2{ font-size: 1.5rem;}
h3{ font-size: 1.25rem;}
h4{ font-size: 1rem;}
h5{ font-size: .875rem;}
h6{ font-size: .75rem;}

img{ position: relative; all: unset; display: inline-block; vertical-align: middle;}
img::before {  
  position: absolute;
  content: 'ERROR 400';
}

iframe{ all: unset;}

button:focus,
input:focus,
select:focus,
textarea:focus{ border: 1px solid var(--tertiary);}

a[href]:link,
a[href]:visited,
a[href]:active,
a[href]:focus{ text-decoration: none;}