html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
a,
p,
span,
strong,
b,
input,
textarea,
button,
table,
tr,
td,
th,
em,
i,
var,
div,
img {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

html {
    overflow-x: hidden;
}

html,
body {
    /*-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;*/
    /*-webkit-overflow-scrolling: touch;*/
    /*touch-action: auto;*/
    overflow-x: hidden;
    -webkit-appearance: none;
    max-width: 750px;
    /*margin:  0 auto;*/
    position: relative;
    font-size: 0.24rem;
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    background: #fff;
}

body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    min-height: 100%;
}

h4,
h5,
h6 {
    font-weight: inherit;
}

li {
    list-style: none;
}

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

.clear {
    clear: both;
}

em,
i {
    font-style: normal;
    box-sizing: border-box;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c3c3c3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c3c3c3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c3c3c3;
}

b,
strong {
    display: block;
}

a,
i,
strong,
em,
b {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a {
    display: block;
}

p {
    word-wrap: break-word;
    word-break: normal;
}

img {
    display: block;
    max-width: 100%;
}

input,
textarea,
button {
    background-color: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: 0;
}

div,
ul,
li {
    display: block;
    box-sizing: border-box;
}

.idxWrap {
    padding: 0 .27rem;
    width: 100%;
}

.wrap {
    padding: 0 .25rem;
    width: 100%;
    position: relative;
}

.clearfix {}

.clearfix::after,
.clearfix::before {
    display: block;
    content: '';
    clear: both;
    font-size: 0;
}

.img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.img img {
    display: block;
    width: 100%;
}

p.img {
    padding-bottom: .45rem;
}

p.img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../font/Gilroy-Bold.eot');
    src: url('../font/Gilroy-Bold.otf')format('otf'), url('../font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Gilroy-Bold.woff') format('woff'), url('../font/Gilroy-Bold.woff2') format('woff2'), url('../font/Gilroy-Bold.ttf') format('truetype'), url('../font/Gilroy-Bold.svg') format('svg');
    url('../font/Gilroy-Bold.pfa') format('pfa');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BRANDON_MED';
    src: url('../font/BRANDON_MED_1.eot');
    src: url('../font/BRANDON_MED_1.otf')format('otf'), url('../font/BRANDON_MED_1.eot?#iefix') format('embedded-opentype'), url('../font/BRANDON_MED_1.woff') format('woff'), url('../font/BRANDON_MED_1.woff2') format('woff2'), url('../font/BRANDON_MED_1.ttf') format('truetype'), url('../font/BRANDON_MED_1.svg') format('svg');
    url('../font/Gilroy-Bold.pfa') format('pfa');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BRANDON_BLOD';
    src: url('../font/BRANDON_BLD.eot');
    src: url('../font/BRANDON_BLD.otf')format('otf'), url('../font/BRANDON_BLD.eot?#iefix') format('embedded-opentype'), url('../font/BRANDON_BLD.woff') format('woff'), url('../font/BRANDON_BLD.woff2') format('woff2'), url('../font/BRANDON_BLD.ttf') format('truetype'), url('../font/BRANDON_BLD.svg') format('svg');
    url('../font/Gilroy-Bold.pfa') format('pfa');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BRANDON_LIGHT';
    src: url('../font/BRANDON_LIGHT.eot');
    src: url('../font/BRANDON_LIGHT.otf')format('otf'), url('../font/BRANDON_LIGHT.eot?#iefix') format('embedded-opentype'), url('../font/BRANDON_LIGHT.woff') format('woff'), url('../font/BRANDON_LIGHT.woff2') format('woff2'), url('../font/BRANDON_LIGHT.ttf') format('truetype'), url('../font/BRANDON_LIGHT.svg') format('svg');
    url('../font/Gilroy-Bold.pfa') format('pfa');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url('../font/Rubik-Regular.eot');
    src: url('../font/Rubik-Regular.otf')format('otf'), url('../font/Rubik-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Rubik-Regular.woff') format('woff'), url('../font/Rubik-Regular.woff2') format('woff2'), url('../font/Rubik-Regular.ttf') format('truetype'), url('../font/Rubik-Regular.svg') format('svg');
    url('../font/Gilroy-Bold.pfa') format('pfa');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century-Gothic-Regular';
    src: url('../font/GOTHIC.eot');
    src: url('../font/GOTHIC.otf')format('otf'), url('../font/GOTHIC.eot?#iefix') format('embedded-opentype'), url('../font/GOTHIC.woff') format('woff'), url('../font/GOTHIC.woff2') format('woff2'), url('../font/GOTHIC.ttf') format('truetype'), url('../font/GOTHIC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FUTURA-BOOK';
    src: url('../font/FUTURA-BOOK.eot');
    src: url('../font/FUTURA-BOOK.otf')format('otf'), url('../font/FUTURA-BOOK.eot?#iefix') format('embedded-opentype'), url('../font/FUTURA-BOOK.woff') format('woff'), url('../font/FUTURA-BOOK.woff2') format('woff2'), url('../font/FUTURA-BOOK.ttf') format('truetype'), url('../font/FUTURA-BOOK.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century-Gothic-bold';
    src: url('../font/GOTHICB.eot');
    src: url('../font/GOTHICB.otf')format('otf'), url('../font/GOTHICB.eot?#iefix') format('embedded-opentype'), url('../font/GOTHICB.woff') format('woff'), url('../font/GOTHICB.woff2') format('woff2'), url('../font/GOTHICB.ttf') format('truetype'), url('../font/GOTHICB.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik.eot');
    src: url('../fonts/Rubik.otf')format('otf'), url('../fonts/Rubik.eot?#iefix') format('embedded-opentype'), url('../fonts/Rubik.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/Rubik.ttf') format('truetype'), url('../fonts/Rubik.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'T_ban';
    src: url('../fonts/T_ban.eot');
    src: url('../fonts/T_ban.otf')format('otf'), url('../fonts/T_ban.eot?#iefix') format('embedded-opentype'), url('../fonts/T_ban.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/T_ban.ttf') format('truetype'), url('../fonts/T_ban.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesque';
    src: url('../fonts/BrandonGrotesque.eot');
    src: url('../fonts/BrandonGrotesque.otf')format('otf'), url('../fonts/BrandonGrotesque.eot?#iefix') format('embedded-opentype'), url('../fonts/BrandonGrotesque.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
    url('../fonts/BrandonGrotesque.ttf') format('truetype'), url('../fonts/BrandonGrotesque.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}