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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-size:inherit;
text-align:inherit;
vertical-align:baseline;
color:inherit;
border:0;
outline:0;
}
html, body {width:100%; -webkit-user-select:none;}
body{padding-bottom:1rem;}
body>iframe { display: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
html, body,textarea,input,button,select,keygen,legend{font:12.5px/24px "微软雅黑","Microsoft YaHei",arial,sans-serif,\5b8b\4f53;color:#333;outline:0;}
:focus {outline:0;}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
a {display:block; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
a img, iframe {border:none;}
img {vertical-align:top; max-width:100%; display:block; height:auto;}
p {text-align:justify;}
ol, ul ,li{list-style:none;}
input, textarea, select, button {
font-size:100%;
font-family:inherit;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-touch-callout:none;
}
input{background:none; outline:none; -webkit-border:0 none; border:0 none; -webkit-appearance:none; appearance:none;-webkit-border-radius:0;border-radius:0;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],input[type='reset'],textarea,button{background-color: transparent; border:none; -webkit-appearance: none;appearance: none;-webkit-border-radius:0;border-radius:0;}
i{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
body{margin:0 auto;}
.Pg4{padding:0 4%;height:100%;}
.mg2{margin:0 4%;}
.np{padding:0 !important;}
.ng{margin:0 !important;}
.none{display:none;}
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}
::-webkit-scrollbar{
width: .05rem;
height: .08rem;
background-color:rgba(210, 210, 210, 0.48);
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
border-radius: .1rem;
}
::-webkit-scrollbar-thumb{
background-color:rgba(123, 121, 121, 0.7);
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
border-radius: .1rem;
}
@font-face {
font-family: 'TRAJANPRO-BOLD';
src: url('../font/TRAJANPRO-BOLD.eot');
src:
url('../font/TRAJANPRO-BOLD.otf')format('otf'),
url('../font/TRAJANPRO-BOLD.eot#iefix') format('embedded-opentype'),
url('../font/TRAJANPRO-BOLD.woff') format('woff'),
url('../font/TRAJANPRO-BOLD.woff2') format('woff2'),
url('../font/TRAJANPRO-BOLD.ttf') format('truetype'),
url('../font/TRAJANPRO-BOLD.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RUBIK-REGULAR-WEBFONT';
src: url('../font/RUBIK-REGULAR-WEBFONT.eot');
src:
url('../font/RUBIK-REGULAR-WEBFONT.otf')format('otf'),
url('../font/RUBIK-REGULAR-WEBFONT.eot#iefix') format('embedded-opentype'),
url('../font/RUBIK-REGULAR-WEBFONT.woff') format('woff'),
url('../font/RUBIK-REGULAR-WEBFONT.woff2') format('woff2'),
url('../font/RUBIK-REGULAR-WEBFONT.ttf') format('truetype'),
url('../font/RUBIK-REGULAR-WEBFONT.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MONTSERRAT-REGULAR';
src: url('../font/MONTSERRAT-REGULAR.eot');
src:
url('../font/MONTSERRAT-REGULAR.otf')format('otf'),
url('../font/MONTSERRAT-REGULAR.eot#iefix') format('embedded-opentype'),
url('../font/MONTSERRAT-REGULAR.woff') format('woff'),
url('../font/MONTSERRAT-REGULAR.woff2') format('woff2'),
url('../font/MONTSERRAT-REGULAR.ttf') format('truetype'),
url('../font/MONTSERRAT-REGULAR.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Helvetica';
src: url('../font/Helvetica.eot');
src:
url('../font/Helvetica.otf')format('otf'),
url('../font/Helvetica.eot#iefix') format('embedded-opentype'),
url('../font/Helvetica.woff') format('woff'),
url('../font/Helvetica.woff2') format('woff2'),
url('../font/Helvetica.ttf') format('truetype'),
url('../font/Helvetica.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'swis721';
src: url('../font/swis721.eot');
src:
url('../font/swis721.otf')format('otf'),
url('../font/swis721.eot#iefix') format('embedded-opentype'),
url('../font/swis721.woff') format('woff'),
url('../font/swis721.woff2') format('woff2'),
url('../font/swis721.ttf') format('truetype'),
url('../font/swis721.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}