/* 文档教程 */ .faq_main{margin-top: 90px;background: #ffffff;} /* 广告图 */ #faq_banner {height: 300px;position: relative;background: #f4f8f7;display: flex;flex-direction: column;justify-content: center;overflow: hidden;} #faq_banner .banner_icon {position: absolute;right: 12.2395%;bottom: 0;} #faq_banner .title {font-size: 52px;margin-bottom: 25px;margin-top: 0;position: relative;z-index: 2;} #faq_banner .form {width: 500px;height: 55px;border-radius: 30px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: space-between;} #faq_banner .form .input {width: calc(100% - 70px); padding: 0 25px;font-size: 16px;line-height: 55px;} #faq_banner .form .search {cursor:pointer;width: 70px;height: 100%;background: url(images/search2.svg) no-repeat center} /* 内容 */ #faq {padding: 80px 0 120px;} #faq .content {display: flex;justify-content: space-between;align-items: flex-start;} /* 导航区域 */ #faq .content .choose {width: 286px;} #faq .content .choose .item {padding: 18px 20px;background: #f8f8f8;margin-top: 20px;} #faq .content .choose .item:first-child {margin-top: 0;} #faq .content .choose .item .head {cursor:pointer;display: flex;align-items: center;justify-content: space-between;} #faq .content .choose .item .head .btn {width: 16px;height: 16px;transform: rotate(180deg);} #faq .content .choose .item .head .btn .svg {font-size: 10px; color: #333333; fill: #333333;stroke: #333333;} #faq .content .choose .item .head .word {display: flex;align-items: center;} #faq .content .choose .item .head .word .icon {background: #fff;width: 35px;height: 35px;} #faq .content .choose .item .head .word .title {font-size: 18px;margin: 0 15px;font-weight: 400;} #faq .content .choose .item .head.cur .word .title {color: var(--main);} #faq .content .choose .item .head.cur .btn {transform: rotate(0deg);} #faq .content .choose .item .head.cur .btn .svg {color: var(--main);fill: var(--main);stroke: var(--main);} #faq .content .choose .item .ul {margin-top: 20px;} #faq .content .choose .item .ul .li {margin-top: 10px;padding: 10px 0 10px 50px;font-size: 16px;font-weight: 400;} #faq .content .choose .item .ul .li.cur {background: #fff;color: var(--main);} /* 列表 */ #faq .content .info {width: calc(100% - 286px - 60px);} #faq .content .info .head {position: relative;} #faq .content .info .head::before {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;} #faq .content .info .head .slide {width: auto;font-size: 18px;transition: all 0.3s linear;box-sizing: border-box;padding-right: 80px;} #faq .content .info .head .slide .box {padding-bottom: 25px;border-bottom: 3px solid transparent;font-weight: 400;} #faq .content .info .head .slide.swiper-slide-active .box {border-bottom: 3px solid var(--main);color: var(--main);font-weight: 600;} #faq .content .info .head .slide:last-child {padding-right: 0;} #faq .content .info .ul {padding-top: 10px;margin-bottom: 60px;} #faq .content .info .ul .li {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;background: #f8f8f8;padding: 30px 3.361% 40px;} #faq .content .info .ul .li .left {width: calc(100% - 50px);display: flex;justify-content: space-between;align-items: flex-start;} #faq .content .info .ul .li .word {width: calc(100% - 50px);} #faq .content .info .ul .li .word .name {font-size: 20px;line-height: 28px;} #faq .content .info .ul .li .word .brief {margin-top: 12px;font-size: 16px;color: #666666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #faq .content .info .ul .li .img {width: 28px;height: 28px;} #faq .content .info .ul .li .img:last-child {width: 30px;height: 30px;transform: rotate(90deg);} #faq .content .info .ul .li .img .svg {font-size: 30px;color:#333;fill: #333333;stroke: #333333;} #faq .content .info .container-center {width: auto;} /* 详情 */ #faq .content .detail {width: calc(100% - 286px - 60px);} #faq .content .detail .title {font-size: 38px;line-height: 1.4;} #faq .content .detail .relevant {font-size: 16px;color: #888888;margin-top: 15px;padding-bottom: 45px;border-bottom: 1px solid #e5e5e5;justify-content: space-between;flex-wrap: wrap;} #faq .content .detail .relevant .text {line-height: 35px;margin-right: 10px;} #faq .content .detail .relevant .label {width: calc(100% - 183px); display: flex;flex-wrap: wrap;} #faq .content .detail .relevant .label .item {padding: 0 12px;line-height: 35px;background: #f8f8f8;font-size: 16px;color: #666666;margin-right: 10px; } #faq .content .detail .relevant .label .item:last-child {margin-right: 0;} #faq .content .detail .article {margin-top: 50px; /*line-height: 37px;font-size: 18px;*/} #faq .content .detail .share {margin-top: 80px;display: flex;flex-wrap: wrap;align-items: center;} #faq .content .detail .share .text {font-size: 16px;margin-right: 55px;} #faq .content .detail .share .s {margin-right: 20px;} #faq .content .detail .share .s:last-child {margin-right: 0;} #faq .content .detail .share .s .icon {width: 25px;height: 25px;} #faq .content .detail .share .s .svg {font-size: 21px;color: #666666;fill: #666666;stroke: #666666;} #faq .content .detail .share .s:nth-child(4) .svg, #faq .content .detail .share .s:nth-child(5) .svg, #faq .content .detail .share .s:nth-child(6) .svg{font-size: 25px;} #faq .content .detail .labelbox {display: flex;margin-top: 40px;justify-content: space-between;} #faq .content .detail .labelbox .text {font-size: 16px;line-height: 30px;margin-top: 10px;} #faq .content .detail .labelbox .label {width: calc(100% - 80px); display: flex;flex-wrap: wrap;} #faq .content .detail .labelbox .label .item {padding-left: 28px; position: relative;margin-right: 20px;margin-top: 10px;} #faq .content .detail .labelbox .label .item .span {font-size: 14px;line-height: 30px;color: #666666;background: #f8f8f8;border-radius: 0 5px 5px 0;padding-right: 12px;} #faq .content .detail .labelbox .label .item::before {content: '';width: 28px;height: 100%;position: absolute;left: 0;top: 0;background: url(images/label.png);background-position: center left;background-repeat: no-repeat;background-size: auto;} #faq .content .detail .labelbox .label .item:last-child {margin-right: 0;} #faq .content .detail .interact {margin-top: 35px;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5;} #faq .content .detail .interact .text {text-align: center;font-size: 22px;} #faq .content .detail .interact .btnbox {margin-top: 25px;display: flex;justify-content: center;} #faq .content .detail .interact .btn {cursor:pointer;display: flex;align-items: center;font-size: 22px;margin-right: 40px;} #faq .content .detail .interact .btn:last-child {margin-right: 0;} #faq .content .detail .interact .btn .icon {width: 30px;height: 30px;margin-right: 15px;} #faq .content .detail .interact .btn .icon img {width: 100%;height: 100%;} #faq .content .detail .interact .btn:last-child .icon {transform: rotate(180deg);} #faq .content .detail .interact .btn.cur {color: var(--main);} #faq .content .detail .interact .btn.clicked {color: #999999;} #faq .content .detail .interact .btn.not {cursor:default;} #faq .content .detail .end {margin-top: 55px;display: flex;align-items: center;justify-content: space-between;} #faq .content .detail .end .page {width: calc(100% - 350px);} #faq .content .detail .end .page .pn {margin-top: 10px;font-size: 16px;cursor:pointer;} #faq .content .detail .end .page .pn span {color: var(--main);} #faq .content .detail .end .btnbox {display: flex;} #faq .content .detail .end .btnbox .btn {background: #f8f8f8; cursor:pointer;position: relative;padding: 0 20px; min-width: 140px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 14px;} #faq .content .detail .end .btnbox .btn .icon {margin-right: 15px;} #faq .content .detail .end .btnbox .btn:nth-of-type(1) {margin-right: 20px;} #faq .content .detail .end .btnbox .btn .code {display: none; width: 170px;height: 170px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);} #faq .content .detail .end .btnbox .btn .code::before {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;transition: all 0.3s linear;} /* 移动端选择区 */ #faq .content .phone_choose {display: none;} #faq .content .phone_choose .container{min-height: auto;} #faq .content .phone_choose .select_one .slide {margin-right: 20px; padding: 15px 20px; width: auto !important; min-width: 300px; background-color: #f8f8f8; display: flex;} #faq .content .phone_choose .select_one .slide:last-child {margin-right: 0;} #faq .content .phone_choose .select_one .slide .btn {width: 16px;height: 16px;transform: rotate(180deg);} #faq .content .phone_choose .select_one .slide .btn .svg {font-size: 10px; color: #333; fill: #333;} #faq .content .phone_choose .select_one .slide .word {width: calc(100% - 20px);} #faq .content .phone_choose .select_one .slide .word .icon {width: 35px; height: 35px; background: #fff; } #faq .content .phone_choose .select_one .slide .word .title { margin: 0 15px; width: calc(100% - 70px); font-size: 14px;} #faq .content .phone_choose .select_one .slide.cur .word .title {color: var(--main);} #faq .content .phone_choose .select_one .slide.cur .btn {transform: rotate(0deg);} #faq .content .phone_choose .select_one .slide.cur .btn .svg {fill: var(--main);} #faq .content .phone_choose .bind {margin-top: 2vw;} #faq .content .phone_choose .select_two .slide {display: flex; margin-right: 20px; padding: 0 30px; width: auto !important; min-width: 170px; height: 50px; background-color: #f8f8f8; font-size: 14px; transition: all 0.5s ease; white-space: nowrap; } #faq .content .phone_choose .select_two .slide:last-child {margin-right: 0;} #faq .content .phone_choose .select_two .slide.cur {background: #666; color: #fff;} #faq .phone_choose2 {display: none;} #faq .phone_choose2 .select_one {position: relative;} #faq .phone_choose2 .select_one::before {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;} #faq .phone_choose2 .select_one .slide {width: auto;height: auto;padding-right: 40px;} #faq .phone_choose2 .select_one .slide:last-child {padding-right: 0;} #faq .phone_choose2 .select_one .item {font-size: 18px;padding-bottom: 1.5625vw;box-sizing: border-box;border-bottom: 3px solid transparent;} #faq .phone_choose2 .select_one .item.cur {font-weight: 600;border-bottom: 3px;border-bottom: 3px solid var(--main);color: var(--main);} #faq .phone_choose2 .select_two {margin-top: 10px;} #faq .phone_choose2 .select_two .down {max-height: 16.521vw;overflow: hidden;} #faq .phone_choose2 .select_two .ul {display: flex;flex-wrap: wrap;border-bottom: 1px solid #999;padding-bottom: 20px;} #faq .phone_choose2 .select_two .ul .li {min-width: 25%;margin-top: 4.026%; padding: 0 2.026%;border-right: 1px solid #999;font-size: 0.26rem;text-align: center;} #faq .phone_choose2 .select_two .ul .li:last-child {border-right: none;} #faq .phone_choose2 .select_two .ul .li.cur {color: var(--main);font-weight: 600;} #faq .phone_choose2 .select_two .btn {margin-top: 20px;} #faq .phone_choose2 .select_two .btn .icon {margin: auto;background: #fff;width: 20px;height: 20px;transform: rotate(90deg);} #faq .phone_choose2 .select_two .btn .icon .svg {font-size: 20px; color: #999; fill: #999999;stroke: #999999;} #faq .phone_choose2.cur .select_two .btn .icon {transform: rotate(-90deg);} #faq .content .info .phone_head {min-height: 60px; height: max-content;display: none;} #faq .content .info .phone_head .main_subnav{position: static; top: 0; left: 0; z-index: 10; width: 100%; height: max-content; background-color: #fff; border-bottom: 1px solid #fff; transition: all 0.5s ease-in-out;} #faq .content .info .phone_head .main_subnav.curfixed{position: fixed; border-color: #e5e5e5;} #faq .content .info .phone_head .main_subnav .pg_name{margin-right: 30px; padding-right: 31px; position: relative;} #faq .content .info .phone_head .main_subnav .pg_name::before{content: ""; display: block; width: 1px; height: 16px; background-color: #e3e3e3; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1;} #faq .content .info .phone_head .main_subnav .pg_name span{display: block; font-size: 16px; line-height: 60px; color: #333; font-weight: 600;} #faq .content .info .phone_head .main_subnav .pg_name .svg{width: 10px; height: 8px; fill: #333;} #faq .content .info .phone_head .main_subnav .cate_list{} #faq .content .info .phone_head .main_subnav .cate_list .item{margin-right: 25px; font-size: 16px; line-height: 60px; color: #666; position: relative;} #faq .content .info .phone_head .main_subnav .cate_list .item:last-child{margin-right: 0;} #faq .content .info .phone_head .main_subnav .cate_list .item::before{content: ""; display: block; width: 100%; height: 3px; background-color: transparent; position: absolute; bottom: -1px; left: 0; z-index: 1;} #faq .content .info .phone_head .main_subnav .cate_list .item.active::before{background-color: var(--main);} @media (min-width:800px) { #faq .content .choose .item .head:hover .word .title {color: var(--main);} #faq .content .choose .item .ul .li:hover {background: #fff;color: var(--main);} #faq .content .choose .item .head .slide:hover {color: var(--main);} #faq .content .info .ul .li:hover {background: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);} #faq .content .info .ul .li:hover .word .name {color: var(--main);} #faq .content .info .ul .li:hover .img .svg {color: var(--main);fill: var(--main);stroke: var(--main);} #faq .content .detail .share .s:hover .svg {color: var(--main); fill: var(--main);stroke: var(--main);} #faq .content .detail .end .page .pn:hover {color: var(--main);} #faq .content .detail .end .btnbox .btn:hover {background: var(--main);border-color: var(--main);color: #fff;} #faq .content .detail .end .btnbox .btn:hover .icon img {filter: brightness(0) invert(100%);} #faq .content .phone_choose .select_one .slide:hover .word .title {color: var(--main);} #faq .content .info .head .slide:hover .box {color: var(--main);} /* #faq .content .detail .interact .btn:hover {color: var(--main);} #faq .content .detail .interact .btn:hover .icon .default {display: none;} #faq .content .detail .interact .btn:hover .icon .success {display: block;} */ } @media (max-width:1536px) { #faq_banner .title {font-size: 42px;} } @media (max-width:1500px) { #faq_banner .form {top: 43%;} } @media (max-width:1440px) { #faq_banner .title {font-size: 36px;} } @media (max-width:1366px) { #faq_banner .title {font-size: 34px;} } @media (max-width: 1280px) { #faq_banner .title {font-size: 32px;} #faq .content .choose {width: 240px;} #faq .content .detail, #faq .content .info {width: calc(100% - 240px - 60px);} } @media (max-width: 1050px) { #faq_banner .title {font-size: 30px;text-align: center;} #faq_banner #breadcrumb>div {justify-content: center;} #faq_banner .banner_icon {right: 0;} #faq_banner .form {position: relative;left: auto;top: auto;transform: translate(0);margin: 30px auto 0;display: flex;} #faq .content {display: block;} #faq .content .phone_choose {display: block;} #faq .content .choose {display: none;} #faq .content .info {width: 100%;margin-top: 30px;} #faq .content .detail {width: 100%;} #faq .content .info .phone_head {min-height: 55px} #faq .content .info .phone_head .main_subnav{position: relative; } #faq .content .info .phone_head .main_subnav .pg_name{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-right: 0; padding-right: 0;background: #f1f1f1;padding: 0 30px;border-radius: 10px;} #faq .content .info .phone_head .main_subnav .pg_name::before{display: none;} #faq .content .info .phone_head .main_subnav .pg_name .svg{display: block; width: 11px; height: 10px; transform: rotate(90deg); transition: all 0.5s ease-in-out;} #faq .content .info .phone_head .main_subnav .pg_name.cur .svg{transform: rotate(-90deg);} #faq .content .info .phone_head .main_subnav .cate_list{display: none; position: absolute; top: calc(100% + 1px); left: 0; z-index: 1; width: 100%; border-bottom-left-radius: 0.16rem; border-bottom-right-radius: 0.16rem; background-color: #fff; box-shadow: 0px 10px 10px rgb(0 0 0 / 10%); } #faq .content .info .phone_head .main_subnav .cate_list .item{line-height: 54px;} #faq .content .info .phone_head .main_subnav .cate_list .list{margin: 0 auto; width: 90%; flex-direction: column;} #faq .content .info .phone_head .main_subnav .cate_list .item::before{display: none;} #faq .content .info .phone_head .main_subnav .cate_list .list .item{margin: 0; padding-left: 2.5vw; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative;} #faq .content .info .phone_head .main_subnav .cate_list .list .item:last-child{border: 0;} #faq .content .info .phone_head .main_subnav .cate_list .list .item .svg{position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; font-size: 13px; color: var(--main);} #faq .content .info .phone_head .main_subnav .cate_list .list .item.active .svg{display: block;} } @media (max-width: 992px) { .faq_main {margin-top: 65px;} #faq_banner {padding: 8.33vh 0 12.5vh;} #faq_banner .title {font-size: 0.298rem;} #faq_banner .form .input {font-size: 0.12rem;} #faq {padding: 8vw 0;} #faq .content .choose .item .head .slide {font-size: 0.135rem;} #faq .content .info .head .title {font-size: 0.135rem;} #faq .content .info .ul .li .word .name {font-size: 0.15rem;line-height: 1.6;} #faq .content .info .ul .li .word .brief {font-size: 0.13rem;} #faq .content .detail .end {margin-top: 3.125vw;} #faq .content .detail .labelbox {margin-top: 2.08333vw;} #faq .content .detail .interact {padding-bottom: 3.125vw;margin-top: 1.8229%;} #faq .content .detail .title {font-size: 0.316rem;} #faq .content .detail .share .text, #faq .content .detail .end .page .pn, #faq .content .detail .labelbox .text, #faq .content .detail .relevant {font-size: 0.12rem;} /* #faq .content .detail .article {font-size: 0.135rem;} */ #faq .content .detail .relevant .label .item, #faq .content .detail .labelbox .label .item .span {font-size: 0.105rem;} #faq .content .detail .interact .btn, #faq .content .detail .interact .text {font-size: 0.165rem;} #faq .content .detail .relevant .text, #faq .content .detail .relevant .label .item {margin-top: 10px;} #faq .content .phone_choose .select_one .slide .word .title {font-size: 0.135rem;} #faq .content .phone_choose .select_two .slide {font-size: 0.12rem;} #faq .content .info .head .slide, #faq .phone_choose2 .select_one .item {font-size: 0.135rem;} #faq .content .info .phone_head .main_subnav .pg_name span{font-size: .13rem; line-height: 0.82rem;} #faq .content .info .phone_head .main_subnav .cate_list .list .item{font-size: .13rem; } #faq .content .info .phone_head .select_one .slide .word .title {font-size: 0.135rem;} #faq .content .info .phone_head .select_two .slide {font-size: 0.12rem;} } @media (max-width: 768px) { #faq_banner .title {font-size: 0.42rem;} #faq_banner .banner_icon {right: -12%;} #faq_banner .form .input {font-size: 0.16rem;} #faq .content .choose .item .head .slide {font-size: 0.18rem;} #faq .content .phone_choose .select_two .slide {font-size: 0.16rem;} #faq .content .info .head .title, #faq .content .phone_choose .select_one .slide .word .title {font-size: 0.18rem;} #faq .content .info .ul .li .word .name {font-size: 0.2rem;line-height: 0.45rem;} #faq .content .info .ul .li .word .brief {font-size: 0.22rem;line-height: 1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal;} #faq .content .detail .labelbox {display: block;} #faq .content .detail .labelbox .label, #faq .content .detail .relevant .label {width: 100%;} #faq .content .detail .title {font-size: 0.38rem;} #faq .content .detail .end .page .pn, #faq .content .detail .labelbox .text, #faq .content .detail .share .text, #faq .content .detail .relevant {font-size: 0.16rem;} /* #faq .content .detail .article {font-size: 0.18rem;} */ #faq .content .detail .end .btnbox .btn, #faq .content .detail .labelbox .label .item .span {font-size: 0.14rem;} #faq .content .detail .interact .btn, #faq .content .detail .interact .text {font-size: 0.22rem;} #faq .content .detail .relevant .label .item {font-size: 0.16rem;} #faq .content .detail .end {display: block;} #faq .content .detail .end .page {width: 100%;} #faq .content .detail .end .btnbox {justify-content: center;margin-top: 3.125vh;} #faq .content .info .head .slide, #faq .phone_choose2 .select_one .item {font-size: 0.18rem;} #faq .content .info .ul .li .left {width: 100%;} #faq .content .info .ul .li .img:last-child {display: none;} #faq .content .info .phone_head .main_subnav .pg_name span, #faq .content .info .phone_head .main_subnav .cate_list .list .item{font-size: .18rem;} #faq .content .info .phone_head .select_two .slide {font-size: 0.16rem;border-radius: 33px;} #faq .content .info .phone_head .select_one .slide .word .title {font-size: 0.18rem;} } @media (max-width: 576px) { #faq_banner .title {font-size: 0.52rem;} #faq_banner .form {width: 90%;} #faq_banner .form .input {font-size: 0.2rem;} #faq .phone_choose2 {display: block;} #faq .content .phone_choose {display: none;} #faq {padding: 10vw 0;} #faq .content .phone_choose .select_two .slide, #faq .content .phone_choose .select_one .slide .word .title {font-size: 0.26rem;border-radius: 33px;} #faq .content .choose .item .head .slide {font-size: 0.3rem;} #faq .content .info{margin-top: 5vw;} #faq .content .info .head .title {font-size: 0.195rem;} #faq .content .info .ul .li {padding: 3.361% 3.361% 6%;} #faq .content .info .ul .li .word {width: calc(100% - 0.8rem);} #faq .content .info .ul .li .word .name {font-size: 0.3rem;font-weight: 600;} #faq .content .info .head .title {font-size: 0.3rem;} #faq .content .info .ul .li .word .brief {font-size: 0.25rem;margin-top: 1vw;} #faq .content .info .ul .li .img {width: 0.53rem;height: 0.53rem;} #faq .content .detail .title {font-size: 0.42rem;line-height: 1.6;} #faq .content .detail .relevant{margin-top: 1.5vw; padding-bottom: 5.5vw;} #faq .content .detail .relevant .label .item, #faq .content .detail .relevant .text {font-size: 0.26rem;} /* #faq .content .detail .article {font-size: 0.28rem;line-height: 1.8;} */ #faq .content .detail .share{margin-top: 8vw;} #faq .content .detail .share .s{margin-right: 4vw;} #faq .content .detail .share .s .icon{width: 6.5vw; height: 5vw;} #faq .content .detail .share .s:nth-child(4) .svg, #faq .content .detail .share .s:nth-child(5) .svg, #faq .content .detail .share .s:nth-child(6) .svg, #faq .content .detail .share .s .svg{font-size: 0.38rem;} #faq .content .detail .share .text, #faq .content .detail .labelbox .text, #faq .content .detail .labelbox .label .item .span {font-size: 0.24rem;line-height: 30px;} #faq .content .detail .end .page .pn, #faq .content .detail .interact .btn, #faq .content .detail .end .btnbox .btn, #faq .content .detail .interact .text {font-size: 0.26rem;} #faq .content .info .head .slide, #faq .phone_choose2 .select_one .item {font-size: 0.29rem;} #faq .content .info .head {display: none;} #faq .content .info .phone_head {display: block;} #faq .content .info .phone_head .main_subnav .pg_name{padding: 0 5vw;} #faq .content .info .phone_head .main_subnav .pg_name span {font-size: 0.3rem;} #faq .content .info .phone_head .main_subnav .pg_name .svg, #faq .content .info .phone_head .main_subnav .cate_list .list .item.active .svg{width: auto; font-size: 0.18rem} #faq .content .info .phone_head .main_subnav .pg_name .svg{transform: translateY(0) scale(0.8);} #faq .content .info .phone_head .main_subnav .pg_name.cur .svg{transform: rotate(-90deg) scale(0.8);} #faq .content .info .phone_head .main_subnav .cate_list .list .item .svg{transform: translateY(-50%) scale(0.8);} #faq .content .info .phone_head .main_subnav .cate_list .list .item{font-size: .26rem;} #faq .content .info .phone_head .main_subnav .cate_list .list .item{padding-left: 5.5vw;} #faq .phone_choose2 .select_two .btn .icon .svg{font-size: 13px;} #faq .content .info .phone_head .select_two .slide, #faq .content .info .phone_head .select_one .slide .word .title {font-size: 0.26rem;} #faq .content .detail .article{margin-top: 5vw;} #faq .content .detail .interact{margin-top: 3vw; padding-bottom: 5vw;} #faq .content .detail .end{margin-top: 5vw;} #faq .content .detail .end .btnbox .btn{height: 11vw;} #faq .content .detail .end .btnbox .btn:nth-of-type(1){margin-right: 0;} } @media (max-width: 380px) { #faq .content .detail .title {font-size: 0.316rem;} #faq .content .detail .relevant .label .item, #faq .content .detail .end .btnbox .btn, #faq .content .detail .end .page .pn, #faq .content .detail .labelbox .label .item .span, #faq .content .detail .share .text, #faq .content .detail .labelbox .text, #faq .content .detail .relevant {font-size: 0.226rem;} /* #faq .content .detail .article {font-size: 0.271rem;} */ #faq .content .detail .interact .btn, #faq .content .detail .interact .text {font-size: 0.241rem;} #faq .content .detail .labelbox {display: block;} #faq .content .detail .labelbox .label {width: 100%;} #faq .content .detail .labelbox .label .item {margin-right: 10px;} }