yantai-app/yt_shishidongtai/data/acss/questionnaire.css

@charset "UTF-8";
.f-cb {
    float: none;
    clear: both;
    height: 0;
}
.f-cs::after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: '';
}
.f-hide {
    display: none;
}
.f-fl {
    float: left;
}
.f-fr {
    float: right;
}
.f-bs1 {
    box-shadow: 0 2rpx 8rpx 0 rgba(0, 0, 0, 0.1);
}
.f-bs2 {
    box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.16);
}
.f-bs3 {
    box-shadow: 0 6rpx 18rpx 0 rgba(0, 0, 0, 0.22);
}
.f-blur {
    filter: blur(3px);
}
.f-shield {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8rpx);
}
@keyframes fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade_in_up {
    0% {
        transform: translate3d(0, 360rpx, 0);
        opacity: 0.3;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fade_in_down {
    0% {
        transform: translate3d(0, -360rpx), 0;
        opacity: 0.3;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fade_in_right {
    0% {
        transform: translate3d(360rpx, 0, 0);
        opacity: 0.3;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fade_in_left {
    0% {
        transform: translate3d(-360rpx, 0, 0);
        opacity: 0.3;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.a-fade-in {
    animation: fade_in 0.27s ease-in;
}
.a-fade-in-up {
    animation: fade_in_up 0.27s ease-in;
}
.a-fade-in-right {
    animation: fade_in_right 0.27s ease-in;
}
.a-fade-in-left {
    animation: fade_in_left 0.27s ease-in;
}
.a-fade-in-down {
    animation: fade_in_down 0.27s ease-in;
}
@keyframes fade_out {
    0% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 0;
    }
}
@keyframes fade_out_up {
    0% {
        display: block;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        display: block;
        transform: translate3d(0, 360rpx, 0);
        opacity: 0;
    }
}
@keyframes fade_out_down {
    0% {
        display: block;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        display: block;
        transform: translate3d(0, -360rpx, 0);
        opacity: 0;
    }
}
@keyframes fade_out_right {
    0% {
        display: block;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        display: block;
        transform: translate3d(360rpx, 0, 0);
        opacity: 0;
    }
}
@keyframes fade_out_left {
    0% {
        display: block;
        transform: translate3d(0);
        opacity: 1;
    }
    100% {
        display: block;
        transform: translate3d(-360rpx, 0, 0);
        opacity: 0;
    }
}
.a-fade-out {
    animation: fade_out 0.27s ease-out;
}
.a-fade-out-up {
    animation: fade_out_up 0.27s ease-out;
}
.a-fade-out-right {
    animation: fade_out_right 0.27s ease-out;
}
.a-fade-out-left {
    animation: fade_out_left 0.27s ease-out;
}
.a-fade-out-down {
    animation: fade_out_down 0.27s ease-out;
}
@keyframes scale_in {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
@keyframes scale_in_left_up {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}
@keyframes scale_in_right_down {
    0% {
        opacity: 0;
        transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}
@keyframes scale_in_right_up {
    0% {
        opacity: 0;
        transform: translate3d(50%, -50%, 0) scale3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}
@keyframes scale_in_left_down {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}
.a-scale-in {
    animation: scale_in 0.27s ease-in;
}
.a-scale-in-left-up {
    animation: scale_in_left_up 0.27s ease-in;
}
.a-scale-in-right-up {
    animation: scale_in_right_up 0.27s ease-in;
}
.a-scale-in-left-down {
    animation: scale_in_left_down 0.27s ease-in;
}
.a-scale-in-right-down {
    animation: scale_in_right_down 0.27s ease-in;
}
.fixed-tit {
    position: absolute;
    height: 94rpx;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 9999;
}
.g-fixed_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.g-bd {
    box-sizing: border-box;
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.m-swiper_list {
    position: relative;
    height: 100%;
}
.m-tabs {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 80rpx;
    display: flex;
}
.m-tabs .tab {
    margin: 20rpx 30rpx;
    width: 120rpx;
    height: 40rpx;
    line-height: 40rpx;
    font-size: 26rpx;
    text-align: center;
    border-radius: 10rpx;
    color: #999;
    background: #f7f7f7;
}
.m-tabs .tab.z-on {
    background: #e3271c;
    color: #fffefe;
}