.facebook_like-result, .login_fb {
    text-align: center
}

.jogar_footer p a, .question-main p {
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0
}

.shade_mainup ul li a img {
    width: 3.625rem
}

* {
    padding: 0;
    margin: 0
}
ins {
    margin-bottom: 0.5rem;
}
ol, ul {
    list-style: none
}

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

a {
    text-decoration: none
}

input:focus {
    outline: 0
}

html {
    height: 100%
}

body {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    font-family: 'Quicksand', sans-serif !important
}

.jogar_header, .shade_mainup ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.jogar_header {
    height: 3rem;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem;
    position: relative
}

.hide_btn-menu, .showMenuList {
    display: none
}

.jogar_container, .shade_mainup ul li a {
    -webkit-box-orient: vertical
}

.header_logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-direction: row-reverse
}

.header_logo .header-logo-img {
    width: 145px;
    height: 30px;
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) 0 -92px no-repeat
}

.header_menu-btn {
    width: 1.5rem;
    /* height: 1.25rem; */
    position: absolute;
}

.header_menu-btn img, .header_menu-shade, .shade_fulldown, .shade_mainup {
    width: 100%;
    vertical-align: middle;
}

.header_menu-shade {
    position: absolute;
    z-index: 15;
    top: 3rem
}
#think_page_trace_open {
    z-index: 2;
}
.shade_fulldown {
    position: absolute;
    z-index: 16;
    background: rgba(0, 0, 0, .6)
}

.shade_mainup {
    position: absolute;
    z-index: 18
}

.shade_mainup ul {
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.shade_mainup ul li, .shade_mainup ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.shade_mainup ul li {
    display: flex;
    width: 33%
}

.shade_mainup ul li a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.shade_mainup ul li a .header-menu-img {
    width: 58px;
    height: 58px
}

.img-emotion {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -198px 0 no-repeat
}

.img-funny {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -66px 0 no-repeat
}

.img-facerecongnition {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -330px 0 no-repeat
}

.img-life {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -330px -67px no-repeat
}

.shade_mainup ul li a span {
    color: #fff;
    font-size: .8rem
}

.logout {
    position: fixed;
    bottom: 3rem;
    right: .5rem;
    font-size: 1rem;
    color: #FFF
}

.common_list-li, .question_img, .result_img {
    position: relative
}

.common_list-line-pa {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.common_list-line {
    width: calc(100% - 1rem);
    background: #e6e6e6;
    margin: .2rem 0
}

.jogar_container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.invite_friends, .login_for-facebookbtn, .share-btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 2.3rem;
    background-color: #3B5998;
    margin: 0 auto 1rem;
    width: calc(100% - 1rem);
    border-radius: 0.3rem;
}

.loginForFaceBookClass-google {
    background-color: #d24438
}

@keyframes breathe {
    0% {
        box-shadow: 0 0 0 0 #3b5998
    }

    50% {
        box-shadow: 0 0 0 2vw rgba(59, 89, 152, 0)
    }

    100% {
        box-shadow: 0 0 0 2vw rgba(59, 89, 152, 0)
    }
}

.login_fb {
    margin: .8rem 0
}

.facebook_logo_google, .facebook_logo {
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    left: 0.5rem;
}

.facebook_logo-img {
    width: 2.25rem;
    height: 2.25rem;
    background: url('https://www.buzzfun.me/buzzfun/mobile/img/icon2.png') no-repeat;
    background-position: -210px -180px
}

.login_loading-ball {
    width: 3rem;
    height: 100%;
    border-radius: 0 .5rem .5rem 0
}

.login_loading-ball img {
    width: 100%;
    height: 100%;
    border-radius: 0 .5rem .5rem 0
}

.invite_friends>span, .login_for-facebookbtn>span, .share-btn>span {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 400;
    font-family: Roboto, arial, sans-serif;
}

.clickLoginBtnForLoading {
    width: 3rem;
    height: 3rem;
    display: none
}

.common_list-questiondesc p, .jogar_footer {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.question_img, .result_img {
    min-height: 8rem;
    margin-top: .5rem
}

.result_img-loading-bg {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.result_img-loading-bg img {
    width: 4rem !important;
    height: 4rem !important;
    display: block;
    position: relative;
    z-index: 1
}

.question_img img, .result_img img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.common_list-ul {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
}

.common_list-ul .common_list-li {
    /*width: calc(50% - 1rem);*/
    /* box-shadow: 0rem 0rem 1rem 0rem rgb(103 102 102 / 30%); */
    margin: 0.5rem;
}
.common_list-ul_poll .common_list-li {
    width: calc(100% - 1rem);
}
.common_list-ul .common_list-li-photo-album {
    width: calc(100% - 1rem);
    border-radius: 0.3rem;
    box-shadow: 0rem 0rem 1rem 0rem rgb(103 102 102 / 30%);
}

.common_list-img, .common_list-img img {
    width: 100%;
    border-radius: 0.3rem;
}

.common_list-questiontag {
    position: absolute;
    top: 0;
    left: 0rem;
    width: 5rem;
    font-size: 1rem;
    background: #fdb900;
    text-align: center;
    z-index: 2;
    color: #fff
}

.common_list-img {
    /* min-height: 8rem; */
    position: relative
}

.common_list-img img {
    display: block
}

.common_list-questiondesc {
    border-radius: 0 0 .5rem .5rem;
    padding: 0rem .5rem;
    color: #535353;
    overflow: hidden;
    padding: .4rem .5rem
}

.common_list-questiondesc p {
    font-size: 0.9rem;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #1a1a1a;
    text-align: left;
    font-weight: bold;
}

.swiper-slide .common_list-questiondesc p {
    -webkit-line-clamp: 2;
}

.common_list-li-photo-album .common_list-questiondesc p {
    padding: .3rem 0
}

.common_list-ul {
    padding: .4rem 0
}
.redirect_home img {
    width: 7.5rem;
}
.jogar_footer {
    background: #F4F4F4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem .5rem;
    /* background: url('https://www.buzzfun.me/buzzfun/mobile/img/sd/christmas_background_bf.svg') no-repeat center;
    background-size: cover;
    background-position: bottom; */
}
/* @media screen and (min-width: 600px) {
    .jogar_footer {
        background: url('https://www.buzzfun.me/buzzfun/mobile/img/sd/christmas_background_bf_pc.svg') no-repeat center;
    }
} */
.jogar_footer p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.5rem 0;
}

.footer-div-line, .footer-p-line {
    display: inline-block;
    background: #D7D7D7;
}

.jogar_footer p a {
    font-size: .8rem;
    color: #999;
    /* color: #fff; */
    padding: 0 .5rem;
    font-size: 0.63rem;
    font-weight: 400;
}

.footer-p-line {
    height: 0.5rem;
    width: 2px
}

.footer-div-line {
    width: 100%;
    height: 2px;
    opacity: .2;
    margin: .5rem 0 1rem
}

.footer-div-line {
    width: 100%;
    height: 2px;
    display: inline-block;
    background-color: #D7D7D7;
    opacity: .2;
    margin: .5rem 0 0.5rem 0;
}

.jogar_footer>div {
    font-size: .8rem;
    font-weight: 400;
    font-stretch: normal;
    color: #999999;
    /* color: #fff; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .3rem
}

.backtotop {
    position: fixed;
    display: none;
    bottom: 4rem;
    right: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 10
}

.backtotop img {
    width: 100%;
    height: 100%
}

.new-popular-quizzes {
    margin: 10px 0
}

.new-popular-quizzes-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap
}

.new-popular-quizzes-h3, .top-tested-quizzes-h3 {
    color: #535353
}

.new-popular-quizzes-h3 {
    margin-left: .5rem
}

.top-tested-quizzes-h3 {
    margin: .5rem 0
}

.new-popular-quizzes-main-item {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.new-popular-quizzes-main-item-img {
    min-height: 5rem;
    background: #fff;
    box-shadow: 0 0 1rem 0 rgba(4, 0, 0, .18);
    border-radius: .5rem .5rem 0 0
}

.new-popular-quizzes-main-item-img img {
    width: 100%;
    vertical-align: top;
    border-radius: .5rem .5rem 0 0
}

.new-popular-quizzes-main-item p {
    font-size: .85rem;
    height: 3.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    background: #fff;
    padding: 0 .5rem;
    border-radius: 0 0 .5rem .5rem;
    color: #535353;
    box-shadow: 0 0 1rem 0 rgba(4, 0, 0, .18)
}

.load-more-quizzes-a-parent {
    width: 100%;
    height: 3rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0 0rem 0
}

.calculating_result, .load-more-quizzes-a, .nextbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.load-more-quizzes-a, .nextbtn {
    padding: .2rem 1.5rem;
    border: 1px solid #ccc;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative
}

.load-more-quizzes-a p {
    font-size: 1rem;
    color: #000
}

.load-more-quizzes-a span {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem
}

.load-more-quizzes-a span img {
    width: 100%
}

.readyAfterLoading {
    display: none !important
}

.calculating_result {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem
}

.calculating_result p {
    color: #656565;
    margin-top: 1rem
}

.calculating_result img {
    /* width: 8rem; */
    height: 3rem;
}

.love_root {
    position: relative;
    overflow: hidden;
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/bg_heart3.png) center center no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: .5rem;
    box-shadow: 0 0 1rem 0 rgba(4, 0, 0, .18)
}

.love_root .love_mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, .4);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.love_root .love_begin-btn, .love_root .love_title-bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center
}

.love_root .love_main {
    height: 100%;
    padding: 0 30px
}

.love_root .love_title-bg {
    margin: 20px 0 0;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.love_root .love_title-bg img {
    height: 124px;
    width: 208px
}

.love_root .love_names {
    margin: 16px 0 24px;
    padding: 0 32px
}

.love_root .love_names .love_firstname {
    margin-bottom: 10px
}

.love_root .love_names p {
    margin-bottom: 6px;
    color: #ab4269
}

.love_root .love_names input {
    width: 100%;
    height: 30px;
    padding-left: 5px;
    color: #ab4269;
    background: #ece6ea;
    font-size: 14px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 8px
}

.love_root .love_names input:focus {
    outline: 0;
    box-shadow: 0 0 3px 0 #3b99fc
}

.love_root .love_desc {
    width: 100%;
    overflow: hidden;
    padding: 10px 0
}

.love_root .love_desc p {
    height: 100%;
    overflow: hidden;
    padding: 5px;
    font-size: 16px;
    color: #535353
}

.love_root .love_begin-btn {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.love_root .love_begin-btn span, .picture_selected ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.love_root .love_begin-btn span {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/test_btn.png) center center no-repeat;
    background-size: cover;
    width: 160px;
    height: 52px
}

.container_picture {
    background: #fff;
    padding: .5rem;
    border-radius: .5rem
}

.container_picture h3 {
    color: #656565;
    font-size: 1rem;
    margin-bottom: .5rem;
    padding-left: .1rem
}

.picture_selected ul {
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.choosed_pic, .picture_selected ul li {
    display: -webkit-flex;
    display: -ms-flexbox
}

.picture_selected ul li {
    width: 33%;
    height: 6.5rem;
    position: relative;
    display: -webkit-box;
    display: flex
}

.choosed_img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .1rem
}

.select_pic-btn {
    position: relative
}

.choosed_pic, .choosed_pic img, .choosed_pic-mask, .input-label {
    position: absolute
}

.select_pic-btn img {
    width: 100%;
    height: 100%
}

.inputfile {
    z-index: -11111;
    width: 0;
    height: 0
}

.choosed_img img, .choosed_pic, .choosed_pic-mask, .input-label {
    width: 100%;
    height: 100%
}

.choosed_pic {
    z-index: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.another_app, .result_share-moreapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.choosed_pic-mask {
    z-index: 2;
    background: rgba(0, 0, 0, .6)
}

.choosed_pic img {
    width: 3rem;
    height: 3rem;
    z-index: 3
}

.result_desc {
    padding: .25rem .5rem;
    margin-bottom: 1rem
}

.result_desc p {
    font-size: 1rem;
    overflow: hidden;
    color: #333;
}
.poll_result_info p {
    color: #666;
}
.result_desc p .trivia_result_num {
    font-size: 2rem;
    color: #3682FF;
}
.result_desc p .trivia_result_p {
    color: #3682FF;
}
.result_desc p .poll_result_popular {
    font-size: 1.2rem;
    color: #3682FF;
}
.result_desc p .poll_result_nopopular {
    font-size: 1.2rem;
    color: #FB4955;
}
.detail_share-moreapp,
.result_share-moreapp {
    display: flex;
    height: 3rem;
    /* padding-bottom: .5rem; */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.5rem;
}
.detail_share-moreapp {
    padding: 0 0.75rem;
}
.another_app {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: .5rem;
    border-radius: 0.3rem;
    position: relative;
    z-index: 8;
    margin: 0 0.5rem;
}


.result_agian-next_btn, .result_agian-next_btn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.another_app .another_app-img {
    width: 42px;
    height: 42px
}

.img-whatsapp {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -3px -177px no-repeat
}

.img-twitter {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -56px -177px no-repeat
}

.img-messenger {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -111px -175px no-repeat
}

.img-applink {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -158px -177px no-repeat
}

.another_app-line {
    height: 1.5rem;
    border: .5px solid rgba(0, 0, 0, .15)
}

.result_agian-next_btn {
    display: flex;
    padding: .5rem;
    /* flex-direction: column; */
}

.result_agian-next_btn a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #999;
    cursor: pointer;
    color: #999999;
    border-radius: 0.3rem;
}

.result_agian-next_btn a.next_btn {
    border: none;
    background: #FF7C59;
    color: #fff;
    border: 1px solid #FF7C59;
}

.result_agian-next_btn a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
}

