@charset "utf-8";
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 修改默认盒模型 */
    -webkit-text-size-adjust: 100%;
    /* IOS 横屏时默认字体为140%；旋转屏幕时，字体大小不变 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* 修正 IOS 和 Android 可点击元素的高亮颜色 */
    -webkit-tap-highlight-color: transparent;
    /* i.e. Nexus5/Chrome and Kindle Fire HD 7'' */
    -webkit-user-select: none;
    user-select: none;
}


/* 清除内外边距 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,

/* structural elements 结构元素 */

dl,
dt,
dd,
ul,
ol,
li,

/* list elements 列表元素 */

th,
td,

/* table elements 表格元素 */

fieldset,
legend,
button,
input,
textarea
/* form elements 表单元素 */

{
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: 0;
    background-color: transparent;
}


/**
 * 尽可能使用系统原生字体，PC上很多字体手机端并没有，保留Arial用于PC端调试;
 */

html,
body,
button,
input,
select,
textarea {
    /* font-family: 'Helvetica Neue', Helvetica, STHeiTi, Arial, sans-serif; */
    font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}

textarea {
    resize: none;
    /* 禁止调整大小的textarea */
}

a,
input,
textarea,
select,
button,
label {
    color: inherit;
    outline: none;
    /* 取消chrome下默认的文本框聚焦样式 */
    -webkit-appearance: none;
    /* 消除输入框和按钮的原生外观，在iOS上加上这个属性才能给按钮和输入框自定义样式 */
    -webkit-tap-highlight-color: rgba( 0, 0, 0, 0);
    /* 透明度设置为0，去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) */
}

input,
textarea,
select,
.text-select {
    -webkit-user-select: text;
    user-select: all;
}

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

img,
a {
    -webkit-touch-callout: none;
    /* 禁止长按链接与图片弹出菜单 */
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}


/* *
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
    text-decoration: none;
    display: inline-block;
}


/* *
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated). */

a:active,
a:hover {
    outline-width: 0;
}


/* 重置列表元素 */

ol,
ul {
    list-style: none;
}


/* 重置表格元素 */

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


/* reset the correct font weight in Chrome, Edge, and Safari. */

b,
strong {
    font-weight: bolder;
}


/* Hide the overflow in IE. */

svg:not(:root) {
    overflow: hidden;
}


/* Add the correct display in IE 10-. */

[hidden] {
    display: none;
}


/* ------------------Form------------------ */


/* 修改占位文字的默认样式 */

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

:focus::-webkit-input-placeholder {
    opacity: 0;
}


/* 用来设置input 没有输入时的提示 */


/* :placeholder-shown {
    border-color: #00f; // 无输入时,边框显示蓝色
    color: #f00; // 只对无输入时的光标颜色有效
} */

input,
textarea,
select,
:focus {
    color: inherit;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

input[type='radio'],
input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}


/* 横屏时使用的样式 */

/* @media all and (orientation: landscape) {
    body {
        overflow: hidden;
    }
    body:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        z-index: 100;
        background: #000 url(../img/rotatetip.jpg) no-repeat center center;
    }
} */

.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide {
    display: none;
}

.disabled {
    pointer-events: none;
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    background-repeat: no-repeat;
    z-index: 9;
}

.center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.centerH {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.centerV {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

img.saveImg {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    -webkit-touch-callout: inherit;
    -webkit-user-select: none;
    user-select: none;
}