/* 文档教程 */ .document_main{margin-top: 90px;} /* 广告图 */ #document_banner {height: 300px;position: relative;background: var(--color);display: flex;flex-direction: column;justify-content: center;overflow: hidden;} #document_banner .banner_icon {position: absolute;right: 12.2395%;bottom: 0;} #document_banner .title {font-size: 52px;margin-bottom: 25px;margin-top: 0;position: relative;z-index: 2;} #document_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;} #document_banner .form .input {width: calc(100% - 70px); padding: 0 25px;font-size: 16px;} #document_banner .form .search {cursor:pointer;width: 70px;height: 100%;background: url(images/search2.svg) no-repeat center} /* 内容 */ #document {padding: 80px 0 120px;} #document .content {display: flex;justify-content: space-between;align-items: flex-start;} /* 导航区域 */ #document .content .choose {width: 286px;} #document .content .choose .item {padding: 18px 20px;background: #f8f8f8;margin-top: 20px;} #document .content .choose .item:first-child {margin-top: 0;} #document .content .choose .item .head {cursor:pointer;display: flex;align-items: center;justify-content: space-between;} #document .content .choose .item .head .btn {width: 16px;height: 16px;transform: rotate(180deg); display: flex; justify-content: center; align-items: center;} #document .content .choose .item .head .btn .svg {/*width: 100%;height: 100%;*/font-size: 10px;color: #333333;fill: #333333;stroke: #333333;} #document .content .choose .item .head .word {display: flex;align-items: center;} #document .content .choose .item .head .word .icon {background: #fff;width: 35px;height: 35px;} #document .content .choose .item .head .word .title {font-size: 18px;margin: 0 15px;font-weight: 400;} #document .content .choose .item .head.cur .word .title {color: var(--main);} #document .content .choose .item .head.cur .btn {transform: rotate(0deg);} #document .content .choose .item .head.cur .btn .svg {color: var(--main);fill: var(--main);stroke: var(--main);} #document .content .choose .item .ul {margin-top: 20px;} #document .content .choose .item .ul .li {margin-top: 10px;padding: 10px 0 10px 50px;font-size: 16px;font-weight: 400;} #document .content .choose .item .ul .li.cur {background: #fff;color: var(--main);} /* 列表 */ #document .content .info {width: calc(100% - 286px - 60px);} #document .content .info .head {position: relative;} #document .content .info .head::before {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;} #document .content .info .head .slide {width: auto;font-size: 18px;transition: all 0.3s linear;box-sizing: border-box;padding-right: 80px;} #document .content .info .head .slide .box {padding-bottom: 25px;border-bottom: 3px solid transparent;font-weight: 400;} #document .content .info .head .slide.swiper-slide-active .box {border-bottom: 3px solid var(--main);color: var(--main);font-weight: 600;} #document .content .info .head .slide:last-child {padding-right: 0;} #document .content .info .ul {padding-top: 10px;margin-bottom: 60px;} #document .content .info .ul .li {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;background: #f8f8f8;padding: 2.7422%;} #document .content .info .ul .li .img {width: 160px;height: 160px;background: #fff;position: relative;overflow: hidden;} #document .content .info .ul .li .word {width: calc(100% - 190px);} #document .content .info .ul .li .word .name {font-size: 20px;font-weight: 600;line-height: 1.6;} /* #document .content .info .ul .li .word .name a {border-bottom: 1px solid transparent;max-width: 100%;} */ #document .content .info .ul .li .word .brief {margin-top: 10px;line-height: 1.8;font-size: 16px;color: #666666;} #document .content .info .ul .li .word .end {display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;} #document .content .info .ul .li .word .end .time {font-size: 14px;color: #999999;margin-top: 25px;margin-right: 10px;} #document .content .info .ul .li .word .end .btnbox {display: flex;margin-top: 25px;} #document .content .info .ul .li .word .end .btnbox .btn {max-width: 100%;cursor:pointer;position: relative; min-width: 140px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 14px;padding: 0 20px;} #document .content .info .ul .li .word .end .btnbox .btn .icon {margin-right: 15px;} #document .content .info .ul .li .word .end .btnbox .btn .icon .svg {font-size: 18px; color: #333333;fill: #333333;stroke: #333333;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(1) {background: #666666;color: #fff;margin-right: 20px;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(2) {border: 1px solid #c7c7c7;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(1) .icon {width: 18px;height: 18px;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(1) .icon .svg {color: #fff; fill: #fff;stroke: #fff;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(2) .icon {width: 20px;height: 20px;} #document .content .info .ul .li .word .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);z-index: 2;} #document .content .info .ul .li .word .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: -9px;transition: all 0.3s linear;} /* 详情 */ #document .content .detail {width: calc(100% - 286px - 60px);} #document .content .detail .title {font-size: 38px;line-height: 1.4;} #document .content .detail .relevant {font-size: 16px;color: #888888;margin-top: 15px;padding-bottom: 4.6875%;border-bottom: 1px solid #e5e5e5;} #document .content .detail .relevant .text {margin-right: 20px;} #document .content .detail .relevant .text:last-child {margin-right: 0;} #document .content .detail .article {margin-top: 50px;} #document .content .detail .labelbox {display: flex;margin-top: 60px;justify-content: space-between;} #document .content .detail .labelbox .text {font-size: 16px;line-height: 30px;margin-top: 20px;} #document .content .detail .labelbox .label {width: calc(100% - 80px); display: flex;flex-wrap: wrap;} #document .content .detail .labelbox .label .item {padding-left: 28px; position: relative;margin-right: 20px;margin-top: 20px;} #document .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;} #document .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;} #document .content .detail .labelbox .label .item:last-child {margin-right: 0;} #document .content .detail .interact {margin-top: 35px;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5;} #document .content .detail .interact .text {text-align: center;font-size: 22px;} #document .content .detail .interact .btnbox {margin-top: 25px;display: flex;justify-content: center;} #document .content .detail .interact .btn {cursor:pointer;display: flex;align-items: center;font-size: 22px;margin-right: 40px;} #document .content .detail .interact .btn:last-child {margin-right: 0;} #document .content .detail .interact .btn .icon {width: 30px;height: 30px;margin-right: 15px;} #document .content .detail .interact .btn .icon img {width: 100%;height: 100%;} #document .content .detail .interact .btn:last-child .icon {transform: rotate(180deg);} #document .content .detail .interact .btn.cur {color: var(--main);} #document .content .detail .interact .btn.clicked {color: #999999;} #document .content .detail .interact .btn.not {cursor:default;} #document .content .detail .end {margin-top: 55px;display: flex;align-items: center;justify-content: space-between;} #document .content .detail .end .page {width: calc(100% - 350px);} #document .content .detail .end .page .pn {margin-top: 10px;font-size: 16px;cursor:pointer;} #document .content .detail .end .page .pn span {color: var(--main);} #document .content .detail .end .btnbox {display: flex;} #document .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;} #document .content .detail .end .btnbox .btn .icon {margin-right: 15px;width: 20px;height: 20px;} #document .content .detail .end .btnbox .btn .icon .svg {/*width: 100%;height: 100%;*/font-size: 20px; color: #333333;fill: #333333;stroke: #333333;} #document .content .detail .end .btnbox .btn:nth-of-type(1) {margin-right: 20px;} #document .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);} #document .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: -9px;transition: all 0.3s linear;} /* 移动端选择区 */ #document .content .phone_choose {display: none;} #document .content .phone_choose .container{min-height: auto;} #document .content .phone_choose .select_one .slide {margin-right: 20px; padding: 15px 20px; width: auto !important; min-width: 300px; background-color: #f8f8f8; display: flex;} #document .content .phone_choose .select_one .slide:last-child {margin-right: 0;} #document .content .phone_choose .select_one .slide .btn {width: 16px;height: 16px;transform: rotate(180deg); display: flex;align-items: center;justify-content: center;} #document .content .phone_choose .select_one .slide .btn .svg {font-size: 10px; color: #333; fill: #333;} #document .content .phone_choose .select_one .slide .word {width: calc(100% - 20px);} #document .content .phone_choose .select_one .slide .word .icon {width: 35px; height: 35px; background: #fff; } #document .content .phone_choose .select_one .slide .word .title { margin: 0 15px; width: calc(100% - 70px); font-size: 14px;} #document .content .phone_choose .select_one .slide.cur .word .title {color: var(--main);} #document .content .phone_choose .select_one .slide.cur .btn {transform: rotate(0deg);} #document .content .phone_choose .select_one .slide.cur .btn .svg {color: var(--main); fill: var(--main);} #document .content .phone_choose .bind {margin-top: 2vw;} #document .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; } #document .content .phone_choose .select_two .slide:last-child {margin-right: 0;} #document .content .phone_choose .select_two .slide.cur {background: #666; color: #fff;} #document .content .info .container-center {width: auto;} #document .phone_choose2 {display: none;} #document .phone_choose2 .select_one {position: relative;} #document .phone_choose2 .select_one::before {content: '';width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;} #document .phone_choose2 .select_one .slide {width: auto;height: auto;padding-right: 7vw;} #document .phone_choose2 .select_one .slide:last-child {padding-right: 0;} #document .phone_choose2 .select_one .item {font-size: 18px;padding-bottom: 1.5625vw;box-sizing: border-box;border-bottom: 3px solid transparent;} #document .phone_choose2 .select_one .item.cur {font-weight: 600;border-bottom: 3px;border-bottom: 3px solid var(--main);color: var(--main);} #document .phone_choose2 .select_two {margin-top: 10px;} #document .phone_choose2 .select_two .down {max-height: 16.521vw;overflow: hidden;} #document .phone_choose2 .select_two .ul {display: flex;flex-wrap: wrap;border-bottom: 1px solid #999;padding-bottom: 20px;} #document .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;} #document .phone_choose2 .select_two .ul .li:last-child {border-right: none;} #document .phone_choose2 .select_two .ul .li.cur {color: var(--main);font-weight: 600;} #document .phone_choose2 .select_two .btn {margin-top: 20px;} #document .phone_choose2 .select_two .btn .icon {margin: auto;background: #fff;width: 20px;height: 20px;transform: rotate(90deg);} #document .phone_choose2 .select_two .btn .icon .svg {font-size: 19px;color: #999; fill: #999999;stroke: #999999;} #document .phone_choose2 .select_two.cur .btn .icon {transform: rotate(-90deg);} #document .content .info .phone_head {min-height: 60px; height: max-content;display: none;} #document .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;} #document .content .info .phone_head .main_subnav.curfixed{position: fixed; border-color: #e5e5e5;} #document .content .info .phone_head .main_subnav .pg_name{margin-right: 30px; padding-right: 31px; position: relative;} #document .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;} #document .content .info .phone_head .main_subnav .pg_name span{display: block; font-size: 16px; line-height: 60px; color: #333; font-weight: 600;} #document .content .info .phone_head .main_subnav .pg_name .svg{width: 10px; height: 8px; fill: #333;} #document .content .info .phone_head .main_subnav .cate_list{} #document .content .info .phone_head .main_subnav .cate_list .item{margin-right: 25px; font-size: 16px; line-height: 60px; color: #666; position: relative;} #document .content .info .phone_head .main_subnav .cate_list .item:last-child{margin-right: 0;} #document .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;} #document .content .info .phone_head .main_subnav .cate_list .item.active::before{background-color: var(--main);} @media (min-width:800px) { #document .content .choose .item .head:hover .word .title {color: var(--main);} #document .content .choose .item .ul .li:hover {background: #fff;color: var(--main);} #document .content .choose .item .head .slide:hover {color: var(--main);} /* #document .content .info .ul .li:hover {background: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);} */ #document .content .info .ul .li:hover .word .name {color: var(--main);} /* #document .content .info .ul .li:hover .word .name a {border-bottom: 1px solid var(--main);} */ #document .content .info .ul .li:hover .word .name a {text-decoration: underline !important;} #document .content .info .ul .li:hover .word .brief {color: #333;} #document .content .info .ul .li .word .end .btnbox .btn:hover {background: var(--main);border-color: var(--main);color: #fff;} #document .content .info .ul .li .word .end .btnbox .btn:hover .icon .svg {color: #fff; fill: #fff;stroke: #fff;} #document .content .detail .end .page .pn:hover {color: var(--main);} #document .content .detail .end .btnbox .btn:hover {background: var(--main);border-color: var(--main);color: #fff;} #document .content .detail .end .btnbox .btn:hover .icon .svg {color: #fff; fill: #fff;stroke: #fff;} #document .content .phone_choose .select_one .slide:hover .word .title {color: var(--main);} #document .content .info .head .slide:hover .box {color: var(--main);} /* #document .content .detail .interact .btn:hover {color: var(--main);} #document .content .detail .interact .btn:hover .icon img:nth-of-type(1) {display: none;} #document .content .detail .interact .btn:hover .icon img:nth-of-type(2) {display: block;} */ } @media (max-width:1536px) { #document_banner .title {font-size: 42px;} } @media (max-width:1500px) { #document_banner .form {top: 43%;} } @media (max-width:1440px) { #document_banner .title {font-size: 36px;} #document .content .detail .title {font-size: 38px;line-height: 1.8;} } @media (max-width:1366px) { #document_banner .title {font-size: 34px;} } @media (max-width: 1280px) { #document_banner .title {font-size: 32px;} #document .content .choose {width: 240px;} #document .content .detail, #document .content .info {width: calc(100% - 240px - 30px);} #document .content .detail .title {font-size: 36px;line-height: 1.8;} } @media (max-width: 1200px) { #document .content .info .ul .li .word .name {font-size: 16px;} #document .content .info .ul .li .word .brief {font-size: 14px;} #document .content .info .ul .li {align-items: flex-start;} #document .content .info .ul .li .word .end .time {margin-top: 1.5625vw;} #document .content .info .ul .li .word .end .btnbox {margin-top: 1.5625vw;} } @media (max-width: 1050px) { #document_banner .title {font-size: 30px;text-align: center;} #document_banner .banner_icon {right: 0;} #document_banner .form {position: relative;left: auto;top: auto;transform: translate(0);margin: 30px auto 0;} #document_banner #breadcrumb>div {justify-content: center;} #document .content {display: block;} #document .content .phone_choose {display: block;} #document .content .choose {display: none;} #document .content .info {width: 100%;margin-top: 3.125vh;} #document .content .detail {width: 100%;} #document .content .info .phone_head {min-height: 55px} #document .content .info .phone_head .main_subnav{position: relative; } #document .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;} #document .content .info .phone_head .main_subnav .pg_name::before{display: none;} #document .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;} #document .content .info .phone_head .main_subnav .pg_name.cur .svg{transform: rotate(-90deg);} #document .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%); } #document .content .info .phone_head .main_subnav .cate_list .item{line-height: 54px;} #document .content .info .phone_head .main_subnav .cate_list .list{margin: 0 auto; width: 90%; flex-direction: column;} #document .content .info .phone_head .main_subnav .cate_list .item::before{display: none;} #document .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;} #document .content .info .phone_head .main_subnav .cate_list .list .item:last-child{border: 0;} #document .content .info .phone_head .main_subnav .cate_list .list .item .svg{display: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; width: 11px; fill: var(--main); color: var(--main);} #document .content .info .phone_head .main_subnav .cate_list .list .item.active .svg{display: block;} } @media (max-width: 992px) { .document_main {margin-top: 65px;} #document {padding: 8vw 0;} #document_banner .title {font-size: 0.298rem;} #document_banner .form .input {font-size: 0.12rem;} #document .content .info .head .title {font-size: 0.135rem;} #document .content .info .head .title, #document .content .info .ul .li .word .name {font-size: 0.135rem;} #document .content .info .ul .li .word .brief {font-size: 0.12rem;} #document .content .info .ul .li .word .end .time {font-size: 0.105rem;} #document .content .detail .end .btnbox .btn, #document .content .info .ul .li .word .end .btnbox .btn {font-size: 0.105rem;} #document .content .info .ul .li .word .end .btnbox .btn .icon .svg{font-size: .1364rem;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(1) {margin-right: 0;} #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(2) {display: none;} #document .content .detail .end {margin-top: 3.125vw;} #document .content .detail .labelbox {margin-top: 2.08333vw;} #document .content .detail .interact {padding-bottom: 3.125vw;margin-top: 1.8229%;} #document .content .detail .end .btnbox {margin-top: 30px;} #document .content .detail .title {font-size: 0.316rem;} #document .content .detail .end .page .pn, #document .content .detail .labelbox .text, #document .content .detail .relevant {font-size: 0.12rem;} /* #document .content .detail .article {font-size: 0.135rem;} */ #document .content .detail .labelbox .label .item .span {font-size: 0.105rem;} #document .content .detail .interact .btn, #document .content .detail .interact .text {font-size: 0.165rem;} #document .content .phone_choose .select_one .slide .word .title {font-size: 0.135rem;} #document .content .phone_choose .select_two .slide {font-size: 0.12rem;} #document .content .info .head .slide, #document .phone_choose2 .select_one .item {font-size: 0.135rem;} #document .content .info .phone_head .main_subnav .pg_name span{font-size: .13rem; line-height: 0.82rem;} #document .content .info .phone_head .main_subnav .cate_list .list .item{font-size: .13rem; } #document .content .info .phone_head .select_one .slide .word .title {font-size: 0.135rem;} #document .content .info .phone_head .select_two .slide {font-size: 0.12rem;} } @media (max-width: 768px) { #document_banner .title {font-size: 0.42rem;} #document_banner .banner_icon {right: -12%;} #document_banner .form {width: 60%;} #document .content .choose .item .head .slide {font-size: 0.18rem;} #document .content .info .ul .li .word .name, #document .content .phone_choose .select_two .slide {font-size: 0.16rem;border-radius: 33px;} #document .content .info .head .title, #document .content .phone_choose .select_one .slide .word .title {font-size: 0.18rem;} #document .content .info .ul .li .word .end .time, #document .content .info .ul .li .word .end .btnbox .btn, #document .content .info .ul .li .word .brief {font-size: 0.14rem;} #document .content .info .ul .li .word .end .btnbox .btn .icon .svg{font-size: .18rem;} #document .content .detail .title {font-size: 0.38rem;line-height: 1.5;} #document .content .detail .end .page .pn, #document .content .detail .labelbox .text, #document .content .detail .relevant {font-size: 0.16rem;} /* #document .content .detail .article {font-size: 0.18rem;} */ #document .content .detail .end .btnbox .btn, #document .content .detail .labelbox .label .item .span {font-size: 0.16rem;} #document .content .detail .interact .btn, #document .content .detail .interact .text {font-size: 0.22rem;} #document .content .detail .end {display: block;} #document .content .detail .end .page {width: 100%;} #document .content .detail .end .btnbox {justify-content: center;} #document .content .info .head .slide, #document .phone_choose2 .select_one .item {font-size: 0.18rem;} #document .content .info .phone_head .main_subnav .pg_name span, #document .content .info .phone_head .main_subnav .cate_list .list .item{font-size: .18rem;} #document .content .info .phone_head .select_two .slide {font-size: 0.16rem;border-radius: 33px;} #document .content .info .phone_head .select_one .slide .word .title {font-size: 0.18rem;} } @media (max-width: 576px) { #document {padding: 10vw 0;} #document_banner .title {font-size: 0.52rem;} #document_banner .form {width: 85%;margin-top: 0;} #document_banner .form .input {font-size: 0.2rem;} #document .phone_choose2 {display: block;} #document .content .phone_choose {display: none;} #document .content .phone_choose .select_two .slide, #document .content .phone_choose .select_one .slide .word .title {font-size: 0.26rem;} #document .content .info .head .title {font-size: 0.3rem;} #document .content .choose .item .head .slide {font-size: 0.3rem;} #document .content .info .ul .li {align-items: flex-start;} #document .content .info .ul .li .word .end {display: block;} #document .content .info .ul .li .word .name {font-size: 0.32rem;} #document .content .info .ul .li .word .brief {font-size: 0.22rem;line-height: 1.6;} #document .content .info .ul .li .word .end .time {font-size: 0.2rem;} #document .content .info .ul .li .word .end .btnbox .btn {font-size: 0.26rem;} #document .content .info .ul .li .word .end .btnbox .btn .icon{transform: translateY(1px);} #document .content .info .ul .li .word .end .btnbox .btn .icon .svg{font-size: .26rem;} #document .content .info .ul .li .img {width: 130px;height: 130px;} #document .content .info .ul .li .word {width: calc(100% - 150px);} #document .content .detail .title {font-size: 0.42rem;line-height: 1.6;} #document .content .detail .relevant .text {font-size: 0.26rem;} /* #document .content .detail .article {font-size: 0.28rem;line-height: 1.8;} */ #document .content .detail .interact{margin-top: 5.8229%;} #document .content .detail .labelbox .text, #document .content .detail .labelbox .label .item .span {font-size: 0.24rem;line-height: 30px;} #document .content .detail .end .page .pn, #document .content .detail .interact .btn, #document .content .detail .end .btnbox .btn, #document .content .detail .interact .text {font-size: 0.26rem;} #document .content .detail .interact{padding-bottom: 8vw;} #document .content .detail .end .btnbox .btn .icon { margin-right: 0.2rem; width: auto; height: auto;} #document .content .detail .end .btnbox .btn .icon .svg{font-size: 0.3rem;} #document .content .detail .end .btnbox .btn{padding: 0 5vw; height: 11vw;} #document .content .detail .end .btnbox .btn:last-child {display: none;} #document .content .info .head .slide, #document .phone_choose2 .select_one .item {font-size: 0.29rem;} #document .content .info .head {display: none;} #document .content .info .phone_head {display: block;} #document .content .info .phone_head .main_subnav .pg_name{padding: 0 5vw;} #document .content .info .phone_head .main_subnav .pg_name span {font-size: 0.3rem;} #document .content .info .phone_head .main_subnav .cate_list .list .item{font-size: .26rem;} #document .content .info .phone_head .main_subnav .cate_list .list .item{padding-left: 5.5vw;} #document .content .info .phone_head .main_subnav .pg_name .svg, #document .content .info .phone_head .main_subnav .cate_list .list .item .svg{width: auto; font-size: 0.18rem; transform: translateY(-50%) scale(0.8);} #document .content .info .phone_head .main_subnav .pg_name .svg{transform: translateY(0) scale(0.8);} #document .content .info .phone_head .main_subnav .pg_name.cur .svg{transform: rotate(-90deg) scale(0.8);} #document .content .info .phone_head .select_two .slide, #document .content .info .phone_head .select_one .slide .word .title {font-size: 0.26rem;} /* #document .content .info .ul .li .word .end .btnbox .btn:nth-of-type(1) .icon {height: 3vw;width: 3vw;} */ } @media (max-width: 530px) { } @media (max-width: 380px) { #document .phone_choos2 .btn .icon {width: 16px;height: 16px;} /* #document .content .info .ul .li {display: block;} #document .content .info .ul .li .img {width: 100%;} #document .content .info .ul .li .word {width: 100%;margin-top: 3.125vh;} */ #document .content .info .ul .li .img {width: 100px;height: 100px;} #document .content .info .ul .li .word {width: calc(100% - 120px);} #document .content .info .ul .li .word .end .btnbox .btn {min-width: auto;width: 100%;height: 30px;padding: 0 10px;} #document .content .info .ul .li .word .end .btnbox .btn .icon {display: none;} #document .content .detail .end .btnbox .btn, #document .content .detail .end .page .pn, #document .content .detail .labelbox .label .item .span, #document .content .detail .labelbox .text, #document .content .detail .relevant {font-size: 0.226rem;} /* #document .content .detail .article {font-size: 0.271rem;} */ #document .content .detail .interact .btn, #document .content .detail .interact .text {font-size: 0.241rem;} #document .content .detail .labelbox {display: block;} #document .content .detail .labelbox .label {width: 100%;} }