.result_agian-next_btn>a .result_agian-next_btn-img {
    width: 18px;
    height: 18px
}

.img-agian_btn {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -77px -67px no-repeat
}

.img-next_btn {
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/icon2.png) -59px -67px no-repeat
}

.fb-comment-box, .fb-comment-minbox {
    background: #fff;
    border-radius: .5rem
}

.next_btn {
    margin-left: 1rem;
    animation: breathe_next 1.5s infinite;
}
@keyframes breathe_next {
    0% {
        box-shadow: 0 0 0 0 #FF7C59
    }

    50% {
        box-shadow: 0 0 0 2vw rgba(255, 124, 89, 0)
    }

    100% {
        box-shadow: 0 0 0 2vw rgba(255, 124, 89, 0)
    }
}
.result_page_title_img {
    overflow: hidden;
    position: relative;
}
.canvas_result_page {
    position: absolute;
    top: 0;
    z-index: 8;
}

.scroeAmount_shareapp {
    padding: 0.5rem;
    display: flex;
    margin: 0.5rem 0;
}
.scroeAmount_shareapp>div {
    flex: 1;
    display: flex;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    position: relative;
}
.scroeAmount_shareapp>div.scroeAmount_box {
    margin-right: 0.5rem;
    background: linear-gradient(192deg, #E5E9FF 0%, #C285EF 100%);
}
.scroeAmount_shareapp>div.download_box {
    margin-right: 0.5rem;
    background: linear-gradient(188deg, #84FAB0 0%, #6ABFF4 100%);
}
.scroeAmount_shareapp>div.shareapp_box {
    background: linear-gradient(190deg, #92FFF7 0%, #1E96FF 100%);
}
.scroeAmount_shareapp>div>img {
    width: 1rem;
}
.scroeAmount_box span {
    margin: 0 0.5rem;
    color: #fff;
}
.fb-comment-minbox {
    color: #3175FF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .8rem;
    height: 2.5rem
}

.comment-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .5rem
}

.fb-comment-minbox .open {
    width: 15px;
    height: 9px
}

.fb-comment-box {
    /* display: none; */
    overflow: hidden
}

.another_login, .another_login span {
    display: -webkit-flex;
    display: -ms-flexbox
}

.fb-like>span {
    overflow: hidden
}

.question_desc-select {
    font-family: font-l;
}

.question_desc-select>p {
    padding: .5rem;
    color: #999999;
    font-weight: 400;
    font-size: 0.8rem;
}

.question_title h3, .question_title h4 {
    font-size: 1.1rem;
    padding: 0 .5rem;
    line-height: 1.7rem;
    font-weight: 400;
    color: #FF7C59;
}

.facebook_login-desc, .login_desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-align: center
}

.login_desc {
    color: #3175FF;
    font-size: 1rem;
    margin-bottom: .8rem
}

.facebook_like-test {
    position: absolute;
    bottom: 1rem;
    left: 1rem
}

.facebook_login-desc {
    color: #333;
    font-size: .9rem;
    margin-bottom: .2rem
}

.another_login {
    display: -webkit-box;
    display: flex;
    margin-bottom: .5rem
}

#loginForYourName {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-flex: .7;
    -webkit-flex: .7;
    -ms-flex: .7;
    flex: .7
}

.another_login p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #1a1a1a;
    font-size: 1rem;
    text-align: center
}

.another_login-input {
    height: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .5rem
}

.show_another-login {
    display: none
}

.another_login-input span, .question-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.another_login-input input {
    flex: .65;
    font-size: .8rem;
    margin-right: .5rem;
    background-color: #f2f2f2;
    border: 0;
    border: solid 1px #999;
    padding-left: .5rem;
    color: #ccc;
    border-radius: 0.3rem;
}

.another_login-input span {
    flex: .35;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3175FF;
    color: #fff;
    font-size: .9rem;
    border-radius: 0.3rem;
}

.question_desc {
    padding: .25rem .5rem;
    margin-top: 1rem
}

.question_desc h3 {
    color: #1a1a1a;
    padding-bottom: .3rem
}

.question_desc p {
    font-size: 1rem;
    overflow: hidden;
    color: #1a1a1a
}

.isselectquestion {
    display: none;
    position: relative;
    margin-top: .5rem
}

.isselectquestion-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.question-main {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column
}

.question-main p {
    font-size: 1rem;
    color: #fff
}

.question-img {
    position: absolute;
    width: 5rem;
    height: 5rem;
    z-index: 2;
    border-radius: 50%;
    padding: .2rem;
    background: #FFF;
    left: 50%;
    top: -2.5rem;
    margin-left: -2.5rem
}

.question-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.question-contant {
    width: 100%
}

.question-contant>div {
    height: 2.5rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #88918e
}

.question-contant>div:last-child {
    border-bottom: 1px solid #88918e;
    border-radius: 0 0 .5rem .5rem
}

.question-contant-val {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff
}

.question-contant-ball {
    margin: 0 1rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #a3a3a3;
    border-radius: 50%
}

#option-box, #option-box table, #option-box tbody, #option-box>img, #option-question {
    width: 100%
}

#option-box tbody {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

#option-box tbody tr {
    width: calc(50% - 2rem);
    padding: 0 1rem;
    margin-bottom: .5rem
}

#option-box {
    text-align: center
}

#option-box>img {
    width: 90% !important
}

#option-box tbody tr td {
    background: #cecece;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #1a1a1a
}

#option-question h3 {
    color: #ff5c35;
    text-align: center
}

#option-box td {
    padding: .5rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

audio {
    display: inline-block;
    width: 88%;
    height: 30px
}

#option-box tr td input {
    margin-right: 1rem
}

.common_list-img-ipad {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

/* .common_list-img-ipad>div, .common_list-img-ipad li {
    width: calc(50% - .5rem)!important;
    margin: .25rem!important
} */

.common_list-img-ipad .common_list-line-pa {
    display: none !important
}

/* .common_list-img-ipad li p {
    font-size: .6rem!important;
    line-height: .9rem
} */

.common_list-img-ipad .common_list-img {
    min-height: 4rem
}

.common_list-img-ipad .allbiaoqian, .common_list-img-ipad .tukubiaoqian {
    font-size: .4rem
}

.common_list-ul-articles .quizList6Item>div {
    width: 200px !important;
    height: 180px !important
}

.common_list-ul-articles .quizList6Item>div img {
    height: 180px !important
}

.common_list-ul-articles .quizList6Item>div:last-child div span {
    font-size: .6rem !important
}

.common_list-questiondesc-cn p {
    font-size: 1rem
}

.articlesDuyouClass p font, .articlesDuyouClass p {
    font-family: 'Lora', serif !important
}
.articlesDuyouClass p *,
.articlesDuyouClass p {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
}
.articlesDuyouClass p img {
    width: 100%;
}

.consult_detail-img-cn p {
    font-size: .9rem
}

.consult_detail-img-cn-ipad p {
    font-size: .6rem
}

.newSelectTest-item-option {
    text-align: center;
    padding: 10px;
    border: 1px solid #000;
    border-bottom: 0
}

.newSelectTest-item {
    border-bottom: 1px solid #000;
    margin-top: 10px
}

.newSelectTest-item-img img {
    width: 100%;
    display: block
}

.abcRioButton {
    height: 100% !important;
    width: 100% !important;
    border: 1px solid #e7e6e7 !important;
    box-shadow: none !important;
    background: #fff !important
}

.abcRioButton span {
    color: #1a1a1a !important
}

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

.abcRioButtonContents {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .9rem !important;
    color: #000 !important
}

.abcRioButtonIconImage {
    width: 1.8rem !important;
    height: 1.8rem !important;
    margin-left: .5rem !important
}

.abcRioButtonIconImage svg {
    width: 1.8rem !important;
    height: 1.8rem !important
}

.quizeLongChoose img {
    width: 1rem;
    height: 1rem;
    margin-left: 0.3rem;
}

.quizeLongChoose>div {
    animation: breathe 1.5s infinite;
}

.tempGoogleClass {
    position: absolute !important;
    z-index: 10 !important
}

.g-signin2 {
    background-color: #fff !important
}

.uploadLogInDivHide {
    display: none !important
}

/* .upfileLabel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f4b400;
    width: 7rem;
    height: 7rem
} */

.upfileLabel {
    background: #FF7C59;
}

.upfileLabel input {
    position: absolute;
    display: none
}

.uploadLogInFaceBook img, .upfileLabel img {
    width: 1.4rem;
    position: absolute;
    left: 0.5rem;
}

.uploadLogInH3 {
    text-align: center
}

.uploadLogInDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.uploadLogInDiv>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

label.upfileLoginImg {
    display: none
}

label.showupfileLoginImgfacebook {
    background-color: #3175FF
}

label.showupfileLoginImggoogle {
    background-color: #ea4335
}

label.showupfileLoginImgtwitter {
    background-color: #1da0f2
}

label.showupfileLoginImgpinterest {
    background-color: #d50c22
}

label.upfileLabel p {
    font-size: .8rem;
    color: #fff
}

.quizClassBox {
    padding: .5rem !important;
    margin-top: .5rem !important
}

.quizClassItem {
    padding: .3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-container11, .swiper-container1 {
    position: relative;
    width: 100%
}

.swiper-container1 {
    padding: 1rem 0 !important
}

.swiper-container2 {
    width: calc(100% - 1rem)
}

.swiper-slide-banner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-slide {
    text-align: center;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column
}

.swiper-container1 .swiper-slide {
    width: 80% !important;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9)
}

.swiper-container1 .swiper-slide .bannerTitleDiv {
    opacity: 0
}

.swiper-container1 .swiper-slide-active .bannerTitleDiv {
    opacity: 1
}

.swiper-container1 .swiper-slide-active {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    z-index: 10
}

.swiper-container1 .swiper-wrapper .tempTransformScale {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12)
}

.common_list-ul-hide {
    display: none
}



.quizList6Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.quizList6Item>div:first-child {
    -webkit-box-flex: .4;
    -webkit-flex: .4;
    -ms-flex: .4;
    flex: .4
}

.quizList6Item>div:last-child {
    -webkit-box-flex: .6;
    -webkit-flex: .6;
    -ms-flex: .6;
    flex: .6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.quizList6Item>div:last-child p {
    text-align: left;
    font-size: .9rem
}

.quizList6Item>div:last-child div span {
    background: #fc4260;
    color: #fff;
    padding: 0rem .4rem;
    font-size: 13px
}

.quizList6Item>div {
    width: 140px;
    height: 105px;
    overflow: hidden
}

.quizList6Item>div img {
    height: 105px
}

.bannerTitleDiv {
    color: #1a1a1a
}

.quiz6ItemH3 {
    background-image: linear-gradient(90deg, #FF7C59 0, #FFB431 100%), linear-gradient(#fc4260, #fc4260);
    background-blend-mode: normal, normal;
    height: 2.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem
}

/* .quiz6ItemH3zixun {
    background-image: linear-gradient(90deg, #5b8dff 0, #40bbff 100%), linear-gradient(#fc4260, #fc4260)
} */

.quizeLongChoose-wenzi, .quizeLongChoose_zichuang, .quizeLongChoose {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.5rem;
}

.newSelectTest-choiceType-pa, .newSelectTest-choiceType-pa-wenda {
    margin-top: 1rem;
    color: #1a1a1a;
    position: relative
}

.noCantSelect {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    display: none
}

.newSelectTest-choiceType-pa>.newSelectTest-item-title, .newSelectTest-choiceType-pa-wenda>.newSelectTest-item-title {
    color: #333;
    font-size: 1.1rem;
    line-height: 1.3rem;
    padding: .5rem;
    /* padding-top: 2rem; */
}

.newSelectTest-item-title-nopading {
    padding: .5rem !important;
}

.newSelectTest-img {
    width: calc(50% - .9rem) !important;
    padding: 0.2rem !important;
    position: relative
}

.newSelectTest-img img {
    display: block;
    width: 100%
}

.newSelectTest-img .longSelectDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - .25rem);
    height: calc(100% - .25rem);
    z-index: 1;
    background-color: #FF7C59;
    border: solid 2px #FF7C59;
    opacity: .3;
    display: none
}

.longSelectDiv_trivia {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - .2rem);
    height: calc(100% - .25rem);
    z-index: 1;
    background-color: #FF7C59;
    border: solid 2px #FF7C59;
    opacity: .3;
    display: none
}

div.quiz_battle_item div.longSelectDivTempClass {
    background: #FF7C59;
    padding: .2rem !important;
    width: calc(50% - 1rem) !important
}

.longSelectDivTempClass>div {
    color: #fff !important
}

div.quizeselectItem div.longSelectDivTempClasszhengchang {
    background: #FF7C59 !important;
    color: #fff
}

.longSelectDivTempClasszhengchang {
    background: #FF7C59 !important
}

.longSelectDivTempClasszhengchang_notright {
    background: #ff0000 !important;
    color: #fff !important
}

.longSelectDivTempClasszhengchang>div {
    color: #fff !important;
}

.quizeLongChoose-wenzi>div {
    margin: .5rem 0 0 0;
    width: 80%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    background: #3175FF;
    padding: .6rem .5rem;
}

