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, img, ins, kbd, q, s, samp,
small, strike, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}
*:not(hr),select,input,textarea,button{
	outline:none;
	border:none;
	background:none;
}
i,em{
	font-style:normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

body {
    /* line-height: 1; */
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* custom */
a {
    color:currentcolor;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
}

li {
    list-style: none;
}

/* ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
} */

html, body {
    width: 100%;
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* 自增 */
.pd_150 {
    padding:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_tb150 {
    padding:calc(20px + 130 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t150 {
    padding-top:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_b150 {
    padding-bottom:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_120 {
    padding:calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_tb120 {
    padding:calc(20px + 100 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t120 {
    padding-top:calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_b120 {
    padding-bottom:calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_100 {
    padding:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_tb100 {
    padding:calc(20px + 80 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t100 {
    padding-top:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_b100 {
    padding-bottom:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_95 {
    padding:calc(20px + 75 / var(--invarPx) * var(--centerWidth));
}
.pd_tb95 {
    padding:calc(20px + 75 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t95 {
    padding-top:calc(20px + 75 / var(--invarPx) * var(--centerWidth));
}
.pd_b95 {
    padding-bottom:calc(20px + 75 / var(--invarPx) * var(--centerWidth));
}
.pd_90 {
    padding:calc(20px + 70 / var(--invarPx) * var(--centerWidth));
}
.pd_tb90 {
    padding:calc(20px + 70 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t90 {
    padding-top:calc(20px + 70 / var(--invarPx) * var(--centerWidth));
}
.pd_b90 {
    padding-bottom:calc(20px + 70 / var(--invarPx) * var(--centerWidth));
}
.pd_85 {
    padding:calc(20px + 65 / var(--invarPx) * var(--centerWidth));
}
.pd_tb85 {
    padding:calc(20px + 65 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t85 {
    padding-top:calc(20px + 65 / var(--invarPx) * var(--centerWidth));
}
.pd_b85 {
    padding-bottom:calc(20px + 65 / var(--invarPx) * var(--centerWidth));
}
.pd_80 {
    padding:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_tb80 {
    padding:calc(20px + 60 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t80 {
    padding-top:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_b80 {
    padding-bottom:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_75 {
    padding:calc(20px + 55 / var(--invarPx) * var(--centerWidth));
}
.pd_tb75 {
    padding:calc(20px + 55 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t75 {
    padding-top:calc(20px + 55 / var(--invarPx) * var(--centerWidth));
}
.pd_b75 {
    padding-bottom:calc(20px + 55 / var(--invarPx) * var(--centerWidth));
}
.pd_70 {
    padding:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_tb70 {
    padding:calc(20px + 50 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t70 {
    padding-top:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_b70 {
    padding-bottom:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_65 {
    padding:calc(20px + 45 / var(--invarPx) * var(--centerWidth));
}
.pd_tb65 {
    padding:calc(20px + 45 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t65 {
    padding-top:calc(20px + 45 / var(--invarPx) * var(--centerWidth));
}
.pd_b65 {
    padding-bottom:calc(20px + 45 / var(--invarPx) * var(--centerWidth));
}
.pd_60 {
    padding:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_tb60 {
    padding:calc(20px + 40 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t60 {
    padding-top:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_b60 {
    padding-bottom:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_55 {
    padding:calc(20px + 35 / var(--invarPx) * var(--centerWidth));
}
.pd_tb55 {
    padding:calc(20px + 35 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t55 {
    padding-top:calc(20px + 35 / var(--invarPx) * var(--centerWidth));
}
.pd_b55 {
    padding-bottom:calc(20px + 35 / var(--invarPx) * var(--centerWidth));
}
.pd_50 {
    padding:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_tb50 {
    padding:calc(20px + 30 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t50 {
    padding-top:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_b50 {
    padding-bottom:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_45 {
    padding:calc(20px + 25 / var(--invarPx) * var(--centerWidth));
}
.pd_tb45 {
    padding:calc(20px + 25 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t45 {
    padding-top:calc(20px + 25 / var(--invarPx) * var(--centerWidth));
}
.pd_b45 {
    padding-bottom:calc(20px + 25 / var(--invarPx) * var(--centerWidth));
}
.pd_40 {
    padding:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_tb40 {
    padding:calc(20px + 20 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t40 {
    padding-top:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_b40 {
    padding-bottom:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_35 {
    padding:calc(15px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_tb35 {
    padding:calc(15px + 20 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t35 {
    padding-top:calc(15px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_b35 {
    padding-bottom:calc(15px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_30 {
    padding:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_tb30 {
    padding:calc(15px + 15 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t30 {
    padding-top:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_b30 {
    padding-bottom:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_25 {
    padding:calc(10px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_tb25 {
    padding:calc(10px + 15 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t25 {
    padding-top:calc(10px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_b25 {
    padding-bottom:calc(10px + 15 / var(--invarPx) * var(--centerWidth));
}

.pd_20 {
    padding:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_tb20 {
    padding:calc(10px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t20 {
    padding-top:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_b20 {
    padding-bottom:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_15 {
    padding:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_tb15 {
    padding:calc(5px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t15 {
    padding-top:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_b15 {
    padding-bottom:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_10 {
    padding:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_tb10 {
    padding:calc(5px + 5 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t10 {
    padding-top:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_b10 {
    padding-bottom:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_5 {
    padding:calc(2px + 3 / var(--invarPx) * var(--centerWidth));
}
.pd_tb5 {
    padding:calc(2px + 3 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t5 {
    padding-top:calc(2px + 3 / var(--invarPx) * var(--centerWidth));
}
.pd_b5 {
    padding-bottom:calc(2px + 3 / var(--invarPx) * var(--centerWidth));
}
.pd_tb0{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.pd_t0{
	padding-top:0 !important;
}
.pd_b0{
	padding-bottom:0 !important;
}
.pd_lr0{
	padding-left:0 !important;
	padding-right:0 !important;
}
.pd_l0{
	padding-left:0 !important;
}
.pd_r0{
	padding-right:0 !important;
}
.mg_t150 {
    margin-top:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.mg_b150 {
    margin-bottom:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.mg_t100 {
    margin-top:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.mg_b100 {
    margin-bottom:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.mg_t95 {
    margin-top:calc(20px + 75 / var(--invarPx) * var(--centerWidth));
}
.mg_b95 {
    margin-bottom:calc(20px + 75 / var(--invarPx) * var(--centerWidth));
}
.mg_t90 {
    margin-top:calc(20px + 70 / var(--invarPx) * var(--centerWidth));
}
.mg_b90 {
    margin-bottom:calc(20px + 70 / var(--invarPx) * var(--centerWidth));
}
.mg_t85 {
    margin-top:calc(20px + 65 / var(--invarPx) * var(--centerWidth));
}
.mg_b85 {
    margin-bottom:calc(20px + 65 / var(--invarPx) * var(--centerWidth));
}
.mg_t80 {
    margin-top:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.mg_b80 {
    margin-bottom:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.mg_t75 {
    margin-top:calc(20px + 55 / var(--invarPx) * var(--centerWidth));
}
.mg_b75 {
    margin-bottom:calc(20px + 55 / var(--invarPx) * var(--centerWidth));
}
.mg_t70 {
    margin-top:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.mg_b70 {
    margin-bottom:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.mg_t65 {
    margin-top:calc(20px + 45 / var(--invarPx) * var(--centerWidth));
}
.mg_b65 {
    margin-bottom:calc(20px + 45 / var(--invarPx) * var(--centerWidth));
}
.mg_t60 {
    margin-top:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.mg_b60 {
    margin-bottom:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.mg_t55 {
    margin-top:calc(20px + 35 / var(--invarPx) * var(--centerWidth));
}
.mg_b55 {
    margin-bottom:calc(20px + 35 / var(--invarPx) * var(--centerWidth));
}
.mg_t50 {
    margin-top:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.mg_b50 {
    margin-bottom:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.mg_t45 {
    margin-top:calc(20px + 25 / var(--invarPx) * var(--centerWidth));
}
.mg_b45 {
    margin-bottom:calc(20px + 25 / var(--invarPx) * var(--centerWidth));
}
.mg_t40 {
    margin-top:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_b40 {
    margin-bottom:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_t35 {
    margin-top:calc(15px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_b35 {
    margin-bottom:calc(15px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_t30 {
    margin-top:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_b30 {
    margin-bottom:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_t25 {
    margin-top:calc(10px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_b25 {
    margin-bottom:calc(10px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_t20 {
    margin-top:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_b20 {
    margin-bottom:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_t15 {
    margin-top:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_b15 {
    margin-bottom:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_t10 {
    margin-top:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.mg_b10 {
    margin-bottom:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.mg_t5 {
    margin-top:calc(2px + 3 / var(--invarPx) * var(--centerWidth));
}
.mg_b5 {
    margin-bottom:calc(2px + 3 / var(--invarPx) * var(--centerWidth));
}