@charset "utf-8";

html {
    /*谷歌浏览器字体最小字体12px*/
    -webkit-text-size-adjust: 100%;
    /*100%/none 关闭字体大小自动调整功能*/
    /*a标签及拥有 :active伪类的元素有默认的高亮框*/
    -webkit-tap-hightlight-color: transparent;
    /*禁止文本被选中*/
    -webkit-user-select: none;
    background-color: #FFFFFF;
    font-family: Microsoft YaHei;
}

body {
    font-family: Helvetica;
    overflow-x: hidden;
    /*开启moblie网页快速滚动和回弹的效果*/
    -webkit-overflow-scrolling: touch;
    font-size: 0.22rem;
}

/* 清除默认样式 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #333;
    text-decoration: none;
}

em,
i {
    font-style: normal;
}

ul,
li,
ol {
    list-style-type: none;
}

strong {
    font-weight: normal;
}

a,
img {
    /*阻止长按页面，弹出菜单的方法*/
    -webkit-touch-callout: none;
}

input,
textarea {
    -webkit-appearance: none;
    outline: none;
    border: none;
}

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    /* 移动端点击a链接出现蓝色背景问题解决 */
    a:link,
    a:active,
    a:visited,
    a:hover {
        background: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }

    /* 禁止缩放表单 */
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input {
        resize: none;
        border: none;
    }

        /*修改placeholder的字体颜色*/
        input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #000;
        }

        input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #000;
        }

        input:-ms-input-placeholder {
            color: #000;
        }

        input::-webkit-input-placeholder {
            color: #000;
        }

/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    border: 0;
    width: auto\9;
    /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
    vertical-align: middle;
}

h2 {
    color: #333333;
    font-size: 0.34rem;
}

/* 清除浮动 */
.clearfix:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

/*单行溢出*/
.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*多行溢出 手机端使用*/
.txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}

.w50 {
    width: 50%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w33 {
    width: 33.333333%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.db {
    display: block !important;
}

.dn {
    display: none;
}

[v-cloak] {
    display: none !important
}

html {
    font-size: 50px;
    /*width: 7.5rem;*/
}

#app {
    height: 100vh;
}

.bar-img {
    width: 100%;
    height: 1.57rem;
}


input::-webkit-input-placeholder {
    /* WebKit browsers，webkit内核浏览器 */
    color: #ccc;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}
/*大小*/
.w100 {
    width: 100%;
}

/*字体*/
.fs14 {
    font-size: 0.14rem;
}

.fs16 {
    font-size: 0.16rem;
}

.fs22 {
    font-size: 0.22rem;
}

.fs25 {
    font-size: 0.25rem;
}

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


/*颜色*/
.color-1 {
    color: #FFFFFF;
}

.color-2 {
    color: #333333;
}

.color-3 {
    color: #666666;
}

.color-4 {
    color: #D3CFCF;
}

.color-5 {
    color: #000;
}

.color-6 {
    color: #999;
}

.bg-1 {
    background: #FFFFFF !important;
}


/*边距*/
.pt10 {
    padding-top: 0.1rem;
}

.pt15 {
    padding-top: 0.15rem;
}

.pt20 {
    padding-top: 0.2rem;
}

.pt30 {
    padding-top: 0.3rem;
}

.p5 {
    padding: 0.05rem;
}

.pl10 {
    padding-left: 0.1rem;
}

.pb10 {
    padding-bottom: 0.1rem;
}
.pb100 {
    padding-bottom: 1rem;
}

.mr5 {
    margin-right: 0.05rem;
}

.mr10 {
    margin-right: 0.1rem
}

.mr20 {
    margin-right: 0.2rem;
}


/*flex布局*/
.flex {
    display: flex;
}

.f-d-c {
    flex-direction: column;
}

.a-i-c {
    align-items: center;
}

.j-c-s-b {
    justify-content: space-between;
}

.j-c-c {
    justify-content: center;
}

.j-c-s-a {
    justify-content: space-around;
}

.j-c-s-e {
    justify-content: space-evenly;
}

.center-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner {
    width: 100%;
    height: 2.8rem;
    background-color: #000;
}

.flex::-webkit-scrollbar {
    display: none
}

.class-list {
    height: auto;
    width: 100%;
    /*margin-bottom: 1rem;*/
    padding-top: 0.32rem
}