/* 初始化 */
html {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
-webkit-overflow-scrolling: touch;
direction: ltr !important;
/* scroll-padding-top: 150px;
scroll-behavior: smooth */
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
figure,
figcaption,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
.dn {
display: none !important;
}
@font-face {
font-family: 'bnr';
src: url('../fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'dn';
src: url('../fonts/DINCond-Bold.otf') format('opentype');
}
.fdn{
font-family: 'dn';
}
/* @font-face {
font-family: 'rbt';
src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'rbtb';
src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'rbtm';
src: url('../fonts/OpenSans-Medium.ttf') format('truetype');
} */
.fb {
font-weight: bold;
}
.fm {
font-family: 'rbtm';
}
.flex {
display: -webkit-flex;
display: flex;
}
.sp {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ac {
align-items: center;
}
body,
button,
input,
select,
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333;
}
button,
input,
textarea,
select {
font-size: inherit;
font-weight: inherit;
border: 0;
outline: 0
}
ul,
ol,
li {
list-style: none
}
fieldset,
img {
border: 0
}
h1,
h2,
h3,
h4,
h5,
h6,
code,
dfn,
em,
var,
i,
b {
font-style: normal;
font-weight: normal
}
a {
text-decoration: none;
color: #333
}
input,
textarea {
outline-style: none
}
/* wpforms表单插件生成代码初始化 */
.wpforms-container .wpforms-confirmation-scroll,
.wpforms-container .wpforms-error-container {
line-height: 16px
}
.wpforms-field-container .wpforms-field {
padding: 0;
margin: 0
}
.wpforms-field-container input,
.wpforms-field-container textarea {
margin: 0;
padding: 0;
border: none;
background: none
}
/* 全局表单文字 */
input::placeholder {
color: #AAA;
font-size: 15px;
}
/*滚动条*/
::-webkit-scrollbar {
width: 6px;
height: 8px
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #333
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: #F1F1F1
}
.fl {
float: left
}
.fr {
float: right
}
.container {
overflow: hidden
}
.df {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.pr {
position: relative;
overflow: hidden;
}
.clear {
clear: both
}
/* font size */
.fz60 {
font-size: 60px;
line-height: 1.5;
}
.fz58 {
font-size: 58px;
line-height: 1.5;
}
.fz54 {
font-size: 54px;
line-height: 1.5;
}
.fz50 {
font-size: 50px;
line-height: 1.5;
}
.fz48 {
font-size: 48px;
line-height: 1.5;
}
.fz44 {
font-size: 44px;
line-height: 1.5;
}
.fz40 {
font-size: 40px;
line-height: 1.5;
}
.fz38 {
font-size: 38px;
line-height: 1.5;
}
.fz34 {
font-size: 34px;
line-height: 1.5;
}
.fz30 {
font-size: 30px;
line-height: 1.5;
}
.fz28 {
font-size: 28px;
line-height: 1.5;
}
.fz26 {
font-size: 26px;
line-height: 1.5;
}
.fz24 {
font-size: 24px;
line-height: 1.5;
}
.fz22 {
font-size: 22px;
line-height: 1.5;
}
.fz20 {
font-size: 20px;
line-height: 1.5;
}
.fz18 {
font-size: 18px;
line-height: 1.5;
}
.fz17 {
font-size: 17px;
line-height: 1.5;
}
.fz16 {
font-size: 16px;
line-height: 1.5;
}
.fz15 {
font-size: 15px;
line-height: 1.5;
}
.fz14 {
font-size: 14px;
line-height: 1.5;
}
.fz13 {
font-size: 13px;
line-height: 1.5;
}
.fz12 {
font-size: 12px;
line-height: 1.5;
}
@media screen and (max-width:1440px) {
.fz60 {
font-size: 50px;
}
.fz58 {
font-size: 50px;
}
.fz54 {
font-size: 50px;
}
.fz50 {
font-size: 46px;
}
.fz48 {
font-size: 44px;
}
.fz44 {
font-size: 40px;
}
.fz40 {
font-size: 40px;
}
.fz38 {
font-size: 36px;
}
.fz34 {
font-size: 32px;
}
.fz30 {
font-size: 28px;
}
.fz28 {
font-size: 26px;
}
.fz26 {
font-size: 24px;
}
.fz24 {
font-size: 22px;
}
.fz22 {
font-size: 20px;
}
.fz20 {
font-size: 18px;
}
}
@media screen and (max-width:1366px) {
.fz60 {
font-size: 48px;
}
.fz58 {
font-size: 48px;
}
.fz54 {
font-size: 48px;
}
.fz50 {
font-size: 44px;
}
.fz48 {
font-size: 42px;
}
.fz44 {
font-size: 38px;
}
.fz40 {
font-size: 36px;
}
.fz38 {
font-size: 34px;
}
.fz34 {
font-size: 30px;
}
.fz30 {
font-size: 26px;
}
.fz28 {
font-size: 24px;
}
.fz26 {
font-size: 22px;
}
.fz24 {
font-size: 20px;
}
}
@media screen and (max-width:1200px) {
.fz60 {
font-size: 40px;
}
.fz58 {
font-size: 38px;
}
.fz54 {
font-size: 38px;
}
.fz50 {
font-size: 36px;
}
.fz48 {
font-size: 32px;
}
.fz44 {
font-size: 30px;
}
.fz40 {
font-size: 30px;
}
.fz38 {
font-size: 28px;
}
.fz34 {
font-size: 24px;
}
.fz30 {
font-size: 22px;
}
.fz28 {
font-size: 22px;
}
.fz26 {
font-size: 20px;
}
.fz22 {
font-size: 18px;
}
}
@media screen and (max-width:1024px) {
.fz60 {
font-size: 32px;
}
.fz58 {
font-size: 30px;
}
.fz54 {
font-size: 28px;
}
.fz50 {
font-size: 26px;
}
.fz48 {
font-size: 24px;
}
.fz44 {
font-size: 24px;
}
.fz40 {
font-size: 22px;
}
.fz38 {
font-size: 22px;
}
.fz34 {
font-size: 20px;
}
.fz30 {
font-size: 20px;
}
.fz28 {
font-size: 20px;
}
}
@media screen and (max-width:768px) {
.fz60 {
font-size: 28px;
}
.fz58 {
font-size: 28px;
}
.fz54 {
font-size: 26px;
}
.fz50 {
font-size: 24px;
}
.fz48 {
font-size: 22px;
}
.fz44 {
font-size: 20px;
}
.fz40 {
font-size: 20px;
}
.fz38 {
font-size: 20px;
}
.fz20 {
font-size: 17px;
}
.fz18 {
font-size: 16px;
}
.fz17 {
font-size: 16px;
}
.fz16 {
font-size: 15px;
}
.fz15 {
font-size: 14px;
}
}
@media screen and (max-width:560px) {
.fz60 {
font-size: 24px;
}
.fz58 {
font-size: 22px;
}
.fz54 {
font-size: 22px;
}
.fz50 {
font-size: 22px;
}
.fz48 {
font-size: 20px;
}
.fz30 {
font-size: 18px;
}
.fz28 {
font-size: 18px;
}
.fz26 {
font-size: 18px;
}
.fz24 {
font-size: 18px;
}
.fz22 {
font-size: 18px;
}
.fz17 {
font-size: 15px;
}
.fz16 {
font-size: 14px;
}
.fz15 {
font-size: 13px;
}
.fz14 {
font-size: 13px;
}
.fz13 {
font-size: 12px;
}
}
/* filleted corner */
.o40 {
-webkit-border-radius: 40px;
border-radius: 40px;
}
.o30 {
-webkit-border-radius: 30px;
border-radius: 30px;
}
.o20 {
-webkit-border-radius: 20px;
border-radius: 20px;
}
.o10 {
-webkit-border-radius: 10px;
border-radius: 10px;
}
@media screen and (max-width:1024px) {
.o40 {
-webkit-border-radius: 30px;
border-radius: 30px;
}
.o30 {
-webkit-border-radius: 24px;
border-radius: 24px;
}
.o20 {
-webkit-border-radius: 14px;
border-radius: 14px;
}
}
@media screen and (max-width:768px) {
.o40 {
-webkit-border-radius: 20px;
border-radius: 20px;
}
.o30 {
-webkit-border-radius: 20px;
border-radius: 20px;
}
.o20 {
-webkit-border-radius: 10px;
border-radius: 10px;
}
.o10 {
-webkit-border-radius: 6px;
border-radius: 6px;
}
}
/* spacing */
.m140 {
margin-top: 1.4rem;
margin-bottom: 1.4rem;
}
.m120 {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.m100 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.m80 {
margin-top: .8rem;
margin-bottom: .8rem;
}
.m70 {
margin-top: .7rem;
margin-bottom: .7rem;
}
.m60 {
margin-top: .6rem;
margin-bottom: .6rem;
}
.m50 {
margin-top: .5rem;
margin-bottom: .5rem;
}
.m40 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.m30 {
margin-top: .3rem;
margin-bottom: .3rem;
}
.m20 {
margin-top: .2rem;
margin-bottom: .2rem;
}
.mt140 {
margin-top: 1.4rem;
}
.mt120 {
margin-top: 1.2rem;
}
.mt100 {
margin-top: 1rem;
}
.mt80 {
margin-top: .8rem;
}
.mt70 {
margin-top: .7rem;
}
.mt60 {
margin-top: .6rem;
}
.mt50 {
margin-top: 0.5rem;
}
.mt40 {
margin-top: 0.4rem;
}
.mt30 {
margin-top: 0.3rem;
}
.mt20 {
margin-top: 0.2rem;
}
.mb140 {
margin-bottom: 1.4rem;
}
.mb120 {
margin-bottom: 1.2rem;
}
.mb100 {
margin-bottom: 1rem;
}
.mb80 {
margin-bottom: .8rem;
}
.mb70 {
margin-bottom: .7rem;
}
.mb60 {
margin-bottom: .6rem;
}
.mb50 {
margin-bottom: 0.5rem;
}
.mb40 {
margin-bottom: 0.4rem;
}
.mb30 {
margin-bottom: 0.3rem;
}
.mb20 {
margin-bottom: 0.2rem;
}
@media screen and (max-width:1440px) {
.m140 {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.mt140 {
margin-top: 1.2rem;
}
.mb140 {
margin-bottom: 1.2rem;
}
.m120 {
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}
.mt120 {
margin-top: 1.1rem;
}
.mb120 {
margin-bottom: 1.1rem;
}
.m100 {
margin-top: 0.9rem;
margin-bottom: 0.9rem;
}
.mt100 {
margin-top: .9rem;
}
.mb100 {
margin-bottom: .9rem;
}
}
@media screen and (max-width:1366px) {
.m140 {
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}
.mt140 {
margin-top: 1.1rem;
}
.mb140 {
margin-bottom: 1.1rem;
}
.m120 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mt120 {
margin-top: 1rem;
}
.mb120 {
margin-bottom: 1rem;
}
.m100 {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.mt100 {
margin-top: .8rem;
}
.mb100 {
margin-bottom: .8rem;
}
.m80 {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}
.mt80 {
margin-top: .7rem;
}
.mb80 {
margin-bottom: .7rem;
}
.m70 {
margin-top: .6rem;
margin-bottom: 0.6rem;
}
.mt70 {
margin-top: .6rem;
}
.mb70 {
margin-bottom: .6rem;
}
.m60 {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.mt60 {
margin-top: .5rem;
}
.mb60 {
margin-bottom: .5rem;
}
}
@media screen and (max-width:1200px) {
.m20 {
margin: 10px 0;
}
.m140 {
margin-top: .9rem;
margin-bottom: .9rem;
}
.mt140 {
margin-top: .9rem;
}
.mb140 {
margin-bottom: .9rem;
}
.m120 {
margin-top: .8rem;
margin-bottom: .8rem;
}
.mt120 {
margin-top: .8rem;
}
.mb120 {
margin-bottom: .8rem;
}
.m100 {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}
.mt100 {
margin-top: .7rem;
}
.mb100 {
margin-bottom: .7rem;
}
.m80 {
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
.mt80 {
margin-top: .6rem;
}
.mb80 {
margin-bottom: .6rem;
}
.m70 {
margin-top: .5rem;
margin-bottom: 0.5rem;
}
.mt70 {
margin-top: .5rem;
}
.mb70 {
margin-bottom: .5rem;
}
}
@media screen and (max-width:1024px) {
.m140 {
margin-top: .6rem;
margin-bottom: .6rem;
}
.mt140 {
margin-top: .6rem;
}
.mb140 {
margin-bottom: .6rem;
}
.m120 {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mt120 {
margin-top: .5rem;
}
.mb120 {
margin-bottom: .5rem;
}
.m100 {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mt100 {
margin-top: .5rem;
}
.mb100 {
margin-bottom: .5rem;
}
.m80 {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mt80 {
margin-top: .5rem;
}
.mb80 {
margin-bottom: .5rem;
}
.m70 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt70 {
margin-top: .4rem;
}
.mb70 {
margin-bottom: .4rem;
}
.m60 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt60 {
margin-top: .4rem;
}
.mb60 {
margin-bottom: .4rem;
}
.m50 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt50 {
margin-top: .4rem;
}
.mb50 {
margin-bottom: .4rem;
}
}
@media screen and (max-width:768px) {
.m140 {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mt140 {
margin-top: .5rem;
}
.mb140 {
margin-bottom: .5rem;
}
.m80 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt80 {
margin-top: .4rem;
}
.mb80 {
margin-bottom: .4rem;
}
.m60 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt60 {
margin-top: .4rem;
}
.mb60 {
margin-bottom: .4rem;
}
.m50 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt50 {
margin-top: .4rem;
}
.mb50 {
margin-bottom: .4rem;
}
.m40 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt40 {
margin-top: .4rem;
}
.mb40 {
margin-bottom: .4rem;
}
}
@media screen and (max-width:560px) {
.m140 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt140 {
margin-top: .4rem;
}
.mb140 {
margin-bottom: .4rem;
}
.m120 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt120 {
margin-top: .4rem;
}
.mb120 {
margin-bottom: .4rem;
}
.m100 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt100 {
margin-top: .4rem;
}
.mb100 {
margin-bottom: .4rem;
}
.m80 {
margin-top: .4rem;
margin-bottom: .4rem;
}
.mt80 {
margin-top: .4rem;
}
.mb80 {
margin-bottom: .4rem;
}
.m60 {
margin-top: .3rem;
margin-bottom: .3rem;
}
.mt60 {
margin-top: .3rem;
}
.mb60 {
margin-bottom: .3rem;
}
.m50 {
margin-top: .3rem;
margin-bottom: .3rem;
}
.mt50 {
margin-top: .3rem;
}
.mb50 {
margin-bottom: .3rem;
}
.m40 {
margin-top: .3rem;
margin-bottom: .3rem;
}
.mt40 {
margin-top: .3rem;
}
.mb40 {
margin-bottom: .3rem;
}
}
.p140 {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
.p120 {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.p100 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.p80 {
padding-top: .8rem;
padding-bottom: .8rem;
}
.p70 {
padding-top: .7rem;
padding-bottom: .7rem;
}
.p60 {
padding-top: .6rem;
padding-bottom: .6rem;
}
.p50 {
padding-top: .5rem;
padding-bottom: .5rem;
}
.p40 {
padding-top: .4rem;
padding-bottom: .4rem;
}
.p30 {
padding-top: .3rem;
padding-bottom: .3rem;
}
.p20 {
padding-top: .2rem;
padding-bottom: .2rem;
}
.pt140 {
padding-top: 1.4rem;
}
.pt120 {
padding-top: 1.2rem;
}
.pt100 {
padding-top: 1rem;
}
.pt80 {
padding-top: .8rem;
}
.pt70 {
padding-top: .7rem;
}
.pt60 {
padding-top: .6rem;
}
.pt50 {
padding-top: 0.5rem;
}
.pt40 {
padding-top: 0.4rem;
}
.pt30 {
padding-top: 0.3rem;
}
.pt20 {
padding-top: 0.2rem;
}
.pb140 {
padding-bottom: 1.4rem;
}
.pb120 {
padding-bottom: 1.2rem;
}
.pb100 {
padding-bottom: 1rem;
}
.pb80 {
padding-bottom: 0.8rem;
}
.pb70 {
padding-bottom: 0.7rem;
}
.pb60 {
padding-bottom: 0.6rem;
}
.pb50 {
padding-bottom: 0.5rem;
}
.pb40 {
padding-bottom: 0.4rem;
}
.pb30 {
padding-bottom: 0.3rem;
}
.pb20 {
padding-bottom: 0.2rem;
}
@media screen and (max-width:1440px) {
.p140 {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.pt140 {
padding-top: 1.2rem;
}
.pb140 {
padding-bottom: 1.2rem;
}
.p120 {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
}
.pt120 {
padding-top: 1.1rem;
}
.pb120 {
padding-bottom: 1.1rem;
}
.p100 {
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}
.pt100 {
padding-top: .9rem;
}
.pb100 {
padding-bottom: .9rem;
}
}
@media screen and (max-width:1366px) {
.p140 {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
}
.pt140 {
padding-top: 1.1rem;
}
.pb140 {
padding-bottom: 1.1rem;
}
.p120 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pt120 {
padding-top: 1rem;
}
.pb120 {
padding-bottom: 1rem;
}
.p100 {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.pt100 {
padding-top: .8rem;
}
.pb100 {
padding-bottom: .8rem;
}
.p80 {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.pt80 {
padding-top: .7rem;
}
.pb80 {
padding-bottom: .7rem;
}
.p70 {
padding-top: .6rem;
padding-bottom: 0.6rem;
}
.pt70 {
padding-top: .6rem;
}
.pb70 {
padding-bottom: .6rem;
}
.p60 {
padding-top: .5rem;
padding-bottom: 0.5rem;
}
.pt60 {
padding-top: .5rem;
}
.pb60 {
padding-bottom: .5rem;
}
}
@media screen and (max-width:1200px) {
.p140 {
padding-top: .9rem;
padding-bottom: .9rem;
}
.pt140 {
padding-top: .9rem;
}
.pb140 {
padding-bottom: .9rem;
}
.p120 {
padding-top: .8rem;
padding-bottom: .8rem;
}
.pt120 {
padding-top: .8rem;
}
.pb120 {
padding-bottom: .8rem;
}
.p100 {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.pt100 {
padding-top: .7rem;
}
.pb100 {
padding-bottom: .7rem;
}
.p80 {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.pt80 {
padding-top: .6rem;
}
.pb80 {
padding-bottom: .6rem;
}
.p70 {
padding-top: .5rem;
padding-bottom: 0.5rem;
}
.pt70 {
padding-top: .5rem;
}
.pb70 {
padding-bottom: .5rem;
}
}
@media screen and (max-width:1024px) {
.p140 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt140 {
padding-top: 60px;
}
.pb140 {
padding-bottom: 60px;
}
.p120 {
padding-top: 50px;
padding-bottom: 50px;
}
.pt120 {
padding-top: 50px;
}
.pb120 {
padding-bottom: 50px;
}
.p100 {
padding-top: 50px;
padding-bottom: 50px;
}
.pt100 {
padding-top: 50px;
}
.pb100 {
padding-bottom: 50px;
}
.p80 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt80 {
padding-top: 40px;
}
.pb80 {
padding-bottom: 40px;
}
.p70 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt70 {
padding-top: 40px;
}
.pb70 {
padding-bottom: 40px;
}
.p60 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt60 {
padding-top: 40px;
}
.pb60 {
padding-bottom: 40px;
}
.p50 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt50 {
padding-top: 40px;
}
.pb50 {
padding-bottom: 40px;
}
}
@media screen and (max-width:768px) {
.p140 {
padding-top: 50px;
padding-bottom: 50px;
}
.pt140 {
padding-top: 50px;
}
.pb140 {
padding-bottom: 50px;
}
.p60 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt60 {
padding-top: 40px;
}
.pb60 {
padding-bottom: 40px;
}
.p50 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt50 {
padding-top: 40px;
}
.pb50 {
padding-bottom: 40px;
}
.p40 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt40 {
padding-top: 40px;
}
.pb40 {
padding-bottom: 40px;
}
}
@media screen and (max-width:560px) {
.p140 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt140 {
padding-top: 40px;
}
.pb140 {
padding-bottom: 40px;
}
.p120 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt120 {
padding-top: 40px;
}
.pb120 {
padding-bottom: 40px;
}
.p100 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt100 {
padding-top: 40px;
}
.pb100 {
padding-bottom: 40px;
}
.p80 {
padding-top: 40px;
padding-bottom: 40px;
}
.pt80 {
padding-top: 40px;
}
.pb80 {
padding-bottom: 40px;
}
.p60 {
padding-top: 30px;
padding-bottom: 30px;
}
.p60 {
padding-top: 30px;
}
.p60 {
padding-bottom: 30px;
}
.p50 {
padding-top: 30px;
padding-bottom: 30px;
}
.p50 {
padding-top: 30px;
}
.p50 {
padding-bottom: 30px;
}
.p40 {
padding-top: 30px;
padding-bottom: 30px;
}
.p40 {
padding-top: 30px;
}
.p40 {
padding-bottom: 30px;
}
}
/* Thanks */
.thanks {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden
}
.thanks_logo img {
max-height: 80px;
}
.thanks h2 {
margin: 20px auto;
font-size: 30px;
color: #333;
font-weight: bold
}
@media screen and (max-width:1024px) {
.thanks h2 {
font-size: 24px;
}
}
@media screen and (max-width:560px) {
.thanks h2 {
font-size: 18px;
}
}
/* 404 */
.in404 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF
}
.in404_text {
position: absolute;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
text-align: center
}
.in404_text h1 {
font-size: 220px;
color: #BBB
}
.in404_text h6 {
margin: 10px auto 30px;
font-size: 18px;
color: #999
}
.in404_text a {
display: inline-block;
padding: 0 40px;
line-height: 32px;
font-size: 15px;
color: #999;
border: 2px solid #DDD;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
@media screen and (max-width:959px) {
.in404_text h1 {
font-size: 180px
}
}
@media screen and (max-width:768px) {
.in404_text h1 {
font-size: 140px
}
.in404_text h6 {
font-size: 16px
}
.in404_text a {
font-size: 14px
}
}
@media screen and (max-width:560px) {
.in404_text h1 {
font-size: 70px
}
.in404_text h6 {
margin: 10px auto 18px;
font-size: 14px;
line-height: 20px
}
.in404_text a {
font-size: 13px
}
}
.link_hidden {
display: none !important;
}
/* ------------------------- 编辑器 ------------------------- */
/* 重置标签样式 */
article,
article * {
margin: revert;
padding: revert;
list-style: revert;
}
article strong,
article strong p,
article strong b,
article strong i,
article strong span,
article b {
font-weight: bold;
}
article a {
text-decoration: underline;
}
article figure {
margin-left: auto;
margin-right: auto;
}
.wp-block-column figure img {
width: 100%;
}
article img {
max-width: 100% !important;
height: initial !important
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
font-weight: bold;
}
.has-text-align-center {
text-align: center;
}
/* article ul,article li,article ol{list-style: revert;} */
/* article ul,article ol{padding-left: 0.22rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}
article li{margin-top: .1rem;margin-bottom: 0.1rem;} */
article .aligncenter {
margin-left: auto;
margin-right: auto;
}
article .wp-caption {
max-width: 100% !important;
}
/* 默认表格 */
article table {
margin-top: 0.2rem;
margin-bottom: 0.2rem;
width: 100% !important;
max-width: 100% !important;
background: #FFF;
border-collapse: collapse !important;
border-spacing: 0 !important;
overflow-x: auto;
}
article tbody {
width: 100% !important;
max-width: 100% !important
}
article table tr,
article table td {
max-width: 100% !important
}
article table tr,
article table td,
article table tr p,
article table td p {
margin: 0;
padding: 0
}
article table tr:nth-child(odd) {
background: #F1F1F1
}
article table td {
padding: 8px;
border: 1px solid var(--border_color)
}
/* ------------------- Getwid 插件重置样式 ------------------- */
.wp-block-getwid-tabs__tab-content,
.wp-block-getwid-tabs__tab-content * {
margin: revert;
padding: revert;
list-style: revert;
}
.wp-block-getwid-accordion * {
margin: initial;
}
.wp-block-getwid-accordion .aligncenter {
margin: 0 auto;
}
.wp-block-getwid-accordion .wp-caption {
max-width: 100% !important;
}
.wp-block-table::-webkit-scrollbar {
width: 2px;
height: 2px
}
/* .wp-block-getwid-tabs__tab-content {
font-size: 0.18rem;
} */
.wp-block-getwid-tabs__tab-content li {
margin-top: 0.1rem;
margin-bottom: 0.1rem;
}
.wp-block-getwid-tabs__tab-content figure {
margin-left: auto;
margin-right: auto;
}
p.has-background {
padding: .1rem .2rem;
}
.wp-block-getwid-tabs__tab-content h1,
.wp-block-getwid-tabs__tab-content h2,
.wp-block-getwid-tabs__tab-content h3,
.wp-block-getwid-tabs__tab-content h4,
.wp-block-getwid-tabs__tab-content h5,
.wp-block-getwid-tabs__tab-content h6 {
font-weight: bold;
}
/* Getwid 表格默认样式 */
.wp-block-getwid-tabs__tab-content table {
margin-top: 0.2rem;
margin-bottom: 0.2rem;
width: 100% !important;
max-width: 100% !important;
background: #FFF;
border-collapse: collapse !important;
border-spacing: 0 !important;
overflow-x: auto;
}
.wp-block-getwid-tabs__tab-content tbody {
width: 100% !important;
max-width: 100% !important
}
.wp-block-getwid-tabs__tab-content table tr,
.wp-block-getwid-tabs__tab-content table td {
max-width: 100% !important
}
.wp-block-getwid-tabs__tab-content table tr,
.wp-block-getwid-tabs__tab-content table td,
.wp-block-getwid-tabs__tab-content table tr p,
.wp-block-getwid-tabs__tab-content table td p {
margin: 0;
padding: 0
}
.wp-block-getwid-tabs__tab-content table tr:nth-child(odd) {
background: rgba(0, 0, 0, .04)
}
.wp-block-getwid-tabs__tab-content table td {
padding: 14px 8px;
border: 1px solid var(--border_color)
}
/* Getwid 选项卡 */
.wp-block-getwid-tabs {
width: 100%;
}
.wp-block-getwid-tabs__nav-links {
margin-bottom: 0.4rem;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #CCC;
}
.wp-block-getwid-tabs__nav-links li {
margin: 0 .3rem;
}
.wp-block-getwid-tabs__title {
display: block;
padding-bottom: 0.14rem;
font-size: 0.18rem;
color: #666;
text-transform: uppercase;
position: relative;
}
.wp-block-getwid-tabs__title::before {
content: '';
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 0;
width: 0;
height: 3px;
-webkit-border-radius: .5rem;
border-radius: .5rem;
background: var(--i_color2);
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.ui-tabs-active .wp-block-getwid-tabs__title {
color: var(--i_color3);
font-weight: bold;
}
.ui-tabs-active .wp-block-getwid-tabs__title::before {
width: 0.4rem;
}
.fz36 {
font-size: 0.36rem;
}
@media screen and (max-width:1440px) {
.fz36 {
font-size: 0.32rem;
}
}
@media screen and (max-width:1366px) {
.fz36 {
font-size: 0.28rem;
}
}
@media screen and (max-width:1200px) {
.fz36 {
font-size: 0.26rem;
}
}
@media screen and (max-width:1024px) {
.fz36 {
font-size: 0.24rem;
}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.xy {
display: none;
}
.wz666 {
color: #666;
}
.wz999 {
color: #999;
}
.wz333 {
color: #333;
}
.flex {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.sp {
justify-content: space-between;
}
.ac {
align-items: center;
}
.g10 {
gap: 0 .1rem;
}
.g20 {
gap: 0 .2rem;
}
.va {
color: var(--i_color);
}
.zwf {
height: 1rem;
}
.zwf2 {
height: 0.5rem;
}
.fb900 {
font-weight: 900;
}
.tc {
text-align: center;
}
.tda {
text-transform: capitalize;
}
.jc {
justify-content: center;
}
.g30 {
gap: 0 .3rem;
}
.fb900 {
font-weight: 900;
}
.brall {
border-radius: 11000px;
}
.as {
align-items: start;
}
.br2 {
border-radius: 0.1rem;
overflow: hidden;
}
.va2 {
color: var(--i_color3);
}
.lh12 {
line-height: 1.2;
}
.wz333 {
color: #333;
}
.mt10 {
margin-top: 0.1rem;
}
.ttc {
text-transform: capitalize;
}
.js {
justify-content: start;
}
.jsb {
justify-content: space-between;
}
.cs {
cursor: pointer;
}
.ttu {
text-transform: uppercase;
}
.va2 {
color: var(--i_color3);
}
.yx {}
.d3 {
color: #3d3d3d;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
.yx {
display: none;
}
.zwf,
.zwf2 {
display: none;
}
.xy {
display: block;
}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}