* {
box-sizing: border-box
}
body,
html {
width: 100%;
overflow-x: hidden
}
a {
background-color: transparent;
text-decoration: none
}
.banner {
position: relative;
margin: 0 auto;
width: 100%;
height: 632px;
background: url(/static/media/banner@2x.cb289ff6.png) no-repeat;
background-size: 100% 100%
}
.banner .i-banner {
text-align: right;
margin: 0 auto;
padding-top: 186px;
padding-bottom: 11px;
width: 960px
}
.banner .i-banner img {
width: 547px;
height: 435px
}
.banner .mark {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding-top: 191px;
padding-bottom: 221px
}
.banner .mark .mark-container {
width: 840px;
margin: 0 auto
}
.banner .mark .mark-container .top p {
font-size: 48px;
color: #1d2126;
line-height: 56px;
margin-bottom: 12px
}
.banner .mark .mark-container .mob-bottom {
display: none
}
.banner .mark .mark-container .bottom {
display: block;
margin-top: 52px;
display: flex
}
.banner .mark .mark-container .bottom .dask {
width: 128px;
margin-right: 20px;
border: 1px solid #1d2126;
border-radius: 4px
}
.banner .mark .mark-container .bottom .dask .link {
display: block;
height: 40px;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 40px;
color: #1d2126;
text-decoration: none
}
.banner .mark .mark-container .bottom .e-wrap {
position: relative
}
.banner .mark .mark-container .bottom .e-wrap .phone {
width: 128px;
height: 40px;
font-size: 16px;
color: #1d2126;
font-weight: 600;
line-height: 40px;
text-align: center;
border: 1px solid #1d2126;
border-radius: 4px;
cursor: pointer
}
.banner .mark .mark-container .bottom .e-wrap .e-code {
position: absolute;
top: -200px;
left: 50%;
transform: translateX(-50%);
display: none
}
.banner .mark .mark-container .bottom .e-wrap .e-code img {
width: 200px;
height: 200px
}
.banner .mark .mark-container .bottom .e-wrap:hover .e-code {
display: block
}
@media screen and (max-width:767px) {
.banner {
position: relative;
min-width: 340px;
height: 400px;
background: url(/static/media/media_banner@2x.aa54db5a.png) no-repeat;
background-size: 100% 100%
}
.banner .i-banner {
width: 375px;
padding-top: 165px;
padding-bottom: 0;
text-align: center
}
.banner .i-banner img {
width: 295px;
height: 235px
}
.banner .mark {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding-top: 89px;
padding-bottom: 134px
}
.banner .mark .mark-container {
width: 295px;
display: flex;
align-items: center
}
.banner .mark .mark-container .top p {
font-size: 24px;
line-height: 1;
margin-bottom: 0
}
.banner .mark .mark-container .top p:first-child {
margin-bottom: 8px
}
.banner .mark .mark-container .bottom {
display: none
}
.banner .mark .mark-container .mob-bottom {
display: block;
margin-left: 16px
}
.banner .mark .mark-container .mob-bottom .btn {
width: 80px;
height: 32px;
border-radius: 2px;
background-color: transparent;
border: 1px solid #1d2126;
outline: none
}
.banner .mark .mark-container .mob-bottom .btn .link {
font-size: 12px;
font-weight: 700;
color: #1d2126;
display: block;
text-align: center;
line-height: 32px;
text-decoration: none
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.banner {
margin: 0 auto
}
.banner .i-banner {
width: 886px
}
.banner .i-banner img {
width: 547px
}
.banner .mark {
width: 100%;
height: 100%;
padding-top: 191px;
padding-bottom: 221px
}
.banner .mark .mark-container {
width: 728px;
margin: 0 auto
}
.banner .mark .mark-container .top p {
font-size: 48px;
color: #1d2126;
line-height: 56px;
margin-bottom: 12px
}
.banner .mark .mark-container .mob-bottom {
display: none
}
.banner .mark .mark-container .bottom {
display: block;
margin-top: 52px;
display: flex
}
.banner .mark .mark-container .bottom .dask {
width: 128px;
margin-right: 20px;
border: 1px solid #1d2126;
border-radius: 4px
}
.banner .mark .mark-container .bottom .dask .link {
display: block;
height: 40px;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 40px;
color: #1d2126;
text-decoration: none
}
.banner .mark .mark-container .bottom .e-wrap {
position: relative
}
.banner .mark .mark-container .bottom .e-wrap .phone {
width: 128px;
height: 40px;
font-size: 16px;
color: #1d2126;
font-weight: 600;
line-height: 40px;
text-align: center;
border: 1px solid #1d2126;
border-radius: 4px;
cursor: pointer
}
.banner .mark .mark-container .bottom .e-wrap .e-code {
position: absolute;
top: -200px;
left: 50%;
transform: translateX(-50%);
display: none
}
.banner .mark .mark-container .bottom .e-wrap .e-code img {
width: 200px;
height: 200px
}
.banner .mark .mark-container .bottom .e-wrap:hover .e-code {
display: block
}
}
.warp-title {
display: flex;
flex-direction: column;
align-items: center
}
.warp-title .title {
margin-bottom: 16px;
font-size: 36px;
color: #1d2126
}
.warp-title .line {
display: block;
width: 56px;
height: 6px;
background-color: #f2c121
}
@media screen and (max-width:767px) {
.warp-title .title {
margin-bottom: 8px;
font-size: 16px;
color: #1d2126
}
.warp-title .line {
display: block;
width: 28px;
height: 3px;
background-color: #f2c121
}
}
.communicate {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 102px;
background: url(../media/news_report@2x.d5732024.png) 50%/cover no-repeat
}
.communicate .com-content {
width: 960px;
margin: 96px auto 74px;
display: flex
}
.communicate .com-content .content {
display: flex;
flex-direction: column;
align-items: center;
width: 180px;
margin: 0 30px
}
.communicate .com-content .content img {
width: 80px;
height: 80px
}
.communicate .com-content .content .name {
width: 100%;
height: 56px;
margin-top: 16px;
display: flex;
flex-direction: column;
align-items: center
}
.communicate .com-content .content .name span {
display: inline-block;
font-size: 16px;
font-weight: 400;
text-align: center;
color: #1d2126;
line-height: 28px
}
.communicate .xiaoheiban {
display: flex;
justify-content: center
}
.communicate .xiaoheiban .content {
display: flex;
align-items: center
}
.communicate .xiaoheiban .content .src {
width: 32px;
height: 32px
}
.communicate .xiaoheiban .content .title {
font-size: 28px;
font-weight: 500;
color: #1d2126;
margin-right: 8px
}
@media screen and (max-width:767px) {
.communicate {
min-width: 340px;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 30px;
padding-bottom: 40px;
background: url(/static/media/media_com@2x.5e77ff75.png) 50%/cover no-repeat
}
.communicate .com-content {
width: 344px;
margin: 19px auto 28px;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.communicate .com-content .content {
display: flex;
flex-direction: column;
align-items: center;
width: 132px;
margin: 31px 20px 0
}
.communicate .com-content .content img {
width: 40px;
height: 40px
}
.communicate .com-content .content .name {
width: 100%;
height: 32px;
margin-top: 12px;
display: flex;
flex-direction: column;
align-items: center
}
.communicate .com-content .content .name span {
display: inline-block;
font-size: 12px;
text-align: center;
line-height: 16px
}
.communicate .xiaoheiban {
display: flex;
justify-content: center
}
.communicate .xiaoheiban .content .src {
width: 17px;
height: 16px
}
.communicate .xiaoheiban .content .title {
font-size: 14px;
color: #1d2126
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.communicate {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 100px;
background: url(../media/news_report@2x.d5732024.png) 50%/cover no-repeat
}
.communicate .com-content {
width: 628px;
margin: 96px auto 18px;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.communicate .com-content .content {
display: flex;
flex-direction: column;
align-items: center;
width: 220px;
margin: 0 47px 56px
}
.communicate .com-content .content img {
width: 80px;
height: 80px
}
.communicate .com-content .content .name {
width: 100%;
height: 56px;
margin-top: 16px;
display: flex;
flex-direction: column;
align-items: center
}
.communicate .com-content .content .name span {
display: inline-block;
font-size: 16px;
font-weight: 400;
text-align: center;
color: #1d2126;
line-height: 28px
}
}
.notice {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 100px;
background: url(../media/notice@2x.ef543bff.png) 50%/cover no-repeat
}
.notice .mob-title {
color: #fff
}
.notice .top-title {
margin-top: 24px;
font-size: 20px;
color: #fff
}
.notice .not-content {
margin-top: 100px;
margin-bottom: 46px;
display: flex
}
.notice .not-content .content {
display: flex;
flex-direction: column;
align-items: center;
width: 220px
}
.notice .not-content .content img {
width: 80px;
height: 80px
}
.notice .not-content .content .name {
margin-top: 16px;
font-size: 20px;
font-weight: 600;
text-align: center;
color: #ffd630;
line-height: 20px
}
.des {
display: flex;
justify-content: center
}
.des .title {
font-size: 20px;
font-weight: 300;
color: #fff;
line-height: 36px
}
@media screen and (max-width:767px) {
.notice {
min-width: 340px;
height: 297px;
padding-top: 30px;
padding-bottom: 50px;
background: url(/static/media/media_notice@2x.faad4099.png) 50%/cover no-repeat
}
.notice .mob-title {
font-size: 16px;
font-weight: 600;
color: #fff
}
.notice .mob-line {
width: 28px;
height: 3px
}
.notice .top-title {
margin-top: 12px;
font-size: 12px;
color: #fff
}
.notice .not-content {
margin-top: 45px;
margin-bottom: 24px
}
.notice .not-content .content {
display: flex;
flex-direction: column;
align-items: center;
width: 48px;
margin-right: 59px
}
.notice .not-content .content:last-child {
margin-right: 0
}
.notice .not-content .content img {
width: 41px;
height: 40px
}
.notice .not-content .content .name {
margin-top: 7px;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #ffd630;
line-height: 16px
}
.des {
display: flex;
justify-content: center
}
.des .title {
font-size: 12px;
font-weight: 600;
color: #fff;
line-height: 18px
}
}
.homework {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 60px;
padding-bottom: 120px;
background: url(../media/news_report@2x.d5732024.png) 50%/cover no-repeat
}
.homework .home-content {
margin-top: 112px;
display: flex
}
.homework .home-content .content {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 64px
}
.homework .home-content .content img {
width: 80px;
height: 80px
}
.homework .home-content .content .name {
margin-top: 34px;
font-size: 20px;
font-weight: 500;
color: #1d2126;
text-align: center
}
@media screen and (max-width:767px) {
.homework {
min-width: 340px;
padding-top: 30px;
padding-bottom: 41px;
background: url(/static/media/media_home@2x.f73ef027.png) 50%/cover no-repeat
}
.homework .home-content {
margin-top: 48px;
display: flex
}
.homework .home-content .content {
margin: 0 24px
}
.homework .home-content .content img {
width: 41px;
height: 41px
}
.homework .home-content .content .name {
margin-top: 8px;
font-size: 12px;
font-weight: 400;
color: #1d2126;
text-align: center;
line-height: 16px
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.homework {
padding-top: 60px;
padding-bottom: 120px;
background: url(/static/media/media_home@2x.f73ef027.png) 50%/cover no-repeat
}
.homework .home-content {
margin-top: 112px;
display: flex
}
.homework .home-content .content {
margin: 0 28px
}
.homework .home-content .content img {
width: 80px;
height: 80px
}
.homework .home-content .content .name {
margin-top: 34px;
font-size: 20px;
font-weight: 500;
color: #1d2126;
text-align: center
}
}
.worktime {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 100px;
padding-bottom: 140px;
background-color: #fff
}
.worktime .content {
margin-top: 96px;
text-align: center;
line-height: 44px
}
.worktime .content .pc_src {
width: 100%;
height: 44px
}
.worktime .content .mob {
display: none
}
@media screen and (max-width:768px) {
.worktime {
min-width: 340px;
display: flex;
height: 175px;
align-items: center;
flex-direction: column;
padding-top: 40px;
padding-bottom: 50px;
background-color: #fff
}
.worktime .content {
margin-top: 36px;
text-align: center;
line-height: 22px
}
.worktime .content .pc_src {
display: none
}
.worktime .content .mob {
display: block
}
.worktime .content .mob .mob_src {
width: 330px;
height: 22px
}
}
.record {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
background: url(../media/homework_bg@2x.a35393a1.png) 50%/cover no-repeat
}
.record .sub-title {
font-size: 20px;
text-align: center;
color: #1d2126;
line-height: 20px;
margin-top: 24px;
margin-bottom: 100px
}
.record .i-record {
width: 834px;
height: 438px
}
.record .i-record img {
width: 100%;
height: 100%
}
@media screen and (max-width:767px) {
.record {
min-width: 340px;
padding-top: 30px;
background: url(/static/media/media_grow@2x.b5234009.png) 50%/cover no-repeat
}
.record .sub-title {
font-size: 12px;
line-height: 16px;
padding: 0 68px;
margin-top: 12px;
margin-bottom: 50px
}
.record .i-record {
width: 343px;
height: 180px
}
.record .i-record img {
width: 100%;
height: 100%
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.record .sub-title {
width: 400px;
line-height: 28px
}
.record .i-record {
width: 834px;
height: 438px;
display: flex;
justify-content: center;
align-items: flex-end
}
.record .i-record img {
width: 80%;
height: 80%
}
}
.future {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 120px;
background: url(/static/media/news_report@2x.d5732024.png) 50%/cover no-repeat
}
.future .mobile-content {
display: none
}
.future .fu-content {
display: block;
display: flex;
margin-top: 96px
}
.future .fu-content .content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 236px;
height: 285px;
margin: 0 32px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 2px 8px 0 rgba(29, 37, 47, .08)
}
.future .fu-content .content .model {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 40px
}
.future .fu-content .content .model .display {
padding-bottom: 65px;
display: flex;
flex-direction: column;
align-items: center
}
.future .fu-content .content .model .display .top {
width: 64px;
height: 64px;
border-radius: 50%
}
.future .fu-content .content .model .display .top img {
width: 100%;
height: 100%
}
.future .fu-content .content .model .display .bottom {
margin-top: 16px;
display: flex;
flex-direction: column;
align-items: center
}
.future .fu-content .content .model .display .bottom .title {
font-size: 16px;
font-weight: 500;
color: #1d2126;
line-height: 16px;
margin-bottom: 8px
}
.future .fu-content .content .model .display .bottom .sub {
font-size: 16px;
color: #81858c;
line-height: 16px
}
.future .fu-content .content .model .link {
line-height: 16px;
cursor: pointer
}
.future .fu-content .content .model .link .tolink {
text-decoration: none;
font-size: 16px;
color: #4f94ff
}
.future .fu-content .content .line {
height: 4px;
border-radius: 0 0 8px 8px;
background-color: #4f94ff
}
@media screen and (max-width:767px) {
.future-slider .slick-slide:not(.slick-center) .content {
transform: scale(.8)
}
.future {
min-width: 340px;
padding-top: 30px;
padding-bottom: 35px;
background: url(/static/media/future_media@2x.94a7ebcc.png) 50%/cover no-repeat
}
.future .mobile-content {
width: 100%;
display: block;
margin-top: 32px;
background-color: #f7f8f9
}
.future .mobile-content .card-wrapper {
padding: 0 2.5px
}
.future .mobile-content .content {
height: 240px;
border-radius: 4px;
background: #fff;
box-shadow: 0 1px 4px 0 rgba(29, 37, 47, .08);
position: relative;
transition: all .2s
}
.future .mobile-content .content .model {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 20px
}
.future .mobile-content .content .model .display {
padding-bottom: 50px;
display: flex;
flex-direction: column;
align-items: center
}
.future .mobile-content .content .model .display .top {
width: 56px;
height: 56px
}
.future .mobile-content .content .model .display .top img {
width: 100%;
height: 100%
}
.future .mobile-content .content .model .display .bottom {
margin-top: 8px;
display: flex;
flex-direction: column;
align-items: center
}
.future .mobile-content .content .model .display .bottom .title {
font-size: 16px;
font-weight: 500;
color: #1d2126
}
.future .mobile-content .content .model .display .bottom .sub {
margin-top: 8px;
font-size: 14px;
color: #81858c
}
.future .mobile-content .content .model .link {
width: 100px;
height: 32px
}
.future .mobile-content .content .model .link .link-to {
display: block;
width: 100%;
height: 100%;
color: #1d2126;
background-color: #ffd630;
line-height: 32px;
text-align: center;
font-size: 12px;
font-weight: 500;
text-decoration: none
}
.future .mobile-content .content:after {
height: 2px;
width: 100%;
border-radius: 0 0 4px 4px;
background-color: #ffd630;
position: absolute;
bottom: 0;
content: ""
}
.future .fu-content {
display: none
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.future {
margin: 0 auto
}
.future .mobile-content {
display: none
}
.future .fu-content {
display: block;
display: flex;
margin-top: 96px
}
.future .fu-content .content {
margin: 0 8px
}
}
.tips {
position: fixed;
right: 16px;
bottom: 16px
}
.tips .clear {
position: absolute;
right: 12px;
top: 12px
}
.clear-tip {
display: none
}
@media screen and (max-width:767px) {
.tips {
display: none
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.tips {
display: none
}
}
.cooperation {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 100px
}
.cooperation .coo-content {
display: flex;
flex-wrap: wrap;
width: 1020px;
margin-top: 96px
}
.cooperation .coo-content .content {
width: 150px;
height: 80px;
margin: 0 10px 20px
}
.cooperation .coo-content .content .link-media {
display: block;
text-decoration: none
}
.cooperation .coo-content .content .link-media img {
width: 100%;
height: 100%
}
@media screen and (max-width:767px) {
.cooperation {
min-width: 340px;
padding-top: 30px;
padding-bottom: 50px
}
.cooperation .coo-content {
display: flex;
flex-wrap: wrap;
width: 340px;
margin-top: 24px
}
.cooperation .coo-content .content {
width: 75px;
height: 40px;
margin: 0 5px 10px
}
.cooperation .coo-content .content img {
width: 100%;
height: 100%
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.cooperation {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 100px
}
.cooperation .coo-content {
display: flex;
flex-wrap: wrap;
width: 680px;
margin-top: 84px
}
.cooperation .coo-content .content {
width: 150px;
height: 80px;
margin: 0 10px 20px
}
.cooperation .coo-content .content img {
width: 100%;
height: 100%
}
}
.footer {
width: 100%;
height: 140px;
background: #4e5359;
text-align: center;
overflow: hidden
}
.footer .statement {
margin-top: 44px;
font-size: 16px;
color: #fff;
cursor: pointer
}
.footer .statement .to {
font-size: 16px;
font-weight: 600;
color: #fff;
text-decoration: none
}
.footer .address,
.footer .records,
.footer a {
margin-top: 24px;
font-size: 16px;
color: #b7bbbf
}
.footer .address .beian-wrapper,
.footer .records .beian-wrapper,
.footer a .beian-wrapper {
width: 20px;
height: 20px;
vertical-align: middle;
display: inline-block;
margin-right: 8px
}
.footer .address .beian-wrapper img,
.footer .records .beian-wrapper img,
.footer a .beian-wrapper img {
width: 100%;
height: 100%
}
.footer .serve-img {
margin: 22px auto 0;
width: 125px;
height: 45px
}
.footer .serve-img img {
width: 100%;
height: 100%
}
@media screen and (max-width:767px) {
.footer {
min-width: 340px;
height: 120px
}
.footer .statement {
margin-top: 22px;
font-size: 8px
}
.footer .statement .to {
font-size: 8px
}
.footer .address,
.footer .records,
.footer a {
margin-top: 12px;
font-size: 8px
}
.footer .address .beian-wrapper,
.footer .records .beian-wrapper,
.footer a .beian-wrapper {
width: 10px;
height: 10px;
margin-right: 4px
}
.footer .serve-img {
margin-top: 11px;
width: 63px;
height: 23px
}
}
.features {
padding-top: 72px;
width: 100%;
overflow: hidden
}
.features .bottom-placeholder {
height: 120px
}
@media screen and (max-width:767px) {
.features {
padding-top: 50px
}
.features .bottom-placeholder {
height: 40px
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.features {
padding-top: 72px
}
.features .bottom-placeholder {
height: 80px
}
}
.info {
margin: 120px auto 0;
width: 864px
}
.info .personal>div {
display: inline-block;
vertical-align: middle
}
.info .personal .avatar {
margin-right: 16px;
width: 64px;
height: 64px
}
.info .personal .avatar img {
width: 100%;
height: 100%
}
.info .personal .introduction div {
display: inline-block;
vertical-align: middle
}
.info .personal .introduction .name {
font-size: 24px;
font-weight: 500;
color: #1d2126
}
.info .personal .introduction .stage {
margin-left: 8px;
padding: 4px 8px;
background: #ffd630;
border-radius: 2px;
font-size: 12px;
color: #1d2126
}
.info .personal .address {
margin-top: 8px;
font-size: 16px;
color: #81858c
}
.info .app-info {
margin-top: 40px
}
.info .app-info>div {
display: inline-block;
vertical-align: top;
margin-left: 120px
}
.info .app-info>div:first-of-type {
margin-left: 0
}
.info .app-info .app-info-title {
font-size: 16px;
color: #81858c
}
.info .app-info .app-info-content {
margin-top: 4px;
font-size: 48px;
font-weight: 500;
color: #ff7f00
}
.info .desc {
margin-top: 40px;
font-size: 16px;
font-weight: 400;
color: #1d2126;
line-height: 28px;
white-space: pre-line
}
@media screen and (max-width:767px) {
.info {
margin-top: 35px !important;
width: 335px
}
.info .personal .avatar {
margin-right: 8px;
width: 32px;
height: 32px
}
.info .personal .avatar img {
width: 100%;
height: 100%
}
.info .personal .introduction .name {
font-size: 12px;
font-weight: 500;
color: #1d2126
}
.info .personal .introduction .stage {
margin-left: 4px;
padding: 1px 2px;
background: #ffd630;
border-radius: 2px;
font-size: 8px;
color: #1d2126
}
.info .personal .address {
margin-top: 5px;
font-size: 12px;
color: #81858c
}
.info .app-info {
margin-top: 22px
}
.info .app-info>div {
margin-left: 24px
}
.info .app-info .app-info-title {
font-size: 12px;
color: #81858c
}
.info .app-info .app-info-content {
margin-top: 4px;
font-size: 24px;
font-weight: 500;
color: #ff7f00
}
.info .desc {
margin-top: 20px;
font-size: 12px;
font-weight: 400;
color: #1d2126;
line-height: 20px;
white-space: pre-line
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.info {
margin-top: 80px;
width: 728px
}
.info .app-info {
margin-top: 40px
}
.info .app-info>div {
margin-left: 80px
}
}
.line {
width: 100%;
height: 10px;
background: #f7f8f9
}
@media screen and (max-width:414px) {
.line {
height: 5px
}
}
.about {
width: 100%
}
.about .placeholder {
height: 72px
}
.about .good-tools {
padding: 100px 0
}
.about .good-tools .warp-title {
margin-bottom: 64px
}
.about .good-tools .tools-container {
margin: 0 auto;
width: 880px;
font-size: 16px;
color: #1d2126;
line-height: 28px
}
.about .good-tools .tools-container .text-container {
margin: 24px 0
}
.about .good-tools .tools-container .text-container .text-option-wrapper {
margin-top: 6px;
display: flex
}
.about .good-tools .tools-container .text-container .text-option-wrapper .point {
margin-right: 12px;
margin-top: 8px;
width: 12px;
height: 12px;
background: #ffd630;
border-radius: 50% 50%
}
.about .good-tools .tools-container .text-container .text-option-wrapper .content {
flex: 1 1
}
.about .news-report {
overflow: hidden;
background: url(/static/media/news_report@2x.d5732024.png) 50%/cover no-repeat
}
.about .news-report .report-container {
margin: 0 auto;
padding: 80px 0;
width: 100%;
height: 920px
}
.about .news-report .report-container .warp-title {
margin-bottom: 63px
}
.about .news-report .report-container .report-slider {
margin: 0 auto;
width: 960px;
height: 600px
}
.about .news-report .report-container .report-slider .slider-container {
background: #fff;
border: 1px solid #f2f3f4;
border-radius: 16px
}
.about .news-report .report-container .report-slider .slider-header {
margin: 0 auto 40px;
width: 560px;
height: 64px;
line-height: 64px;
font-size: 28px;
font-weight: 500;
text-align: center;
color: #1d2126;
background: url(data:image/png;base64,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) 50%/cover no-repeat
}
.about .news-report .report-container .report-slider .report-content {
margin-bottom: 24px
}
.about .news-report .report-container .report-slider .report-content>div {
position: relative;
margin: 0 auto;
width: 816px;
height: 340px;
text-align: center
}
.about .news-report .report-container .report-slider .report-content>div img {
width: 100%;
height: 100%
}
.about .news-report .report-container .report-slider .report-content>div video {
margin: 0 auto;
height: 100%
}
.about .news-report .report-container .report-slider .slick-dots {
bottom: -50px
}
.about .news-report .report-container .report-slider .slick-dots div {
width: 12px;
height: 12px;
border-radius: 50% 50%;
background-color: #e4e6e8
}
.about .news-report .report-container .report-slider .slick-dots .slick-active>div {
background-color: #b7bbbf
}
.about .news-report .report-container .report-slider .report-desc {
margin: 0 auto 40px;
width: 816px;
height: 92px;
line-height: 28px;
font-size: 16px;
color: #1d2126;
overflow-y: scroll
}
.about .news-report .report-container .report-slider .arrow {
width: 38px;
height: 38px;
margin-left: 35px
}
.about .news-report .report-container .report-slider .arrow.next {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAE4ElEQVR4Xu3cT2gcdRQH8O+b2aTF1IvaimI8R0I8Wg9pdmezs5tsqlLF1oOC4MmmYAXpRTBLC4J4SwVvgq0gRAiCptnJTjK7h0BKc6mKtlfrQaitohVks/t7MrsNrnX/zNCdnTdx9vxL8pvPvt/MfPN7M4T440uAfI2OByMG81kEMZgkMMtan2Jde5GZqgo7F+dM81uf8xM3PLAKK64580y0CLB296jrpOH0zLTxkTgFHxMKBMxxnAN/1fAzgJF750JEZ2cyqQUfcxQ1NBCwUqkyUYP6ptOREujjrc3yqUKhoERpeJhMIGCWZY0obfgWgH1d0JZ+f/zga8fHx6se5ilmSCBg7tFZ6847SuHDHkdq70/gmGEYd8SI9JhIYGDu310tOQUAvc5XV2oJ5J8zjF+igBYoWAPNLp9kpc4T0e7Vsp3LtR3Ucs+b5o/S0QIHayxP2zlRV3yBiIY7g9CNBChnmskfJKMNBKyJVjYV8zKAA11Abml6Yi6XPnJZKtrAwFyAYnH9Gda1FQCPdAH5E7r+0mx6ypKINlCwRqU5zpjawRoIo12WZxWM12ezqc+loQ0crIFmVUZZUxYDT3UCYWal6fSWtCgVCpiLZNv2wzXWVxg43K2KpEWp0MCalXZ1RGm/LgOc7YomKEqFCuYiLS0tDT/40KFPwfxK1/MV4Ys/Hjv0athRKnQwF6lQKGjPTiYXmTEvPUqJANtFWi1VFgDlxqkuH7pSS3BoUUoUmNcoRcC1akhRShyYi3bJdk6gV5Ri/MRaPZfPZL4f5L2aSDA/UYqBo3nT2BoUmlgwqVFKNFjzXs0ZY40sBj8pIUqJB2uiWaOsDYuIUpEAkxSlIgPmN0rlMslTRNT3XalIgUmIUpED8xOlCPg6l0m90M9KiyTYP1HKWSCiBWbueBzMdDaf7d9Oe6TBPEapOvSh8dn05PV+3NxGHsxLlCLQJzNm6o0YrEWguSulvgTogf/C0O3Lm+WD/ejl2BMVtgtUtMtnmPmDdpVUV5g4mjO+u98q21NgVqUyqqqq7e45KzWdz01vxGAtApcc5wmq4UY7FF3Tctnp5FoM1iJQtDfOMFPbJQl9aKwfV8o9syTvtiJ81b4njW7vT/CjhmHU4gpzWxBKleOK6xc7NbvEtxWttxPr5TeV4vMA9A7VswOdJ2bT6fjGdbXUOxoR0fszmdS797sUd38+kucwdx/z8GRyET32MQm0vLVZfrkfN6yRBdve3h66+dudC2HtlEeqwprd2fs89WL87/+B6LXbh5nO5bOp9/p1zrr390Siwtw7eK2GtV79ZCDtdN5MuVfMwD7iweJtNh/fvcSeWLEV5rXrOm4V8BB1GkUaN6M01+qqvXGSFXo9OXI9gUTWNI8M/MkRUUvSS9QB4oa6Rsuml6jjNl+H/fRb6BUWdtTxcdFuDA0VzE/beVBRJzJgUqJOJMAk9XuJB5MWdUSDSYw6YsGkRh2RYJL77sWBeXlI3n2yQ0ciF0bUEQUWhagjBqxbJ03LJEOPOiLAvLxKBkKefxQBtmrbT4P1q50m476sSErUEQHW7XVYzHwun00HtqvjF8Dv+MDCd9F25pn/9cK1Gml4W9pbAsSAuRNZsdandC1xTDFXmeizOTMZv9LP7zcU9fGBLcmow3S+YO3VIwvouOIK8wn7N+EiemvkkTO1AAAAAElFTkSuQmCC) 50%/cover no-repeat
}
.about .news-report .report-container .report-slider .arrow.next:hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAEqUlEQVR4Xu2cT2gcVRzHv783aVJMD4KKF+NFqDu73WSsYG9epA2oILW09aAgeLIVWkF6KTShBUF6awRvBVtBqBAE7cEi4lEpyWYSM7tRT9ZDDzYnPbjZnV+ZmU3bmOzsG7Kz7zfry/klvPeZ3/vzyfv9HsH+ZCJAmVrbxrDAMgaBBSYJGAfVlwHnTQBNUPs6uSsrGfsnrnluEcaBdxqEK2CozqjbID5Lrv+pOAoZOpQLMF4t7wON3gUwvq0vxBfJ9Wcy9FFU03yA1atVsLOcMtLP4C59QIRQFA2NzuQDzJ8cxx51D8BY1z4o3EC7+Q5VgqZGP8U0yQVYNDquex+BcbnHSL8HN49SJfhbDJEeHckNWAxt1ZsFIX29ItyGcl6l5xf+KgK0XIHF0Na8U2jzHECbu+V2LsQNhBvTVAn+kA4td2AxtGDqJEDXAIx2B8J3MOJM0/7FumRoAwEWQ/vVO4wW5gHsSwFyDyPOa7R/4Wep0AYGLFnTpl4C0U0AT6YA+QfEx8j1v5MIbaDAkjWtWkJL3QLRRAqQJojeJbf2pTRoAwcWQ1s5MAFnJIogN2VNC0E4I02ljABLzmmlJ4C9N8E4lBpFwlTKGLAY2t3JcayraCM40mPqiVEpo8CSjaA8CjX2OZjfSo80fIWw+bZplTIOLIY2C4UT3hUAp6WrlAhgm5C47s2AMdsj0oyqlChgiRV4p4BeKkUNhP8aUSlxwLRVivlPQE1TpRYM8qwmElgn0g4DGioF9TqVF38aFDSxwKSqlGhgD1Sq7URW8KwElRIPLJtKOWfIXcz1VqoQwCSpVGGASVGpQgGToFKFA5ZRpb6Fu/RGP+8/Cwlsi0oBkU51HwfzRar076a90MC0VIrQBoUVKi2v9eNwW3hgeipFV6lce88Ce4QAB16kUl8DeGw7GF7HDf8pmt19LsdQRNiDNa3hnUOIT3aOpLBK5eVfdhtlwwXs9wMTaI7sfHvO4StUWf7BAnt0Wv42+Qw21J0doRBPk+vfssC2rmPngC5TUoWlfuyUQzMlk0WfvwFop5y0dbiPP030Y8tGWPRv7cbUCYR0vXuyC1+lsm+PFfEZrPHC+2CeA8PpEj0bUGG1H9Mx+vuFnpK86s1A9VAjwsfkLp3f7VTc/P1CAtO+xySaR6l2/H8t38wv7kG9dQ0gIzflhYowTrKzjeZiFAZYnO3De6NkvPRsH8WXqORf6Nea9d+/UwhgnJzgo1N6ej4Zq7NUqc3lBasQu2ScsWiv2fRiQGJOrNgp2VGdeYDSs65tqoCO6kRHfJuMEs9TrXQnYA1jzhF6bmHglSOipqSm6tiEOm3VAYxXvxmPMNOqo7dfP2xlFJhNO8/wubQLG8CXqJyf6mToctzUSITpl87kn+8lHpg01RENTKLqiAXWucrvXWA6YNURCUyrhNmQ6ogDpqU6ZK6yQxSwuHaoV8KbfYYh+WYceN2v7R9+VuOqIyLCOpcV6U/JkIz6RxnAGgcnEYZ+SmfEVNjKAJb2HJYw1REBrLOGbX1wjdGCUh/mXdqSFUDW9rm6ZOdJv6OdJ/2+sE/6Zf08Q9A+1wgbAj7bhmCBZfyqFlhGYPcBZUv7XMzAPMsAAAAASUVORK5CYII=) 50%/cover no-repeat
}
.about .news-report .report-container .report-slider .arrow.prev {
margin-left: -35px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAFZUlEQVR4Xu2cTWwbRRTH35u1C5USRKApSKgFbvRecCVI3E28XrtpeyCSVS7hiMpHxYELF3AuXDggKFTcaMSFWGoPRMGx1/HaopVo+Li2IFAlcgL6oYZIqK49D02KpbTxbnbKfswq66P1PPPeb9+M5z/zdhCSjxQBlLJOjCEBJpkECbCdCKxabx9H5AYnuqmR9oVpZq9KcvBsHusMq1Qqu4YfG50DghP9iBHgFmo0aU5M/OiZgoRhbIFVbHvokR6cJwLj/ngRoVHI6Vu+l+DiaBpLYAu2vSfdw0UiemFQZAjwR8HQn/QD0JaHEUSjQbZZa7f38du8DgjPufTTKhq6HoQfscowy2of6AKvAcA+JxhE1GFaaqwwOb6yo4Et1poZxnARAB53AbGuMTadn8zWg4Al2oxFhtWX2/ke5+cAYMgFxHXOaWrKnLgUFKxYAKs27BNANAeAu1xArPaAmUeN7OUgYSkPbKnRfoPz3ieIyBxBEFy5g13zuGH8HjQspYFVLbsMAO+7QUDElTv/0NSxY/q1MGApCaxcLrPMS4dPA9HrrrAIrLU0vFzS9fWwYCkHbEPqjOz9EoBK7pkF82s3/poplUqdMGEpBcy27aHbDlLnXih45tLF1lvlcpmHDUsZYAsL9p70bmepswnMbNHQxdwW2SfyddiG1OlwsdB0lDpExBnDU4Wc/llkpP7rOFJgXqQOAHUA8dViTv8qaliRDklVpI7sQ4gkw4TU4ZyfIzepg3CN9+ho0FJHeWCqSR2lgXmVOuwhljez2VXZYMKwD21IepU6Kdh9JJfLXA8j+AfpI3BgXqUOANb/TtF02FJHFlqgwOIgdZQBFhepowQwIXVSD8M3APD8Ng5FLnUiB/a1Ze1PQ0ocVLhLHcBThXz0UidSYAvLy0+liF0AgmecHVFL6kQGrFIhbXikZQPAmIsT60R8+kh+MrBTHVkAsva+/UvWrNZJDnTG0QFFpU4kwCqVijb86OivgI5DMbRTHVkAsva+ZFjdtg/2uvD9oM4J6BeNaznTVFPqRAJsybLfJoCP7u9cbPwRYGYqr/8g65iq9r5kWLXe/AAQ390SJMLPxZzuVjSiKheXqdgHl6uW/SEAvDOgqStFQz/gQxfKNOFLhi1Z9psEcHpAVIRMO1iYHP9JmYj/pyO+AKs1mxnew+8cfPmN8Y5umqaS+1uy/HwBJqqAqg37KhA8PdABgtUUMtMIoVhEFoCsvV/AoNqwXwOCz90WrojaVFCFbrKBP6i9b8A2Fq8joxcA4FAijTw+jlrt4l7OOmIue9b5J9RhqM2Yuey8x2aVMvMtw/pRWda3+7vQTbZ3ZB6zKAtPdT1tIJaLhj4r03bUtr5nWD+gu1vUeJ6ItnnBINpqHNkHEBgw4YjnQxCA+bWb0dR7KQVMOCOO2Q69OP4pAZ50dy45ZruHz1KjNUtE77lCI1xJsx1+kLsZkNCcnOhjt6poBLyMHE1V988CncMGZdPdYhScAyDnunuC1R6GU3ev3Bw2yCGv5U4qSqnQM6wPsFZrZriHd4dUO2WKDJgA57VkkyHOmDldCSkVKTABLW4n5ZEDE9C8SylWLhrZSKWUEsAEtLhIKWWAxUVKKQWsL6W8vJwVVcWicsD6y46lenOWEJWTUsoCE+A8V10Ty4clpZQGJqB5klIAoRW7KA9MQFNJSsUCmICmipSKDTApKaWlx82JsUCuY4gVMK9SCgBbReNwcpVMf8mx/Ru89GfRmHhCdq/Li33sMszjqdRy0dBzXgDI2sQW2CYpdRaAXtkU+C2WXLjmngfiSj9CbjDEG9jDs8mVfrLjJkD7WA/JALk4Np0Ak6SeAJME9i8dDXdrUyGtswAAAABJRU5ErkJggg==) 50%/cover no-repeat
}
.about .news-report .report-container .report-slider .arrow.prev:hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAE50lEQVR4Xu2cP2wcRRTGv7eXnBt3IEBC4Y+EYu9eyJ0hEJogRSSxhBEFkVBoQokCBFHQ0IDd0FAgCFh0JKLBkUgHUgyIFCnAEGdtuNtzZISEK6IEhJSCXLz70O3Zl0O+251xdnfe6vbK09udeb99MzvfzntDKH5aBEjLujBGAUwzCApgwwiMmxPPw8dhUPA3LP6Mxpd/1+SgbJ7rCOO6U4Y1cgbMx7oeE/4B/GfI/uWSMgUNw9wC47ozCiqfA3C4j7/fkuP2+18DTX/TXALjlcfvhu9/BeDJAQT+JMe9747p9LlB7oDx6p5duFmaB9F4BJAL5LgHhx4YX3nMxrp/HqBdETBaYD5AlaWFoQbG9b37QVZ7GN4VAeIGiI+SvTSfBqz2PXMxJNmrHgHTlwBGI0BcBwdTVFn+MS1YuQDGjYljAJ8BUB4MgtewozRJuxe9NGGJB8Yrtdfg80cAWQNBMDeBW5NUafyRNizRwNirTYPxbgyEBZRKUzR26VoWsEQCY4aFldopBHg1BsI34NYLVGncyAqWOGCh1KHy5wBejIRg0Rz8m8ep0mhlCUsUsBip08tlFrZ7kghB1rDEAFOQOh02hBmy3WkToDbbNL4OC6XOrdI8OErqcADQG+S4n5iEZTzClKUO6GVyLn9hGpZRYFKkju5DMDIklaQO4RqC4Lm0pY54YNKkjmhgylJnxD9Cj/y6putMFvaZDUllqUP/Pkt283oWzm+njdSBKUsdwjyC1tGspY4utFSB5UHqiAGWF6kjAlgodQL/azCeiOyQAKljHBjXnQdg7TyfF6ljFBi71fsxQhfBeCiiIy0IkjrGgDGjBK/6PUAHIjqR+q6OLgBd+8TektycOIGAZwd2QKjUMQKMz6KEPbVVYNBQzG5XRxeArn0iEcbNiX0I+KcBjV9Bef2QVKljBlij9iaAD7Y2zgEsaz+NX/5Zt2NS7ZOJMK/2Hhhvb3GSsEK2G5U0IpVLxFScQJfZq70PxltbgXGT7CU7gSbE3CKhCKu+DqZTfbxiINhHzvKiGI/vsCPJAOtk1vzQty+M3xCsH6RHZX7f0uWXDDAGwau1E3Ef7A+N17Azm2QRXQC69okAazfKXvUVMH0avXDlqbQS3XQd3659csDCxWv1IkBPFdJI8XHw6t570ArnsocjLmmhZB2nscU5xduKMksswja9Kj7vbOP5anxAnCbbndlGE8YuSTzCeiJtFFb5HLhv4UGvw7M4656kaTPZOLrkUwMWvjlV871Ac2Az+V6igIXQ2hmFXu1jACciO1dss/0fD9erMyB6J+aJLmDYN3J7AbHX1pz4MDIrGvDgr09KlVKpzmH9okkpGYXlSqnMgW3IqPjKjvYegMVTNJZOzZDuZL9pbwRY5w0qo3ZIF5wxYCE01eo0QVLKKLCNtVqudsqNAwuhqediGJdSIoBtRJq6lBr2woYe/alWOmNQSomJsC401eIsQ1JKHLDb0SZTSokF1nkZKBaYZph1LRpYCK0oYdZdW4c7UmKklPgIuz2nyZBSuQGmJaV2BE/T7nSOY8gVMGUpRbhAdnGUTHfyi63gJVwl271Xf7aMvyJ3Eaa2K8XfkbN0KN59fYvcAuvuSlnl02C81HW9OHAtPgo6R/oF7QPW/kKJTxdH+sUzy8wi10MyM0o9DRXANKkXwDSB/QcOTSJrW7FeMgAAAABJRU5ErkJggg==) 50%/cover no-repeat
}
.about .news-report .report-container .report-slider .hiddenBefore:before {
content: "" !important
}
@media screen and (max-width:767px) {
.about .placeholder {
height: 50px
}
.about .good-tools {
padding: 30px 0
}
.about .good-tools .warp-title {
margin-bottom: 30px
}
.about .good-tools .tools-container {
width: 335px;
font-size: 12px;
line-height: 18px
}
.about .good-tools .tools-container .text-container {
margin: 16px 0
}
.about .good-tools .tools-container .text-container .text-option-wrapper .point {
margin-right: 10px;
width: 8px;
height: 8px
}
.about .news-report .report-container {
padding: 30px 0;
width: 100%;
height: 435px;
background: #f7f8f9
}
.about .news-report .report-container .warp-title {
margin-bottom: 30px
}
.about .news-report .report-container .report-slider {
width: 343px;
height: 300px;
background: #fff;
border-radius: 8px
}
.about .news-report .report-container .report-slider .slider-container {
border-radius: 8px
}
.about .news-report .report-container .report-slider .slider-header {
margin-bottom: 20px;
width: 300px;
height: 32px;
font-size: 14px;
line-height: 32px
}
.about .news-report .report-container .report-slider .report-content {
margin-bottom: 12px
}
.about .news-report .report-container .report-slider .report-content>div {
width: 295px;
height: 170px;
overflow: hidden
}
.about .news-report .report-container .report-slider .slick-dots {
bottom: -47px
}
.about .news-report .report-container .report-slider .slick-dots li {
width: 6px
}
.about .news-report .report-container .report-slider .slick-dots div {
width: 6px;
height: 6px
}
.about .news-report .report-container .report-slider .report-desc {
margin: 0 auto 20px;
width: 295px;
height: 46px;
font-size: 12px;
line-height: 18px
}
.about .news-report .report-container .report-slider .arrow {
display: none
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.about .good-tools {
padding: 64px 0
}
.about .good-tools .tools-container {
margin: 0 auto;
width: 708px
}
.about .news-report .report-container {
width: 100%;
height: 920px
}
.about .news-report .report-container .report-slider {
width: 728px;
height: 600px;
background: #fff;
border-radius: 16px
}
.about .news-report .report-container .report-slider .slider-container {
border-radius: 16px
}
.about .news-report .report-container .report-slider .report-content {
margin-bottom: 24px
}
.about .news-report .report-container .report-slider .report-content>div {
width: 664px;
height: 340px
}
.about .news-report .report-container .report-slider .report-desc {
width: 664px
}
.about .news-report .report-container .report-slider .arrow {
display: none
}
}
.mobile-nav {
display: none
}
.nav {
position: fixed;
width: 100%;
z-index: 99;
display: block
}
.nav .navbar {
display: flex;
margin: 0 auto;
height: 72px;
min-width: 1024px;
max-width: 1200px;
padding: 0 32px;
justify-content: space-between;
align-items: center;
background-color: transparent
}
.nav .navbar .navbar-left {
display: flex
}
.nav .navbar .navbar-left .logo-wrap {
margin-right: 20px
}
.nav .navbar .navbar-left .logo-wrap img {
width: 120px;
height: 34px
}
.nav .navbar .navbar-left .tab {
display: flex
}
.nav .navbar .navbar-left .tab li {
font-size: 16px;
text-align: center;
width: 92px;
line-height: 36px;
position: relative
}
.nav .navbar .navbar-left .tab li .link {
color: #1d2126;
text-decoration: none
}
.nav .navbar .navbar-left .tab li .normal,
.nav .navbar .navbar-left .tab li .selected {
color: #1d2126
}
.nav .navbar .navbar-left .tab li .linkline {
display: none;
position: absolute;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 2px;
background-color: #1d2126
}
.nav .navbar .navbar-right {
display: flex;
align-items: center
}
.nav .navbar .navbar-right .tel {
font-size: 14px;
color: #1d2126;
line-height: 14px
}
.nav .navbar .navbar-right .login {
display: block;
width: 112px;
text-decoration: none;
color: #1d2126;
border: 1px solid #1d2126;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
line-height: 30px;
text-align: center;
margin: 0 16px
}
.nav .navbar .navbar-right .client-downloads {
width: 112px;
height: 32px;
background: #1d2126;
border-radius: 4px
}
.nav .navbar .navbar-right .client-downloads .link {
display: block;
line-height: 32px;
text-decoration: none;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #fff
}
@media screen and (max-width:414px) {
.mob-nav {
display: block
}
.nav {
display: none
}
}
@media screen and (max-width:767px) {
.mobile-nav {
display: flex;
justify-content: center;
align-items: center;
min-width: 340px;
width: 100%;
height: 50px;
position: fixed;
z-index: 99
}
.mobile-nav .title {
width: 60px;
height: 17px
}
.mobile-nav .title img {
width: 100%;
height: 100%
}
.mobile-nav .menu {
position: absolute;
top: 13px;
left: 12px;
width: 24px;
height: 24px
}
.mobile-nav .menu img {
width: 100%;
height: 100%
}
.mobile-nav .mob-download {
position: absolute;
top: 9px;
right: 12px;
width: 80px;
height: 32px;
border: none;
outline: none;
border-radius: 2px;
background-color: #ffd630
}
.mobile-nav .mob-download .link {
text-decoration: none;
font-size: 12px;
font-weight: 500;
color: #1d2126
}
.mobile-nav .down-menu {
position: absolute;
left: 0;
top: 50px;
width: 100%;
padding-top: 30px;
padding-bottom: 32px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center
}
.mobile-nav .down-menu .link {
line-height: 48px
}
.mobile-nav .down-menu .link .to {
font-size: 16px;
color: #81858c;
text-decoration: none
}
.mobile-nav .down-menu .link .active {
font-size: 16px;
color: #191f25
}
.mobile-nav .down-menu .phone {
margin-top: 12px;
font-size: 12px;
color: #4f94ff
}
.nav {
display: none
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.nav .navbar {
min-width: auto;
max-width: auto
}
.nav .navbar .tel {
display: none
}
}
.nomatch {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-width: 340px;
background: url(/static/media/404@2x.2720e226.png) 50%/cover no-repeat
}
.feedback-container {
padding-top: 72px
}
.feedback-container .wrapper {
width: 960px;
margin: 0 auto
}
.feedback-container .wrapper .feedback-title {
margin: 80px auto 64px;
font-size: 24px;
text-align: center;
color: #1d2126
}
.feedback-container .wrapper .option-title {
margin-top: 48px;
margin-bottom: 20px;
font-size: 16px;
color: #1d2126
}
.feedback-container .wrapper .option-title .required-flag {
color: #ff1c2f
}
.feedback-container .wrapper .option-title .error-tip {
margin-left: 12px;
font-size: 12px;
color: #eb3b3b
}
.feedback-container .wrapper input,
.feedback-container .wrapper select,
.feedback-container .wrapper textarea {
padding: 10px;
width: 100%;
font-size: 14px;
border: 1px solid #e4e6e8;
border-radius: 4px 4px;
outline: none
}
.feedback-container .wrapper textarea {
line-height: 22px
}
.feedback-container .wrapper .upload-container>div {
display: inline-block;
vertical-align: top;
margin-right: 8px;
width: 64px;
height: 64px
}
.feedback-container .wrapper .upload-container .upload-button {
cursor: pointer
}
.feedback-container .wrapper .upload-container .upload-button img {
width: 64px;
height: 64px
}
.feedback-container .wrapper .upload-container .upload-button .upload-input {
display: none
}
.feedback-container .wrapper .upload-container .uploaded-show {
position: relative
}
.feedback-container .wrapper .upload-container .uploaded-show img {
width: 64px;
height: 64px
}
.feedback-container .wrapper .upload-container .uploaded-show .delete-container {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px
}
.feedback-container .wrapper .upload-container .uploaded-show .delete-container img {
width: 100%;
height: 100%
}
.feedback-container .wrapper .submit-button {
margin-top: 60px;
width: 160px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: 500;
color: #1d2126;
text-align: center;
background: #ffd630;
border-radius: 4px
}
.feedback-container .placeholder-bootom {
height: 120px
}
.feedback-container .none {
display: none
}
@media screen and (max-width:767px) {
.feedback-container {
padding-top: 72px
}
.feedback-container .wrapper {
width: auto;
padding: 0 20px
}
.feedback-container .wrapper .feedback-title {
margin: 30px auto;
font-size: 16px
}
.feedback-container .wrapper .option-title {
margin-top: 24px;
margin-bottom: 16px
}
.feedback-container .wrapper .option-title:nth-of-type(5),
.feedback-container .wrapper .upload-container {
display: none
}
.feedback-container .wrapper .submit-button {
margin-top: 30px;
width: 100%
}
.feedback-container .placeholder-bootom {
height: 76px
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.feedback-container .wrapper {
width: 728px
}
.feedback-container .placeholder-bootom {
height: 80px
}
}
.download {
display: block;
width: 100%
}
.download .placeholder {
height: 72px
}
.download .container {
position: relative;
margin: 0 auto
}
.download .container .top-wrap {
height: 612px;
background-color: #fff
}
.download .container .bottom-wrap {
height: 556px;
background-color: #f7f8f9
}
.download .container .suspension {
position: absolute;
top: 48px;
left: 50%;
transform: translateX(-50%);
width: 799px
}
.download .container .suspension .down-title {
display: flex;
flex-direction: column;
align-items: center
}
.download .container .suspension .down-title .app-logo {
width: 88px;
height: 88px
}
.download .container .suspension .down-title .app-logo img {
width: 100%;
height: 100%
}
.download .container .suspension .down-title .name {
font-size: 48px;
font-weight: 500;
color: #1d2126;
margin: 32px 0
}
.download .container .suspension .down-title .des {
font-size: 24px;
color: #81858c
}
.download .container .suspension .down-title .btn-down {
height: 64px;
width: 264px;
font-size: 24px;
font-weight: 500;
color: #1d2126;
line-height: 64px;
text-align: center;
background-color: #ffd630;
border-radius: 8px;
margin: 48px 0 28px;
cursor: pointer
}
.download .container .suspension .down-figure {
height: 476px
}
.download .container .suspension .down-figure img {
width: 100%;
height: 100%
}
.download .container .suspension .down-type {
display: flex;
justify-content: space-between
}
.download .container .suspension .down-type .content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 168px;
height: 168px;
background-color: #fff;
border-radius: 12px;
cursor: pointer
}
.download .container .suspension .down-type .content:hover .wrap-cover {
display: block
}
.download .container .suspension .down-type .content img {
width: 48px;
height: 48px
}
.download .container .suspension .down-type .content .name {
font-size: 16px;
color: #4e5359;
margin-top: 20px
}
.download .container .suspension .down-type .content .wrap-cover {
display: none
}
.download .container .suspension .down-type .content .wrap-cover .cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center
}
.download .container .suspension .down-type .content .wrap-cover .cover .download-logo {
margin-top: 30px;
width: 48px;
height: 48px
}
.download .container .suspension .down-type .content .wrap-cover .cover .code {
margin-top: 16px;
width: 90px;
height: 90px
}
.download .container .suspension .down-type .content .wrap-cover .cover .name {
margin: 16px 0 12px;
font-size: 16px;
color: #4e5359
}
.download .container .suspension .down-type .content .wrap-cover .cover .share {
margin: 8px 0;
font-size: 16px;
color: #4e5359
}
.download .container .suspension .down-type .content .wrap-cover .cover .version {
font-size: 14px;
color: #81858c
}
.media-download {
display: none
}
@media screen and (max-width:767px) {
.media-download {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
min-width: 340px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: #fff
}
.media-download .overflow-y {
width: 100%;
overflow-y: auto
}
.media-download .overflow-y .media-top {
margin-top: 150px;
display: flex;
flex-direction: column;
align-items: center
}
.media-download .overflow-y .media-top .media-logo {
width: 64px;
height: 64px
}
.media-download .overflow-y .media-top .media-logo img {
width: 100%;
height: 100%
}
.media-download .overflow-y .media-top .media-btn {
margin-top: 100px;
width: 200px;
height: 48px;
border-radius: 6px;
text-align: center;
background-color: #ffd630
}
.media-download .overflow-y .media-top .media-btn .app-download {
text-decoration: none;
display: block;
line-height: 48px;
font-size: 14px;
font-weight: 500;
text-align: center;
color: #1d2126
}
.media-download .overflow-y .media-bottom {
width: 100%;
margin-top: 266px
}
.media-download .overflow-y .media-bottom .media-support {
margin-bottom: 32px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 0 16px
}
.media-download .overflow-y .media-bottom .media-support .title {
font-size: 14px;
color: #81858c;
margin-bottom: 24px
}
.media-download .overflow-y .media-bottom .media-support .content-wrap {
width: 100%;
display: flex;
justify-content: center
}
.media-download .overflow-y .media-bottom .media-support .content-wrap .content {
display: flex;
flex-direction: column;
align-items: center;
width: 80px;
height: 80px;
margin: 0 4px;
border: 1px solid #f2f3f4;
border-radius: 8px
}
.media-download .overflow-y .media-bottom .media-support .content-wrap .content img {
margin-top: 14px;
width: 24px;
height: 24px
}
.media-download .overflow-y .media-bottom .media-support .content-wrap .content .device {
margin-top: 16px;
font-size: 12px;
font-weight: 400;
text-align: center;
color: #4e5359
}
.media-download .left-circle {
position: absolute;
left: -50px;
top: 436px;
width: 144px;
height: 144px;
background: url(/static/media/img_circle1@2x.59e91cd4.png) 50%/cover no-repeat
}
.media-download .right-circle {
position: absolute;
right: -90px;
top: -32px;
width: 220px;
height: 221px;
background: url(/static/media/img_circle2@2x.e96b3da6.png) 50%/cover no-repeat
}
.download {
display: none
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.media-download {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background-color: #fff
}
.media-download .overflow-y {
width: 100%;
overflow-y: auto
}
.media-download .overflow-y .pad-line {
margin-top: 72px;
height: 10px;
background-color: #f7f8f9
}
.media-download .overflow-y .media-top {
margin-top: 100px;
display: flex;
flex-direction: column;
align-items: center
}
.media-download .overflow-y .media-top .media-logo {
width: 64px;
height: 64px
}
.media-download .overflow-y .media-top .media-logo img {
width: 100%;
height: 100%
}
.media-download .overflow-y .media-top .media-btn {
margin-top: 100px;
width: 200px;
height: 48px;
border-radius: 6px;
text-align: center;
background-color: #ffd630
}
.media-download .overflow-y .media-top .media-btn .app-download {
text-decoration: none;
display: block;
line-height: 48px;
font-size: 14px;
font-weight: 500;
text-align: center;
color: #1d2126
}
.media-download .overflow-y .media-bottom {
width: 100%;
position: absolute;
bottom: 0;
left: 0
}
.media-download .overflow-y .media-bottom .media-support {
margin-bottom: 32px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 0 16px
}
.media-download .overflow-y .media-bottom .media-support .title {
font-size: 14px;
color: #81858c;
margin-bottom: 24px
}
.media-download .overflow-y .media-bottom .media-support .content-wrap {
width: 100%;
display: flex;
justify-content: center
}
.media-download .overflow-y .media-bottom .media-support .content-wrap .content {
display: flex;
flex-direction: column;
align-items: center;
width: 80px;
height: 80px;
margin: 0 4px;
border: 1px solid #f2f3f4;
border-radius: 8px
}
.media-download .overflow-y .media-bottom .media-support .content-wrap .content img {
margin-top: 14px;
width: 24px;
height: 24px
}
.media-download .overflow-y .media-bottom .media-support .content-wrap .content .device {
margin-top: 16px;
font-size: 12px;
font-weight: 400;
text-align: center;
color: #4e5359
}
.media-download .left-circle {
position: absolute;
left: -50px;
top: 436px;
width: 144px;
height: 144px;
background: url(/static/media/img_circle1@2x.59e91cd4.png) 50%/cover no-repeat
}
.media-download .right-circle {
position: absolute;
right: -90px;
top: -32px;
width: 220px;
height: 221px;
background: url(/static/media/img_circle2@2x.e96b3da6.png) 50%/cover no-repeat
}
.download {
display: none
}
}
.protect {
width: 100%
}
.protect .placeholder {
height: 72px
}
.protect .content-wrap {
margin: 0 auto;
width: 880px;
padding: 80px 0 100px
}
.protect .content-wrap .title {
font-size: 36px;
text-align: center;
color: #1d2126;
margin-bottom: 64px
}
.protect .content-wrap .mob-wrap {
display: none
}
.protect .content-wrap h5 {
font-size: 16px;
font-weight: 600;
color: #1d2126;
line-height: 36px;
letter-spacing: 1px
}
.protect .content-wrap p {
font-size: 16px;
color: #1d2126;
letter-spacing: 1px;
line-height: 24px
}
@media screen and (max-width:767px) {
.protect {
width: 100%;
min-width: 340px
}
.protect .placeholder {
height: 50px
}
.protect .content-wrap {
padding: 30px 16px;
width: auto
}
.protect .content-wrap .title {
display: none
}
.protect .content-wrap .mob-wrap {
display: block;
margin-bottom: 30px;
height: 27px;
position: relative
}
.protect .content-wrap .mob-wrap .mob-title {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #1d2126
}
.protect .content-wrap .mob-wrap .line {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 28px;
height: 3px;
background-color: #f2c121
}
.protect .content-wrap h5 {
line-height: 28px
}
.protect .content-wrap h5,
.protect .content-wrap p {
font-size: 12px;
font-weight: 400;
color: #1d2126;
letter-spacing: .5px
}
.protect .content-wrap p {
line-height: 22px
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.protect {
width: 100%
}
.protect .content-wrap {
width: 728px;
padding: 80px 0 100px
}
}
.clear {
clear: both
}
.invitation-container {
background: #222
}
.invitation-container .msg-box {
position: relative;
padding: 5% 8%
}
.invitation-container .msg-box:before {
border-width: 18px 26px
}
.invitation-container .msg-box:after,
.invitation-container .msg-box:before {
content: "";
height: 0;
width: 0;
position: absolute;
left: 6%;
bottom: -36px;
border-style: solid
}
.invitation-container .msg-box:after {
border-color: #222 transparent transparent #222;
border-width: 18px 5px
}
.invitation-container .share {
background: -webkit-radial-gradient(50% 5%, #a0e000 10%, #65c300)
}
.invitation-container .share:before {
border-color: #66c400 transparent transparent #66c400
}
.invitation-container .share h2 {
text-align: center;
font-size: 60px;
font-weight: 700;
padding: 10px 0;
text-shadow: 0 0 15px rgba(106, 177, 8, .75)
}
.invitation-container .share h3 {
text-align: right
}
.invitation-container .save {
background: -webkit-radial-gradient(50% 5%, #f43f00 10%, #ea0100)
}
.invitation-container .save:before {
border-color: #ea0100 transparent transparent #ea0100
}
.invitation-container .save h2 {
text-align: center;
font-size: 120px;
font-weight: 700;
padding: 10px 0;
text-shadow: 0 0 15px rgba(255, 150, 0, .75)
}
.invitation-container .msg {
padding: 40px 5% 30px;
font-size: 18px;
line-height: 30px
}
.invitation-container .btn {
display: block;
margin: 0 auto;
text-align: center;
height: 46px;
background: #11b0ea none repeat scroll 0 0;
color: #fff;
border-radius: 5px
}
.invitation-container .btn-fixed {
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 15px 0;
background: #eaeaea
}
.invitation-container .btn-white {
display: block;
width: 90%;
margin: 0 auto;
text-align: center;
height: 46px;
line-height: 46px;
background: #60ca2c;
color: #fff;
font-size: 16px;
border-radius: 30px
}
.invitation-container .intro {
padding: 40px 5%
}
.invitation-container .intro img {
width: 100%;
margin: 10px 0
}
.invitation-container .intro h1 {
font-size: 18px;
line-height: 28px
}
.invitation-container .intro h2 {
line-height: 24px;
background: #92d050;
color: #333;
margin: 10px 0
}
.invitation-container .intro h3 {
line-height: 24px;
color: #92d050;
margin: 10px 0
}
.invitation-container .intro p {
font-size: 12px;
line-height: 20px;
text-indent: 24px;
margin-bottom: 5px
}
.invitation-container .intro strong {
font-weight: 700;
font-size: 14px
}
.invitation-container .intro span {
color: #ff4957
}
.invitation-container .intro .list {
margin: 10px 0;
font-size: 12px;
list-style: disc inside
}
.invitation-container .intro .list li {
line-height: 20px;
margin-left: 10px
}
.invitation-container .apply {
padding: 20px 5% 60px
}
.invitation-container .apply h1 {
font-size: 16px;
padding: 10px 0
}
.invitation-container .apply h2 {
padding: 20px 0
}
.invitation-container .apply input {
height: 40px;
line-height: 40px
}
.invitation-container .apply input,
.invitation-container .apply textarea {
width: 100%;
border-radius: 6px;
border: 1px solid #666;
background: #222;
color: #fff
}
.invitation-container .apply textarea {
height: 100px;
margin-bottom: 30px
}
.invitation-container .apply select {
width: 40%;
height: 40px;
line-height: 40px;
border-radius: 6px;
border: 1px solid #666;
background: #222;
color: #fff
}
.tipsText {
font-size: 14px;
color: #e6e6e6;
line-height: 20px;
padding: 0 24px
}
.titImg {
padding: 25px 44px
}
.titImg img {
display: block;
width: 100%
}
.mdxhb {
padding: 25px 0;
text-align: center
}
.mdxhb span {
font-size: 12px;
color: #999
}
.mdxhb a,
.mdxhb span {
vertical-align: middle
}
.mdxhb a {
font-size: 16px;
color: #f8e71c;
padding-left: 10px
}
.mdxhb a img {
width: 18px;
margin-left: 10px;
vertical-align: middle
}
.inviteShare {
width: 300px;
height: 160px;
background: url(/static/media/bg.1f75549a.png) no-repeat 50%;
background-size: 100% 100%;
text-align: center;
margin: 20px auto
}
.inviteShare p {
font-size: 18px;
color: #333;
padding-top: 20px
}
.inviteShare h2 {
font-size: 48px;
color: #ff748e;
line-height: 1;
padding: 10px 0 25px
}
.inviteShare h3 {
font-size: 12px;
color: #999;
font-weight: 400
}
.invitation-container {
background-color: #3a3a3a;
min-height: 100vh
}
.invitation-container .btn {
background: #f8e71c;
font-size: 16px;
color: #222;
margin: 30px 10px 0;
line-height: 46px
}
/*# sourceMappingURL=main.23e64069.chunk.css.map */