body,
html {
width: 100%;
height: 100%;
}
body,
div,
a,
input,
select,
textarea,
img,
ul,
li,
ol,
p,
label,
span,
i,
pre,
table,
tbody,
tr,
td,
th {
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
padding: 0;
margin: 0;
border-radius: 0;
box-sizing: border-box;
text-decoration: none;
list-style: none;
}
@font-face {
font-family: "Source Han Sans CN-Bold";
src: url("./font/SourceHanSansCN-Bold.otf") format("opentype");
}
@font-face {
font-family: "Source Han Sans CN-Medium";
src: url("./font/SourceHanSansCN-Medium.otf") format("opentype");
}
@font-face {
font-family: "Source Han Sans CN-Regular";
src: url("./font/SourceHanSansCN-Regular.otf") format("opentype");
}
@font-face {
font-family: "Source Han Sans CN-Light";
src: url("./font/SourceHanSansCN-Light.otf") format("opentype");
}
span {
display: inline-block;
}
.head {
position: relative;
width: 100%;
height: 45px;
text-align: center;
line-height: 22px;
font-size: 18px;
}
.head_span {
height: 45px;
line-height: 45px;
}
.tou_span {
/*height: 42px;*/
color: #ffffff;
line-height: 29px;
}
.en_D{
text-transform: uppercase;
}
.en_S{
text-transform: capitalize;
}
.Title_tou {
position: relative;
width: 100%;
height: 42px;
background-color: red;
padding: 6px;
}
.iconfont{
display: contents;
}
.jz {
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
.daxie {
text-transform: uppercase;
}
.bg_fu {
background-attachment: fixed;
}
.transXT50 {
transform: translateX(200px);
-webkit-transform: translateX(200px);
opacity: 0;
visibility: hidden;
transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms,
opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
.transXT502 {
transform: translateX(-200px);
-webkit-transform: translateX(-200px);
opacity: 0;
visibility: hidden;
transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms,
opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
.transYT20 {
transform: translateY(20px);
-webkit-transform: translateY(20px);
opacity: 0;
visibility: hidden;
transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms,
opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
.transYT50,
.tY50 {
transform: translateY(50px);
-webkit-transform: translateY(50px);
opacity: 0;
visibility: hidden;
transition: transform 0.8s, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 0.8s,
opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
.transYT502 {
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
opacity: 0;
visibility: hidden;
transition: transform 600ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms,
opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
}
.action.transYT50,
.action .tY50,
.action.transYT502,
.action.transYT20 {
opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.action.transXT50,
.action.transXT502 {
opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}