* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body,
html {
    background-color: #f7f8fc;
    height: auto;
    font-family: 'SourceHanSansCN-Regular' !important;
    font-size: 3.2vw;

}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    /* 重命名字体名 */
    src: url('../font-family/SourceHanSansCN-Regular.otf');
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    /* 重命名字体名 */
    src: url('../font-family/SourceHanSansCN-Medium.otf');
}

.titleTab,
.title {
    font-family: 'SourceHanSansCN-Medium';
}

li {
    list-style-type: none;
}

img {
    border: 0 none;
}


.titleTab {
    font-size: 3.73vw;
    font-weight: 300;
    color: #595959;
    position: relative;
    z-index: 1;
}

.titleTab.activeTab {
    font-size: 4.53vw;
    padding: 0.8vw 0;
    position: relative;
    font-weight: 700;
}

.titleTab span {
    position: relative;
    z-index: 1;
}

.titleTab.activeTab::after {
    content: "";
    position: absolute;
    width: 18vw;
    height: 1.20vw;
    background-image: linear-gradient(90deg,
            #fff 0%,
            #5488f8 100%),
        linear-gradient(#ffdb31,
            #5488f8);
    border-radius: 5px;
    bottom: 1.2vw;
    left: 0;
    z-index: 0;
}

.pointer {
    cursor: pointer;
}

.flex {
    display: flex;
    align-items: center;
}

.tag {
    padding: 0.8vw 1.333vw;
    background-color: #48a3ff;
    border-radius: 6px;
    color: #fff;
    font-size: 3vw;
}

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

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

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

}

/* 底部信息 */
.weui-tabbar__icon {
    width: 5.067vw;
    height: 5.067vw;

}

.weui-tabbar__icon img {
    width: 5.067vw;
}

.weui-tabbar {
    padding-top: 2vw;
    box-shadow: 0px 0px 12px 0px rgba(181, 181, 181, 0.1);
    position: fixed !important;
    background-color: #fff !important;
}

.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
    color: #5488f8;
}

.mainColor {
    color: #48a3ff;
}

.weui-tabbar:before {
    border: none;
}

.Scan {
    position: absolute;
    top: -35%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 14vw;
    height: 14vw;
    background-color: #48a3ff;
    border: 1.5vw solid #fff;
    border-radius: 50%;


}

.Scan i {
    font-size: 6.4vw;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.weui-tabbar__item .weui-tabbar__icon .normal {
    display: inline-block;

}

.weui-tabbar__item .weui-tabbar__icon .active {
    display: none;
}

.weui-bar__item--on .weui-tabbar__icon .normal {
    display: none;
}

.weui-bar__item--on .weui-tabbar__icon .active {
    display: inline-block;
}

/* 头部信息 */
.nav-head {
    height: 12vw;
    background-color: #5488f8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3.2vw;
    position: relative;
    color: #ffffff;
    font-size: 4.8vw;
    z-index: 2;

}

.nav-head .i {
    color: #f7f8fb;

}

.nav-head .icon-zuojiantou_huaban {
    position: absolute;
    left: 3.2vw;
    top: 50%;
    color: #f7f8fb;
    transform: translateY(-50%);

}

.icon-shijian,
.icon-personal,
.icon-liwuhuodong,
.icon-duoren {
    font-size: 2.9vw;
    margin-right: 0.2vw;
    color: #48a3ff;
}

.weui-pull-to-refresh__layer {
    height: auto;
    line-height: auto;
}

.submitButton {
    width: 100%;
    padding: 3.87vw 0;
    background-color: #48a3ff;
    box-shadow: 0vw 0.4vw 3.47vw 0vw rgba(72, 163, 254, 0.68);
    border-radius: 1.33vw;
    border: none;
    font-size: 4.53vw;
    color: #fff;
    text-align: center;
}

.plainButton {
    width: 19.6vw;
    height: 6.4vw;
    background-color: #ffffff;
    border-radius: 1.33vw;
    border: solid 0.27vw #48a3ff;
    color: #48a3ff;
    font-size: 3.2vw;
}

span.minitag {
    padding: 0.67vw 1.66vw;
    font-size: 2.4vw;
    color: #fff;
    background-color: #71adf8;
    border-radius: 1vw;
}

span.minitag.type1 {
    background-color: #71adf8;
}

span.minitag.type2 {
    background-color: #fca723;
}

span.minitag.type3 {
    background-color: #4cd964;
}

.weui-mask,
.weui-mask_transparent,
.weui-dialog {
    visibility: hidden;
}

.weui-mask--visible,
.weui-dialog--visible {
    visibility: visible;
}

.weui-dialog__btn.primary {
    color: #4d70fa;
}

.weui-dialog__btn.default {
    color: #333;
}