body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
span,
a,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
select,
textarea,
th,
td {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

html {
    min-height: 100%;
    border: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    word-wrap: break-word;
    word-break: break-all;
    -webkit-font-smoothing: antialiased;
}

/*html, body {-webkit-user-select: none;user-select: none;}*/
ul,
ol {
    list-style-type: none;
}

button,
input,
select,
textarea {
    outline: none;
}

button,
input,
select {
    vertical-align: middle;
}

button,
input[type="button"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}

textarea {
    resize: none;
    outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    padding: 0;
    border: none;
}

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

th,
td {
    text-align: left;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

/*a,img {-webkit-touch-callout: none;}*/
img {
    border: none;
    vertical-align: middle;
    width: 100%;
}

i {
    line-height: 0;
}

/* a {
  outline: none;
}

a:link,
a:visited {
  text-decoration: none;
  outline: none;
}

a:hover,
a:active {
  outline: none;
} */

iframe {
    vertical-align: top;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "\20";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

/*显示隐藏*/
.hide {
    display: none;
}

.block {
    display: block;
}

/*文本位置*/
.ta-l {
    text-align: left;
}

.ta-c {
    text-align: center;
}

.ta-r {
    text-align: right;
}

/*浮动*/
.l {
    float: left;
    display: inline;
}

.r {
    float: right;
    display: inline;
}

/* 块状元素水平居中 */
.auto {
    margin-left: auto;
    margin-right: auto;
}

/*滚动条*/
.scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-x {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.scroll-y {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* 文字溢出虚点显示*/
.ell {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ells {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*文本两端对齐*/
.just {
    text-align: justify;
    text-align-last: justify;
}

.just:after {
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    content: "";
}

/*文本竖向*/
.write {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: tb-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
}

/* 文本选中 */
/* ::-webkit-selection {
  color: #000;
  background: transparent;
}

::-moz-selection {
  color: #000;
  background: transparent;
}

::selection {
  color: #000;
  background: transparent;
} */

/*弹性布局*/
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
}

.flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex.end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -moz-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.flex.jc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex.justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex.flow {
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex.hide {
    display: none;
}

/*定位居中*/
.ps-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*高性能css3动画*/
.hack {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

html {
    font-size: calc(100vw / 7.5);
}

body {
    font-size: 0.24rem;
    width: 100%;
    max-width: 7.5rem;
    margin: 0 auto;
    background: #161719;
}

.hint {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #000 url(../image/lanscape.gif) no-repeat center;
    background-size: 4.44rem auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.landscape .hint {
    display: block;
}