.quizeLongChoose_zichuang>div, .quizeLongChoose>div {
    /* margin: 1rem auto 0; */
    width: calc(100% - 2rem);
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    background: #3175FF;
    padding: .4rem .5rem;
    border-radius: 0.3rem;
}

.nochooseItem {
    /* background: #d6d6d6; */
    box-shadow: 0 2px 8px #cecece
}

.quizeselectItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 1rem);
    padding: 0 0.5rem .5rem;
}

.chooseingItem {
    box-shadow: 0 2px 5px #cecece;
    background: #fff
}

.chooseingItem .newSelectTest-item-title {
    color: #ff5c35;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.new_select_count {
    font-size: 0.6rem;
    font-weight: 400;
    color: #999;
    /* position: absolute;
    left: 0rem;
    z-index: 0;
    top: 0; */
}
.new_select_count_new {
    padding: 0.5rem; color: #999;
    font-size: 0.7rem;
}
.countQuiz_span {
    color: #3175FF;
    font-size: 1.1rem;
    font-weight: bold;
}
.new_select_count p {
    position: relative;
    z-index: 1;
    padding: 0.4rem 0 0 0.1rem;
}

.new_select_count img {
    width: 3rem;
    position: absolute;
}

.chooseingItem .new_select_count, .hasChooseItemNew .new_select_count {
    color: #FF7C59;
}

.quizeselectItem>div {
    width: calc(50% - 2.75rem);
    margin: .25rem;
    padding: .5rem 1.75rem .5rem .5rem;
    background: #fff;
    box-shadow: 0rem 0rem 5px 0rem rgba(102,102,102,0.2);
    font-size: .85rem;
    color: #1a1a1a;
    position: relative;
    border-radius: 0.3rem;
    font-weight: bold;
}

div.quizeselectItem div.longSelectDivTempClass {
    background: #FF7C59;
    padding: .2rem !important;
    width: calc(50% - .9rem) !important
}

.selectRightErrImg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.selectRightErrImg img {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    right: 10px;
    top: 50%;
    margin-top: -0.65rem;
    display: none;
    z-index: 10
}

.selectRightErrImg img.xiaodetupian {
    margin-top: -0.6rem;
}

.selectRightErrImg_img img {
    width: 1.3rem !important;
    height: 1.3rem !important
}

.selectWendaDesc {
    color: #333;
    display: none;
    padding: 0 1.25rem 1rem 1.25rem
}

.selectWendaDesc>div {
    display: flex
}

.selectWendaDesc p {
    font-size: .78rem
}

/* .chooseingItem .quizeselectItem>div {
    background: #f0f0f0
} */

.selectWendaDescTitle div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.selectWendaDescTitle div.rightnone {
    display: none
}

.selectWendaDescTitle div img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: block
}

.selectWendaDescTitle div.right span {
    color: #FF7C59;
    font-size: 1rem
}

.selectWendaDescTitle div.error span {
    color: #fc4260;
    font-size: 1rem
}

.newPollLongSelectSubmit,
.longSelectSubmit, .longSelectSubmit_duoxuan, .longSelectSubmit_zichuang, .longSelectSubmitWenda {
    margin: 1rem auto;
    display: block;
    width: calc(100% - 1rem);
    background: #3175FF;
    padding: .5rem 0;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    text-align: center;
    border-radius: 0.3rem;
}
.newPollLongSelectSubmit_hide {
    display: none;
}
.shake {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.huisedezhezhao {
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: #b3b3b3;
    opacity: .5
}

.swiperUpTitle {
    padding: 0 .5rem 1rem
}

.swiperUpTitle>span {
    position: relative;
    padding-bottom: .3rem
}

.swiperUpTitle>span>span {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #FF7C59;
    bottom: 0;
    left: 0;
    border-radius: 0.5rem;
}

.articlesClass {
    padding: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.articlesClassItem {
    width: calc(33% - .5rem - 4px);
    border: 2px solid #5b8dff;
    margin: .25rem;
    padding: .2rem 0rem;
    font-size: .7rem;
    text-align: center;
    color: #5b8dff
}

.articlesClassCurrentItem {
    background-color: #5b8dff;
    color: #fff
}

.articlesDetailCategory {
    padding: 0 .5rem
}

.articlesDetailTitle {
    padding: .5rem
}

.articlesDetailTitle h2 {
    font-size: 1.35rem;
    /* text-transform: capitalize; */
    font-weight: 700;
    color: #FF7C59;
}

.articlesDetailTitle>div {
    margin-top: .5rem
}

.articlesDetailTitle>div span {
    font-size: .8rem
}

.articlesDetailTitle>div span:first-child {
    color: #1a1a1a
}

.articlesDetailTitle>div span:nth-child(2) {
    color: #FF7C59;
    margin-right: .5rem;
    text-decoration: underline
}

.articlesDetailTitle>div span:last-child {
    color: #a3a3a3
}

.articlesDetailCategory a {
    background: #999;
    padding: .1rem .5rem;
    color: #fff;
    font-size: .8rem;
    border-radius: .3rem
}

.buzzfunIndexClass {
    margin-bottom: 1rem
}

.buzzfunIndexClass>div {
    display: flex
}

.buzzfunIndexClass>ul a {
    padding: .4rem 0;
    color: #fff;
    display: inline-block;
    flex: 1;
    text-align: center
}

.buzzfunIndexClassQuiz, .buzzfunIndexClass>ul li:nth-child(1) span {
    background-image: linear-gradient(90deg, #ff7b5b 0, #fd9600 100%), linear-gradient(#2db364, #2db364);
    background-blend-mode: normal, normal
}

.buzzfunIndexClassArticle, .buzzfunIndexClass>ul li:nth-child(2) span {
    background-image: linear-gradient(90deg, #5b8dff 0, #40bbff 100%), linear-gradient(#507daf, #507daf);
    background-blend-mode: normal, normal
}

.buzzfunIndexClassTest, .buzzfunIndexClass>ul li:nth-child(3) span {
    background-image: linear-gradient(90deg, #fc4260 0, #ff6b86 100%), linear-gradient(#2db364, #2db364);
    background-blend-mode: normal, normal
}

.buzzfunIndexClassPhotoLab, .buzzfunIndexClass>ul li:nth-child(4) span {
    background-image: linear-gradient(90deg, #00be95 0, #32e5be 100%), linear-gradient(#2db364, #2db364);
    background-blend-mode: normal, normal
}

.buzzfunIndexClass>ul li:nth-child(5) span {
    background-image: linear-gradient(90deg, #ff7b5b 0, #fd9600 100%), linear-gradient(#2db364, #2db364)
}

.swiperUpTitleBuzz>span>span {
    background-image: linear-gradient(90deg, #ff7b5b 0, #fd9600 100%), linear-gradient(#2db364, #2db364)
}

.swiperUpTitleBuzzAd>span>span {
    background-image: linear-gradient(90deg, #ea4335 0, #ff7e73 100%), linear-gradient(#ff7e73, #ff7e73)
}

.swiperUpTitle>span, .swiperUpTitleBuzz>span {
    font-size: 1.5rem
}

.swiperUpTitleBuzzthree>span>span {
    background-image: linear-gradient(90deg, #fc4260 0, #ff6b86 100%), linear-gradient(#2db364, #2db364)
}

.swiperUpTitleBuzzfour>span>span {
    background-image: linear-gradient(90deg, #00be95 0, #32e5be 100%), linear-gradient(#2db364, #2db364)
}

.swiper-container-horizontalBuzz {
    width: 100%
}

.swiperUpTitleBuzzfive>span>span {
    background-image: linear-gradient(90deg, #ff7b5b 0, #fd9600 100%), linear-gradient(#2db364, #2db364)
}

.common_list-img>span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 24px;
    width: 30px;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    background: #fc4260;
    color: #fff
}

.jogar_footerImgLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.swiper-button-next, .swiper-button-prev {
    top: 40% !important
}

.buzzfunTestsinstructions {
    padding: .5rem;
    background: #fff
}

.buzzfunSelectItemImg {
    padding: 0 1rem;
    text-align: center
}

.buzzfunSelectItemImg img {
    max-width: 100%;
    display: block
}

.buzzfunTestsinstructionsDesc {
    font-size: 0.9rem;
    color: #FF7C59;
    margin-bottom: .5rem;
    font-weight: 400;
}

.buzzfunTestsinstructionsText {
    font-size: .7rem;
    color: #333333
}

.buzzfunTestsinstructionsBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    transition-duration: .3s;
    z-index: 6
}

.buzzfunTestsinstructionsBtn a {
    width: calc(100% - 1rem);
    height: 2rem;
    margin: 0 0.5rem;
    line-height: 2rem;
    text-align: center;
    background-color: #FF7C59;
    color: #fff;
    border-radius: 0.3rem;
}

.buzzfunSelectQuestion {
    text-align: center;
    margin: 13px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.daojishispan {
    font-weight: 400;
    color: #FF7C59;
    font-size: 0.7rem;
}

.buzzfunSelectQuestion span {
    color: #333333;
    font-size: .75rem;
    font-family: Cambria;
    font-weight: 400;
}

.buzzfunSelectItemContent {
    background: #fff;
    padding: 0.5rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(103, 102, 102, 0.3);
}

.buzzfunSelectItemTitle {
    font-size: 1.1rem;
    color: #FF7C59;
    line-height: 1.3rem
}

.buzzfunSelectItemContentItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0 0 0
}

.buzzfunSelectItemScore {
    width: calc(50% - .8rem);
    background-color: #F0F0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .25rem;
    margin-bottom: .5rem;
    font-size: 0.9rem;
    word-break: break-word;
    font-weight: 400;
    border-radius: 0.3rem;
}

.buzzfunSelectItemScore:nth-child(2n+1) {
    margin-right: .6rem
}

.buzzfunSelectItemHide {
    display: none
}

.buzzfunSelectItemShow {
    display: block
}

.buzzfunSelectItemShow_duoxuan {
    display: block !important
}

.buzzfunSelectNextBtn {
    margin: 25px 0 25px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.buzzfunSelectNextBtn span {
    display: inline-block;
    width: 120px;
    height: 40px;
    background-color: #3175FF;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    border-radius: .3rem
}

.buzzfunSelectNextBtn e {
    display: inline-block;
    position: absolute;
    width: 120px;
    z-index: 10;
    height: 40px
}

.buzzfunSelectSubmitBtn {
    display: none
}

.currentSelectItem {
    background-color: #FF7C59;
    color: #fff
}

.currentSelectItem>div {
    color: #fff !important
}

/* .buzzfunSelectYouLike {
    display: none
} */

.scorlltempClass {
    position: static !important;
    margin-bottom: 1rem !important
}
.diggfun_temp_tags_up_down {
    display: flex;
    justify-content: end;
    position: absolute;
    top: 2px;
    right: 0;
}
.diggfun_temp_tags_up_down img {
    width: 0.8rem;
    vertical-align: middle;
}
.diggfun_temp_tags {
    margin: 0.5rem !important;
    height: 1.2rem;
    overflow: hidden;
    position: relative;
}

.diggfun_temp_tags a {
    color: #3175FF;
    display: inline-block;
    background: #F0F0F0;
    margin: 0 0.5rem 0.5rem 0;
    padding: 2px 0.2rem;
    border-radius: 0.3rem;
    font-size: 0.6rem;
}

.buzzfunPicRemix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.buzzfunPicRemix>a {
    display: inline-block;
    width: calc(50% - .25rem);
    margin-bottom: .5rem;
    position: relative
}

.buzzfunPicRemix>a img {
    width: 100%;
    display: block
}

.buzzfunPicRemix>a>div {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(252, 66, 96, 0.7);
    color: #fff;
    padding: .2rem .5rem;
    font-size: 13px;
    width: calc(100% - 1rem);
    text-align: center
}

.buzzfunPicRemix>a:nth-child(2n+1) {
    margin-right: .5rem
}

.buzzfunPicRongTitle {
    color: #ff5c35
}

.buzzfunPicRongImg {
    margin-bottom: 1rem;
}

.buzzfunPicRongImg img {
    display: block;
    width: 100%
}

.buzzfunPicRong>p {
    font-size: .75rem;
    color: #333333;
    font-weight: 400;
    margin: 0 0 .5rem 0;
    padding: 0 .5rem
}

.buzzfunLoginBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

/* 
.buzzfunLoginBtn>label {
    margin: 0 1rem;
    background: #3175FF;
    height: 5rem;
    width: 5rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    border-radius: .3rem
}

.buzzfunLoginBtn>label img {
    width: 2rem
}

.buzzfunLoginBtn>label span {
    font-size: .6rem;
    color: #fff;
    margin-top: .3rem
}

.buzzfunLoginBtn>label.buzzfunLoginBtnCame {
    background: #fd9600
}

.buzzfunLoginBtn>label.buzzfunLoginBtnFacebook-google {
    background: #d24438
} */

.buzzfunTextInputBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    padding: .5rem .5rem 0
}

.buzzfunTextInputBox>input {
    margin-bottom: .5rem;
    border: solid 1px #999;
    font-size: .8rem;
    color: #ccc;
    padding: .8rem .5rem;
    text-align: center;
    width: 80%;
    background: #f7f7f7;
    border-radius: .3rem
}

.buzzfunMerge_now {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .5rem;
    margin-bottom: 1rem
}

.buzzfunMerge_now>div {
    width: calc(80%+2px);
    padding: .6rem .5rem;
    text-align: center;
    background-color: #3175FF;
    font-size: 1rem;
    color: #fff;
    border-radius: .3rem
}

/* .topicsClassItemPa {
    display: block;
    height: auto;
    top: 0;
    z-index: 9998;
    position: relative;
    overflow-y: hidden;
    margin-bottom: 1rem
}

.topicsClassItemPa ul {
    z-index: 10000;
    display: table;
    padding: 0;
    width: 100%;
    margin: 0
}

.topicsClassItemPa ul li {
    display: table-cell;
    list-style: none;
    width: auto;
    white-space: nowrap;
    position: relative;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 0 .1rem
}

.topicsClassItemPa ul li span {
    background-color: #e6e6e6;
    padding: .2rem .8rem;
    border-radius: .3rem
} */

.quiz6ItemH4zixun {
    background-image: linear-gradient(90deg, #ff7b5b 0, #fd9600 100%), linear-gradient(#2db364, #2db364)
}

.buzzfunIndexClass2-1 img {
    width: 100%;
    display: block
}

.buzzfunIndexClass2-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: .5rem;
    width: 100%
}

.buzzfunIndexClass2-2 a {
    flex: 1
}

.buzzfunIndexClass2-2 p.the_latest3 {
    font-size: .9rem
}

.buzzfunIndexClass2-2>div {
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.buzzfunIndexClass2-2>div:first-child {
    margin-right: .5rem
}

.buzzfunIndexClass2-2>div {
    width: calc(50% - .25rem)
}

.buzzfunIndexClass2-2 a img {
    display: block;
    width: 100%
}

.buzzfunIndexClass5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: .5rem
}

.buzzfunIndexClass5 .common_list-ul .common_list-li p {
    font-size: 1rem
}

.swiper-container3 .swiper-slide .common_list-questiondesc p {
    font-size: 1rem
}

.buzzfunIndexClass5 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.buzzfunIndexClass5 li {
    width: calc(50% - .25rem);
    margin-bottom: .5rem
}

.buzzfunIndexClass5 li:nth-child(2n+1) {
    margin-right: .5rem
}

#loginForYourNameInput::-webkit-input-placeholder {
    color: #ccc
}

.common_list-questiondesc p.the_latest3, .swiper-container3 .common_list-questiondesc p, .buzzfunIndexClass5 .common_list-questiondesc p {
    -webkit-line-clamp: 3;
}

.divLinePa {
    margin: .5rem 0;
    text-align: center;
    color: #ccc;
    font-size: 14px;
    position: relative
}

.divLinePa span {
    background: #f7f7f7
}

.divLine {
    border-bottom: 1px solid #e3e3e3 !important;
    background: none !important;
    width: 100%;
    color: #d9d9d9;
    height: 1px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    z-index: -1
}

.quiz_battle_hide_item {
    display: none !important
}

.hidearticlesClassItem {
    display: none
}

.articlesClassItemBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.articlesClassItemBtn>div img {
    width: 1.3rem;
    display: block
}

.shangjiantou {
    display: none
}

.quiz_battle_title {
    width: calc(100% - 1rem);
    padding: .5rem;
    font-size: 1.1rem;
    color: #FF7C59;
}

.quiz_all_info {
    width: 100%;
    box-shadow: 0rem 0rem 1rem 0rem rgba(103, 102, 102, 0.3);
}

.quiz_battle_item>div {
    width: calc(50% - 1.55rem);
    margin: .25rem;
    padding: .5rem 0.5rem .5rem .5rem;
    background: #f0f0f0;
    font-size: .85rem;
    color: #1a1a1a;
    position: relative;
    line-height: 1rem;
    border-radius: 0.3rem;
}

.quiz_battle_item {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 1rem);
    padding: 0 .5rem .5rem .5rem;
}

.quiz_battle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.quiz_battle img {
    width: 100%
}

.quiz_battle p {
    margin-bottom: .5rem;
    margin-top: .5rem;
    color: #333333;
    font-weight: 400;
    font-size: 0.7rem;
}

.chooseErrItem {
    background-color: #FF7C59 !important;
    color: #fff !important
}

.chooseRightItem {
    background-color: #FF7C59 !important;
    color: #fff !important
}

.chooseRightItem>div {
    color: #fff !important
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

/* .shake {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: shake
} */

.quiz_battle p {
    font-size: .8rem;
    width: 3.5rem;
    text-align: center
}

*:before, *:after {
    box-sizing: inherit
}
.new_buzzfunham {
    width: 1.4rem;
    position: absolute;
}
.new_buzzfunham img {
    width: 100%;
}
.new_buzzfunham_close {
    display: none;
}
.new_buzzfun_menu {
    position: absolute;
    top: 57px;
    height: 1000000px;
    width: calc(100% + 0.5rem);
    left: -0.5rem;
    background: rgba(0,0,0,0.3);
    z-index: 222;
}
.new_buzzfun_menu_hide {
    display: none;
}
.new_buzzfun_menu > div {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 0.5rem;
}
.new_buzzfun_menu > div a {
    width: calc(25% - 0.4rem);
    margin: 0.5rem 0.2rem;
    display: inline-block;
    background: #fff;
    text-align: center;
}
.new_buzzfun_menu > div a img {
    width: 1.5rem;
}
.new_buzzfun_menu > div a p {
    margin-top: 0.3rem;
    font-size: 0.7rem;
    color: #666;
}
.buzzfunham {
    width: 1.21rem;
    height: .1rem;
    display: block;
    margin-right: auto;
    background-color: #fe892c;
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.buzzfunham:before, .buzzfunham:after {
    position: absolute;
    content: '';
    width: 100%;
    height: .1rem;
    left: 0;
    top: -0.42rem;
    background-color: #ff7c59;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.buzzfunham:after {
    top: .42rem
}

.buzzfunham.exit {
    background-color: transparent
}

.buzzfunham.exit:before {
    -webkit-transform: translateY(0.42rem) rotateZ(-45deg);
    -moz-transform: translateY(0.42rem) rotateZ(-45deg);
    -ms-transform: translateY(0.42rem) rotateZ(-45deg);
    -o-transform: translateY(0.42rem) rotateZ(-45deg);
    transform: translateY(0.42rem) rotateZ(-45deg)
}

.buzzfunham.exit:after {
    -webkit-transform: translateY(-0.42rem) rotateZ(45deg);
    -moz-transform: translateY(-0.42rem) rotateZ(45deg);
    -ms-transform: translateY(-0.42rem) rotateZ(45deg);
    -o-transform: translateY(-0.42rem) rotateZ(45deg);
    transform: translateY(-0.42rem) rotateZ(45deg)
}

.headerCategoryList {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 10;
    top: 3rem;
    background: #fafafa
}

.headerCategoryList li {
    position: relative;
    transition-duration: .5s;
    text-transform: uppercase;
    font-size: 0.8rem;
    line-height: 1rem;
    padding: 0rem 1.3rem;
    padding-left: 0.5rem;
    font-weight: 700;
    border-bottom: 1px solid #f2f2f2;
}

.headerCategoryList li a {
    color: #000;
    width: 100%;
    display: flex;
    align-items: center;
    height: 3rem;
}

.headerCategoryList li.sub_category>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
}

.sub_category>a img {
    width: 0.7rem;
}

.headerCategoryList li.sub_category ul {
    display: none;
}

.headerCategoryList li.sub_category ul li a span {
    margin-left: 1.5rem;
}

.jogar_header-photo {
    width: calc(100% - 1rem);
    background: #333;
    /* position: absolute;
    top: 0;
    left: 0;
    z-index: 100 */
}

.jogar_container-photo {
    background: #000;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.buzzfunphotos {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.buzzfunphotos .swiper-wrapper {
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.swiperSlideDesc {
    position: absolute;
    bottom: 0;
    left: 0
}

.photoDesc {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 1rem);
    color: #fff;
    z-index: 1;
    padding: 0.5rem;
    line-height: 1rem;
    background: rgba(0, 0, 0, 0.5);
}

.photoDescHadClick {
    height: 7rem;
    -webkit-line-clamp: 66;
    overflow-y: scroll
}

.photoDesc span {
    font-size: .7rem
}

.photoDesc span.photoCount {
    font-size: 1rem;
    color: #FF7C59;
}

.photoDescContent {
    padding-top: 0.5rem;
    margin-top: 0.3rem;
    font-size: 0.8rem;
    border-top: 1px solid rgb(242 242 242 / 30%);
}

.photoDesc_tags {
    margin: 0.5rem 0 0rem 0;
    position: relative;
    height: 1.5rem;
    overflow: hidden;
}

.photoDesc_tags_img_box {
    text-align: center;
}

.photoDesc_tags_img {
    width: 1rem;
    vertical-align: middle;
}

.photoDesc_tags_img_trans {
    transform: rotateZ(180deg);
}

.photoDesc_tags a {
    background: #EAEAEA;
    border-radius: 0.3rem;
    color: #3175FF;
    padding: 0.1rem 0.3rem;
    margin: 0 0.5rem 0.5rem 0;
    font-size: 0.7rem;
    display: inline-block;
}

.photoDesc span.photoDesc_copyright {
    color: #999;
    font-size: 0.5rem;
}

.buzzfunphotos .swiper-slide>div {
    position: relative;
    width: 100%
}

.buzzfunphotos .swiper-slide>div>img {
    display: block
}

.buzzfunphotos .swiper-slide div.swiper-slide-last-img-div {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.imgDivBox {
    width: calc(50% - .5rem);
    position: relative;
    padding: .25rem
}

.imgDivBox img {
    width: 100%;
    height: 100%;
    display: block
}

.imgDivBoxtitle {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    bottom: .25rem;
    left: .25rem;
    padding: 0rem .2rem;
    width: calc(100% - .8rem);
    color: #fff;
    font-size: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.swiper-slide {
    height: auto !important
}

.tuijiantitle {
    width: calc(100% - .5rem);
    text-align: left;
    padding: 0 .25rem;
    color: #fff;
    z-index: 10
}

.tuijianTishiNextSlide {
    width: 100%;
    color: #fff;
    font-size: .8rem;
    z-index: 10
}

.guanggaoxuyaohuadong {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 12
}

.teshudeAdNameClass ins {
    margin-left: 0 !important
}

.dibuchangzhuguangao {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.quizzes_all_list,
.tukubiaoqian {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    padding: .1rem .2rem;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    font-size: .6rem;
    border-radius: .3rem;
}

.quizzes_all_list {
    top: .5rem;
    left: .5rem;
    right: auto;
    bottom: auto;
}

.allbiaoqian {
    position: absolute;
    top: .5rem;
    left: .5rem;
    padding: .1rem .2rem;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    font-size: .6rem;
    border-radius: .3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-width: 4rem;
}

.common_list-ul-funny-li {
    min-height: 4rem
}

.common_list-ul-funny {
    padding: .5rem
}

.buzzfunIndexClassItem {
    position: relative
}

.dianmeidianhongdian {
    position: absolute;
    border: 4px solid red;
    border-radius: 50%
}

.dianmeidianhongdianheader {
    top: -0.63rem;
    right: -0.21rem
}

.dianmeidianhongdiannoheader {
    top: 2px;
    right: -4px
}

.funnydianzandiv {
    width: 100%;
    display: flex;
    padding: .5rem 0
}

.funnydianzandiv img {
    width: 1.5rem
}

.funnydianzandiv img.shoudongdianzan, .funnydianzandiv img.diancai {
    display: none
}

.funnybili {
    padding: 0 .5rem;
    flex: 1;
    display: flex;
    align-items: center
}

.funnybili>div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    color: #fff;
    height: 1rem;
    padding: 0 .5rem
}

.bilizan {
    background: #fc7000
}

.bilicai {
    background: #06f
}

.WB_like {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
    overflow: hidden
}

.WB_like .anibox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 2200px 110px;
    overflow: hidden
}

.WB_like .UI_ani {
    -webkit-animation: stepsV1 .65s forwards 1 steps(19);
    animation: stepsV1 .65s forwards 1 steps(19)
}

@-webkit-keyframes stepsV1 {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

@keyframes stepsV1 {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

.funny-title {
    margin: .5rem 0
}

.articledibugudingguanggao {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center
}

.shifenzhongdaojishi {
    position: absolute;
    display: flex;
    right: .5rem;
    align-items: center;
    top: 12px;
    color: #fc4260;
    font-size: .78rem
}

.shifenzhongdaojishi img {
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.3rem
}

.user_center,
.random_quiz, .wanshengjierukou {
    position: absolute;
    z-index: 8;
    right: .5rem
}

.user_center img.user_center_pic {
    width: 1.4rem;
    height: 1.4rem;
    /* border-radius: 50%; */
}


.user_center img,
.random_quiz img, .wanshengjierukou img {
    width: 1.2rem;
    /* height: 1.3rem; */
    vertical-align: top;
}
.wanshengjierukou img.icon_bookshelf {
    width: 1.5rem;
}
.wanshengjierukou img.icon_bookshelf_search {
    width: 1.4rem;
}
.wanshengjierukou_search img {
    height: auto;
}

.wanshengjieloadmore {
    position: absolute;
    width: 1rem;
    top: -0.6rem;
    left: -0.2rem
}

ul li.common_list-li-articles-top a .quizList6Item .common_list-questiondesc p {
    padding: 0;
    line-height: 1rem
}

.ckin__player {
    margin-bottom: 0 !important
}

.slider_dragDiv {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    top: 0;
    left: 0;
    border: 3px solid #ff7800;
    color: #ff7800;
    opacity: 0;
    background: none !important
}

.opacitybox {
    opacity: 1 !important
}

.quizeselectItem_zichuang {
    position: relative
}

.newSelectTest_duoxuan {
    padding: .2rem !important;
    width: calc(50% - .9rem) !important
}

.newSelectTest_duoxuan_new_answer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newSelectTest_duoxuan_new_answer_moreselect {
    width: 20% !important;
    text-align: center;
    margin: 2px !important;
}

.newtest-ranking a {
    text-decoration: none !important
}

.buzzfunquizzranklisttabparent {
    margin-bottom: .5rem;
    padding: 0 0.5rem;
    border-bottom: 1px solid #f2f2f2;
}

.buzzfunquizzranklisttab {
    display: flex;
    justify-content: center;
}

.buzzfunquizzranklisttab li:first-child {
    margin-right: 1rem;
}

.buzzfunquizzranklisttab_item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buzzfunquizzranklisttab_item a {
    font-size: 0.7rem;
    padding: .5rem 0;
    padding-bottom: 1rem;
    color: #999;
    font-weight: bold;
    position: relative;
}

.buzzfunquizzranklisttab_item a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #FF7C59;
    border-radius: 0.5rem;
    display: none;
}

.quizClassItemHadChoose a {
    color: #333 !important;
}

.quizClassItemHadChoose a p {
    display: block;
}

/* 比例 */

.quizeselectItem_bili {
    display: flex;
    width: calc(100% - 2rem);
    padding: 0 1rem .5rem 1rem;
    align-items: center;
}

.quizeselectItem_bili>div.newSelectTest-img-no {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
    font-size: 0.9rem;
    color: #fb4955;
    position: relative;
    /* border-radius: 1rem; */
    border: 2px solid #fb4955;
    padding: 0.3rem;
}

.quizeselectItem_bili>div.newSelectTest-img-no:first-child {
    color: #3e95ff;
    border: 2px solid #3e95ff;
}

.quizeselectItem_bili>div .newSelectTest-img {
    flex: 1;
    margin: 0.25rem;
    font-size: 0.9rem;
    color: #fb4955;
    position: relative;
    border-radius: 1rem;
    border: 2px solid #fb4955;
    padding: 0.3rem 0;
    width: calc(100% - 0.9rem) !important;
}

.temp_img_bili .newSelectTest-img {
    border-radius: 0 !important;
}

.temp_img_bili_title {
    padding: 0.2rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.temp_img_bili {
    flex: 1;
}

.quizeselectItem_bili>div:first-child .newSelectTest-img {
    color: #3e95ff;
    border: 2px solid #3e95ff;
}

.select_jindutiao {
    display: none;
}

.select_jindutiao_top1, .select_jindutiao_top {
    padding: 0.5rem 1rem;
}

.quizeselectItem_bili>img {
    margin: 0 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}

.select_jindutiao_bottom>div {
    position: relative;
    padding: 0;
    background: #DADADA;
    height: 0.8rem;
    margin: 0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.2rem;
    overflow: hidden;
}
.select_jindutiao_bottom_number {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select_jindutiao_bottom_number span {
    font-size: 0.8rem;
    color: #999;
}
.select_jindutiao_bottom_number span.select_jindutiao_bottom_number_span {
    font-size: 0.8rem;
}
.longSelectDivTempClasszhengchang1 .agree_top span,
.longSelectDivTempClasszhengchang1 .select_jindutiao_bottom_number span,
div.quizeselectItem div.longSelectDivTempClasszhengchang1 .select_jindutiao_bottom_number span {
    color: #FF7C59;
}
.select_jindutiao_bottom span {
    top: 0;
    left: 0rem;
}
.wenzi_jindutiao,
.detail_share-moreapp_none {
    display: none;
}

.jindutiao_span1 {
    color: #3E95FF;
    margin-right: 10px;
}
.agree_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #999;
}
.select_jindutiao_top > p {
    color: #333;
    font-size: 0.9rem;
}
.agree_top .agree_top_title {
    font-size: 0.85rem;
}
.select_jindutiao_spanbaifenbisub1 {
    background: #999999;
}
.longSelectDivTempClasszhengchang1 .select_jindutiao_spanbaifenbisub1,
div.quizeselectItem div.longSelectDivTempClasszhengchang1 .select_jindutiao_spanbaifenbisub1{
    background: #FF7C59;
}
.select_jindutiao_top1 .jindutiao_span2, .select_jindutiao_top1 .agree_top_title {
    color: #FB4955;
}

.select_jindutiao_spanbaifenbisub2 {
    background: #FB4955;
}

.select_jindutiao_spanbaifenbisub1, .select_jindutiao_spanbaifenbisub2 {
    z-index: 1;
    height: 100%;
}

.agree_top_num {
    font-weight: 400;
    color: #999;
    font-size: 0.8rem;
}

/* 比例end */

.diergeselectdiv {
    background: #fb4955 !important;
    color: #fff !important;
}

.diaochawenjuan {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 1rem);
    height: 2.3rem;
    margin-bottom: .35rem;
    margin: 0.5rem auto;
    color: #999;
    justify-content: center;
    font-size: .9rem;
    border: 1px solid #999999;
    border-radius: 0.3rem;
}

.diaochawenjuan_question {
    padding: 0.9rem;
    margin-bottom: 0.5rem;
    background: linear-gradient(0deg, #FF7C59 0%, #FFB431 100%);
}

.diaochawenjuan_question h3 {
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.05rem;
}

.diaochawenjuan_question p {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 0.73rem;
    margin: 0.8rem 0;
}

.diaochawenjuan_question a {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0.4rem 0;
    font-weight: 400;
    color: #FF7C59;
    font-size: 1.05rem;
    background: #fff;
    border-radius: 0.3rem;
}

.scrollForFixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

#cookie-notice {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    /* text-align: center; */
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, Helvetica Neue, sans-serif;
    display: none;
}

.cookie-notice-container {
    color: #fff;
    padding: 5px 15px 5px 5px;
}

#cn-notice-buttons {
    display: block;
    text-align: center;
}

#cn-notice-text {
    font-weight: 400;
    color: #F0F0F0;
}

.cn-set-cookie, .cn-more-info {
    color: #fff;
    display: inline-block;
    margin: 8px auto 0;
    padding: 1px 12px;
    border: 1px solid #F0F0F0;
    width: 50px;
}

.cn-close-icon {
    color: #f0f0f0;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: .1rem;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    padding: 10px;
    outline: 0;
}

.disney_p {
    margin: 0;
    background-size: 200% 100%;
    animation: masked-animation 2s infinite linear;
}

@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100%, 0;
    }
}

.loading_gif_el_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading_gif_el_po {
    position: absolute;
}

._1VnnEsApWQ57fw-RqT03No {
    text-align: center;
    margin-bottom: 8px;
}

._1VnnEsApWQ57fw-RqT03No {
    position: relative;
    transition: transform .8s;
    transform-style: preserve-3d;
}

._2x4U8eT-KmUVQVq5uFJaS4 {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.wL6ttDere5rHZQnEb-LOc {
    display: block;
    width: 100%;
}

._20DAnGreJghhSB0dn2DxuX {
    cursor: pointer;
}

._20DAnGreJghhSB0dn2DxuX {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

._20DAnGreJghhSB0dn2DxuX {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
}

._20DAnGreJghhSB0dn2DxuX {
    position: absolute;
    display: flex;
    align-items: center;
    max-width: 100%;
    top: 50%;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

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

._13ae3OjNVBoiCbrApUuBKI {
    left: 0;
}

._13ae3OjNVBoiCbrApUuBKI {
    transform: rotateY(180deg);
}

._13ae3OjNVBoiCbrApUuBKI {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

._13ae3OjNVBoiCbrApUuBKI .wL6ttDere5rHZQnEb-LOc {
    height: 100%;
}

._1WAh8ydKoP86BsrPXrhe4g {
    transform: rotateY(-180deg);
}

h6, section {
    display: none;
}

.filterblur {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.filterblur>img {
    width: 100%;
    filter: blur(30px);
}

.filterblur>div {
    background: rgba(34, 34, 34, 0.25);
    position: absolute;
    transform: translate(0, -50%);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    padding: 4px 8px;
    align-items: center;
}

.filterblurshowimg>img {
    filter: blur(0px);
}

.filterblurshowimg>div {
    display: none;
}

.newArticleAnswerBtn {
    color: #fff;
    display: flex;
}

.newArticleAnswerBtn>div {
    flex: 1;
    margin: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem;
}

.newArticleAnswerContent>div {
    display: none;
}

.author_detial {
    width: 100%;
    font-size: 0.6rem;
    margin: 0.5rem;
    display: flex;
    width: calc(100% - 1rem);
    align-items: center;
    justify-content: space-between;
}

.author_detial>div {
    align-items: center;
    display: flex;
}

.author_detial span {
    color: #999;
}

.author_detial a {
    margin: 0 0.5rem;
    color: #3175FF;
}

.author_detial img {
    width: 1.5rem;
    height: 1.5rem;
}

#forDragBox {
    display: flex;
    justify-content: center;
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.paste_select_delete {
    display: flex;
    position: relative;
    justify-content: center;
    padding-top: 0.5rem;
    background: #e6e6e6;
    color: #707070;
}

.select_paste {
    display: flex;
    width: 60%;
    align-items: center;
}

.select_paste img {
    width: 1rem;
    vertical-align: top;
}

.select_allicon {
    flex: 1;
    text-align: center;
}

.left_change, .right_change {
    width: 1rem;
    display: inline-block;
    height: 1rem;
}

.select_allicon span, .choose_paste_icon, .delete_paste {
    display: none;
}

.select_allicon span.active_now, .active_now {
    display: block;
}

.choose_paste_icon, .had_add_img {
    width: 100%;
    overflow: hidden;
    margin: 0 0 0.5rem 0;
}

.had_add_img {
    display: none;
}

.had_add_img>div, .choose_paste_icon>div {
    display: flex;
    overflow: auto;
}

.had_add_img>div img, .choose_paste_icon>div img {
    width: 3rem;
    margin: 0.5rem;
}

.paste_submit, .paste_rechoose {
    display: flex;
    padding: 0.5rem 0;
    border: 1px solid #bf5dc5;
    border-radius: 0.3rem;
    margin-bottom: 0.5rem;
    color: #bf5dc5;
    align-items: center;
}

.paste_submit span, .paste_rechoose span {
    flex: 1;
    text-align: center;
}

.paste_add, .paste_delete {
    width: 1rem;
}

.paste_rechoose img, .paste_submit img {
    width: 1.5rem;
    margin-left: 0.9rem;
    vertical-align: top;
}

.paste_add {
    display: none;
}

.change_select_delete {
    position: absolute;
    right: 0.5rem;
    bottom: 0.2rem;
    height: 19px;
    width: 19px;
}

.change_select_delete img {
    vertical-align: top;
}

.selected_img_could_delete {
    position: relative;
}

.img_list_div div img {
    background: rgba(0, 0, 0, 0.1);
}

.selected_img_could_delete .choess_img_item {
    vertical-align: top;
}

.had_add_img>div img.click_to_remove_img {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    width: 1rem;
}

.delectAllTobegain {
    position: absolute;
    right: 0rem;
    top: 0rem;
}

.delectAllTobegain img {
    width: 1.5rem;
}

.question_img_paste {
    width: 300px;
    margin: 0 auto;
}

.choose_paste_icon_pa, .had_add_img {
    background: #e6e6e6;
    margin-bottom: 0.5rem;
}

label.question_img_paste {
    background: #fd9600;
    margin: 0.5rem auto;
}

.paste_submit {
    margin: 0.5rem auto;
    background: #bf5dc5;
    color: #fff;
}

.newPastebox {
    margin-top: 0.5rem;
}

.zhezhao {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    margin: 0.5rem;
}

.close_ad_nogame, .close_ad {
    position: absolute;
    left: 0;
    bottom: 57px;
    width: 30px;
    height: 20px;
    background: #fe892c url(https://www.gamev6.com/Public/static/mobile/icon_arrow.png) center top no-repeat;
    z-index: 999;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bottom1 {
    bottom: 0px !important;
    background-position: center bottom;
}

.height0 {
    height: 0;
}

.bottomAwayStill, #relatedGameList2 {
    background: #fe892c;
    width: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
    left: 0%;
    bottom: 0%;
}

.bottomAwayStill {
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 666;
}

.copyright {
    font-weight: 400;
    font-size: 0.5rem;
    margin-top: 10px;
    color: #bababa;
    font-style: italic;
}
.copyright a {
    color: #bababa !important;
}

.subject_good_item {
    display: flex;
    align-items: center;
    margin: 0.5rem 1.3rem;
    padding: 0.25rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(103, 102, 102, 0.16);
    border-radius: 0.5rem;
}

.subject_good_item_hide {
    display: none;
}

.subject_good_item>img {
    width: 4.2rem;
    height: 4.2rem;
    margin-right: 0.5rem;
}

.good_info_title {
    font-weight: 400;
    color: #333333;
    font-size: 0.9rem;
    line-height: 1.05rem;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.good_info {
    flex: 1;
}

.good_info_desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.good_info_desc p {
    font-weight: 400;
    color: #333333;
    font-size: 0.73rem;
}

.good_info_desc p span {
    color: #FFA104;
}

.good_link img {
    width: 5rem;
}

.topicsClassItemPa {
    flex: 1;
    display: inline-block;
    height: auto;
    top: 0;
    z-index: 9;
    position: relative;
    overflow-y: hidden;
    padding: 0 0 0.5rem 0;
    background: #fff;
}

.topicsClassItemPa ul {
    z-index: 10;
    display: table;
    padding: 0;
    margin: 0
}

.topicsClassItemPa ul li {
    display: table-cell;
    list-style: none;
    width: auto;
    white-space: nowrap;
    position: relative;
    height: 2rem;
    vertical-align: bottom;
    padding: 0 .1rem
}

.topicsClassItemPa ul li a {
    padding-right: .8rem;
    border-radius: 1rem;
    font-weight: 400;
    font-size: 0.8rem;
    color: #333;
}
.category_novel_s a,
.topicsClassItemPa ul li a span {
    text-transform: capitalize;
}
.search_box ul li a {
    color: #FF7C59;
}

.search_box_first {
    border-top: 1px solid #EDEDED;
    padding-top: 0.5rem;
}

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

.top_box_img img {
    width: 1.3rem;
    margin: 0 0.5rem;
    vertical-align: top;
}

.searchclose {
    display: none;
}

.search_box {
    margin: 0 0.5rem;
}

.search_box_flex {
    display: flex;
}

.search_popular {
    font-weight: 400;
    font-size: 0.84rem;
    color: #333333;
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
}

.search_popular img {
    width: 0.84rem;
    margin-left: 0.5rem;
}

.search_input {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
}

.search_input input {
    outline: none;
    background: #F4F4F4;
    flex: 1;
    height: 2.1rem;
    font-size: 0.8rem;
    padding: 0 2rem 0 0.5rem;
    color: #333;
    border: 1px solid #FF7C59;
    border-radius: 0.3rem;
}

.search_input img {
    position: absolute;
    width: 1.2rem;
    right: 1rem;
}

.search_info {
    flex: 1;
}

.search_info .swiperUpTitle>span {
    font-weight: 400;
    color: #333333;
    font-size: 1.1rem;
}

.search_info .swiperUpTitle span span {
    background: #FF7C59;
}

.common_list_li_search {
    padding: 0 0.5rem;
}

.search_line {
    width: 100%;
    height: 1px;
    background: #f4f4f4;
    margin: 0.5rem 0;
}

.search_all_box {
    display: flex;
}

.search_all_box_left {
    flex: 0.4;
    margin-right: 0.5rem;
    position: relative;
}

.count_num_rank {
    position: absolute;
    top: 0;
    left: 0.5rem;
    display: inline-block;
    padding: 0rem 0.2rem;
    border-radius: 0 0 50% 50%;
    background: #24C4FF;
    color: #fff;
    font-size: 0.6rem;
    width: 0.7rem;
    height: 0.9rem;
    text-align: center;
}

.count_num_rank_1 {
    background: #FF2424;
}

.count_num_rank_2 {
    background: #FF7C24;
}

.count_num_rank_3 {
    background: #FFC924;
}

.search_all_box_left img {
    width: 100%;
}

.search_all_box_right {
    flex: 0.6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.search_all_box_right p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
    color: #333333;
    font-size: 0.85rem;
}

.time_search_box {
    display: flex;
    font-weight: 400;
    color: #999999;
    font-size: 0.7rem;
}
.time_search_box span.recommend {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.search_info .time_search_bottom {
    width: 0.73rem;
    height: 0.73rem;
    margin-right: 0.5rem;
}

.noresult {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.5rem;
    box-shadow: 0rem 0.5rem 0.1rem 0rem rgb(103 102 102 / 10%);
}

.noresult p {
    font-weight: 400;
    color: #999999;
    font-size: 0.7rem;
    margin: 0.5rem 0;
}

.noresult img {
    width: 12rem;
}

.search_box_hide {
    display: none;
}

.common_list_li_search img {
    vertical-align: middle;
    /* border-radius: 0.3rem; */
}

#afscontainer1 {
    padding: 0 0.5rem;
}

.icon_huo {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 1.3rem !important;
    z-index: 2;
    color: #fff;
}

.question_million {
    position: absolute;
    height: calc(100% - 4px);
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.3);
    padding: 2px 1rem;
}

.question_million div {
    font-weight: 400;
    color: #F7F000;
    font-size: 0.5rem;
}

.newSelectTest-item-img {
    position: relative;
}

.sub_img_monney {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.2rem 1rem;
    font-weight: 400;
    color: #FFF000;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 1.1rem;
}

.email_box {
    position: relative;
    margin: 0.5rem;
    border-radius: 0.3rem;
    overflow: hidden;
    box-shadow: 0rem 0rem 1rem 0rem rgb(103 102 102 / 40%);
    display: flex;
    align-items: center;
}

.email_box>img {
    width: 100%;
    vertical-align: top;
}

.email_box>div {
    position: absolute;
    /* width: 100%;
    height: 100%;
    top: 0; */
}

.email_box>div h3 {
    text-align: center;
    /* padding: 0.5rem 0; */
    color: #FE7B59;
    /* margin-top: 0.5rem; */
}

.email_box>div h3 img {
    width: 1.3rem;
    margin-right: 0.5rem;
}

.email_box>div p {
    color: #333333;
    font-size: 0.73rem;
    text-align: center;
    padding: 0 2.5rem;
    margin: 0.5rem 0;
}

.email_box>div div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.email_box>div div input {
    height: calc(1.8rem - 2px);
    flex: 0.8;
    margin: 0 0.5rem 0 1rem;
    border: 1px solid #FE7B59;
    color: #999;
    padding-left: 0.5rem;
    border-radius: 0.3rem;
}

.email_box>div div>span {
    display: flex;
    background: #FE7B59;
    padding: 0 0.5rem;
    font-size: 0.7rem;
    height: 1.8rem;
    color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem;
}

.email_box>div div span img {
    width: 1.1rem;
    display: none;
}

.collect_success_alert_info {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.collect_success_alert_info>div {
    padding: 1rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.3rem;
}

.collect_success_alert_info>div div {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 0.7rem;
}

.common_hide {
    display: none;
}





.random_page_item {
    padding: 0 0.5rem;
    margin: 0.5rem;
    background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0rem 0rem 0.5rem 0rem rgba(103, 102, 102, 0.2);
}

.random_page_item .question_title h3 {
    padding-top: 0.5rem;
    height: 5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.diggfun_temp_tags_randompage {
    height: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.random_page_item .author_detial {
    margin: 0.5rem 0;
    width: 100%;
}

.random_page_item_hide {
    display: none;
}

.random_page_count {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid #F2F2F2;
}

.random_page_count>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.random_page_count p {
    color: #999;
    font-size: 0.6rem;
}

.page_count_test p:first-child {
    color: #FF7C59;
    font-size: 1rem;
}

/* .page_count_collet {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
} */
.page_count_collet p:first-child {
    color: #A242FD;
    font-size: 1rem;
}

.page_count_share p:first-child {
    color: #E435DC;
    font-size: 1rem;
}

.change_next {
    display: flex;
    height: 2.5rem;
    margin: 0.5rem;
}

.change_next>div {
    flex: 1;
    box-shadow: 0rem 0rem 0.5rem 0rem rgba(103, 102, 102, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2.3rem;
}

.change_next>div img {
    width: 1.5rem;
}
.change_next>div.start_click {
    font-size: 1rem;
    font-weight: bold;
    background: linear-gradient(-44deg, #FB4168 0%, #F2C94D 100%);
    color: #fff;
}

.start_click {
    margin: 0 0.5rem;
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animate__rotateOutUpright {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: none;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.test-container_login_random {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.next_gif,
.collect_gif {
    position: absolute;
    width: 4.8rem;
    z-index: 8;
}

.collect_btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 99;
}

.collect_btn img {
    width: 1.2rem;
}

.collect_btn_click,
.buzzfunPicRongImg .collect_btn_click {
    display: none;
}

.like_dislike {
    display: flex;
    height: 1.8rem;
    justify-content: space-between;
    margin: 0.5rem;
}

.like_dislike>div {
    flex: 1;
    background: #F1F1F1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.3rem;
}

.like_btn {
    margin-right: 0.5rem;
}

.like_dislike>div img {
    width: 1rem;
}

.like_dislike>div span {
    font-size: 0.6rem;
    color: #666666;
    margin-left: 0.5rem;
}

.header_nav_quiz_article {
    position: relative;
    padding: 0.5rem 0;
}
.header_nav_quiz_article_absolute {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 8;
    background: #fff;
    padding-bottom: 1.5rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(103, 102, 102, 0.3);
}
.header_nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header_nav_quiz_article_absolute .header_nav_top div a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding: 0;
    margin: 0.3rem 0;
}
.header_nav_index {
    justify-content: space-evenly;
}

.common_see_all_box,
.header_nav_top {
    border-top: 1px solid #F2F2F2;
    padding: 0 0.8rem;
    position: relative;
}

.header_nav_bottom {
    padding-bottom: 0.5rem;
}

.quiz_article_up_btn,
.quiz_article_down_btn {
    position: absolute;
    bottom: 0.2rem;
    width: 1rem;
    left: 50%;
    margin-left: -1rem;
}
.quiz_article_down_btn {
    left: auto;
    right: 0.5rem;
    bottom: auto;
    width: 1rem;
    top: 0.8rem;
}
.quiz_article_up_btn {
    display: none;
}

.header_nav>div {
    /* width: calc(33% - 1rem); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0.5rem 0 0 !important;
}
.header_nav>div.showall_a {
    width: calc(33% - 1rem);
}
.header_nav .bottom_nav {
    flex: 1;
}
.header_nav_4 {
    overflow-y: hidden;
    overflow-x: scroll;
}

.header_nav_4>div {
    display: flex;
}

.header_nav_4>div>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
    padding-right: 0.5rem;
}

.quiz_article_temp {
    height: 1.8rem;
    overflow: hidden;
    border: none;
    /* margin: 0.8rem 0; */
    padding-right: 1.5rem;
}

.quiz_article_temp div {
    margin: 0;
    margin-bottom: 1rem;
}

.header_nav_index>div {
    width: calc(20% - 1rem);
}

.header_nav>div>img {
    width: 2.1rem;
}

.header_nav>div>p {
    font-weight: bold;
    color: #333333;
    font-size: 0.6rem;
    margin-top: 0.5rem;
}

.header_nav_4 a,
.header_nav>div a {
    width: 100%;
    /* background: #F4F4F4; */
    text-align: center;
    font-weight: bold;
    color: #333;
    font-size: 0.7rem;
    padding: 0.3rem 0;
    border-radius: 0.2rem;
}

.header_nav_4 a {
    padding: 0.3rem 0.5rem;
}

.swiper_box {
    padding: 0.5rem 0.8rem;
}
.swiper_box .common_list-questiondesc {
    width: calc(100% - 1rem);
}
.swiper-container-novel .swiper-wrapper ,
.swiper-container_one .swiper-wrapper {
    padding-bottom: 2rem;
}
.swiper-container-novel,
.swiper-container_two,
.swiper-container_one {
    width: 100%;
    overflow: hidden;
}

.swiper-slide {
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
}

.swiper-slide .common_list-img,
.swiper-slide .common_list-img img {
    border-radius: 0.5rem;
}
.swiper-container-novel .swiper-slide .common_list-questiondesc,
.swiper-container_one .swiper-slide .common_list-questiondesc {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, .9) 100%);
    padding: 0.3rem 0.5rem;
    color: #fff;
}
.swiper-container-novel .swiper-slide .common_list-questiondesc p,
.swiper-container_one .swiper-slide .common_list-questiondesc p {
    -webkit-line-clamp: 3;
    color: #fff;
}

.swiper-button-next, .swiper-button-prev {
    top: 40% !important;
}
.swiper-container_two_result .swiper-button-next:after,.swiper-container_two_result .swiper-button-prev:after,
.swiper-container-novel .swiper-button-next:after, .swiper-container-novel .swiper-button-prev:after,
.swiper-container_one .swiper-button-next:after, .swiper-container_one .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 0.6rem !important;
    background: rgba(255, 255, 255, 0.7);
    width: 1.2rem;
    height: 1.2rem;
    color: #333;
    border-radius: 50%;
    text-align: center;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1.2rem !important;
}
.swiper-container_two_result .swiper-button-next:after,.swiper-container_two_result .swiper-button-prev:after{
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}
/* .swiper-container_two_result .swiper-slide .common_list-img img {
    border-radius: 0.5rem 0.5rem 0 0;
} */
/* .swiper-container_two_result .swiper-slide {
    box-shadow: 0rem 0rem 1rem 0rem rgba(103, 102, 102, 0.27);
    border-radius: 0.5rem;
} */
.swiper-container_two_result .swiper-button-next, .swiper-container_two_result .swiper-button-prev {
    top: 30% !important;
}
.swiper-container_two_result .swiper-pagination-bullet-active {
    background: #FE633F;
}
.swiper-container_two_result .swiper-slide .common_list-questiondesc p {
    font-size: 0.75rem;
    text-align: left;
}
/* .swiper-container {
    padding-bottom: 1rem;
} */
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0px;
}
.swiper-pagination-bullet-active {
    background: #FF7C59;
}

.swiper-container_two .swiper-slide {
    width: 50% !important;
}

.common_see_all_box {
    display: flex;
    padding: 0.5rem 0.8rem;
    justify-content: space-between;
    align-items: end;
}

.common_see_all_box h3 {
    font-weight: bold;
    color: #003333;
    /* font-size: 0.9rem; */
    text-transform: uppercase;
}

.common_see_all_box a {
    font-weight: bold;
    color: #FF7C59;
    font-size: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.common_see_all_box a img {
    width: 0.8rem;
    margin-left: 0.5rem;
}


.collect_cancel,
.collect_page_noresult,
.collect_page {
    display: none;
}

.collect_cancel,
.collect_edit {
    font-size: 0.84rem;
}

.collect_page {
    padding: 0 0.5rem;
}

.swiperUpTitle {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.5rem;
    align-items: center;
}

.search_info {
    min-height: 23rem;
    background: #fff;
    padding-top: 0.5rem;
    margin-top: 0;
}

.common_list_li_search {
    padding: 0;
}

.select_foredit,
.select_default_foredit {
    display: none;
    width: 0.8rem;
    margin: 0 0.5rem;
    margin-bottom: 1rem;
}

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

.bottom_delect_btn {
    position: fixed;
    z-index: 10;
    width: 100%;
    bottom: 0;
    padding: 0.5rem;
    display: flex;
    background: #fff;
    box-shadow: 0rem 0rem 1rem 0rem rgb(103 102 102 / 20%);
}

.bottom_delect_btn>div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 0.7rem;
    padding: 0.5rem 0;
}

.clear_all {
    border-right: 1px solid #999999;
    color: #333;
}

.delete_single {
    color: #FF0000;
}

.bottom_delect_btn_hide {
    display: none;
}

.collect_success_alert {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
}

.collect_success_alert>div {
    text-align: center;
    background: #fff;
    border-radius: 0.5rem;
    width: 50%;
}

.collect_success_alert>div p {
    padding: 0.5rem 1rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
    font-size: 0.7rem;
}

.collect_success_alert>div div {
    border-top: 1px solid #CCCCCC;
    display: flex;
    justify-content: center;
    align-items: center;
}

.collect_success_alert>div div span {
    flex: 1;
    color: #FF7C59;
    font-weight: 400;
    font-size: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

.conform_alert {
    border-right: 1px solid #ccc;
}

.remove_single,
.remove_all,
.collect_success_alert_hide {
    display: none;
}

.search_info .time_search_bottom {
    width: auto;
}

.time_search_box {
    align-items: center;
    justify-content: space-between;
}

.time_search_box>span {
    color: #FF7C59;
    /* text-transform: uppercase; */
}

.time_search_box>div {
    display: flex;
    align-items: center;
}

.time_search_box>div.reason {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #FF7C59;
    font-size: 0.7rem;
}

.time_search_box>div>img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 0.2rem;
}

.time_search_box>div>span {
    width: 5.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-transform: capitalize
}

.common_list_li_search_collect a {
    flex: 1;
}

.noresult p {
    padding: 0 0.5rem;
    text-align: center;
}

.common_list_ul_search {
    padding: 0 0.8rem;
}

.common_list_ul_search_nav {
    border: none;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 1rem;
}

.common_list_ul_search_nav>div a {
    width: auto;
    background: none;
    border: 3px solid #fff;
    color: #666;
    font-weight: bold;
    /* border-radius: 0.3rem; */
    position: relative;
}
.common_list_ul_search_nav>div a p {
    display: none;
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: -0.2rem;
    left: 0;
    border-radius: 3px;
    background: #FF7C59;
}
.common_list_ul_search_nav>div.curent_bottom_nav a {
    /* border-bottom: 3px solid #FF7C59; */
    color: #FF7C59;
    border-radius: 0;
}
.common_list_ul_search_nav>div.curent_bottom_nav a p {
    display: block;
}
.common_list_ul_search_tested,
.common_list_ul_search_shared,
.common_list_ul_search_reviews {
    display: none;
}

.common_list_ul_search_current {
    display: block;
}

.common_list_ul_rank {
    padding: 0.8rem;
}
.common_list_ul_story_game>div,
.common_list_ul_rank_poll > div {
    margin: 0 auto;
}
.menu_litter_icon {
    width: 0.8rem;
    margin-right: 0.5rem;
}
.choose_btn_to_pay,
.result_down_2k,
.new_buzzfun_index_load_more_story_game a, 
.new_buzzfun_index_load_more_poll a,
.new_buzzfun_index_load_more a {
    display: flex;
    width: calc(100% - 1rem);
    justify-content: center;
    align-items: center;
    background: #FF7C59;
    position: relative;
    height: 2.3rem;
    color: #fff;
    border-radius: 0.3rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.new_buzzfun_index_load_more a p {
    font-size: 1rem;
}

.topics_list_title {
    padding: 0.5rem;
}

.topics_list_title img {
    width: 1.3rem;
    margin-right: 0.2rem;
    vertical-align: sub;
}

.topics_list_title span {
    color: #FF7C59;
    font-size: 1rem;
    font-weight: bold;
}

em {
    font-style: normal
}

.personal_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.personal_center h3 {
    color: #333333;
    font-size: 1.1rem;
}

.personal_center span {
    color: #ccc;
    font-size: 0.7rem;
}

.personal_center a {
    font-size: 0.7rem;
    color: #3275FF;
    margin-left: 0.5rem;
}

.user_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0;
    flex: 1;
}

.user_info>p,
.user_info>div {
    flex: 1;
}

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

.user_img img {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
}

.user_name {
    color: #333333;
    font-size: 0.8rem;
    margin: 0.3rem;
}

.user_id {
    color: #999;
    font-size: 0.6rem;
    margin-bottom: 1rem;
}

.user_other_info span {
    color: #999;
    font-size: 0.6rem;
    padding: 0.1rem 0.2rem;
    border: 1px solid #ccc;
    margin: 0 0.2rem;
    border-radius: 0.3rem;
}

.user_other_info span img {
    width: 0.7rem;
    margin-bottom: 0.2rem;
    vertical-align: middle;
}

.user_desc {
    font-size: 0.7rem;
    color: #666;
    text-align: center;
    margin: 0.5rem 0;
}

.random_page_count_box {
    box-shadow: 0rem 0rem 0.5rem 0rem rgba(103, 102, 102, 0.1);
    border: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.3rem;
}

.random_page_count {
    width: 100%;
    flex: 1;
}

.user_page_count a p:first-child {
    color: #3275FF;
    border-bottom: 1px solid #3275ff;
    margin-bottom: 0.3rem;
}

.user_page_count a.page_count_collet p:first-child {
    color: #FF7C59;
    border-bottom: 1px solid #FF7C59;
}

.user_page_count a.page_count_share p:first-child {
    color: #28C93A;
    border-bottom: 1px solid #28C93A;
}
.random_page_count_box_editor .random_page_count_box_editor_div a p:first-child {
    border-bottom: none;
}
.line_user {
    height: 1px;
    width: 100%;
    background: #f2f2f2;
    margin: 1rem 0;
}

.user_page_like_dislike {
    display: flex;
    justify-content: space-between;
    padding: 0 0.5rem;
    width: 100%;
}

.user_page_like_dislike div {
    flex: 1;
    height: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
}

.user_page_like_dislike div img {
    width: 1.2rem;
}

.user_page_like_dislike div:first-child {
    margin-right: 0.2rem;
}

.user_page_like_dislike div:last-child {
    margin-left: 0.2rem;
}

.random_page_count>a {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.collect_success_alert {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
}

.collect_success_alert>div {
    text-align: center;
    background: #fff;
    border-radius: 0.5rem;
    width: 50%;
}

.collect_success_alert>div p {
    padding: 0.5rem 1rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
    font-size: 0.7rem;
}

.collect_success_alert>div div {
    border-top: 1px solid #CCCCCC;
    display: flex;
    justify-content: center;
    align-items: center;
}

.collect_success_alert>div div span {
    flex: 1;
    color: #FF7C59;
    font-weight: 400;
    font-size: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

.conform_alert {
    border-right: 1px solid #f2f2f2;

}

.collect_success_alert>div div span {
    color: #999;
}

.collect_success_alert>div div span.cancel_alert {
    color: #FF0000;
}

.collect_success_alert>div div {
    border-top: 1px solid #f2f2f2;
}

.collect_success_alert_hide {
    display: none;
}

.all_app_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_app_btn a img {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 0.5rem;
}

.user_renzheng {
    color: #ccc;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.user_renzheng img {
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: middle;
    margin-right: 0.3rem;
}

.choose_month_box {
    position: relative;
    font-size: 0.7rem;
    color: #333;
}

.choose_month {
    border: 1px solid #CCCCCC;
    border-radius: 0.3rem;
    padding: 0.2rem 0.8rem;
}

.choose_month img {
    vertical-align: middle;
    width: 0.6rem;
    margin-left: 0.5rem;
}

.month_item_box {
    position: absolute;
    z-index: 10;
    top: 1.5rem;
    padding: 0.5rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.3rem;
    background: #fff;
    box-shadow: 0rem 0rem 1rem 0rem rgba(103, 102, 102, 0.2);
}

.month_item_box_hide {
    display: none;
}

.month_item_box a {
    flex: 1;
    padding: 0.5rem;
    font-size: 0.7rem;
    color: #333;
}


.result_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}
.result_img img {
    border-radius: 0.3rem;
}
#copyrightDiv {
    padding: 0 0.5rem;
}
.result_img img.dianzan_gif,
.result_img img.diancai_gif {
    position: absolute;
    width: 7rem;
    height: auto;
    display: none;
}

.show_two_img_box {
    display: flex;
    padding: 0 0.5rem;
    justify-content: space-between;
}
.show_two_img_box > label {
    width: 48%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.show_two_img_box label img.common_twoimg {
    width: 100%;
    border-radius: 0.5rem;
}
.border {
    border: 2px solid #ccc;
}
.show_two_img_box label label {
    position: absolute;
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}
.show_two_img_box label img.img_two_close {
    position: absolute;
    width: 1rem;
    top: 0.5rem;
    right: 0.5rem;
    display: none;
}
.submit_all_img {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}
.submit_all_img div {
    width: 50%;
    padding: 0.5rem 0;
    text-align: center;
    color: #fff;
    background: #CCCCCC;
    border-radius: 0.5rem;
}
.result_share_moreapp_new {
    display: flex;
    margin-bottom: 0.5rem;
    position: absolute;
    top: -4rem;
    right: 0;
    border-radius: 0.3rem;
    background: #fff;
    box-shadow: 0rem 0rem 0.42rem 0rem rgb(177 177 177 / 50%);
    z-index: 9;
    padding: 0 0.5rem;
}
.result_share_moreapp_new::after {
    content: "";
    border: 0.5rem solid #fff;
    transform: rotateZ(45deg);
    position: absolute;
    bottom: -0.5rem;
    right: 3rem;
    border-top-color: transparent;
    border-left-color: transparent;
    box-shadow: 0rem 0rem 0.42rem 0rem rgb(177 177 177 / 50%);
}
.result_share_moreapp_new .another_app img {
    width: 2rem;
}
.scroeAmount_article {
    display: flex;
    margin-bottom: 0.5rem;
}
.scroeAmount {
    display: flex;
    margin-bottom: 0.5rem;
    position: absolute;
    top: -5rem;
    left: 0;
    border-radius: 0.3rem;
    background: #fff;
    box-shadow: 0rem 0rem 0.42rem 0rem rgb(177 177 177 / 50%);
    z-index: 9;
}

.scroeAmount::after {
    content: "";
    border: 0.6rem solid #fff;
    transform: rotateZ(45deg);
    position: absolute;
    bottom: -0.5rem;
    left: 3rem;
    border-top-color: transparent;
    border-left-color: transparent;
    box-shadow: 0rem 0rem 0.42rem 0rem rgb(177 177 177 / 50%);
}
.scroeItem {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1.5rem 0.5rem;
    padding-top: 0.5rem;
    z-index: 8;
    background: #fff;
    border-radius: 0.3rem;
}

.scroeItem img {
    width: 2rem;
}
.scroeAmount_share_hide {
    display: none;
}
.scroeItem span {
    font-size: 0.7rem;
    color: #666;
    position: absolute;
    bottom: 0.5rem;
}
.heart_eyes {
    display: none;
}

.no_more_data_p {
    color: #999;
    font-size: 0.7rem;
    text-align: center;
    margin: 0.5rem 0;
}

.shop_img_style {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.shop_img_style > div {
    width: 48%;
    margin-bottom: 0.5rem;
}
.shop_img_style > div a img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.shopping_wrap {
    position: relative;
    display: flex;
}
.amazon_commodity {
    position: absolute;
    width: 50px;
    padding: 5px;
    top: 10px;
    right: 10px;
    background: #fff;
    display: flex;
    border-radius: 2px;
}
img {
    vertical-align: middle; 
}
.amazon_commodity img {
    width: 100%;
}
.articlesDuyouClass p.via_amazon {
    font-size: 14px !important;
    color: #999;
    margin: 2px 0;
}
.at_amazon,
.checkThisOut {
    background: #F89307;
    width: 100%;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px;
    margin: 25px 0;
}
.checkThisOut img {
    width: 20px;
    margin-left: 10px;
}

.shopping_wrap_amazon::after {
    content: "";
    width: 50px;
    height: 23px;
    background: url(https://www.buzzfun.me/Public/static/Amazon_commodity.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    padding: 5px;
    top: 10px;
    right: 10px;
    border-radius: 2px;
}
.shopping_wrap_amazon img {
    border-radius: 5px;
}
.template_shopping {
    font-family: 'Lora', serif !important;
}
.template_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.template_index {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.template_index div:first-child,
.template_index div:last-child {
    flex: 1;
    display: flex;
    align-items: center;
}

.template_index div:first-child div,
.template_index div:last-child div {
    flex: 1;
    height: 1px;
    background: #FFC1A3;
}

.template_index div:first-child span,
.template_index div:last-child span {
    display: inline-block;
    width: 6px;
    height: 15px;
    background: linear-gradient(0deg, #FFC2A1 0%, #FFB1BD 100%);
    text-transform: uppercase;
    transform: skewX(-15deg);
}

.template_index_num {
    margin: 0 10px;
    font-size: 34px;
    font-weight: bold;
}

.margin-left {
    margin-left: 8px;
}

.margin-right {
    margin-right: 8px;
}



.at_amazon span {
    margin-right: 10px;
}

.freelancer_ul li {
    list-style: inside;
    color: #FD9700;
    font-size: 20px;
    margin: 10px 0;
    font-size: 16px;
}

.freelancer_ul li span {
    color: #333;
    font-weight: bold;
}
.template_desc {
    font-size: 16px;
}

.buzzfun_community {
    margin: 0.5rem;
    position: relative;
    box-shadow: 0rem 0rem 0.37rem 0rem rgba(210,210,210,0.5);
}
.buzzfun_community img {
    width: 100%;
}

.buzzfun_community_content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.buzzfun_community_content p {
    width: 80%;
    text-align: center;
    color: #333;
    font-size: 0.9rem;
    font-weight: bold;
}

.buzzfun_community_content p .another {
    color: #FF7C59;
}

.buzzfun_community_content .join_us {
    background: #4A66AD;
    border-radius: 0.3rem;
    width: 66%;
    padding: 0.5rem 0;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold; 
    margin-top: 1rem;
}

.dailyRecommendation {
    position: relative;
    padding: 0.7rem;
}
.dailyRecommendation > img {
    width: 100%;
}
.dailyRecommendation > a {
    position: absolute;
    width: calc(100% - 1.4rem);
    height: calc(100% - 1.4rem);
    top: 0.7rem;
    left: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aid_icon {
    position: absolute;
    width: 4rem;
    top: -0.5rem;
    left: 0.5rem;
    z-index: 2;
}
@media screen and (min-width: 600px){
    .aid_icon {
        width: 5rem;
    }
}
.delivery_img {
    padding: 0.5rem 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}
.delivery_btn {
    position: absolute;
    background: #F57F40;
    box-shadow: 0rem 0.4rem 1rem 0rem rgba(157,157,157,0.4);
    border-radius: 0.3rem;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: bold;
    bottom: -0.5rem;
}
.delivery_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 0.9rem;
    -webkit-line-clamp: 3;
    text-transform: capitalize;
    overflow: hidden;
    color: #1a1a1a;
    text-align: left;
    font-weight: bold;
    height: 3rem;
    padding: 0.5rem 1rem;
}
.delivery_img img.main_img {
    width: 100%;
    border-radius: 0.3rem;
}
.delivery_btn img {
    width: 1.2rem;
    margin-left: 0.5rem;
}
.pros_cons {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0;
}
.pros_cons_line {
    margin: 10px 0;
    height: 1px;
    background: #ccc;
}
.pros_cons ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-weight: 400;
}
.shopping_cons {
    color: #999;
}
.pros_cons ul {
    margin-right: 40px;
}

.pros_cons ul li img {
    width: 20px;
    margin-right: 10px;
}

.pros_cons ul li.pros_cons_li_title {
    font-weight: bold;
}

.user_comments_img {
    width: 20px;
    margin-right: 10px;
}
.user_comments span {
    font-weight: bold;
}
.user_name {
    color: #598CF2;
    font-size: 18px;
}
.user_comments_main {
    background: rgba(231, 139, 0, 0.1);
    padding: 10px;
    font-style:oblique;
    margin: 10px 0;
}
.user_comments {
    margin: 10px 0;
}
.user_comments > div {
    display: flex;
    align-items: center;
}

.shopping_category_box {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.shopping_category_item {
    display: inline-block;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 400;
    color: #333;
}
.shopping_category_item img {
    width: 7rem;
    height: 7rem;
    margin-bottom: 0.5rem;
}

.newhomepageyoumaylike > div {
    width: 100%;
}

.surveyquestionnaire {
    position: fixed;
    bottom: -20rem;
    width: 100%;
    left: 0;
    z-index: 88;
}
.pop_pic_background {
    width: 100%;
}
.letushearfromyou {
    background: #fff;
}
.close_circle_btn {
    position: absolute;
    width: 1.6rem;
    top: 1.5rem;
    right: 0.5rem; 
}
.letushearfromyou {
    padding: 1.2rem 0.6rem;
    margin-top: -0.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.letushearfromyou h3 {
    font-size: 1rem;
    color: #333;
    margin-bottom: 0.5rem;
    text-align: center;
    width: 70%;
    font-weight: bold;
}
.letushearfromyou p {
    font-size: 0.7rem;
    color: #666;
    text-align: center;
    width: 70%;
    margin-bottom: 0.8rem;
}
.takethesurvey {
    width: 65%;
    color: #fff;
    background: #FF7B00;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    font-size: 0.7rem;
    margin: 0 auto;
    display: inline-block;
}
.recommendiaochawenjuan {
    display: none;
}


.diaochawenjuan1 {
    position: fixed;
    bottom: 5rem;
    left: 0.5rem;
    z-index: 88;
    display: none;
}
.diaochawenjuan1 .rebote {
    width: 2.5rem;
}
.closeDiaochawenjuan {
    position: absolute;
    top: -0.42rem;
    right: -0.42rem;
    width: 0.84rem;
}

.aitxtresult_box {
    position: absolute;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    top: 0.5rem;
    left: 0.4rem;
    padding: 2px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.aitxtresult_box_img {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    height: 100%;
    left: 0;
    backdrop-filter: blur(30px);
}
.aitxtresult_box_img_bg {
    width: 100%;
}
.aitxtresult_box_hide {
    display: none;
}
.aitxtresult_box_img {
    width: 100%;
    height: 100%;
    opacity: 0.9;
}
.aitxtresult_box_img img {
    width: 100%;
}
.resultfilter {
    filter: blur(27px);
}
.aitxtresult_box_img_loading {
    width: 3rem !important;
    height: 3rem !important;
    position: absolute;
}

.result_trivia_info {
    display: flex;
    margin: 0.5rem 0;
}

.result_trivia_info > div{
    flex: 1;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
    border-radius: 0.3rem;
}
.result_trivia_info > div:nth-child(2) {
    margin: 0 0.5rem;
}
.trivia_info_item_title {
    color: #999;
    font-size: 0.7rem;
    margin-bottom: 0.2rem;
}
.trivia_info_item_num {
    color: #ff7b00;
    font-size: 1rem;
    font-weight: bold;
}

.result_trivia_info > div:nth-child(3) .trivia_info_item_num {
    color: #999;
}

.warm_prompt {
    display: flex;
    background: linear-gradient(98deg, #FDFAFF 0%, #FFFFFF 45%, #F4FFFE 100%);
    padding: 0.25rem 0rem 0.25rem 0.5rem;
    border-radius: 1rem;
    border: 1px solid rgba(255,49,21,0.25);
    align-items: center;
    margin: 1rem 0.5rem;
    width: calc(100% - 1.5rem);
}
.warm_prompt_content {
    font-size: 0.65rem;
    color: #FF9900;
    flex: 1;
}
.warm_prompt div img {
    width: 4rem;
}
.warm_prompt div img.ar_translate {
    transform: rotateY(180deg);
}

.aitestagainnew {
    position: relative;
    margin: 0 0.5rem;
    display: flex;
    justify-content: center;
}
.aitestagainnewimg {
    width: 100%;
}
.aitestagainnewcontent {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.letaiagainit {
    color: #fff;
    font-size: 0.7rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.aitestagainnewcontentimg {
    position: absolute;
    width: 2rem;
    right: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
}
.mobile_ai_icon {
    width: 100%;
}
.mobile_go_pic {
    width: 1rem;
    position: absolute;
    animation: scal_go 1s infinite;
}

@keyframes scal_go {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.aiturntipsalert {
    position: absolute;
    bottom: 4rem;
    font-size: 0.8rem;
    width: 50%;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.5rem;
}
.aiturntipsalerthide {
    display: none;
}
.aiturntipsalert > img {
    width: 100%;
    margin-bottom: 0.3rem;
}

.aiturntipsalert::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border: 5px solid rgba(0,0,0,0.8);
    transform: rotate(45deg);
    border-top-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0);
}
.aitestagaincontainer_two_result {
    position: absolute;
    width: 100%;
    margin-top: 5rem;
    color: #fff;
}
.aitestagaincontainer_two_result .swiper-slide {
    font-size: 0.7rem;
}
.aitestagaincontainerwrapper {
    width: 100%;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide {
    opacity: 0 !important;
}
.aitxtresult_box .swiper-container-fade .swiper-slide-active, 
.aitxtresult_box .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    opacity: 1 !important;
}



.aiquiz_textinput {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}
.aiquiz_textinput input {
    flex: 1;
    margin-right: 0.5rem;
    border: 1px solid #FF7B00;
    height: 1.9rem;
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
}
.warning_circle_fill_box {
    position: relative;
}
.warning_circle_fill_box img {
    width: 1.2rem;
    height: 1.2rem;
}
.warning_hover_fill {
    display: none;
}
.warning_circle_fill_box:hover .warning_hover_fill {
    display: block;
}
.warning_circle_fill_box:hover .warning_circle_fill {
    display: none;
}
.warning_circle_fill_tips {
    position: absolute;
    top: 1.8rem;
    width: 13rem;
    right: -0.3rem;
    margin-left: -235px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    display: none;
    z-index: 88;
}
.warning_circle_fill_box:hover .warning_circle_fill_tips {
    display: block;
}
.warning_circle_fill_tips::after {
    content: '';
    position: absolute;
    top: -5px;
    right: 0.6rem;
    border: 5px solid rgba(0,0,0,0.6);
    transform: rotate(45deg);
    border-bottom-color: rgba(0,0,0,0);
    border-right-color: rgba(0,0,0,0);
}
.countnumbox {
    position: absolute;
    right: 2rem;
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    color: #999;
    background: #fff;
    z-index: 5;
}
.countnum {
    margin-right: 0.5rem;
    margin-top: 2px;
}
.countnumclear {
    display: flex;
    align-items: center;
}
.countnumclearhide {
    display: none;
}
.countnumclear div {
    width: 1px;
    height: 16px;
    margin-right: 0.5rem;
    background: #eee;
}
.countnumclear img {
    width: 1.2rem;
    cursor: pointer;
}

.option_type_moreselect2,
.option_type_moreselect1 {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    right: 0.2rem;
    top: 0.5rem;
    z-index: 5;
}
.option_type_moreselect2 {
    right: auto;
    top: 50%;
    margin-top: -0.6rem;
    left: 0.4rem;
}
.option_type_moreselect2 img,
.option_type_moreselect1 img {
    width: 100%;
}
.newSelectTest-choiceType img.moreselectchoosed {
    display: none;
}
 .quizeselectItem>div.newSelectTest_aiquiz {
    width: calc(50% - 4rem);
    padding: 0.5rem 1.75rem 0.5rem;
 }


.airesult {
    padding: 2rem 0.5rem 0.5rem;
    background: url(https://www.buzzfun.me/buzzfun/mobile/img/background_pic_square.png);
    background-size: 10px;
    border-radius: 0.5rem;
    background-position: center;
    margin: 0 0.5rem;
}
.airesultcontent {
    background: #FBE200;
    border: 1px solid #000000;
    padding: 10px;
}
.airesultcontentmain {
    background: #fff;
    border: 1px solid #000000;
    padding: 0.5rem;
    position: relative;
}
.airesultcontentmain h3 {
    margin: 1.5rem 0 0.5rem;
    font-size: 0.8rem;
    color: #333;
    font-weight: bold;
}
.airesultcontentmain p {
    font-size: 0.7rem;
    color: #666;
    line-height: 1.2rem;
}
.ai_icon {
    position: absolute;
    width: 2rem;
    left: -1rem;
    top: -1rem;
}
.mobile_ai_tips {
    position: absolute;
    width: 90%;
    right: -1px;
    top: -2rem;
}
@media screen and (min-width: 600px) {
    .mobile_ai_tips {
        width: 60%;
    }
    .aihowtoseeclicked {
        width: 10rem;
    }
    .aihowtoseeclickedcontent {
        left: 35%;
        top: 33%;
    }
    .aihowtoseecontent {
        padding: 10% 17%;
        height: calc(90% - 3rem);
    }
}
.mobile_ai_tips img {
    width: 100%;
}
.mobile_ai_tipscontent {
    position: absolute;
    top: 0;
    left: -0.5rem;
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
    color: #fff;
    padding: 1rem 1rem 0.5rem 1rem;
    font-size: 0.65rem;
}
.airesultbtn {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0 0;
    font-size: 0.7rem;
}
.airesultbtn >div {
    display: flex;
    align-items: center;
    color: #FF7B00;
}

.airesultbtn img {
    width: 1rem;
    margin-right: 0.2rem;
}

.aihowtoseehide {
    display: none;
}

.aiquiz_input::-webkit-input-placeholder {
    color: #999
}
.select_allicon span.active_now, .active_now {
    display: block;
}